:root{--bg-base: #121212;--bg-surface: #181818;--bg-panel: #1e1e1e;--text-primary: #ededed;--text-secondary: #a1a1aa;--text-muted: #71717a;--border-subtle: #27272a;--border-strong: #3f3f46;--color-success: #10b981;--color-danger: #ef4444;--color-warning: #f59e0b;--color-info: #3b82f6;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--radius: 2px;--shadow-modal: 0 12px 48px rgba(0, 0, 0, .55)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;font-size:13px}h1,h2,h3,h4{font-weight:500;letter-spacing:-.02em;color:var(--text-primary)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.terminal-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.terminal-header{height:48px;background-color:var(--bg-base);border-bottom:1px solid var(--border-strong);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;flex-shrink:0}.terminal-nav{display:flex;gap:1.5rem;height:100%;align-items:stretch;overflow-x:auto}.nav-link{display:flex;align-items:center;height:100%;color:var(--text-secondary);font-size:13px;text-decoration:none;border-bottom:2px solid transparent;transition:color .1s;white-space:nowrap;padding:0 .25rem}.nav-link:hover{color:var(--text-primary)}.nav-link.active{color:var(--text-primary);border-bottom-color:var(--text-primary)}.terminal-body{display:flex;flex:1;overflow:hidden;background-color:var(--bg-base)}.main-view{flex:1;overflow-y:auto;padding:2rem;display:flex;flex-direction:column;gap:1.5rem;max-width:1400px;margin:0 auto;width:100%}.panel{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius)}.panel-header{padding:.75rem 1rem;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;background-color:var(--bg-panel)}.panel-title{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-weight:600}.panel-content{padding:1rem}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{width:100%;border-collapse:collapse;text-align:left;min-width:560px}.data-table th{padding:.5rem 1rem;font-size:11px;text-transform:uppercase;color:var(--text-muted);font-weight:500;border-bottom:1px solid var(--border-subtle);letter-spacing:.02em}.data-table td{padding:.6rem 1rem;border-bottom:1px solid var(--border-subtle);font-size:13px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background-color:var(--bg-panel)}.flex-row{display:flex;align-items:center}.flex-col{display:flex;flex-direction:column}.gap-2{gap:.5rem}.gap-4{gap:1rem}.justify-between{justify-content:space-between}.items-start{align-items:flex-start}.status-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:var(--text-muted)}.status-indicator.success{background-color:var(--color-success)}.status-indicator.danger{background-color:var(--color-danger)}.status-indicator.warning{background-color:var(--color-warning)}.status-indicator.info{background-color:var(--color-info)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-warning{color:var(--color-warning)}.text-muted{color:var(--text-muted)}.text-info{color:var(--color-info)}.stat-group{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em}.stat-value{font-size:20px;font-family:var(--font-mono);color:var(--text-primary)}.timeline-event{display:flex;gap:1rem;padding-bottom:1rem;border-left:1px solid var(--border-subtle);margin-left:.5rem;padding-left:1.5rem;position:relative}.timeline-event:before{content:"";position:absolute;left:-4px;top:4px;width:7px;height:7px;background:var(--bg-surface);border:1px solid var(--text-muted);border-radius:50%}.timeline-event:last-child{border-left-color:transparent}.log-row{display:flex;padding:.25rem 0;font-family:var(--font-mono);font-size:12px;gap:1rem}.log-time{color:var(--text-muted);width:70px}.log-level{width:50px;font-weight:500}.log-message{color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;font-size:13px;font-weight:500;font-family:var(--font-sans);border:1px solid var(--border-strong);border-radius:var(--radius);background-color:var(--bg-panel);color:var(--text-primary);cursor:pointer;transition:background-color .1s,border-color .1s;text-decoration:none;white-space:nowrap}.btn:hover:not(:disabled){background-color:#26262a;border-color:var(--text-muted)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--text-primary);border-color:var(--text-primary);color:#121212}.btn-primary:hover:not(:disabled){background-color:#fff;border-color:#fff}.btn-danger{background-color:var(--color-danger);border-color:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background-color:#dc2626;border-color:#dc2626}.btn-ghost{background-color:transparent;border-color:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background-color:var(--bg-panel);color:var(--text-primary);border-color:transparent}.btn-sm{padding:.3rem .7rem;font-size:12px}.input,.select,.textarea{width:100%;padding:.55rem .75rem;font-size:13px;font-family:var(--font-sans);color:var(--text-primary);background-color:var(--bg-base);border:1px solid var(--border-strong);border-radius:var(--radius);outline:none}.input:focus,.select:focus,.textarea:focus{border-color:var(--text-secondary)}.input::placeholder{color:var(--text-muted)}.textarea{resize:vertical;min-height:80px}.field-error{font-size:12px;color:var(--color-danger);margin-top:.25rem}.form-hint{font-size:12px;color:var(--text-muted);margin-top:.25rem}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .55rem;font-size:11px;font-weight:500;letter-spacing:.02em;border:1px solid var(--border-strong);border-radius:999px;color:var(--text-secondary);text-transform:uppercase;white-space:nowrap}.badge.success{color:var(--color-success);border-color:var(--color-success)}.badge.danger{color:var(--color-danger);border-color:var(--color-danger)}.badge.warning{color:var(--color-warning);border-color:var(--color-warning)}.badge.info{color:var(--color-info);border-color:var(--color-info)}.banner{padding:.75rem 1.25rem;border-radius:var(--radius);font-size:13px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.banner-warning{background-color:#f59e0b1f;border:1px solid var(--color-warning);color:var(--text-primary)}.banner-danger{background-color:#ef44441f;border:1px solid var(--color-danger);color:var(--text-primary)}.banner-info{background-color:#3b82f61a;border:1px solid var(--color-info);color:var(--text-primary)}.modal-backdrop{position:fixed;inset:0;background-color:#000000a6;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal{background-color:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-modal);width:100%;max-width:560px;max-height:90vh;overflow-y:auto}.modal-header{padding:.9rem 1.25rem;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:14px;font-weight:600}.modal-body{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.modal-footer{padding:.9rem 1.25rem;border-top:1px solid var(--border-subtle);display:flex;justify-content:flex-end;gap:.75rem}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background-color:var(--bg-base)}.auth-card{width:100%;max-width:400px;background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:2rem;display:flex;flex-direction:column;gap:1.25rem}.auth-brand{font-size:20px;font-weight:600;letter-spacing:-.02em}.auth-error{font-size:13px;color:var(--color-danger);background-color:#ef444414;border:1px solid var(--border-subtle);border-left:2px solid var(--color-danger);padding:.6rem .8rem;border-radius:var(--radius)}.auth-switch{font-size:13px;color:var(--text-secondary);text-align:center}.auth-switch a{color:var(--text-primary)}.auth-divider{display:flex;align-items:center;gap:.75rem;margin:1rem 0;font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-top:1px solid var(--border-subtle)}.link-button{background:none;border:none;padding:0;font:inherit;color:var(--text-primary);text-decoration:underline;cursor:pointer}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}@media(max-width:900px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.stat-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}@media(max-width:900px){.stat-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.stat-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:1rem;display:flex;flex-direction:column;gap:.25rem}.card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:1rem;display:flex;flex-direction:column;gap:.75rem}.card-clickable{cursor:pointer}.card-clickable:hover{border-color:var(--border-strong)}.filter-bar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end}.filter-field{display:flex;flex-direction:column;gap:.25rem;min-width:160px}.filter-field label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.pagination{display:flex;align-items:center;justify-content:space-between;padding-top:.75rem;font-size:12px;color:var(--text-secondary)}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(480px,100%);background-color:var(--bg-surface);border-left:1px solid var(--border-strong);z-index:90;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.toggle{position:relative;width:40px;height:22px;border-radius:999px;background-color:var(--border-strong);border:none;cursor:pointer;transition:background-color .15s;flex-shrink:0}.toggle[data-on=true]{background-color:var(--color-success)}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background-color:#fff;transition:left .15s}.toggle[data-on=true]:after{left:21px}.kbd{font-family:var(--font-mono);font-size:11px;background-color:var(--bg-panel);border:1px solid var(--border-strong);border-radius:3px;padding:.1rem .4rem}.link{color:var(--text-primary);text-decoration:underline;text-underline-offset:3px;cursor:pointer;background:none;border:none;font:inherit;padding:0}.socket-status{display:inline-flex;align-items:center;gap:.4rem;font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.page-404{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 2rem;text-align:center}.modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:100}.modal{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:1.25rem;max-width:420px;width:100%}:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}@media(max-width:640px){.main-view{padding:1rem;gap:1rem}.panel-content{padding:.75rem}}