*,:before,:after{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}:root{--bg:#0f172a;--bg-card:#1e293b;--bg-input:#0f172a;--border:#334155;--border-hover:#475569;--text:#f1f5f9;--text-dim:#94a3b8;--text-muted:#64748b;--blue:#3b82f6;--blue-dim:#1e40af;--green:#22c55e;--yellow:#eab308;--red:#ef4444;--orange:#f97316;--radius:8px;--radius-sm:4px}html{font-size:14px}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.overlay{background:var(--bg);z-index:100;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);width:380px;max-width:90vw;padding:2.5rem}.login-card h1{margin-bottom:.25rem;font-size:1.5rem}.login-subtitle{color:var(--text-dim);margin-bottom:1.5rem;font-size:.9rem}.login-card label{color:var(--text-dim);margin-top:1rem;margin-bottom:.25rem;font-size:.8rem;display:block}.login-card label:first-of-type{margin-top:0}.error-text{color:var(--red);margin-top:.75rem;font-size:.85rem}input,select,textarea{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);outline:none;padding:.5rem .75rem;font-size:.9rem;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--blue)}input::placeholder{color:var(--text-muted)}.btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text);cursor:pointer;justify-content:center;align-items:center;gap:.4rem;padding:.45rem 1rem;font-size:.85rem;text-decoration:none;transition:all .15s;display:inline-flex}.btn:hover{border-color:var(--border-hover);background:var(--border)}.btn-primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-dim)}.btn-danger{color:var(--red);border-color:#0000}.btn-danger:hover{background:#ef444426}.btn-sm{padding:.3rem .6rem;font-size:.8rem}.btn-block{width:100%;margin-top:1.25rem}.btn-icon{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:.3rem}.btn-icon:hover{color:var(--text)}.topbar{background:var(--bg-card);border-bottom:1px solid var(--border);z-index:10;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:.6rem 1.25rem;display:flex}.topbar-left{align-items:center;gap:.75rem;display:flex}.topbar-title{font-size:1.1rem;font-weight:600}.topbar-right{align-items:center;gap:.6rem;display:flex}.topbar-url{color:var(--text-muted);font-family:monospace;font-size:.8rem}.layout{max-width:1200px;min-height:calc(100vh - 45px);margin:0 auto;display:flex}.layout-wrap{min-height:calc(100vh - 45px)}.sidebar{background:var(--bg-card);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:.15rem;width:180px;padding:.75rem 0;display:flex}.nav-item{color:var(--text-dim);border-left:3px solid #0000;padding:.55rem 1.25rem;font-size:.9rem;text-decoration:none;transition:all .15s;display:block}.nav-item:hover{color:var(--text);background:#ffffff08}.nav-item.active{color:var(--blue);border-left-color:var(--blue);background:#3b82f614}.content{flex:1;max-height:calc(100vh - 45px);padding:1.5rem;overflow-y:auto}.page{animation:.15s fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem}.stat-value{font-size:1.75rem;font-weight:700;line-height:1.2}.stat-label{color:var(--text-dim);margin-top:.2rem;font-size:.8rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem;padding:1.25rem}.card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.card-title{font-size:1rem;font-weight:600}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.85rem}th{text-align:left;color:var(--text-dim);border-bottom:1px solid var(--border);white-space:nowrap;padding:.6rem .75rem;font-weight:500}td{white-space:nowrap;border-bottom:1px solid #33415580;padding:.6rem .75rem}tr:hover td{background:#ffffff05}.badge{border-radius:10px;padding:.15rem .5rem;font-size:.75rem;font-weight:500;display:inline-block}.badge-green{color:var(--green);background:#22c55e26}.badge-yellow{color:var(--yellow);background:#eab30826}.badge-red{color:var(--red);background:#ef444426}.badge-blue{color:var(--blue);background:#3b82f626}.badge-gray{color:var(--text-dim);background:#94a3b826}.progress{background:var(--border);border-radius:3px;width:100%;height:6px;overflow:hidden}.progress-bar{border-radius:3px;height:100%;transition:width .3s}.progress-green{background:var(--green)}.progress-yellow{background:var(--yellow)}.progress-red{background:var(--red)}.progress-blue{background:var(--blue)}.form-group{margin-bottom:1rem}.form-group label{color:var(--text-dim);margin-bottom:.3rem;font-size:.8rem;display:block}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-actions{gap:.75rem;margin-top:1.5rem;display:flex}.tabs{border-bottom:1px solid var(--border);gap:0;margin-bottom:1.25rem;display:flex}.tab{color:var(--text-dim);cursor:pointer;border-bottom:2px solid #0000;padding:.5rem 1.25rem;font-size:.9rem;transition:all .15s}.tab:hover{color:var(--text)}.tab.active{color:var(--blue);border-bottom-color:var(--blue)}.modal-overlay{z-index:50;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);width:500px;max-width:90vw;max-height:85vh;padding:1.5rem;overflow-y:auto}.modal-title{margin-bottom:1rem;font-size:1.1rem;font-weight:600}.modal-actions{justify-content:flex-end;gap:.5rem;margin-top:1.25rem;display:flex}.toast-container{z-index:200;flex-direction:column;gap:.5rem;display:flex;position:fixed;top:60px;right:1rem}.toast{border-radius:var(--radius-sm);min-width:250px;padding:.6rem 1rem;font-size:.85rem;animation:.2s slideIn}.toast-success{color:var(--green);background:#22c55e26;border:1px solid #22c55e4d}.toast-error{color:var(--red);background:#ef444426;border:1px solid #ef44444d}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.text-dim{color:var(--text-dim)}.text-muted{color:var(--text-muted)}.text-green{color:var(--green)}.text-yellow{color:var(--yellow)}.text-red{color:var(--red)}.text-blue{color:var(--blue)}.mono{font-family:SF Mono,Consolas,monospace;font-size:.85em}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.empty-state{text-align:center;color:var(--text-muted);padding:3rem 1rem}@media (width<=768px){.sidebar{width:60px;overflow:hidden}.nav-item{text-align:center;border-bottom:2px solid #0000;border-left:none;padding:.55rem .5rem;font-size:.75rem}.nav-item.active{border-bottom-color:var(--blue);border-left-color:#0000}.stats-grid{grid-template-columns:1fr 1fr}.form-row{grid-template-columns:1fr}.content{padding:1rem}}