:root{font-family:Segoe UI,Arial,sans-serif;color:#17231f;background:#f3f6f4;font-synthesis:none;--ink: #132a23;--green: #167c5a;--line: #dfe7e2;--muted: #68766f}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:30;width:252px;padding:26px 18px 20px;color:#eaf2ee;background:var(--ink);display:flex;flex-direction:column}.brand,.sidebar-head,.server-row,.tenant-name,.header-actions,.drawer-notice{display:flex;align-items:center}.brand{gap:11px}.brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#dbf4e9;color:#166a4e;font:800 20px/1 Segoe UI,sans-serif}.brand strong,.brand span,.account strong,.account span{display:block}.brand strong{font:700 17px/1.2 Segoe UI,sans-serif;letter-spacing:-.02em}.brand span{margin-top:2px;color:#9dafaa;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.sidebar nav{margin-top:40px;display:grid;gap:6px}.sidebar nav button{width:100%;border:0;border-radius:10px;padding:11px 13px;display:flex;align-items:center;gap:12px;color:#aebdb7;background:transparent;text-align:left}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#204237}.sidebar nav button.active:after{content:"";width:4px;height:4px;border-radius:50%;margin-left:auto;background:#70d1aa}.sidebar-foot{margin-top:auto;padding:14px;border:1px solid #315044;border-radius:12px;display:flex;align-items:flex-start;gap:10px;color:#9fb2aa}.sidebar-foot strong,.sidebar-foot span{display:block}.sidebar-foot strong{color:#e8efec;font-size:12px}.sidebar-foot span{margin-top:3px;font-size:10px}main{min-height:100vh;margin-left:252px}header{height:70px;padding:0 40px;border-bottom:1px solid var(--line);background:#ffffffd1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:flex-end;position:sticky;top:0;z-index:20}.header-actions{gap:11px}.icon-button{width:38px;height:38px;border-radius:10px;border:1px solid var(--line);color:#53625b;background:#fff;display:grid;place-items:center}.notification{position:relative;margin-right:8px}.notification i{position:absolute;top:7px;right:8px;width:6px;height:6px;border:2px solid #fff;border-radius:50%;background:#e45f4d}.avatar{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#dcece5;color:#17664c;font-weight:700;font-size:12px}.account strong{font-size:12px}.account span{margin-top:2px;color:var(--muted);font-size:10px}.content{max-width:1480px;margin:0 auto;padding:38px 40px 60px}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.eyebrow{display:block;color:#708078;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.13em}.hero h1{margin:6px 0 4px;font:800 clamp(28px,3vw,38px)/1.1 Manrope;letter-spacing:-.04em}.hero p{margin:0;color:var(--muted);font-size:14px}.button{border:0;border-radius:10px;min-height:42px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:13px}.button.primary{color:#fff;background:#176c50;box-shadow:0 7px 18px #176c502e}.button.primary:hover{background:#115b42}.button.secondary{color:#31423b;background:#edf2ef}.button.wide{width:100%;margin-top:22px}.metrics{margin-top:28px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card{min-height:128px;padding:20px;border:1px solid var(--line);border-radius:15px;background:#fff;display:flex;align-items:flex-start;gap:15px;box-shadow:0 3px 16px #1b322809}.metric-icon{width:40px;height:40px;flex:0 0 auto;border-radius:11px;display:grid;place-items:center}.metric-icon.green{color:#087a55;background:#e0f3eb}.metric-icon.blue{color:#3972a4;background:#e4eef7}.metric-icon.amber{color:#9c6b17;background:#f8efd9}.metric-icon.violet{color:#785b9b;background:#eee8f5}.metric-card span,.metric-card strong,.metric-card small{display:block}.metric-card span{color:var(--muted);font-size:11px}.metric-card strong{margin:5px 0 3px;font:800 24px/1.1 Manrope;letter-spacing:-.03em}.metric-card small{color:#839089;font-size:10px}.overview-grid{margin-top:14px;display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.infra-card,.activity-card,.tenant-section{border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 3px 16px #1b322809}.infra-card,.activity-card{padding:22px}.card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.card-heading h2,.section-head h2,.modal h2,.drawer h2{margin:5px 0 0;font:700 17px/1.2 Manrope;letter-spacing:-.025em}.live-dot{padding:5px 9px;border-radius:999px;color:#08764f;background:#e2f4ec;font-size:10px;font-weight:700}.live-dot:before{content:"";display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;background:#15966a;vertical-align:1px}.server-row{margin-top:22px;gap:13px}.server-icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;color:#176c50;background:#e3f0ea}.server-row strong,.server-row span{display:block}.server-row strong{font-size:13px}.server-row span{margin-top:3px;color:var(--muted);font-size:11px}.usage-grid{margin-top:21px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.usage-grid>div{display:grid;grid-template-columns:1fr auto;gap:8px}.usage-grid span{color:var(--muted);font-size:10px}.usage-grid strong{font-size:11px}.progress{grid-column:1/-1;height:5px;border-radius:99px;overflow:hidden;background:#e8eeeb}.progress i{height:100%;border-radius:inherit;display:block;background:#319171}.infra-card p{margin:20px 0 0;padding-top:15px;border-top:1px solid #e8eeeb;display:flex;align-items:center;gap:8px;color:#65736c;font-size:10px}.link-button{border:0;padding:0;color:#167153;background:transparent;font-size:11px;font-weight:700}.activity-card ul{list-style:none;margin:20px 0 0;padding:0;display:grid}.activity-card li{padding:12px 0;border-bottom:1px solid #edf1ef;display:flex;gap:11px}.activity-card li:last-child{border-bottom:0}.activity-card li>i{width:8px;height:8px;margin-top:4px;border-radius:50%}.activity-card li>i.green{background:#38a379}.activity-card li>i.blue{background:#5c90ba}.activity-card li>i.amber{background:#c8943c}.activity-card li strong,.activity-card li span{display:block}.activity-card li strong{font-size:11px}.activity-card li span{margin-top:4px;color:#829088;font-size:9px}.tenant-section{margin-top:14px;overflow:hidden}.section-head{padding:21px 22px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.tenant-tools{display:flex;gap:9px}.search{width:220px;height:38px;padding:0 11px;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;gap:8px;color:#849089;background:#fafcfa}.search input{width:100%;border:0;outline:0;color:#25342e;background:transparent;font-size:11px}.tenant-tools select{height:38px;padding:0 30px 0 11px;border:1px solid var(--line);border-radius:9px;color:#47574f;background:#fafcfa;font-size:11px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:760px}th{padding:10px 22px;color:#7b8982;background:#f7f9f8;text-align:left;text-transform:uppercase;letter-spacing:.07em;font-size:9px}td{padding:14px 22px;border-top:1px solid #edf1ef;color:#526159;font-size:11px}tbody tr{cursor:pointer;outline:none}tbody tr:hover,tbody tr:focus{background:#f8fbf9}.tenant-name{gap:10px}.tenant-name>span{width:33px;height:33px;flex:0 0 auto;border-radius:9px;display:grid;place-items:center;color:#286d54;background:#e2efe9;font-size:10px;font-weight:700}.tenant-name strong,.tenant-name small{display:block}.tenant-name strong{color:#26372f;font-size:11px}.tenant-name small{margin-top:2px;color:#89958f;font-size:9px}.status{display:inline-flex;padding:5px 8px;border-radius:99px;font-weight:700;font-size:9px}.status.active{color:#08724d;background:#e2f4ec}.status.provisioning{color:#886117;background:#f8efd9}.status.suspended{color:#9a493f;background:#f8e7e4}.empty{min-height:180px;display:grid;place-items:center;align-content:center;gap:6px;color:#829088}.empty strong{color:#3a4b43;font-size:12px}.empty span{font-size:10px}.scrim{position:fixed;inset:0;z-index:40;border:0;background:#0916117a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-layer,.drawer-layer{position:fixed;inset:0;z-index:60;display:grid;place-items:center}.modal{position:relative;z-index:50;width:min(520px,calc(100% - 28px));padding:25px;border-radius:16px;background:#fff;box-shadow:0 24px 70px #0919123d}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.modal>p{color:var(--muted);font-size:12px;line-height:1.55}.modal label{display:grid;gap:6px;color:#43524b;font-size:11px;font-weight:700}.modal input,.modal select{width:100%;height:42px;border:1px solid var(--line);border-radius:9px;padding:0 12px;outline:0;background:#fbfcfb}.modal input:focus,.modal select:focus{border-color:#3f9a79;box-shadow:0 0 0 3px #e3f2ec}.field-row{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-actions{margin-top:24px;display:flex;justify-content:flex-end;gap:8px}.drawer-layer{place-items:stretch;pointer-events:none}.drawer-layer .scrim{pointer-events:auto}.drawer{position:relative;z-index:50;justify-self:end;width:min(410px,100%);height:100%;padding:28px;background:#fff;pointer-events:auto;box-shadow:-20px 0 60px #09191229}.drawer>.status{margin-top:20px}.drawer dl{margin:24px 0}.drawer dl div{padding:12px 0;border-bottom:1px solid #e9eeeb}.drawer dt{color:#819088;font-size:10px}.drawer dd{margin:4px 0 0;color:#293a32;font-size:12px;font-weight:600}.drawer-notice{padding:14px;border-radius:11px;gap:11px;color:#22674f;background:#e8f3ee}.drawer-notice strong,.drawer-notice span{display:block}.drawer-notice strong{font-size:11px}.drawer-notice span{margin-top:3px;color:#5f776d;font-size:9px;line-height:1.4}.mobile-only{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr}}@media(max-width:800px){.mobile-only{display:grid}.sidebar{transform:translate(-100%);transition:transform .22s ease}.sidebar.is-open{transform:translate(0)}.sidebar .mobile-only{display:grid}.sidebar-head{justify-content:space-between}.sidebar .icon-button{color:#d6e2dd;border-color:#38564b;background:transparent}main{margin-left:0}header{height:64px;padding:0 18px;justify-content:space-between}.header-brand{display:block}.header-brand .brand-mark{width:32px;height:32px;border-radius:9px;font-size:16px}.header-brand .brand span{display:none}.header-brand .brand strong{color:#22342c;font-size:15px}.account{display:none}.content{padding:27px 18px 45px}.section-head{align-items:flex-start;flex-direction:column}.tenant-tools,.search{width:100%}.scrim{display:block}}@media(max-width:560px){.hero{align-items:stretch;flex-direction:column}.hero .button{align-self:flex-start}.metrics{grid-template-columns:1fr}.metric-card{min-height:104px}.usage-grid{grid-template-columns:1fr}.tenant-tools{flex-direction:column}.tenant-tools select{width:100%}.field-row{grid-template-columns:1fr}.modal-actions .button{flex:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}.boot-screen{min-height:100vh;display:grid;place-items:center;align-content:center;gap:16px;color:#708078}.boot-screen .brand strong{color:#1d332a}.boot-screen>span{font-size:12px}.login-page{min-height:100vh;margin:0;display:grid;grid-template-columns:minmax(420px,.8fr) 1.2fr;background:#f5f8f6}.login-panel{padding:clamp(34px,7vw,90px);display:flex;flex-direction:column;justify-content:center}.login-panel .brand strong{color:#1c3028}.login-copy{margin:64px 0 30px}.login-copy h1{margin:8px 0;font-size:clamp(28px,4vw,42px);letter-spacing:-.045em}.login-copy p{max-width:420px;margin:0;color:var(--muted);line-height:1.6;font-size:13px}.login-panel form{width:min(100%,420px);display:grid;gap:15px}.login-panel label{display:grid;gap:7px;color:#415149;font-size:11px;font-weight:700}.login-panel input{height:45px;padding:0 13px;border:1px solid var(--line);border-radius:10px;outline:0;background:#fff}.login-panel input:focus{border-color:#3d9777;box-shadow:0 0 0 3px #e0f0e9}.login-panel>small{margin-top:28px;color:#89958f;font-size:10px}.form-error,.connection-error{border-radius:10px;color:#8d3e35;background:#fae9e6}.form-error{padding:11px 13px;font-size:11px}.login-aside{margin:18px;padding:clamp(35px,7vw,90px);border-radius:22px;color:#e8f2ed;background:radial-gradient(circle at 85% 15%,#2d6752 0,transparent 32%),#132a23;display:flex;align-items:flex-end;overflow:hidden}.login-aside>div{max-width:620px}.login-aside .eyebrow{margin-top:25px;color:#8eb5a6}.login-aside h2{margin:10px 0 18px;font-size:clamp(34px,5vw,66px);line-height:1.02;letter-spacing:-.055em}.login-aside p{max-width:430px;color:#9eb4ab;line-height:1.6}.connection-error{margin-top:22px;padding:13px 15px;display:flex;align-items:center;gap:9px;font-size:11px}.connection-error strong,.connection-error span{display:block}.connection-error span{color:#9e5a51}.connection-error button{margin-left:auto;border:0;color:#8d3e35;background:transparent;font-weight:700}@media(max-width:800px){.login-page{grid-template-columns:1fr}.login-aside{display:none}.login-panel{min-height:100vh}.login-copy{margin-top:52px}.connection-error{align-items:flex-start;flex-direction:column}.connection-error button{margin:3px 0 0;padding:0}}.stepper{margin:20px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.stepper i{height:4px;border-radius:99px;background:#e4ebe7}.stepper i.done{background:#2b8a68}.success-modal{text-align:center}.success-mark{width:58px;height:58px;margin:0 auto 17px;border-radius:18px;display:grid;place-items:center;color:#14714f;background:#ddf1e8}.success-modal h2{margin-top:7px;font-size:21px}.success-modal>p{color:var(--muted);font-size:11px}.credential-box{margin-top:20px;padding:5px 17px;border:1px solid var(--line);border-radius:12px;background:#f8faf9;text-align:left}.credential-box div{padding:12px 0;border-bottom:1px solid #e3e9e6}.credential-box div:last-child{border-bottom:0}.credential-box span,.credential-box strong,.credential-box code{display:block}.credential-box span{color:#7b8882;font-size:9px;text-transform:uppercase;letter-spacing:.07em}.credential-box strong,.credential-box code{margin-top:5px;color:#26372f;font-size:12px}.credential-box code{font-weight:700;letter-spacing:.04em}.success-modal .modal-actions{justify-content:center}:root{--ink:#0b1d3a;--green:#00b2a9;--line:#e6e9ef;--muted:#667085;color:#0b1d3a;background:#f6f8fb}.sidebar{background:linear-gradient(180deg,#0b1d3a,#07152c)}.sidebar .brand-mark{content:url(/gester-mark-dark.svg)}.brand{gap:12px}.brand-mark{width:42px;height:42px;padding:0;border-radius:0;object-fit:contain;background:transparent}.brand strong{color:#fff;font-size:16px;font-weight:700;letter-spacing:.17em}.brand span{color:#8da3c2;font-size:8px;letter-spacing:.13em}.sidebar nav button{color:#9eb0c9}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#00b2a924}.sidebar nav button.active:after{background:#00b2a9;box-shadow:0 0 0 4px #00b2a921}.sidebar-foot{border-color:#1d3556;color:#8da3c2}.button.primary{background:#00a69e;box-shadow:0 8px 22px #00b2a938}.button.primary:hover{background:#008f88}.hero h1,.metric-card strong,.card-heading h2,.section-head h2,.modal h2,.drawer h2{color:#0b1d3a}.metric-card,.infra-card,.activity-card,.tenant-section{box-shadow:0 8px 28px #0b1d3a0b}.metric-icon.green,.server-icon{color:#008f88;background:#dcf7f5}.progress i{background:linear-gradient(90deg,#00b2a9,#30d2c9)}.link-button{color:#008f88}.avatar{color:#006f6a;background:#dcf7f5}.login-page{background:#f6f8fb}.login-panel .brand strong,.boot-screen .brand strong{color:#0b1d3a}.login-panel .brand span,.boot-screen .brand span{color:#64748b}.login-aside{color:#fff;background:radial-gradient(circle at 82% 18%,rgba(0,178,169,.42) 0,transparent 31%),linear-gradient(145deg,#0b1d3a,#07152c)}.login-aside .eyebrow{color:#48d5ce}.login-aside p{color:#aebbd0}.login-panel input:focus{border-color:#00b2a9;box-shadow:0 0 0 3px #00b2a921}.stepper i.done{background:#00b2a9}
