:root{--gx2-navy: #1b2948;--gx2-turq: #35b6ad;--gx2-white: #ffffff;--gx2-turq-light: #19dbd1;--gx2-yellow: #feb801;--gx2-cyan: #01d5fe;--gx2-dark: var(--gx2-navy);--gx2-text: var(--gx2-navy);--gx2-bg: #f4f6f9;--gx2-muted: #5a6b85;--gx2-line: #d8dee8;--gx2-tint: #eef6f5;--gx2-danger: #9c2f2f;--gx2-danger-bg: #fdecec;--gx2-shadow: 0 10px 30px rgba(27, 41, 72, .06);--font: Montserrat, Arial, Helvetica, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font);color:var(--gx2-text);background:var(--gx2-bg);font-size:14px}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--gx2-navy)}h1,h2,h3,p{margin:0}h1{font-size:28px;letter-spacing:-.03em}h2{font-size:16px}small{display:block;color:var(--gx2-muted);font-size:12px;font-weight:600}.boot{padding:48px}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{background:radial-gradient(ellipse at 0% 140%,rgba(25,219,209,.38),transparent 34%),#152238;color:#fff;min-height:64px;padding:0 20px;display:flex;align-items:center;gap:28px;border-bottom:0}.topbar .lockup{font-size:22px}.brand-link{display:flex;align-items:center;text-decoration:none}.lockup{display:inline-flex;align-items:center;font-weight:800;font-size:30px;letter-spacing:-.055em;line-height:1;color:#161616}.lockup .dot{width:.18em;height:.18em;border-radius:50%;background:var(--gx2-turq-light);margin:0 .07em .12em;align-self:flex-end;flex:none}.lockup .suite{color:#12bdb6}.lockup.on-dark{color:#fff}.lockup.on-dark .suite{color:#7ef6f0}.session{display:flex;align-items:center;gap:12px}.session span{text-align:right}.text-btn{border:1px solid var(--gx2-line);background:#fff;color:var(--gx2-navy);border-radius:8px;padding:8px 12px;font-weight:700;cursor:pointer;text-decoration:none}.text-btn:disabled{opacity:.5;cursor:default}.apps-wrap{position:relative}.waffle{width:42px;height:42px;border:0;border-radius:50%;background:transparent;display:grid;grid-template-columns:repeat(3,5px);gap:3px;place-content:center;cursor:pointer}.waffle span{width:5px;height:5px;border-radius:1px;background:#2a2a2a}.waffle:hover,.waffle.open{background:#eef1f6}.apps-panel{position:absolute;top:50px;right:0;width:280px;background:#fff;border:1px solid var(--gx2-line);border-radius:18px;box-shadow:0 18px 48px #141c2d29;padding:14px 10px 10px;z-index:30;color:var(--gx2-navy)}.apps-panel h2{font-size:13px;padding:0 8px 8px}.apps-grid{display:grid;grid-template-columns:repeat(3,1fr)}.app-tile{display:grid;justify-items:center;align-content:start;gap:6px;padding:12px 6px 10px;border-radius:12px;text-decoration:none;color:var(--gx2-navy);font-size:12px;font-weight:800;text-align:center}.app-tile small{font-size:10px;font-weight:600}.app-tile:hover,.app-tile.active{background:#f3f6fb}.luma-logo{display:block;border-radius:12px}.nav-count{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;border-radius:999px;background:var(--gx2-turq-light);color:#102033;font-size:11px;font-weight:800}.btn-back,.nav a,.pager button,.account-card footer button,.actions button,.danger{border:1px solid rgba(255,255,255,.22);background:#ffffff1f;color:#fff;border-radius:8px;padding:8px 12px;font-weight:700;cursor:pointer;text-decoration:none}.nav{display:flex;align-items:stretch;gap:2px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;padding:0;background:transparent;border:0}.nav::-webkit-scrollbar{display:none}.nav a{position:relative;color:#ffffffb8;background:transparent;border:0;display:inline-flex;align-items:center;white-space:nowrap;border-radius:0;padding:22px 12px 18px;font-size:13px}.nav a:hover,.nav a.active{color:#fff;background:transparent}.nav a.active:after{content:"";position:absolute;left:12px;right:12px;bottom:12px;height:2px;border-radius:2px;background:#7ef6f0}.topbar .session{margin-left:auto;flex:none}.topbar .session small{color:#ffffff9e}.topbar .apps-panel small{color:var(--gx2-muted)}.topbar .text-btn{background:transparent;color:#fff;border-color:#ffffff47;border-radius:999px;padding:6px 12px}.topbar .text-btn:hover{background:#ffffff14}.topbar .waffle{width:36px;height:36px}.topbar .waffle span{background:#fff}.topbar .waffle:hover,.topbar .waffle.open{background:#ffffff1f}main{width:min(1180px,calc(100% - 40px));margin:28px auto;flex:1}footer{color:var(--gx2-muted);font-size:12px;font-weight:700;padding:18px 28px 28px}.stack{display:grid;gap:16px;min-width:0}.stack>*{min-width:0}.page-head,.account-card header,.account-card footer{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}.card-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;margin-bottom:12px;align-items:start}.card-head>h2,.card-head>p,.card-head>div:first-child{grid-column:1}.card-head>.row,.card-head>.actions,.card-head>.segmented{grid-column:2;grid-row:1;align-self:center}.segmented.compact{width:max-content}.segmented.compact button{flex:none;white-space:nowrap;padding:6px 12px;font-size:12px}.eyebrow{color:var(--gx2-turq);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px}.muted{color:var(--gx2-muted)}.kpis,.cards,.split{display:grid;gap:14px}.kpis{grid-template-columns:repeat(4,1fr)}.kpis.dash{grid-template-columns:1.35fr 1fr 1fr 1fr}.kpis.months,.kpis.license-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.cards,.split{grid-template-columns:1fr 1fr}.split>*{min-width:0}.kpis article,.card{background:#fff;border:1px solid var(--gx2-line);border-radius:18px;padding:18px;box-shadow:var(--gx2-shadow)}.kpis article{display:grid;align-content:start;gap:6px;min-height:108px}.kpis span{color:var(--gx2-muted);font-size:12px;font-weight:700}.kpis strong,.money{display:block;font-size:26px;letter-spacing:-.03em;line-height:1.1}.kpis strong{margin-top:0}.card-head p,.account-card p{color:var(--gx2-muted);font-size:13px}.chart{display:flex;gap:18px;align-items:flex-end;min-height:180px}.chart.year{gap:8px;overflow-x:auto;padding-bottom:4px;min-width:0;width:100%}.chart.year .chart-col{min-width:68px;flex:1}.chart.year.fit{overflow:hidden}.chart.year.fit .chart-col{min-width:0}.chart.year .chart-bar{width:22px}.chart.year .chart-col span{font-size:11px;color:var(--gx2-muted);text-align:center}.chart.year .chart-col strong{font-size:11px;white-space:nowrap}.chart.compact{min-height:120px}.chart-col{display:grid;justify-items:center;align-content:end;gap:6px;min-width:90px}button.chart-col{border:0;background:transparent;padding:8px 2px 4px;border-radius:12px;cursor:pointer;align-self:stretch}button.chart-col:hover,button.chart-col.on{background:var(--gx2-tint)}button.chart-col.on strong{color:#1d7a74}.chart-bar{width:42px;background:var(--gx2-navy);border-radius:8px 8px 2px 2px}.chart-bar.open{background:var(--gx2-turq)}.chart-col strong{font-size:12px}.table-wrap{overflow-x:auto}.table-wrap td:first-child,.table-wrap th:first-child{white-space:nowrap}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--gx2-muted);padding:8px}td{padding:10px 8px;border-top:1px solid var(--gx2-line);vertical-align:top}th.on,td.on{background:var(--gx2-tint)}tfoot td{font-weight:800}.pill{border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800;background:var(--gx2-bg)}.pill.ok{background:var(--gx2-tint);color:#1d7a74}.pill.syncing,.pill.partial{background:#fff6df;color:#8a6400}.pill.error{background:var(--gx2-danger-bg);color:var(--gx2-danger)}.btn-primary{background:var(--gx2-turq);color:#fff;border:0;border-radius:10px;padding:10px 14px;font-weight:800;cursor:pointer}.btn-primary:disabled{opacity:.45;cursor:default}.account-card footer,.actions{display:flex;gap:8px;align-items:center}.account-card footer button,.actions button,.pager button,.danger{background:#fff;color:var(--gx2-navy);border:1px solid var(--gx2-line)}.danger{color:var(--gx2-danger)}.account-hit{display:grid;gap:14px;color:inherit;text-decoration:none}.account-hit:hover h2{color:#1d7a74}.shares{display:grid}.month-services{margin-top:16px}.month-services>.muted{margin-bottom:4px}.share{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(72px,1fr) auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--gx2-line)}a.share{text-decoration:none;color:inherit}a.share:hover span:first-child{color:#1d7a74}.share span:first-child{overflow-wrap:anywhere}.share-track{height:8px;background:var(--gx2-bg);border-radius:999px;overflow:hidden}.share-track span{display:block;height:100%;background:var(--gx2-navy);border-radius:999px}.share-track.outside span{background:repeating-linear-gradient(135deg,#9fb3c8 0 6px,#c4d1de 6px 12px)}.share-label{min-width:0}.share-label small{font-weight:600}.stacked{display:grid;gap:14px}.stacked-cols{display:flex;gap:4px;align-items:flex-end;min-height:200px;padding-bottom:4px}.stacked-col{flex:1;min-width:0;display:grid;justify-items:center;align-content:end;gap:6px;border:0;background:transparent;border-radius:12px;padding:8px 4px;font:inherit;color:inherit}button.stacked-col{cursor:pointer}button.stacked-col:hover,button.stacked-col.on{background:var(--gx2-tint)}button.stacked-col.on strong{color:#1d7a74}.stacked-bar{width:30px;display:flex;flex-direction:column-reverse;border-radius:8px 8px 2px 2px;overflow:hidden;background:var(--gx2-bg)}.stacked-bar span{display:block;min-height:2px}.stacked-col strong{font-size:11px;white-space:nowrap}.stacked-col small{font-size:11px}.legend{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12px;font-weight:700;color:var(--gx2-muted)}.legend li{display:flex;align-items:center;gap:6px}.legend i{width:10px;height:10px;border-radius:3px;display:inline-block}.outside-detail{display:grid;gap:4px;margin-top:10px}.outside-detail h3{font-size:12px;font-weight:800;color:var(--gx2-muted);text-transform:uppercase;letter-spacing:.06em;margin:8px 0 0}.outside-detail li{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding:4px 0;border-top:1px solid var(--gx2-line)}.outside-detail li span{overflow-wrap:anywhere}.outside-detail ul{list-style:none;margin:0;padding:0}.cost-note{font-size:12px;color:var(--gx2-muted);margin-top:10px}.license-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,.75fr);gap:14px;align-items:start}.license-list{display:grid;gap:12px}.license-main{display:flex;gap:14px;align-items:flex-start}.license-copy{flex:1;min-width:0}.license-copy p{color:var(--gx2-muted);font-size:13px;margin-top:2px}.license-money{text-align:right}.license-money strong{display:block;font-size:22px;letter-spacing:-.03em}.license-card footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px}.center-costs{display:grid;gap:2px}.center-costs a{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px;border-radius:10px;color:inherit;text-decoration:none;font-weight:700;font-size:13px}.center-costs a:hover{background:var(--gx2-bg)}.center-costs i{width:12px;height:12px;border-radius:4px}.center-costs span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.center-costs strong{font-variant-numeric:tabular-nums;text-align:right}.license-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}.license-facts dt{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--gx2-muted)}.license-facts dd{margin:3px 0 0;font-weight:700;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.license-facts code{font-size:13px}.seat-groups{display:grid;gap:8px;margin-top:14px}.seat-groups h3{margin:8px 0 0;font-size:13px}.seat-form{margin-top:8px}.seat-rows li{align-items:center}.seat-rows li span{color:var(--gx2-muted);font-weight:700}.license-link{color:#1d7a74;font-weight:800;text-decoration:none}.license-link:hover{text-decoration:underline}.pay-day{width:56px;height:56px;border-radius:14px;background:var(--gx2-navy);color:#fff;display:grid;align-content:center;justify-items:center;flex:none}.pay-day strong{font-size:18px;line-height:1;color:#fff}.pay-day span{color:#ffffffb8;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.pay-day.due{background:var(--gx2-turq)}.catalog-mini{display:grid;grid-template-columns:1fr 1fr;column-gap:28px}.catalog-mini a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--gx2-line);color:inherit;text-decoration:none}.catalog-mini a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalog-mini a strong{color:#1d7a74;font-variant-numeric:tabular-nums}.catalog-mini a:hover span{color:#1d7a74}.project-list{list-style:none;margin:4px 0 0;padding:0;display:grid}.project-list a{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding:8px 0;border-top:1px solid var(--gx2-line);color:inherit;text-decoration:none}.project-list a>span:last-child{color:#1d7a74;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.project-list a:hover strong{color:#1d7a74}.project-name{display:grid;gap:1px;min-width:0}.project-name small{font-size:11px}.project-head{display:flex;justify-content:space-between;margin:6px 0 2px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--gx2-muted)}.project-list li.outside{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--gx2-line);color:var(--gx2-muted);font-weight:700;font-size:13px}.project-list li.outside span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap}.account-card footer{justify-content:flex-start}.account-card footer a{margin-right:auto}.month-row{display:flex;gap:28px;flex-wrap:wrap}.month-row div{display:grid;gap:2px;min-width:128px}.progress{color:#8a6400;font-weight:700}.filters,.row,.pager{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.filters input,.filters select,.form input,.form select,.form textarea{width:100%;border:1px solid var(--gx2-line);border-radius:10px;padding:10px 12px;background:#fff}.filters input{min-width:240px}.form{display:grid;gap:12px}.form label,.check{display:grid;gap:6px;font-size:12px;font-weight:700;color:var(--gx2-muted)}.check{grid-template-columns:auto 1fr;align-items:center;color:var(--gx2-navy)}.form-error{color:var(--gx2-danger);font-weight:700}.plain{list-style:none;padding:0;margin:0;display:grid}.plain li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--gx2-line)}.app-group h3{margin:14px 0 0;font-size:13px;font-weight:800;color:var(--gx2-navy)}.plain.app-rows li{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;row-gap:2px;align-items:baseline;padding:10px 0}.plain.app-rows a{min-width:0;color:inherit;text-decoration:none}.plain.app-rows a strong{font-weight:800}.plain.app-rows a:hover strong{color:#1d7a74}.plain.app-rows li>span{color:#1d7a74;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.plain.app-rows li>p{grid-column:1 / -1;margin:0;color:var(--gx2-muted);font-size:13px;line-height:1.35}.tags{display:flex;gap:6px;flex-wrap:wrap}.tags span{background:var(--gx2-bg);border-radius:999px;padding:3px 8px;font-size:11px}.total{margin-top:12px;font-weight:800}.modal-back{position:fixed;inset:0;background:#1b294875;display:grid;place-items:center;padding:20px}.modal{width:min(520px,100%);background:#fff;border-radius:16px;padding:18px;max-height:calc(100vh - 40px);overflow:auto}.modal header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.icon-btn{border:0;background:transparent;font-size:24px;cursor:pointer}.segmented{display:flex;background:var(--gx2-bg);border-radius:10px;padding:4px}.segmented button{flex:1;border:0;background:transparent;border-radius:8px;padding:8px;font-weight:800;cursor:pointer}.segmented .on{background:#fff;color:var(--gx2-navy)}fieldset{border:1px solid var(--gx2-line);border-radius:12px;display:grid;gap:8px}.login{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.login-brand{position:relative;overflow:hidden;background:radial-gradient(ellipse at 16% 118%,rgba(25,219,209,.55),transparent 46%),#152238;color:#fff;padding:64px;display:flex;flex-direction:column;justify-content:center}.login-brand .lockup{font-size:68px}.login-brand .login-app{display:flex;align-items:center;gap:10px;margin-top:28px;font-size:22px;font-weight:800;color:#fff}.login-brand p{max-width:440px;margin-top:10px;color:#ffffffc7;line-height:1.5}.login-brand small{color:#ffffff9e;margin-top:18px}.login form{display:grid;align-content:center;gap:14px;padding:48px;background:#fff}.login input{width:100%;border:1px solid var(--gx2-line);border-radius:10px;padding:12px}.board{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}.board-main{min-width:0}.search,.side select,.side input,.side textarea{width:100%;border:1px solid var(--gx2-line);border-radius:12px;padding:11px 14px;background:#fff}.account-label{display:flex;align-items:center;gap:8px}.catalog{background:#fff;border:1px solid var(--gx2-line);border-radius:18px;box-shadow:var(--gx2-shadow);overflow:hidden}.cat{background:transparent}.cat+.cat{border-top:1px solid var(--gx2-line)}.cat-head{width:100%;display:flex;align-items:center;gap:10px;padding:13px 16px;border:0;background:transparent;cursor:pointer;text-align:left}.cat-head:hover{background:#f8fafc}.cat-head strong{flex:1;font-size:15px;letter-spacing:-.02em}.chevron{width:7px;height:7px;border-right:2px solid var(--gx2-navy);border-bottom:2px solid var(--gx2-navy);transform:rotate(-45deg);flex:none}.cat.open .chevron{transform:rotate(45deg) translateY(-2px)}.res-list{display:grid;gap:8px;padding:4px 12px 14px;background:#f8fafc}.res-card{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--gx2-line);border-radius:16px;padding:14px 16px;background:#fff;box-shadow:var(--gx2-shadow)}.res-card input{margin-top:4px}.res-open{flex:1;min-width:0;border:0;background:transparent;text-align:left;cursor:grab;padding:0}.res-name{display:block;font-weight:800;letter-spacing:-.02em;overflow-wrap:anywhere}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.chips span{background:var(--gx2-bg);color:var(--gx2-muted);border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700;line-height:1.3}.chips .account{background:var(--gx2-tint);color:#1d7a74}.app-open{text-decoration:none;color:inherit}.app-open:hover h2{color:#1d7a74}.plain-cards{background:transparent;padding:0}.plain-cards .res-card{box-shadow:none}.res-card.on{border-color:#7ed4ce;box-shadow:0 0 0 3px #19dbd138}.side{position:sticky;top:12px;display:grid;gap:12px;align-self:start}.side .card{display:grid;gap:12px}.arn-line{color:var(--gx2-muted);font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.part-groups{display:grid;gap:8px;max-height:360px;overflow:auto;padding-right:2px}.part{background:var(--gx2-bg);border-radius:12px;padding:10px 12px;display:grid;gap:6px}.part header{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.part header strong{font-size:12px}.part header span,.part li small{color:var(--gx2-muted);font-size:11px;font-weight:700}.part ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}.part li{display:flex;justify-content:space-between;gap:10px}.part li span{overflow-wrap:anywhere}.link-btn{border:0;background:transparent;color:#1d7a74;font-weight:800;cursor:pointer;padding:0;justify-self:start}.drop-list{display:grid;gap:8px}.drop-dock{position:fixed;z-index:40;left:50%;bottom:16px;transform:translate(-50%);width:min(720px,calc(100% - 24px));display:none;gap:8px;background:#fff;border:1px solid var(--gx2-line);border-radius:18px;box-shadow:0 16px 40px #1b29482e;padding:12px 14px 14px}.drop-dock-title{font-weight:800}.drop-dock [data-dock-empty],.drop-dock [data-other-account]{display:none}.drop-dock-list{display:flex;gap:8px;overflow-x:auto}.drop-dock .drop{min-width:200px;flex:1}.drop-dock .drop strong,.drop-dock .drop small{display:block}.drop{border:1px dashed #9aabb8;border-radius:14px;padding:12px;background:var(--gx2-bg)}.drop.over{border-style:solid;border-color:var(--gx2-turq);background:var(--gx2-tint)}.notice{color:#1d7a74;font-weight:700}.drop-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.drop-head small{display:block}.kpi{display:grid;align-content:start;gap:8px;min-height:118px;background:#fff;border:1px solid var(--gx2-line);border-radius:18px;padding:16px 18px 18px;box-shadow:var(--gx2-shadow);color:inherit;text-decoration:none}a.kpi:hover{border-color:#9fd9d4}a.kpi:hover strong{color:#1d7a74}.kpi.turq{border-top:4px solid var(--gx2-turq)}.kpi.navy{border-top:4px solid var(--gx2-navy)}.kpi.cyan{border-top:4px solid var(--gx2-turq-light)}.kpi.yellow{border-top:4px solid var(--gx2-yellow)}.kpi-top{display:flex;align-items:center;gap:8px}.kpis .kpi-icon{width:28px;height:28px;flex:none;border-radius:9px;display:grid;place-items:center;background:var(--gx2-tint);color:#1d7a74}.kpis .kpi.navy .kpi-icon{background:#e6eaf2;color:var(--gx2-navy)}.kpis .kpi.yellow .kpi-icon{background:#fff0c7;color:#8a6400}.kpi small{font-size:12px}.trend{margin-left:auto;display:inline-flex;align-items:center;gap:2px;padding:2px 7px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}.kpis .trend.up,.trend.up{background:var(--gx2-danger-bg);color:var(--gx2-danger)}.kpis .trend.down,.trend.down{background:var(--gx2-tint);color:#1d7a74}.kpis .trend.flat,.trend.flat{background:var(--gx2-bg);color:var(--gx2-muted)}.split.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stacked-cols{min-height:var(--stack-room, 200px)}.account-swatch{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:8px;vertical-align:middle;flex:none}.app-groups{max-height:320px;overflow-y:auto;overscroll-behavior:contain;padding-right:10px;scrollbar-width:thin;scrollbar-color:#c9d3df transparent}.app-group h3{display:flex;align-items:center;position:sticky;top:0;z-index:1;margin:0;padding:10px 0 4px;background:#fff}.app-group h3 a{margin-left:10px;color:#1d7a74;font-size:12px;font-weight:700}.app-group h3 small{margin-left:auto;color:var(--gx2-muted);font-size:12px;font-weight:700}.donut-wrap{display:grid;grid-template-columns:172px minmax(0,1fr);gap:18px;align-items:center}.donut{width:172px;height:172px}.donut-total{font-size:15px;font-weight:800;fill:var(--gx2-navy)}.donut-label{font-size:10px;font-weight:700;fill:var(--gx2-muted)}.donut-legend{display:grid;gap:2px}.donut-legend>a,.donut-legend>div{display:grid;grid-template-columns:12px minmax(0,1fr) 40px auto;gap:8px;align-items:center;padding:7px 8px;border-radius:10px;color:inherit;text-decoration:none;font-weight:700;font-size:13px}.donut-legend>a:hover{background:var(--gx2-bg)}.donut-legend span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.donut-legend em{font-style:normal;color:var(--gx2-muted);font-size:12px;text-align:right}.donut-legend strong{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.donut-legend i{width:12px;height:12px;border-radius:4px}.donut-legend i.hatched{background:repeating-linear-gradient(135deg,#b9c6d4 0 3px,#d8dee8 3px 6px)}.alerts{display:grid;gap:6px}.alert-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto 16px;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;background:#fffaf0;border:1px solid #f6e3b4;color:inherit;text-decoration:none}.alert-row:hover{border-color:#e2b84a}.alert-row>span:nth-child(2){display:grid;gap:1px;min-width:0}.alert-row b{font-size:17px;white-space:nowrap;font-variant-numeric:tabular-nums}.alert-icon{width:36px;height:36px;border-radius:10px;background:#fff0c7;color:#8a6400;display:grid;place-items:center}.alert-row.tone-info{background:#f4fbfa;border-color:#cdeae7}.alert-row.tone-info:hover{border-color:#8fd3cd}.alert-row.tone-info .alert-icon{background:var(--gx2-tint);color:#1d7a74}.alert-row.tone-danger{background:#fff6f6;border-color:#f2cccc}.alert-row.tone-danger:hover{border-color:#d98f8f}.alert-row.tone-danger .alert-icon{background:var(--gx2-danger-bg);color:var(--gx2-danger)}.all-good{display:grid;justify-items:center;gap:8px;padding:40px 0;color:#1d7a74;font-weight:800}.bars{display:grid;gap:2px}.bar-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(40px,1fr) auto;gap:10px;align-items:center;padding:7px 4px;border-radius:8px;color:inherit;text-decoration:none}a.bar-row:hover{background:var(--gx2-bg)}.bar-label{display:flex;align-items:center;gap:8px;font-weight:700;font-size:13px;min-width:0}.bar-label>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.bar-label svg{flex:none;color:var(--gx2-muted)}.bar-track{height:10px;background:var(--gx2-bg);border-radius:999px;overflow:hidden}.bar-track span{display:block;height:100%;background:var(--gx2-turq);border-radius:999px}.bar-track.muted span{background:repeating-linear-gradient(135deg,#b9c6d4 0 6px,#d8dee8 6px 12px)!important}.bar-row strong{text-align:right;font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}.bar-row strong small{font-size:11px}.movers{display:grid}.mover{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 4px;border-top:1px solid var(--gx2-line);color:inherit;text-decoration:none}.mover:first-child{border-top:0}.mover-icon{width:30px;height:30px;border-radius:9px;background:var(--gx2-bg);color:var(--gx2-muted);display:grid;place-items:center}.mover-text{display:grid;gap:1px;min-width:0}.mover-text strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mover-text small{font-size:11px}.mover-delta{display:inline-flex;align-items:center;gap:2px;font-weight:800;font-size:12px;padding:3px 8px;border-radius:999px;white-space:nowrap;font-variant-numeric:tabular-nums}.mover-delta.up{background:var(--gx2-danger-bg);color:var(--gx2-danger)}.mover-delta.down{background:var(--gx2-tint);color:#1d7a74}.region-line{display:flex;align-items:center;gap:6px;margin-bottom:10px;color:var(--gx2-muted);font-size:12px;font-weight:700}.catalog-mini a .service-name{display:flex;align-items:center;gap:8px;min-width:0}.catalog-mini a .service-name svg{flex:none;color:var(--gx2-muted)}.card-head h2.service-name{display:flex;align-items:center;gap:8px}.card-head h2.service-name svg{color:var(--gx2-muted)}a.text-btn{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:inherit}.uptime-group h3{margin:6px 0 4px;font-size:13px;color:var(--gx2-navy)}.uptime-rows{display:grid}.uptime-row{display:grid;grid-template-columns:minmax(200px,1.1fr) minmax(160px,1.4fr) repeat(3,64px);gap:14px;align-items:center;padding:10px 4px;border-top:1px solid var(--gx2-line)}.uptime-row.head{border-top:0;padding-top:0;padding-bottom:6px;font-size:11px;font-weight:800;color:var(--gx2-muted);text-transform:uppercase;letter-spacing:.04em}.uptime-row.head span:nth-child(n+3){text-align:right}.uptime-name{display:grid;grid-template-columns:10px 16px minmax(0,1fr);gap:8px;align-items:center;min-width:0}.uptime-name>svg{color:var(--gx2-muted)}.uptime-name>span:last-child{display:grid;gap:1px;min-width:0}.uptime-name strong{font-size:13px}.uptime-name small{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uptime-name em{font-style:normal;font-size:11px;font-weight:700;color:#1d7a74}.uptime-row.down .uptime-name em{color:var(--gx2-danger)}.uptime-row.pending .uptime-name em,.uptime-row.unknown .uptime-name em{color:#8a6400}.uptime-dot{width:10px;height:10px;border-radius:50%;background:var(--gx2-muted)}.uptime-dot.up{background:var(--gx2-turq);box-shadow:0 0 0 3px var(--gx2-tint)}.uptime-dot.down{background:var(--gx2-danger);box-shadow:0 0 0 3px var(--gx2-danger-bg)}.uptime-dot.pending,.uptime-dot.maintenance{background:var(--gx2-yellow)}.beats{display:flex;gap:1px;height:26px;align-items:stretch;min-width:0;overflow:hidden}.beats i{flex:1 1 0;min-width:1px;max-width:6px;border-radius:2px;background:#d8dee8}.beats i.up{background:var(--gx2-turq)}.beats i.down{background:var(--gx2-danger)}.beats i.pending,.beats i.maintenance{background:var(--gx2-yellow)}.uptime-row>b{text-align:right;font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}.uptime-row>b.good{color:#1d7a74}.uptime-row>b.fair{color:#8a6400}.uptime-row>b.poor{color:var(--gx2-danger)}.checks{list-style:none;margin:0;padding:0;display:grid;gap:6px}.checks li{display:grid;grid-template-columns:32px minmax(0,1fr) 18px;gap:10px;align-items:center;padding:8px 10px;border-radius:12px;border:1px solid var(--gx2-line)}.checks li>span:nth-child(2){display:grid;gap:1px;min-width:0}.checks strong{font-size:13px}.checks small{font-size:12px;line-height:1.35}.check-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:var(--gx2-bg);color:var(--gx2-muted)}.checks li.ok .check-icon{background:var(--gx2-tint);color:#1d7a74}.checks li.ok .check-state{color:var(--gx2-turq)}.checks li.warn{background:#fffaf0;border-color:#f6e3b4}.checks li.warn .check-icon{background:#fff0c7;color:#8a6400}.checks li.warn .check-state{color:#c08a00}.checks li.missing{border-style:dashed}.checks li.missing .check-state{color:#9aabb8}.pick-groups legend{font-size:12px;font-weight:700;color:var(--gx2-muted);padding:0 6px}.pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.pick-grid .check{align-items:start;padding:8px 10px;border:1px solid var(--gx2-line);border-radius:10px}.pick-grid .check>span{display:grid;gap:2px;min-width:0}.pick-grid .check small{font-weight:600;color:var(--gx2-muted);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media(max-width:1100px){.split.three{grid-template-columns:1fr 1fr}.split.three>:nth-child(3):last-child{grid-column:1 / -1}.donut-wrap{grid-template-columns:1fr}.donut{margin:0 auto}}@media(max-width:900px){.split.three,.donut-wrap{grid-template-columns:1fr}.donut{margin:0 auto}.kpis,.kpis.dash,.kpis.months,.cards,.split,.login,.catalog-mini,.license-layout{grid-template-columns:1fr}.login-brand{padding:32px}.login-brand .lockup{font-size:46px}.topbar{padding:12px 16px 8px}main{width:min(100% - 24px,1180px)}.board{grid-template-columns:1fr}.side{position:static}}@media(max-width:640px){.kpis.license-kpis,.license-facts{grid-template-columns:1fr}.uptime-row{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:8px}.uptime-row.head{display:none}.uptime-name,.beats{grid-column:1 / -1}.uptime-row>b{text-align:left}.uptime-row>b:before{content:attr(data-label) " ";color:var(--gx2-muted);font-size:11px;font-weight:700}}