*{box-sizing:border-box}body{color:#14213d;background:#f3f6fb;min-width:320px;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.loginShell{background:#fff;place-items:center;min-height:100vh;padding:24px;display:grid;position:relative;overflow:hidden}.loginBg{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.loginPanel{z-index:1;background:#fff;border:1px solid #f1f5f9;border-radius:16px;width:min(460px,100%);padding:38px;position:relative;box-shadow:0 4px 24px #00000012}.brandMark{color:#fff;background:#047dcc;border-radius:14px;place-items:center;width:58px;height:58px;margin-bottom:18px;display:grid}.brandMark.small{border-radius:12px;width:42px;height:42px;margin:0}.loginLogo{width:288px;height:auto;margin:0 auto 28px;display:block}h1,h2,h3,p{margin:0}.loginPanel h1{color:#1e293b;text-align:center;font-size:22px;font-weight:700;line-height:1.2}.loginPanel>p{text-align:center;margin-top:4px}.loginPanel p,.muted,.topbar span,td span,.sideBrand span{color:#64748b;font-size:13px}.form{gap:16px;margin-top:26px;display:grid}label{color:#344765;gap:7px;font-size:13px;font-weight:700;display:grid}input,select{color:#14213d;background:#fff;border:1px solid #d6e1ee;border-radius:10px;outline:none;width:100%;padding:12px 13px}input:focus,select:focus{border-color:#047dcc;box-shadow:0 0 0 3px #047dcc1f}.primaryBtn,.ghostBtn,.iconBtn,.rowActions button{border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-weight:800;display:inline-flex}.primaryBtn{color:#fff;background:#047dcc;box-shadow:0 10px 22px #047dcc2e}.ghostBtn{color:#115a91;background:#e9f2fb}.iconBtn{color:#115a91;background:#e9f2fb;width:42px;padding:0}.alert.error{color:#b42318;background:#fff2f0;border:1px solid #ffd5cf;border-radius:10px;padding:11px 12px}.appShell{min-height:100vh;display:flex}.sidebar{background:#fff;border-right:1px solid #dbe5f2;flex:0 0 278px;width:278px;height:100vh;padding:22px 16px;position:sticky;top:0}.sideBrand{align-items:center;gap:12px;padding:6px 8px 24px;display:flex}.sideBrand img{width:150px;height:auto;display:block}.sideBrand strong{font-size:18px;display:block}.sidebar nav{gap:8px;display:grid}.sidebar nav button{color:#344765;text-align:left;background:0 0;border:0;border-radius:10px;grid-template-columns:24px 1fr 18px;align-items:center;gap:10px;width:100%;min-height:46px;padding:0 12px;display:grid}.sidebar nav button.active{color:#047dcc;background:#e8f3ff;font-weight:900}.content{flex:1;min-width:0}.topbar{z-index:5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f3f6fbeb;border-bottom:1px solid #dbe5f2;justify-content:space-between;align-items:center;gap:16px;height:76px;padding:0 28px;display:flex;position:sticky;top:0}.topbar h2{font-size:22px}.topActions{align-items:center;gap:10px;display:flex}.adminPill{color:#344765;background:#fff;border:1px solid #dbe5f2;border-radius:999px;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-size:13px;font-weight:800;display:inline-flex}main{padding:28px}.stack{gap:22px;display:grid}.pageTitle{background:#fff;border:1px solid #dbe5f2;border-radius:14px;justify-content:space-between;align-items:center;gap:18px;min-height:96px;padding:22px;display:flex}.pageActions{flex-wrap:wrap;align-items:center;gap:10px;display:inline-flex}.pageTitle h1{margin-bottom:6px;font-size:26px}.statsGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.stat,.card,.toolbar{background:#fff;border:1px solid #dbe5f2;border-radius:14px}.stat{align-items:center;gap:14px;padding:18px;display:flex}.statIcon{color:#047dcc;background:#e8f3ff;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.statIcon.green{color:#09845a;background:#e9f8f1}.statIcon.indigo{color:#4f46e5;background:#eef0ff}.statIcon.amber{color:#b76b00;background:#fff7e6}.statIcon.red{color:#c2410c;background:#fff1f0}.statValue{margin-bottom:5px;font-size:25px;font-weight:900;line-height:1}.twoCol{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.card{overflow:hidden}.cardHead{border-bottom:1px solid #e7edf5;justify-content:space-between;align-items:center;min-height:56px;padding:0 18px;display:flex}.cardHead h3{font-size:17px}.toolbar{grid-template-columns:minmax(240px,1fr) 190px auto;gap:12px;padding:14px;display:grid}.searchBox{background:#fff;border:1px solid #d6e1ee;border-radius:10px;align-items:center;gap:9px;padding:0 12px;display:flex}.searchBox input{box-shadow:none;border:0;padding-left:0}.tableWrap{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px}th{text-align:left;color:#38506d;text-transform:uppercase;letter-spacing:0;background:#f7fafd;height:44px;padding:0 16px;font-size:12px}td{vertical-align:middle;color:#1f2937;border-top:1px solid #e7edf5;padding:14px 16px;font-size:14px}td strong{margin-bottom:4px;font-size:14px;display:block}.countLine{flex-wrap:wrap;gap:6px;display:flex}.countLine span{color:#38506d;background:#eef4fb;border-radius:999px;align-items:center;min-height:24px;padding:0 8px;font-size:12px;font-weight:800;display:inline-flex}.status{border-radius:999px;align-items:center;padding:5px 10px;font-size:12px;font-weight:900;display:inline-flex}.status.ok{color:#047857;background:#dcfce7}.status.off{color:#9a3412;background:#ffedd5}.rowActions{gap:8px;display:flex}.rowActions button{color:#115a91;background:#eef4fb;min-height:34px;padding:0 10px}.rowActions button:disabled{opacity:.5;cursor:not-allowed}.rowActions .dangerAction{color:#b42318;background:#fff1f0}.empty{text-align:center;color:#64748b;padding:26px}.modal{z-index:20;background:#0f172a75;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.dialog{background:#fff;border-radius:16px;width:min(520px,100%);padding:24px;box-shadow:0 24px 80px #0f172a38}.formDialog{gap:16px;display:grid}.formGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:8px;display:grid}.checkLabel{align-items:center;gap:10px;min-height:47px;padding-top:20px;display:flex}.checkLabel input{width:18px;height:18px;padding:0}.dialog h3{margin-bottom:8px;font-size:22px}.dialog code{color:#0f172a;overflow-wrap:anywhere;background:#f8fbff;border:1px solid #dbe5f2;border-radius:10px;margin-top:16px;padding:13px;font-size:18px;font-weight:900;display:block}.closeBtn{float:right;color:#64748b;background:0 0;border:0;align-items:center;gap:5px;font-weight:800;display:inline-flex}.loading{color:#047dcc;place-items:center;gap:10px;min-height:100vh;font-weight:900;display:grid}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.mobileOnly,.scrim{display:none}@media (width<=1040px){.statsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.twoCol{grid-template-columns:1fr}}@media (width<=760px){.sidebar{z-index:30;transition:transform .18s;position:fixed;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.mobileOnly{display:inline-flex}.scrim{z-index:25;color:#fff;background:#0f172a6b;border:0;place-items:start end;padding:20px;display:grid;position:fixed;inset:0}.topbar{padding:0 16px}.topActions{display:none}main{padding:18px}.pageTitle{flex-direction:column;align-items:flex-start}.statsGrid,.toolbar,.formGrid{grid-template-columns:1fr}}