:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#050b14;color:#eef6ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#10335e 0,#07111f 36%,#040912 100%);color:#eef6ff}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.loginShell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0,#163d70,#07111f 42%,#040912 100%)}.loginCard{width:min(480px,100%);background:rgba(5,15,28,.86);border:1px solid #1b3a59;border-radius:28px;padding:32px;box-shadow:0 30px 80px rgba(0,0,0,.4);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brandMark{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,#2e8fff,#6bc7ff);color:white;font-weight:950;margin-bottom:22px;box-shadow:0 10px 30px rgba(46,143,255,.25)}.loginTitle{font-size:42px;line-height:1;margin:10px 0 14px}.roleTabs{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;background:#081727;padding:6px;border-radius:14px;margin:24px 0}.roleTabs button{border:0;background:transparent;color:#8fa8c2;padding:11px;border-radius:10px;font-weight:800}.roleTabs button.active{background:#15304d;color:white}.loginBtn{width:100%;margin-top:18px}.securityNote{margin-top:15px;color:#70879e;font-size:12px;line-height:1.5}.appShell{display:grid;grid-template-columns:255px 1fr;min-height:100vh}.sidebar{border-right:1px solid #18304d;padding:24px 16px;background:linear-gradient(180deg,#06101d,#050b13);position:-webkit-sticky;position:sticky;top:0;height:100vh}.brand{font-weight:900;font-size:20px;margin:0 8px 18px}.brand small{display:block;color:#65aaff;font-size:10px;letter-spacing:.16em;margin-top:5px}.roleSwitcher{display:grid;grid-template-columns:1fr 1fr;grid-gap:5px;gap:5px;margin:0 6px 18px;padding:4px;background:#081727;border-radius:12px}.roleSwitcher button{border:0;background:transparent;color:#6f88a3;padding:8px 4px;border-radius:9px;font-size:11px;font-weight:800}.roleSwitcher button.active{background:#16314e;color:#fff}.sidebar nav button{display:block;width:100%;text-align:left;border:0;background:transparent;color:#9fb5cc;padding:12px 14px;border-radius:12px;margin:4px 0}.sidebar nav button.active,.sidebar nav button:hover{background:#10243c;color:#fff}.sidebarBottom{position:absolute;bottom:18px;left:16px;right:16px;border-top:1px solid #16304a;padding-top:14px}.sidebarBottom span{display:block;color:#7990a8;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:7px}.sidebarBottom button{border:0;background:none;color:#e48e9a;padding:0;font-size:12px}.main{padding:30px;max-width:1480px;width:100%;margin:auto}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:28px}.topbar>div:first-child{display:flex;flex-direction:column;gap:3px}.topbar span{font-size:12px;color:#7f98b3}.topActions{display:flex;gap:8px;align-items:center}.compact{padding:8px 11px!important;font-size:12px}.status{font-size:12px;padding:8px 11px;border:1px solid #214365;border-radius:999px;color:#84c0ff}.status.live{background:#0e3326;border-color:#246c4d;color:#a9ffd2}.toast{position:fixed;right:22px;top:22px;z-index:20;background:#102b47;border:1px solid #2b5b88;border-radius:12px;padding:12px 15px;color:#ddecff;box-shadow:0 12px 30px rgba(0,0,0,.35)}.pageHeader{margin-bottom:22px}.pageHeader h1{font-size:clamp(38px,5vw,66px);line-height:.98;margin:8px 0 12px;letter-spacing:-.055em}.pageHeader p{max-width:760px}.muted{color:#94abc2;line-height:1.6}.eyebrow{color:#79b8fa;font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.metricGrid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:11px;gap:11px}.metric{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.025));border:1px solid #173650;border-radius:18px;padding:18px;min-height:112px}.metric span{font-size:11px;color:#82a0be;text-transform:uppercase;letter-spacing:.06em}.metric strong{display:block;font-size:30px;margin-top:15px}.metric i{position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#3a9dff,transparent);opacity:.65;animation:pulseLine 2.6s ease-in-out infinite}@keyframes pulseLine{0%,to{transform:translateX(-40%);opacity:.25}50%{transform:translateX(40%);opacity:1}}.panel{background:rgba(255,255,255,.035);border:1px solid #183451;border-radius:20px;padding:20px;margin-top:14px;overflow:auto}.panel h3{margin:0 0 16px}.dashboardGrid{display:grid;grid-template-columns:1.1fr 1fr;grid-gap:14px;gap:14px}.donutRow{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;align-items:center;min-height:240px}.donutItem{display:grid;place-items:center}.donut{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;animation:float 4s ease-in-out infinite;box-shadow:0 18px 45px rgba(0,0,0,.24)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.donut:before{content:"";width:112px;height:112px;background:#071421;border-radius:50%;position:absolute}.donut>div{position:relative;z-index:1;text-align:center}.donut b{display:block;font-size:26px}.donut small{color:#91abc5;font-size:11px}.bars{display:grid;grid-gap:18px;gap:18px;padding-top:6px}.barRow>div:first-child{display:flex;justify-content:space-between;font-size:12px;color:#9db4cb;margin-bottom:7px}.track{height:10px;background:#0d1d2f;overflow:hidden}.track,.track i{border-radius:999px}.track i{display:block;height:100%;background:linear-gradient(90deg,#287fff,#63c5ff);box-shadow:0 0 20px rgba(47,146,255,.4);animation:grow .8s ease both}@keyframes grow{0%{width:0}}.tenantMini{display:grid;grid-gap:9px;gap:9px}.tenantMini button{display:flex;justify-content:space-between;gap:12px;align-items:center;text-align:left;border:1px solid #193852;background:#0a1929;color:white;border-radius:13px;padding:12px}.tenantMini button:hover{background:#11263d}.tenantMini span{display:flex;flex-direction:column}.tenantMini small{color:#718aa4;margin-top:4px}.tenantMini strong{font-size:12px;color:#7fbfff}.tenantLayout{display:grid;grid-template-columns:1.35fr .8fr;grid-gap:14px;gap:14px}.tenantName{margin:4px 0 0;font-size:28px}.tableSub{display:block;color:#6f879f;margin-top:4px}.miniStats{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px;margin-top:18px}.miniStats div{background:#0b1a2a;border:1px solid #173550;border-radius:13px;padding:14px}.miniStats span{display:block;color:#7c94ab;font-size:11px}.miniStats b{display:block;font-size:23px;margin-top:5px}.activityFeed{display:grid}.activityFeed>div{display:grid;grid-template-columns:14px 1fr auto;grid-gap:12px;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #173047}.activityFeed i{width:9px;height:9px;border-radius:50%;background:#4bb2ff;box-shadow:0 0 14px #4bb2ff}.activityFeed span{display:flex;flex-direction:column}.activityFeed small{color:#8098b0;margin-top:4px}.activityFeed time{color:#7188a0;font-size:12px}.adminTools{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.toolCard{background:rgba(255,255,255,.035);border:1px solid #183451;border-radius:20px;padding:20px}.toolCard h3{margin:8px 0}.toolCard p{color:#89a1b9;line-height:1.5;min-height:48px}.toolIcon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#102b48;color:#77baff}.connectionHead{display:flex;justify-content:space-between;align-items:center;gap:8px}.connectionHead h3{margin:0}.formGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.field{display:flex;flex-direction:column;gap:7px}.field.full,.full{grid-column:1/-1}.field>span{font-size:13px;color:#aac0d6}input,select,textarea{width:100%;background:#071421;border:1px solid #24435f;color:#fff;border-radius:11px;padding:12px}textarea{min-height:130px;resize:vertical}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.danger,.primary,.secondary,.tableBtn{border:0;border-radius:11px;padding:11px 16px;font-weight:800}.primary{background:#278cff;color:#fff;box-shadow:0 8px 22px rgba(39,140,255,.22)}.primary:hover{background:#3698ff}.secondary{background:#122b45;color:#dcecff}.secondary:hover{background:#193956}.danger{background:#4a1820;color:#ffd7dc}.tableBtn{padding:7px 10px;background:#112b45;color:#a9d4ff;font-size:11px}table{width:100%;border-collapse:collapse;margin-top:8px}td,th{text-align:left;border-bottom:1px solid #18314b;padding:12px;font-size:13px;vertical-align:top}th{color:#74b5f7}.pill{display:inline-block;padding:5px 8px;border-radius:999px;background:#102b47;color:#a9d2ff;font-size:11px}.pill.good{background:#103528;color:#a5ffd1}.pill.warn{background:#3d2b12;color:#ffd590}.appShell{background:#f7f8f5;color:#343b38}.appShell .sidebar{background:linear-gradient(180deg,#e4f1e7,#edf5ef);border-color:#cbded0;color:#343b38}.appShell .brand,.appShell b,.appShell h1,.appShell h2,.appShell h3,.appShell strong{color:#343b38}.appShell .brand small,.appShell .eyebrow{color:#64716a}.appShell .sidebar nav button{color:#343b38}.appShell .sidebar nav button.active,.appShell .sidebar nav button:hover{background:#d9eadf;color:#2f3934}.appShell .sidebarBottom{border-color:#cadbce;background:#deede2}.appShell .main,.appShell .sidebarBottom span{color:#343b38}.appShell .field>span,.appShell .metric span,.appShell .muted,.appShell .tableSub,.appShell .toolCard p,.appShell .topbar span{color:#6f7974}.appShell .metric,.appShell .panel,.appShell .toolCard{background:#fff;border-color:#dce7de}.appShell .toolIcon{background:#e5f1e8;color:#237844}.appShell input,.appShell select,.appShell textarea{background:#edf5ef;border-color:#c3d8c8;color:#202824}.appShell .primary{background:linear-gradient(135deg,#c8e8d0,#9fd0ae);color:#303a35}.appShell .primary:hover{background:linear-gradient(135deg,#d5eedb,#add8ba)}.appShell .secondary,.appShell .tableBtn{background:#edf5ef;color:#46514b}.appShell .secondary:hover,.appShell .tableBtn:hover{background:#dfeee3}.appShell th{color:#568b6b}.appShell td,.appShell th{border-color:#e5ece6}.appShell .pill{background:#e5f1e8;color:#4a6255}.appShell .miniStats div,.appShell .tenantMini button,.appShell .track{background:#f8faf7;border-color:#d8e4da;color:#343b38}.appShell .tenantMini button:hover{background:#e5f1e8}.appShell .activityFeed>div{border-color:#e5ece6}.appShell .activityFeed i{background:#72aa85;box-shadow:0 0 14px rgba(101,185,128,.38)}.appShell .track i{background:linear-gradient(90deg,#c8e8d0,#72aa85);box-shadow:0 0 20px rgba(70,137,94,.16)}.appShell .donut:before{background:#fff}@media(max-width:1200px){.metricGrid{grid-template-columns:repeat(4,1fr)}.adminTools{grid-template-columns:repeat(2,1fr)}.donut{width:125px;height:125px}.donut:before{width:93px;height:93px}}@media(max-width:900px){.appShell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid #18304d}.sidebar nav{display:flex;overflow:auto}.sidebar nav button{min-width:max-content}.sidebarBottom{position:relative;left:auto;right:auto;bottom:auto;margin:16px 6px 0}.main{padding:18px}.metricGrid{grid-template-columns:repeat(2,1fr)}.dashboardGrid,.formGrid,.tenantLayout{grid-template-columns:1fr}.field.full,.full{grid-column:auto}.topbar{align-items:flex-start}.donutRow{min-height:auto}.adminTools{grid-template-columns:1fr 1fr}}@media(max-width:600px){.loginCard{padding:24px}.loginTitle{font-size:34px}.adminTools,.donutRow,.metricGrid{grid-template-columns:1fr}.donut{width:145px;height:145px}.donut:before{width:108px;height:108px}.topbar{flex-direction:column}.topActions{width:100%;justify-content:space-between}.pageHeader h1{font-size:42px}table{min-width:680px}}.loginShell{background:#f7f8f5!important}.loginCard,.loginShell{color:#343b38!important}.loginCard{background:#fff!important;border-color:#dce7de!important;box-shadow:0 18px 55px rgba(37,80,57,.1)!important}.loginCard .brandMark{background:linear-gradient(135deg,#c8e8d0,#9fd0ae)!important;color:#303a35!important;box-shadow:0 10px 28px rgba(70,137,94,.14)!important}.loginCard .loginTitle{color:#343b38!important}.loginCard .eyebrow{color:#64716a!important}.loginCard .muted{color:#6f7974!important}.loginCard .field>span{color:#56635c!important}.loginCard input,.loginCard select,.loginCard textarea{background:#edf5ef!important;border-color:#c3d8c8!important;color:#202824!important;-webkit-text-fill-color:#202824!important}.loginCard input:focus,.loginCard select:focus,.loginCard textarea:focus{background:#f3f8f4!important;border-color:#8fbea0!important;box-shadow:0 0 0 3px rgba(109,168,130,.12)!important;outline:none}.loginCard .primary{background:linear-gradient(135deg,#c8e8d0,#9fd0ae)!important;color:#303a35!important;border:1px solid #a9cfb4!important;box-shadow:0 7px 18px rgba(70,137,94,.12)!important}.loginCard .primary:hover{background:linear-gradient(135deg,#d5eedb,#add8ba)!important}.loginCard .securityNote{color:#65736b!important}.loginCard a{color:#3f684f!important}.loginCard form{margin:0}.loginCard .field{margin-top:15px}.loginCard button.primary,.loginCard>.primary{display:block;width:100%;margin-top:22px;min-height:46px}.loginCard button.primary:disabled{opacity:.62;cursor:not-allowed}input::placeholder,textarea::placeholder{color:#8a9490!important;opacity:1}.appShell input::placeholder,.appShell textarea::placeholder,.loginCard input::placeholder,.loginCard textarea::placeholder{color:#8a9490!important;-webkit-text-fill-color:#8a9490!important;opacity:1}