*{box-sizing:border-box}body{margin:0;background:#0f1218;color:#e7edf6;font-family:Arial,Helvetica,sans-serif;font-size:14px}.layout{display:flex;min-height:100vh}.side{width:250px;background:#111722;border-right:1px solid #252d3b;padding:18px;position:fixed;top:0;bottom:0;left:0}.brand{font-size:24px;font-weight:800;margin-bottom:20px}.brand span{color:#8fb7ff}.nav a{display:block;color:#b6c0d3;text-decoration:none;padding:11px 12px;border-radius:10px;margin-bottom:5px}.nav a:hover,.nav a.active{background:#1f2b3d;color:#fff}.main{margin-left:250px;flex:1;padding:24px}.top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}h1{margin:0;font-size:26px}.muted{color:#8d98aa}.actions{display:flex;gap:8px;align-items:center}.card{background:#151b26;border:1px solid #263144;border-radius:14px;padding:18px;margin-bottom:16px;box-shadow:0 10px 25px rgba(0,0,0,.18)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat{padding:16px;border-radius:12px;background:#101722;border:1px solid #252f40}.stat .num{font-size:24px;font-weight:800;margin-top:6px}.btn,button{display:inline-block;background:#2f7df6;color:#fff;border:0;border-radius:10px;padding:9px 12px;text-decoration:none;cursor:pointer;font-weight:700}.btn.gray{background:#2a3242}.btn.red{background:#d94b4b}.btn.green{background:#2ea66f}.pill{display:inline-block;background:#243044;color:#dce7f8;border-radius:999px;padding:5px 9px;font-size:12px}.notice{padding:12px 14px;background:#17351f;border:1px solid #2f7a43;border-radius:10px;margin-bottom:12px}.notice.bad{background:#3a1a1a;border-color:#7a3030}table{width:100%;border-collapse:collapse;background:#151b26;border:1px solid #263144;border-radius:14px;overflow:hidden}th,td{padding:10px;border-bottom:1px solid #242d3d;text-align:left;vertical-align:top}th{background:#111722;color:#aeb9ca;font-weight:700}tr:hover td{background:#182131}.nowrap{white-space:nowrap}input,select,textarea{width:100%;background:#0f141d;color:#edf4ff;border:1px solid #2b3648;border-radius:10px;padding:10px;margin-top:6px}label{display:block;color:#aeb9ca;margin-top:10px}.row{display:flex;gap:10px;align-items:end}.row>*{flex:1}.login{max-width:420px;margin:12vh auto}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.small{font-size:12px}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}a{color:#8fb7ff}.danger{color:#ff8f8f}.ok{color:#89e59f}@media(max-width:900px){.side{position:static;width:100%}.layout{display:block}.main{margin:0}.grid,.two{grid-template-columns:1fr}.top{display:block}.actions{margin-top:12px}}