@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#d8e3ef;font-synthesis:none;--bg:#07111f;--panel:#0c1929;--panel2:#101f32;--line:#1c3045;--muted:#7d91a7;--text:#d8e3ef;--cyan:#45d7d1;--green:#5cdf9a;--amber:#f2bd70;--red:#f47783;--blue:#7da8ff;background:#07111f;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 85% -15%,#142d45 0,transparent 34%),var(--bg);min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);z-index:10;background:#091624;flex-direction:column;width:244px;padding:24px 14px;display:flex;position:fixed;inset:0 auto 0 0}.side-brand{align-items:center;gap:11px;padding:2px 10px 30px;display:flex}.side-brand strong{color:#f2f7fb;font-family:Space Grotesk;font-size:17px;display:block}.side-brand span{letter-spacing:1.8px;color:var(--cyan);margin-top:3px;font-size:8px;display:block}.brand-mark{width:38px;height:38px;color:var(--cyan);background:linear-gradient(145deg,#1d5967,#102939);border-radius:12px;place-items:center;display:grid;box-shadow:0 0 24px #2cd6d21c}.nav-label,.eyebrow{letter-spacing:1.8px;color:#6e849a;font-size:10px;font-weight:700}.nav-label{padding:0 11px 10px}.sidebar nav{gap:3px;display:grid}.sidebar nav a{color:#8da0b3;text-transform:capitalize;border-radius:8px;align-items:center;gap:12px;height:42px;padding:0 12px;font-size:13px;text-decoration:none;display:flex}.sidebar nav a:hover{color:#dcecff;background:#102338}.sidebar nav a.active{color:#63ded6;box-shadow:inset 3px 0 var(--cyan);background:#123044}.sidebar nav a em{color:#ffb8bd;background:#692b3a;border-radius:10px;margin-left:auto;padding:2px 6px;font-size:10px;font-style:normal}.side-footer{border-top:1px solid var(--line);gap:10px;margin-top:auto;padding:17px 10px 3px;display:grid}.online-pill{color:#94abbd;font-size:11px}.online-pill i,.realtime i{background:var(--green);width:7px;height:7px;box-shadow:0 0 8px var(--green);border-radius:99px;margin-right:7px;display:inline-block}.side-footer small{color:#536c82;font-size:10px}.content{width:calc(100% - 244px);min-height:100vh;margin-left:244px}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5;background:#081421d9;justify-content:space-between;align-items:center;height:77px;padding:0 34px;display:flex;position:sticky;top:0}.topbar h2{text-transform:capitalize;color:#eef5fb;margin:3px 0 0;font-family:Space Grotesk;font-size:16px}.topbar .eyebrow{margin:0;font-size:9px}.top-actions{color:#91a5b8;align-items:center;gap:20px;font-size:12px;display:flex}.top-health,.realtime{align-items:center;gap:7px;display:flex}.top-health{color:#9bb4aa}.realtime{color:#72889d}.realtime.connected{color:var(--cyan)}.alert-count{color:#e9abb0;align-items:center;gap:6px;text-decoration:none;display:flex}.user-menu{color:#c4d2df;background:0 0;border:0;align-items:center;gap:8px;font-size:12px;display:flex}.user-menu span{width:27px;height:27px;color:var(--cyan);background:#21445a;border-radius:50%;place-items:center;font-weight:700;display:grid}.menu-button{color:#bcd0de;background:0 0;border:0;display:none}.page-wrap{max-width:1640px;margin:auto;padding:33px 38px 60px}.hero-row,.page-header{justify-content:space-between;align-items:flex-end;margin-bottom:26px;display:flex}.hero-row h1,.page-header h1{letter-spacing:-.8px;color:#edf4f9;text-transform:capitalize;margin:7px 0 5px;font-family:Space Grotesk;font-size:30px}.hero-row .muted,.page-header .muted{margin:0}.muted{color:var(--muted);font-size:13px}.updated{color:#7791a4;align-items:center;gap:7px;font-size:11px;display:flex}.metric-grid{grid-template-columns:repeat(5,1fr);gap:13px;margin-bottom:18px;display:grid}.metric{border:1px solid var(--line);background:linear-gradient(145deg,#0e1d2e,#0b1827);border-radius:10px;min-height:108px;padding:17px 17px 15px}.metric.accent{background:linear-gradient(145deg,#102b37,#0b1927);border-color:#1d5b65}.metric.warning{border-color:#6c4a32}.metric-top{color:#7790a4;letter-spacing:1px;justify-content:space-between;font-size:9px;font-weight:700;display:flex}.metric-top svg{color:#52738a}.metric strong{color:#eff5f8;margin:10px 0 4px;font-family:Space Grotesk;font-size:26px;display:block}.metric small{color:#71879a;font-size:10px}.grid-2{grid-template-columns:1.35fr 1fr;gap:17px;display:grid}.panel{border:1px solid var(--line);background:#0b1827;border-radius:10px;min-width:0;padding:20px}.panel-heading{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.panel-heading h3{color:#e2edf3;margin:0;font-family:Space Grotesk;font-size:14px}.panel-heading a{color:var(--cyan);align-items:center;gap:3px;font-size:11px;text-decoration:none;display:flex}.table-wrap{margin:0 -20px;overflow:auto}.table-wrap table{border-collapse:collapse;width:100%;min-width:720px}.table-wrap th{text-align:left;text-transform:uppercase;letter-spacing:1px;color:#678096;white-space:nowrap;padding:0 20px 12px;font-size:9px;font-weight:700}.table-wrap td{color:#b9c8d5;white-space:nowrap;border-top:1px solid #152a3d;padding:14px 20px;font-size:12px}.table-wrap tr:hover td{background:#102136}.table-wrap td b{color:#e4edf3;font-weight:600}.block{display:block}.mono{font-family:monospace;color:#7794ab!important;font-size:11px!important}.status-dot{background:#728495;border-radius:99px;width:7px;height:7px;margin-right:6px;display:inline-block}.status-dot.running,.status-dot.online,.status-dot.connected{background:var(--green);box-shadow:0 0 7px #5cdf9a99}.status-dot.paused,.status-dot.degraded,.status-dot.warning{background:var(--amber)}.status-dot.error,.status-dot.offline,.status-dot.critical{background:var(--red)}.status-dot.starting,.status-dot.resuming,.status-dot.switching{background:var(--blue)}.badge{text-transform:uppercase;letter-spacing:.7px;color:#97acbc;align-items:center;font-size:9px;font-weight:700;display:inline-flex}.badge.running,.badge.online{color:#73dfa4}.badge.paused,.badge.degraded,.badge.warning{color:#edbd75}.badge.error,.badge.offline,.badge.critical{color:#f4868e}.badge.starting{color:#8ab1ff}.actions{gap:5px;display:flex}.actions button,.icon-button{color:#98b2c2;background:#112337;border:1px solid #294159;border-radius:6px;place-items:center;width:27px;height:27px;text-decoration:none;display:grid}.actions button:hover,.icon-button:hover{color:var(--cyan);border-color:#3d8186}.actions button:disabled{opacity:.4;cursor:not-allowed}.table-action{color:var(--cyan);align-items:center;font-size:11px;text-decoration:none;display:inline-flex}.health-list{gap:21px;padding:3px 0 15px;display:grid}.health-line{gap:8px;display:grid}.health-line>div:first-child{color:#92a5b5;justify-content:space-between;font-size:11px;display:flex}.health-line b{color:#dce9ef;font-size:11px}.health-line b small{color:#627c90;font-weight:400}.progress{background:#192c3e;border-radius:8px;height:5px;overflow:hidden}.progress i{background:var(--cyan);border-radius:8px;height:100%;display:block}.progress i.green{background:var(--green)}.progress i.amber{background:var(--amber)}.server-note{color:#839aab;border-top:1px solid #172b3e;align-items:center;gap:9px;padding-top:15px;font-size:11px;display:flex}.server-note svg{color:var(--cyan)}.server-note b{color:#dce9ef;margin-left:5px}.empty{color:#647b8d;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:120px;font-size:12px;display:flex}.empty svg{color:#34546b}.primary{color:#062129;background:#4dd4cf;border:0;border-radius:7px;align-items:center;gap:7px;height:35px;padding:0 14px;font-size:12px;font-weight:700;display:inline-flex}.primary:hover{background:#74e6df}.primary.wide{justify-content:center;width:100%;height:44px}.banner{color:#ffb5bb;background:#3b1c28;border:1px solid #6c323d;border-radius:7px;align-items:center;gap:9px;margin:18px 38px 0;padding:11px 14px;font-size:12px;display:flex}.banner button{color:inherit;background:0 0;border:0;margin-left:auto}.page-header{align-items:center}.page-header h1{margin-bottom:0}.cards-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.worker-card{min-height:240px}.worker-title{justify-content:space-between;align-items:flex-start;margin-bottom:19px;display:flex}.worker-title h3{color:#dbe8ef;margin:11px 0 0;font-family:monospace;font-size:13px}.worker-title>svg{color:#4c768e}.worker-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px;display:grid}.worker-stats .metric{min-height:70px;padding:10px}.worker-stats .metric strong{margin:7px 0 0;font-size:17px}.worker-stats .metric-top{font-size:8px}.resource-row{color:#71899b;justify-content:space-between;margin-top:15px;font-size:10px;display:flex}.safe{color:var(--green)!important}.setting-row{color:#8ea5b7;border-top:1px solid #172b3e;justify-content:space-between;align-items:center;padding:15px 0;font-size:12px;display:flex}.setting-row b{color:#d6e5eb;font-size:12px}.form-error{color:#ff9ca4;background:#3b1c28;border:1px solid #753540;border-radius:6px;margin:10px 0;padding:10px;font-size:12px}.login-shell{background:radial-gradient(circle at 50% 5%,#153a4c,transparent 35%),var(--bg);place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{background:#0b1928;border:1px solid #1d3448;border-radius:14px;width:min(410px,100%);padding:38px;box-shadow:0 20px 80px #0005}.login-card .brand-mark{margin-bottom:24px}.login-card h1{color:#eef7fb;margin:5px 0 8px;font-family:Space Grotesk;font-size:30px}.login-card form{gap:16px;margin-top:28px;display:grid}.login-card label{color:#91a7b9;gap:7px;font-size:11px;display:grid}.login-card input{color:#e3f0f4;background:#07121f;border:1px solid #274055;border-radius:7px;outline:0;height:43px;padding:0 12px}.login-card input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #45d7d11c}.login-card .eyebrow{color:var(--cyan)}@media (width<=1100px){.metric-grid{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:1fr}.cards-3{grid-template-columns:repeat(2,1fr)}.top-health{display:none}}@media (width<=760px){.sidebar{transition:transform .2s;transform:translate(-100%)}.nav-open .sidebar{transform:translate(0);box-shadow:20px 0 60px #0008}.content{width:100%;margin-left:0}.topbar{gap:12px;height:68px;padding:0 17px}.menu-button{display:block}.top-actions{gap:10px}.top-health,.user-menu{font-size:0}.user-menu span{font-size:12px}.alert-count{font-size:11px}.page-wrap{padding:25px 15px 45px}.hero-row,.page-header{flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:21px}.hero-row h1,.page-header h1{font-size:25px}.metric-grid{grid-template-columns:repeat(2,1fr);gap:9px}.metric{min-height:99px;padding:13px}.metric strong{font-size:22px}.metric-grid .metric:last-child{grid-column:span 2}.panel{padding:15px}.table-wrap{margin:0 -15px}.table-wrap th,.table-wrap td{padding-left:15px;padding-right:15px}.cards-3{grid-template-columns:1fr}.worker-stats .metric{min-height:64px}.updated{align-self:flex-end}.grid-2{gap:12px}}@media (width<=390px){.metric-grid{grid-template-columns:1fr 1fr}.topbar h2{font-size:14px}.page-wrap{padding-left:11px;padding-right:11px}.panel{padding:12px}}.secondary{color:#9bb1c0;border:1px solid #294159;border-radius:7px;align-items:center;height:34px;padding:0 13px;font-size:12px;text-decoration:none;display:inline-flex}.secondary:hover{border-color:var(--cyan);color:var(--cyan)}.profile-list{gap:6px;display:grid}.profile-list button{text-align:left;color:#9fb2c0;background:#0f2133;border:1px solid #0000;border-radius:7px;justify-content:space-between;align-items:center;padding:12px;display:flex}.profile-list button.selected{color:#e4f4f3;background:#123044;border-color:#2d777b}.profile-list b,.profile-list small{display:block}.profile-list b{font-size:12px}.profile-list small{color:#718b9d;margin-top:4px;font-size:10px}.overlay-preview{background:linear-gradient(145deg,#142a3b,#07121e 70%);border:1px solid #29455b;border-radius:8px;height:290px;position:relative;overflow:hidden}.overlay-preview:before{content:"LIVE FEED";color:#34566e;letter-spacing:4px;place-items:center;font:700 22px Space Grotesk;display:grid;position:absolute;inset:0}.overlay-preview span{z-index:1;white-space:nowrap;border-radius:2px;padding:2px 5px;position:absolute}.overlay-preview>small{color:#617f92;z-index:2;font-size:9px;position:absolute;bottom:10px;right:11px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{color:#a8bdc9;background:#102337;border:1px solid #284258;border-radius:20px;align-items:center;padding:7px 10px;font-size:11px;display:inline-flex}.chip b{color:#6f899c;margin-left:7px;font-size:9px}.timeline{gap:18px;display:grid}.timeline-item{gap:12px;display:flex;position:relative}.timeline-item:not(:last-child):after{content:"";background:#244158;width:1px;position:absolute;top:12px;bottom:-19px;left:4px}.timeline-item>i{background:var(--cyan);z-index:1;border-radius:50%;width:9px;height:9px;margin-top:4px;box-shadow:0 0 8px #45d7d199}.timeline-item b,.timeline-item small{display:block}.timeline-item b{color:#d9e8ed;font-size:12px}.timeline-item small{color:#71899d;margin-top:4px;font-size:10px}