:root{--bg:#0e1116;--surface:#161b22;--border:#262d38;--text:#e6e8eb;--text-muted:#8b949e;--accent:#4f8cff;--accent-soft:#4f8cff24;--danger:#f47067;--success:#57ab5a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}.layout{min-height:100vh;display:flex}.sidebar-wrap{flex-shrink:0;width:230px;position:relative}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:.25rem;width:100%;height:100%;padding:1.5rem 1rem;display:flex}.sidebar-scroll-hint{background:linear-gradient(to right, transparent, var(--surface) 70%);pointer-events:none;width:28px;display:none;position:absolute;top:0;bottom:0;right:0}.sidebar .brand{color:var(--accent);padding:0 .75rem 1.25rem;font-size:1.15rem;font-weight:700}.sidebar a{color:var(--text-muted);border-radius:8px;padding:.55rem .75rem;font-size:.92rem;display:block}.sidebar a:hover{background:var(--accent-soft);color:var(--text)}.sidebar a.active{background:var(--accent-soft);color:#6fa0ff;font-weight:600}.content{flex:1;min-width:0;max-width:1200px;padding:2rem 2.5rem}@media (max-width:860px){.layout{flex-direction:column}.sidebar-wrap{width:100%}.sidebar{border-right:none;border-bottom:1px solid var(--border);flex-direction:row;align-items:center;padding:.65rem .75rem;overflow-x:auto}.sidebar .brand{flex-shrink:0;padding:0 .75rem}.sidebar a{white-space:nowrap}.sidebar-scroll-hint{display:block}.content{padding:1.25rem 1rem}}.page-title{margin-bottom:.35rem;font-size:1.5rem;font-weight:700}.page-subtitle{color:var(--text-muted);margin-bottom:1.75rem;font-size:.92rem}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.1rem 1.25rem}.stat-card .label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem}.stat-card .value{margin-top:.35rem;font-size:1.8rem;font-weight:700}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:1.25rem;padding:1.25rem 1.5rem}.table-scroll{overflow-x:auto}.table-scroll-hint{color:var(--text-muted);text-align:center;margin-top:.5rem;font-size:.78rem}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid var(--border);padding:.6rem .75rem}th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:600}.muted{color:var(--text-muted)}.error{color:var(--danger)}.badge{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:.15rem .55rem;font-size:.75rem;display:inline-block}button,input,textarea{font:inherit;color:inherit}.button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.6rem 1.2rem;font-weight:600}.button:hover{filter:brightness(1.1)}.input{background:var(--bg);border:1px solid var(--border);border-radius:8px;width:100%;margin-bottom:.9rem;padding:.6rem .8rem}.login-wrap{justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;width:100%;max-width:380px;padding:2rem}
