:root{--bg:#0b1220;--panel:#121c31;--panel2:#17243d;--text:#edf2ff;--muted:#98a6c3;--line:#243453;--accent:#4f8cff;--success:#163d24;--error:#4a1e28}
*{box-sizing:border-box} body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}
a{text-decoration:none;color:inherit}label{display:block;margin:12px 0 6px;color:#dce5ff;font-size:14px}input,select,textarea,button{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:#0f172a;color:#fff}textarea{resize:vertical}button{background:var(--accent);border:none;font-weight:700;cursor:pointer;margin-top:14px}.app-shell{display:flex;min-height:100vh}.sidebar{width:270px;background:#09111f;padding:24px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid #18263f}.brand{font-size:28px;font-weight:800;margin-bottom:18px}.brand span{color:var(--accent)}.userbox{padding:14px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.03);margin-bottom:18px}.userbox small{display:block;color:var(--muted);margin-top:4px}.nav{display:grid;gap:10px}.nav a,.logout{padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid transparent}.nav a:hover,.logout:hover{border-color:var(--line);background:rgba(79,140,255,.12)}.content{flex:1;padding:28px}.alert{padding:14px 16px;border-radius:14px;margin-bottom:20px}.alert.success{background:var(--success)}.alert.error{background:var(--error)}.grid-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:22px}.two-col,.module-grid,.two-up{display:grid;grid-template-columns:1fr 1fr;gap:18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 10px 30px rgba(0,0,0,.18)}.metric{font-size:34px;font-weight:800;margin-top:8px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left}th{color:#b8c6e6;font-size:13px}h1{margin-top:0;margin-bottom:18px}ul,ol{color:#d6e1fa}.status-box{margin-top:14px;padding:12px;border-radius:14px;background:var(--panel2);border:1px solid var(--line)}.login-body{display:grid;place-items:center;min-height:100vh;padding:20px}.login-card{width:min(440px,100%);background:var(--panel);padding:28px;border-radius:24px;border:1px solid var(--line)}.login-card h1{margin-bottom:6px}.login-card p,.login-card small{color:var(--muted)}
@media (max-width: 1000px){.grid-cards{grid-template-columns:repeat(2,1fr)}.module-grid,.two-col,.two-up{grid-template-columns:1fr}.sidebar{width:92px;padding:18px}.brand{font-size:18px}.brand span{display:none}.userbox strong,.userbox small,.nav a,.logout{font-size:0}.nav a,.logout{height:44px}}
@media (max-width: 680px){.app-shell{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid var(--line)}.nav{grid-template-columns:repeat(2,1fr)}.content{padding:16px}.grid-cards{grid-template-columns:1fr}}