:root{--ink:#10231d;--muted:#697a74;--line:#dde6e2;--paper:#fff;--canvas:#f3f6f4;--navy:#0c201b;--navy-soft:#16332b;--mint:#33d69f;--mint-soft:#dff8ef;--blue:#4778ff;--amber:#f0ad3d;--rose:#e86578;--shadow:0 12px 38px #142e2612}*{box-sizing:border-box}html{background:var(--canvas)}body{color:var(--ink);background:var(--canvas);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.shell{grid-template-columns:246px 1fr;min-height:100vh;display:grid}.sidebar{color:#dbe9e4;background:var(--navy);flex-direction:column;height:100vh;padding:22px 14px 16px;display:flex;position:sticky;top:0}.sidebarTop{padding:2px 10px 27px}.logo{align-items:center;gap:10px;display:inline-flex}.logoMark{border:2px solid var(--mint);border-radius:50%;place-items:center;width:29px;height:29px;display:grid;position:relative}.logoMark:before,.logoMark span{content:"";border:2px solid var(--mint);border-radius:50%;width:12px;height:12px}.logoMark span{background:var(--mint);border:0;width:5px;height:5px}.logoText{letter-spacing:1.4px;color:#fff;font-size:14px;font-weight:700}.logoText b{color:var(--mint)}.workspaceLabel{text-transform:uppercase;letter-spacing:1.2px;color:#78958c;padding:0 12px 8px;font-size:10px;font-weight:700}.navList{gap:4px;display:grid}.navItem,.navButton{color:#acc1ba;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;width:100%;padding:10px 12px;font-size:13px;transition:all .18s;display:flex}.navItem:hover,.navButton:hover{background:var(--navy-soft);color:#fff}.navItem:first-child{color:#fff;background:#1a3a31}.sidebarServices{margin-top:26px}.miniService{color:#a9beb7;align-items:center;gap:9px;padding:8px 12px;font-size:12px;display:flex}.liveDot,.pausedDot{background:var(--mint);width:6px;height:6px;box-shadow:0 0 8px var(--mint);border-radius:50%;margin-left:auto}.pausedDot{box-shadow:none;background:#71877f}.sidebarBottom{gap:4px;margin-top:auto;display:grid}.switchWorkspace{color:#d7e8e2;border:1px solid #2a4a40;border-radius:9px;align-items:center;gap:10px;margin-bottom:8px;padding:11px 12px;font-size:12px;display:flex}.mainColumn{min-width:0}.topbar{border-bottom:1px solid var(--line);z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;justify-content:space-between;align-items:center;height:70px;padding:0 34px;display:flex;position:sticky;top:0}.environment{color:var(--muted);align-items:center;gap:8px;font-size:11px;display:flex}.environment span{background:var(--amber);border-radius:50%;width:7px;height:7px}.topbarRight{align-items:center;gap:10px;display:flex}.iconButton{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:8px;place-items:center;width:35px;height:35px;display:grid}.avatar{background:var(--mint-soft);color:#087354;border-radius:9px;place-items:center;width:35px;height:35px;font-size:11px;font-weight:800;display:grid}.identity{gap:2px;font-size:11px;display:grid}.identity span{color:var(--muted);font-size:10px}.content{max-width:1500px;margin:0 auto;padding:34px}.pageHeading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px;display:flex}.eyebrow{color:#118d68;text-transform:uppercase;letter-spacing:1.4px;margin:0 0 7px;font-size:10px;font-weight:800}h1{letter-spacing:-.8px;margin:0;font-size:28px}.pageHeading p:not(.eyebrow){color:var(--muted);margin:8px 0 0;font-size:13px}.button{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:700;display:inline-flex}.buttonPrimary{border-color:var(--navy);background:var(--navy);color:#fff}.metricGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.metricCard,.panel{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px}.metricCard{min-height:148px;padding:18px;position:relative}.metricIcon{border-radius:9px;place-items:center;width:36px;height:36px;margin-bottom:19px;display:grid}.metricIcon-mint{background:var(--mint-soft);color:#087354}.metricIcon-blue{color:var(--blue);background:#e7edff}.metricIcon-amber{color:#b56e00;background:#fff1d9}.metricIcon-rose{color:var(--rose);background:#ffe5e9}.metricLabel{color:var(--muted);font-size:11px}.metricValue{letter-spacing:-.7px;margin-top:5px;font-size:25px;font-weight:800}.metricDetail{color:#84928d;margin-top:5px;font-size:10px}.gridTwo{grid-template-columns:minmax(0,1.45fr) minmax(290px,.75fr);gap:18px;display:grid}.panel{overflow:hidden}.panelHeader{border-bottom:1px solid #edf1ef;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.panelHeader h2{margin:0;font-size:14px}.panelHeader p{color:var(--muted);margin:4px 0 0;font-size:10px}.panelBody{padding:18px 20px}.tableWrap{width:100%;overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px}th{color:#84918d;text-align:left;text-transform:uppercase;letter-spacing:.7px;background:#fbfcfb;border-bottom:1px solid #edf1ef;padding:11px 18px;font-size:9px}td{white-space:nowrap;border-bottom:1px solid #edf1ef;padding:14px 18px}tr:last-child td{border-bottom:0}.status{text-transform:capitalize;border-radius:99px;align-items:center;gap:6px;padding:5px 8px;font-size:9px;font-weight:800;display:inline-flex}.status i{background:currentColor;border-radius:50%;width:5px;height:5px}.status-positive{color:#087354;background:var(--mint-soft)}.status-negative{color:#b82e47;background:#ffe5e9}.status-warning{color:#99600c;background:#fff1d9}.status-neutral{color:#5d6d67;background:#edf1ef}.serviceList{gap:12px;display:grid}.serviceRow{border:1px solid var(--line);border-radius:10px;padding:14px}.serviceTitle{justify-content:space-between;align-items:center;gap:12px;display:flex}.serviceTitle strong{font-size:12px}.serviceRow p{color:var(--muted);margin:7px 0 12px;font-size:10px;line-height:1.5}.progressWrap{color:var(--muted);align-items:center;gap:9px;font-size:9px;display:flex}.progressTrack{background:#e8eeeb;border-radius:99px;flex:1;height:5px;overflow:hidden}.progressTrack span{background:var(--mint);border-radius:inherit;height:100%;display:block}.activityList{display:grid}.activityItem{border-bottom:1px solid #edf1ef;grid-template-columns:8px 1fr auto;gap:10px;padding:13px 0;font-size:10px;display:grid}.activityItem:last-child{border-bottom:0}.activityDot{background:var(--mint);border-radius:50%;width:7px;height:7px;margin-top:3px}.activityItem strong{margin-bottom:3px;font-size:11px;display:block}.activityItem span{color:var(--muted)}.sectionGap{margin-top:18px}.serviceCards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.serviceCard{border:1px solid var(--line);min-height:210px;box-shadow:var(--shadow);background:#fff;border-radius:12px;padding:22px}.serviceCardTop{justify-content:space-between;align-items:start;display:flex}.serviceGlyph{color:#087354;background:var(--mint-soft);border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.serviceCard h2{margin:22px 0 8px;font-size:17px}.serviceCard p{color:var(--muted);margin:0 0 22px;font-size:11px;line-height:1.6}.emptyState{text-align:center;color:var(--muted);padding:40px 20px}.formGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.formGrid label{color:var(--muted);gap:6px;font-size:10px;font-weight:700;display:grid}.formGrid input,.formGrid select,.inlineForm select{border:1px solid var(--line);width:100%;min-height:38px;color:var(--ink);background:#fff;border-radius:7px;outline:none;padding:8px 10px}.formGrid input:focus,.formGrid select:focus{box-shadow:0 0 0 3px var(--mint-soft);border-color:#33b98e}.spanTwo{grid-column:span 2}.formAction{justify-content:flex-end;align-items:end;display:flex}.inlineForm{align-items:center;gap:6px;display:flex}.inlineForm select{min-height:29px;padding:4px 6px;font-size:10px}.smallButton{border:1px solid var(--line);color:var(--ink);white-space:nowrap;background:#fff;border-radius:6px;align-items:center;gap:5px;padding:6px 8px;font-size:9px;font-weight:700;display:inline-flex}.smallButton:disabled{cursor:not-allowed;opacity:.55}.boundaryBadge{color:#087354;background:var(--mint-soft);border-radius:8px;align-items:center;gap:7px;padding:8px 10px;font-size:10px;font-weight:800;display:inline-flex}.notice{color:#285247;background:#e9f8f2;border:1px solid #c8ecdf;border-radius:10px;align-items:flex-start;gap:12px;padding:16px;display:flex}.notice strong{font-size:11px}.notice p{color:#5b756d;margin:4px 0 0;font-size:10px;line-height:1.5}code{color:#37534a;background:#eef2f0;border-radius:4px;padding:2px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.configList{gap:0;display:grid}.configRow{border-bottom:1px solid #edf1ef;justify-content:space-between;align-items:center;gap:20px;padding:14px 0;display:flex}.configRow:last-child{border:0}.configRow strong{font-size:11px;display:block}.configRow p{color:var(--muted);margin:4px 0 0;font-size:10px}.landing{color:#fff;background:radial-gradient(circle at 75% 20%, #1f4b3e 0, transparent 32%), var(--navy);min-height:100vh}.landingNav{justify-content:space-between;align-items:center;max-width:1180px;height:76px;margin:auto;padding:0 24px;display:flex}.landingNavLinks{color:#a8beb6;align-items:center;gap:22px;font-size:12px;display:flex}.landingHero{grid-template-columns:1.1fr .9fr;align-items:center;gap:70px;max-width:1180px;margin:auto;padding:110px 24px 90px;display:grid}.landingHero h1{letter-spacing:-3.5px;max-width:700px;font-size:clamp(43px,6vw,75px);line-height:.98}.landingHero h1 em{color:var(--mint);font-style:normal}.landingHero p{color:#a8beb6;max-width:560px;font-size:16px;line-height:1.7}.heroActions{gap:12px;margin-top:30px;display:flex}.heroVisual{background:#ffffff0a;border:1px solid #305247;border-radius:20px;padding:20px;transform:rotate(2deg)}.heroVisualInner{min-height:360px;color:var(--ink);background:#f8faf9;border-radius:13px;padding:26px;transform:rotate(-2deg);box-shadow:0 30px 80px #00000059}.heroStat{border:1px solid var(--line);background:#fff;border-radius:10px;margin-top:18px;padding:18px}.heroStat strong{margin-top:8px;font-size:30px;display:block}.heroBars{align-items:flex-end;gap:9px;height:115px;margin-top:20px;display:flex}.heroBars span{background:#b9efdd;border-radius:4px 4px 0 0;flex:1}.heroBars span:nth-child(2n){background:var(--mint)}.authPage{background:radial-gradient(circle at 70% 10%, #1e4b3d, transparent 36%), var(--navy);place-items:center;min-height:100vh;padding:24px;display:grid}.authCard{background:#fff;border-radius:16px;width:min(100%,420px);padding:30px;box-shadow:0 30px 90px #0000004d}.authCardWide{width:min(100%,680px)}.authCard .logoText{color:var(--ink)}.authHeading{margin:36px 0 24px}.authHeading h1{margin-top:14px;font-size:25px}.authHeading p{color:var(--muted);margin:7px 0 0;font-size:12px}.authForm{gap:15px;display:grid}.authFieldGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.authForm label{color:var(--muted);gap:7px;font-size:10px;font-weight:800;display:grid}.authForm input{border:1px solid var(--line);border-radius:8px;outline:none;min-height:43px;padding:9px 11px}.authForm input:focus{box-shadow:0 0 0 3px var(--mint-soft);border-color:#33b98e}.authForm .button{justify-content:center;min-height:43px;margin-top:4px}.authError{color:#a3263c;background:#ffe8ec;border-radius:7px;padding:10px 12px;font-size:10px}.authHint{color:var(--muted);margin:-3px 0 0;font-size:10px;line-height:1.5}.authSwitch{color:var(--muted);text-align:center;margin:2px 0 0;font-size:11px}.authSwitch a{color:#087354;font-weight:800}.authFoot{color:#88958f;text-align:center;margin:20px 0 0;font-size:9px}@media (max-width:1000px){.metricGrid{grid-template-columns:repeat(2,1fr)}.gridTwo{grid-template-columns:1fr}.landingHero{grid-template-columns:1fr;padding-top:70px}.heroVisual{display:none}}@media (max-width:720px){.shell{grid-template-columns:72px 1fr}.sidebar{padding-inline:9px}.logoText,.workspaceLabel,.navItem span,.miniService,.switchWorkspace{display:none}.navItem{justify-content:center}.content{padding:22px 16px}.topbar{padding:0 16px}.identity{display:none}.metricGrid,.serviceCards,.formGrid{grid-template-columns:1fr}.spanTwo{grid-column:auto}.pageHeading{flex-direction:column;align-items:start}.landingNavLinks a:not(.button){display:none}.authFieldGrid{grid-template-columns:1fr}}