:root{--color-bg:#0f1117;--color-surface:#1a1d27;--color-surface-hover:#222633;--color-border:#2a2e3d;--color-text:#e4e7ef;--color-text-muted:#8b90a0;--color-primary:#6366f1;--color-primary-hover:#818cf8;--color-success:#22c55e;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#3b82f6;--color-title:#f59e0b;color:var(--color-text);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover)}button{cursor:pointer;background:var(--color-primary);color:#fff;border:none;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background .15s}button:hover{background:var(--color-primary-hover)}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);border-radius:.375rem;outline:none;padding:.5rem .75rem;font-size:.875rem;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--color-primary)}input:disabled,select:disabled,textarea:disabled{opacity:.5;cursor:not-allowed}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--color-border);padding:.75rem 1rem}th{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.app-layout{min-height:100vh;display:flex}.sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);z-index:10;flex-direction:column;width:240px;padding:1.5rem 0;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{border-bottom:1px solid var(--color-border);align-items:center;gap:.75rem;padding:0 1.5rem 1.5rem;display:flex}.sidebar-brand h1{color:var(--color-title);font-size:1.25rem;font-weight:1200}.sidebar-nav{flex-direction:column;flex:1;gap:.125rem;padding:1rem 0;display:flex}.sidebar-nav a{color:var(--color-text-muted);align-items:center;gap:.75rem;padding:.625rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .15s;display:flex}.sidebar-nav a:hover{color:var(--color-text);background:var(--color-surface-hover)}.sidebar-nav a.active{color:var(--color-primary);border-right:2px solid var(--color-primary);background:#6366f11a}.main-content{flex:1;margin-left:240px;padding:2rem}.page-header{margin-bottom:2rem}.page-header h2{font-size:1.5rem;font-weight:700}.page-header p{color:var(--color-text-muted);margin-top:.25rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem;padding:1.5rem}.card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.card-title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}.grid{gap:1.5rem;display:grid}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.badge{border-radius:9999px;align-items:center;padding:.125rem .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.badge-success{color:var(--color-success);background:#22c55e26}.badge-warning{color:var(--color-warning);background:#f59e0b26}.badge-danger{color:var(--color-danger);background:#ef444426}.badge-info{color:var(--color-info);background:#3b82f626}.badge-secondary{color:var(--color-text-muted);background:#94a3b826}@media (width<=1200px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.sidebar{display:none}.main-content{margin-left:0}.grid-4,.grid-3{grid-template-columns:1fr}}