.tabs { display: flex; gap: 4px; flex-wrap: wrap; margin-bottom: 16px; }
.tab { padding: 10px 18px; border: 2px solid var(--color-border); border-radius: var(--radius-full); background: transparent; color: var(--color-text); cursor: pointer; transition: all .2s; font-weight: 600; font-size: .85rem; }
.tab:hover { border-color: var(--color-primary); }
.tab.active { background: var(--color-primary); border-color: var(--color-primary); color: #fff; }
.tool-panel { animation: fadeIn .3s ease; }
.cron-desc { padding: 16px; background: var(--color-surface-alt); border-radius: var(--radius-md); font-size: 1.1rem; line-height: 1.6; }
.cron-next-item { padding: 8px 12px; border-bottom: 1px solid var(--color-border); font-family: monospace; font-size: .9rem; }
.chmod-grid { display: grid; grid-template-columns: auto repeat(3, 1fr); gap: 8px; align-items: center; }
.chmod-label { font-weight: 600; font-size: .9rem; }
.chmod-cb { width: 20px; height: 20px; cursor: pointer; accent-color: var(--color-primary); }
.chmod-result { display: flex; gap: 16px; }
.result-box { flex: 1; padding: 16px; background: var(--color-surface-alt); border-radius: var(--radius-md); text-align: center; }
.result-box .label { display: block; font-size: .8rem; color: var(--color-text-secondary); margin-bottom: 4px; }
.result-box .value { font-size: 1.5rem; font-weight: 700; font-family: monospace; color: var(--color-primary); }
.http-item { padding: 12px; border-bottom: 1px solid var(--color-border); }
.http-code { font-weight: 700; font-family: monospace; margin-right: 8px; }
.http-code.c2 { color: #22c55e; } .http-code.c3 { color: #3b82f6; } .http-code.c4 { color: #f59e0b; } .http-code.c5 { color: #ef4444; }
.subnet-row { display: flex; justify-content: space-between; padding: 10px 12px; border-bottom: 1px solid var(--color-border); }
.subnet-label { color: var(--color-text-secondary); } .subnet-value { font-family: monospace; font-weight: 600; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }