:root{--color-bg:#10151f;--color-bg-elevated:#161d2b;--color-bg-panel:#1b2333;--color-bg-hover:#212b3d;--color-border:#2a3547;--color-border-soft:#232d3d;--color-text:#e7ebf3;--color-text-muted:#93a0b8;--color-text-faint:#5f6c85;--color-accent:#e3051b;--color-accent-hover:#ff2d3f;--color-accent-soft:#e3051b26;--color-success:#2ea36b;--color-success-soft:#2ea36b26;--color-warning:#d99a2b;--color-warning-soft:#d99a2b26;--color-danger:#d9483f;--color-danger-soft:#d9483f26;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-panel:0 4px 16px #00000059;--font-sans:"Segoe UI", system-ui, -apple-system, Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);margin:0;font-size:14px;line-height:1.5}#app{min-height:100vh}h1,h2,h3,h4{color:var(--color-text);margin:0 0 .5em;font-weight:600}h1{font-size:1.5rem}h2{font-size:1.2rem}h3{font-size:1.05rem}p{margin:0 0 .75em}a{color:var(--color-accent-hover);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}::selection{background:var(--color-accent);color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-faint)}.btn{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-panel);color:var(--color-text);cursor:pointer;white-space:nowrap;align-items:center;gap:.4em;padding:.5em 1em;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.btn:hover{background:var(--color-bg-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.btn-primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn-danger{border-color:var(--color-danger);color:var(--color-danger);background:0 0}.btn-danger:hover{background:var(--color-danger-soft)}.btn-sm{padding:.3em .7em;font-size:.85rem}.field{flex-direction:column;gap:.35em;margin-bottom:1em;display:flex}.field label{color:var(--color-text-muted);font-size:.85rem;font-weight:500}.field input,.field select,.field textarea{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);outline:none;padding:.55em .7em;transition:border-color .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--color-accent)}.field .hint{color:var(--color-text-faint);font-size:.8rem}.field .error-text{color:var(--color-danger);font-size:.8rem}.form-row{gap:1em;display:flex}.form-row>.field{flex:1}.panel{background:var(--color-bg-elevated);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);padding:1.25em}.card-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1em;display:grid}.stat-card{background:var(--color-bg-elevated);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);padding:1.25em}.stat-card .stat-label{color:var(--color-text-muted);margin-bottom:.4em;font-size:.85rem}.stat-card .stat-value{font-size:1.8rem;font-weight:700}.stat-card .stat-sub{color:var(--color-text-faint);margin-top:.3em;font-size:.8rem}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--color-border-soft);padding:.65em .8em}th{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.8rem;font-weight:600}tbody tr:hover{background:var(--color-bg-hover)}.table-wrap{border-radius:var(--radius-md);border:1px solid var(--color-border-soft);overflow-x:auto}.table-wrap table{border:none}.badge{white-space:nowrap;border-radius:999px;align-items:center;padding:.2em .6em;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{background:var(--color-success-soft);color:var(--color-success)}.badge-warning{background:var(--color-warning-soft);color:var(--color-warning)}.badge-danger{background:var(--color-danger-soft);color:var(--color-danger)}.badge-neutral{background:var(--color-bg-panel);color:var(--color-text-muted)}.badge-accent{background:var(--color-accent-soft);color:var(--color-accent-hover)}.page{max-width:1200px;margin:0 auto;padding:2em}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1em;margin-bottom:1.5em;display:flex}.page-header .actions{flex-wrap:wrap;gap:.6em;display:flex}.toolbar{flex-wrap:wrap;align-items:flex-end;gap:.8em;margin-bottom:1.25em;display:flex}.empty-state{text-align:center;color:var(--color-text-faint);padding:3em 1em}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{z-index:100;background:#06090fa6;justify-content:center;align-items:center;padding:1em;display:flex;position:fixed;inset:0}.modal{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:480px;max-height:90vh;box-shadow:var(--shadow-panel);padding:1.5em;overflow-y:auto}.modal-wide{max-width:720px}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1em;display:flex}.modal-close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:.2em;font-size:1.2rem;line-height:1}.modal-close:hover{color:var(--color-text)}.modal-actions{justify-content:flex-end;gap:.6em;margin-top:1.25em;display:flex}.toast-container{z-index:200;flex-direction:column;gap:.6em;max-width:360px;display:flex;position:fixed;top:1.25em;right:1.25em}.toast{border-radius:var(--radius-md);box-shadow:var(--shadow-panel);border:1px solid var(--color-border);background:var(--color-bg-panel);align-items:flex-start;gap:.6em;padding:.8em 1em;font-size:.9rem;display:flex}.toast-error{border-color:var(--color-danger);background:#241417}.toast-success{border-color:var(--color-success);background:#12241c}.toast-info{border-color:var(--color-accent);background:#101c2e}.toast button{color:inherit;opacity:.6;cursor:pointer;background:0 0;border:none;margin-left:auto}.toast button:hover{opacity:1}.auth-page{background:radial-gradient(circle at 30% 20%, #182338 0%, var(--color-bg) 60%);justify-content:center;align-items:center;min-height:100vh;padding:1em;display:flex}.auth-box{width:100%;max-width:380px}.auth-logo{text-align:center;margin-bottom:1.5em}.auth-logo .brand{letter-spacing:.02em;font-size:1.4rem;font-weight:700}.auth-logo .brand span{color:var(--color-accent-hover)}.auth-logo .subtitle{color:var(--color-text-muted);margin-top:.3em;font-size:.85rem}.muted{color:var(--color-text-muted)}.faint{color:var(--color-text-faint)}.mono{letter-spacing:.03em;font-family:Consolas,Courier New,monospace}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.gap-sm{gap:.5em}.gap-md{gap:1em}.align-center{align-items:center}.justify-between{justify-content:space-between}.w-full{width:100%}