body{margin:0;background:#070b18;color:#fff;font-family:Inter,system-ui,Arial}.layout{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.side{background:#0d1322;border-right:1px solid #273044;padding:24px}.brand{font-weight:900;display:flex;gap:10px;align-items:center;margin-bottom:30px}.logo{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#7c3aed,#a855f7);display:grid;place-items:center}.menu a{display:block;padding:14px 16px;border-radius:10px;color:#b7c0d0;text-decoration:none;margin:6px 0}.menu a.active,.menu a:hover{background:#2b214d;color:white}.main{padding:28px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:linear-gradient(180deg,#151b2e,#0f1422);border:1px solid #273044;border-radius:16px;padding:20px}.num{font-size:28px;font-weight:900;margin-top:10px}.grid2{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-top:18px}table{width:100%;border-collapse:collapse}td,th{padding:13px;border-bottom:1px solid #273044;text-align:left}.btn{border:0;border-radius:9px;background:linear-gradient(135deg,#7c3aed,#a855f7);color:white;padding:10px 14px;font-weight:700;cursor:pointer}.btn.green{background:#16a34a}.btn.red{background:#dc2626}.btn.ghost{background:#111827;border:1px solid #273044}.pill{padding:6px 9px;border-radius:999px;background:#33250b;color:#ffd666;font-size:12px}.pill.ok{background:#0b3320;color:#86efac}.hidden{display:none}.field{display:flex;flex-direction:column;gap:7px;margin:12px 0}.field input,.field textarea{background:#111827;border:1px solid #273044;border-radius:10px;color:white;padding:12px}.chart{height:190px;border-radius:12px;background:linear-gradient(180deg,#0d1322,#111827);position:relative;overflow:hidden}.chart svg{width:100%;height:100%}@media(max-width:850px){.layout{grid-template-columns:1fr}.side{position:static}.stats,.grid2{grid-template-columns:1fr}}