:root{--bg:#0b1220;--card:#121a2b;--line:#23314f;--text:#e9eefb;--muted:#9aaccc;--primary:#4f8cff;--success:#28c76f;--danger:#ff5f6d}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(135deg,#0b1220,#111b31);color:var(--text)}a{color:#9fc0ff;text-decoration:none}.layout{display:flex;min-height:100vh}.sidebar{width:240px;background:#0d1526;border-right:1px solid var(--line);padding:24px;position:sticky;top:0;height:100vh}.brand{font-size:26px;font-weight:700;margin-bottom:24px}.sidebar nav a{display:block;padding:12px 14px;border-radius:12px;margin-bottom:8px;background:transparent;color:var(--text)}.sidebar nav a.active,.sidebar nav a:hover{background:#18233a}.content{flex:1;padding:28px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.card{background:rgba(18,26,43,.96);border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 10px 30px rgba(0,0,0,.22);margin-bottom:20px}.grid{display:grid;gap:20px}.cards-4{grid-template-columns:repeat(4,1fr)}.two-col{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:2fr 1.2fr 1fr 1fr auto;align-items:end}.stat span{display:block;color:var(--muted);margin-bottom:10px}.stat strong{font-size:34px}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}input,textarea,select,button{width:100%;padding:12px 14px;border-radius:14px;border:1px solid #2a395a;background:#0e1728;color:var(--text);outline:none}textarea{resize:vertical}.btn{background:linear-gradient(135deg,var(--primary),#6c5cff);border:0;font-weight:700;cursor:pointer}.badge{display:inline-block;padding:6px 10px;border-radius:999px;background:#1c2945}.alert{padding:14px 16px;border-radius:14px;margin-bottom:20px}.alert.success{background:rgba(40,199,111,.15);border:1px solid rgba(40,199,111,.25)}.alert.error{background:rgba(255,95,109,.15);border:1px solid rgba(255,95,109,.25)}.auth-body{min-height:100vh;display:grid;place-items:center;padding:20px}.auth-card{width:100%;max-width:420px;background:rgba(18,26,43,.96);border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 10px 30px rgba(0,0,0,.22)}.auth-card h1{margin-top:0}.muted{color:var(--muted)}.actions a{margin-right:10px}@media (max-width:1100px){.cards-4,.two-col,.form-grid{grid-template-columns:1fr}.sidebar{width:100%;height:auto;position:relative}.layout{display:block}}