*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#10182b;color:#eef2fb}button{font:inherit;cursor:pointer;border:none;border-radius:8px;padding:8px 14px;background:#ffb703;color:#1c2333;font-weight:600}button.secondary{background:#2c3d63;color:#fff}button.danger{background:#fa5252;color:#fff}button:disabled{opacity:.5;cursor:default}input,select{font:inherit;background:#1e2a44;border:1px solid #35486f;color:#fff;border-radius:8px;padding:8px 10px}.shell{display:flex;min-height:100vh}.sidebar{width:220px;background:#0c1220;padding:20px 12px;display:flex;flex-direction:column;gap:6px}.sidebar h1{font-size:20px;margin:0 8px 18px}.sidebar button{background:transparent;color:#aab6d3;text-align:left;padding:10px 12px}.sidebar button.active{background:#1e2a44;color:#fff}.main{flex:1;padding:28px 36px;max-width:1100px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:28px}.card{background:#1e2a44;border-radius:14px;padding:18px}.card .num{font-size:32px;font-weight:700}.card .label{color:#aab6d3;font-size:14px}table{width:100%;border-collapse:collapse;background:#1e2a44;border-radius:12px;overflow:hidden}th,td{text-align:left;padding:10px 14px;border-bottom:1px solid #2c3d63;font-size:14px}th{background:#17203a;color:#aab6d3;font-weight:600}.login-box{max-width:360px;margin:14vh auto;background:#1e2a44;padding:32px;border-radius:16px;display:flex;flex-direction:column;gap:12px}.row{display:flex;gap:10px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.error{color:#ff8787}.ok{color:#69db7c}.field{display:flex;flex-direction:column;gap:4px}.field label{font-size:13px;color:#aab6d3}.pill{padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600}.pill.on{background:#2b8a3e}.pill.off{background:#5c5f66}.pill.premium{background:#e8590c}