:root{color:#171511;font-synthesis:none;text-rendering:optimizelegibility;--ink:#171511;--muted:#716d64;--paper:#f3f0e9;--card:#fffdf8;--line:#dcd7cc;--orange:#f48120;--orange-dark:#d95d08;--green:#198754;--yellow:#d99400;--red:#d73a32;background:#f3f0e9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid color-mix(in srgb, var(--orange) 50%, transparent);outline-offset:2px}.app-shell{min-height:100vh}.topbar{color:#fff;background:var(--ink);border-bottom:1px solid #332f28;justify-content:space-between;align-items:center;height:72px;padding:0 max(28px,50vw - 620px);display:flex}.brand{letter-spacing:-.04em;align-items:center;gap:11px;font-size:18px;font-weight:780;text-decoration:none;display:inline-flex}.brand>span:last-child>span{color:var(--orange)}.brand-mark{color:#fff;background:var(--orange);border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.topbar-actions{align-items:center;gap:9px;display:flex}.connection-chip{color:#bbb6ac;letter-spacing:.12em;border:1px solid #48443c;border-radius:100px;align-items:center;gap:8px;margin-right:5px;padding:8px 11px;font-size:10px;font-weight:800;display:flex}.connection-chip.demo{color:#ffd5ac;border-color:#7c4a22}.pulse-dot{background:#45cf8b;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #45cf8b1b}.demo .pulse-dot{background:var(--orange);box-shadow:0 0 0 4px #f4812020}.icon-button{color:#d8d4cc;cursor:pointer;background:#282520;border:1px solid #403c35;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.icon-button:hover{color:#fff;border-color:#625c52}.icon-button:disabled{opacity:.55;cursor:wait}.spin{animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}main:not(.login-page){max-width:1240px;margin:0 auto;padding:0 28px 88px}.dashboard-hero{border-bottom:1px solid var(--line);grid-template-columns:1.4fr .6fr;align-items:center;gap:80px;min-height:390px;padding:58px 0 50px;display:grid}.hero-kicker{color:var(--orange-dark);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:7px;margin-bottom:22px;font-size:11px;font-weight:850;display:inline-flex}.dashboard-hero h1,.login-copy h1{letter-spacing:-.065em;margin:0;font-size:clamp(48px,6vw,78px);line-height:.96}.dashboard-hero h1 em{color:var(--orange);font-style:normal}.dashboard-hero>div:first-child>p{max-width:650px;color:var(--muted);margin:27px 0 0;font-size:16px;line-height:1.8}.hero-status{border:1px solid var(--line);background:radial-gradient(circle,#fffdf8 0 53%,#0000 54%),repeating-radial-gradient(circle,#0000 0 23px,#ddd8ce 24px 25px);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;min-height:250px;display:flex;position:relative;overflow:hidden}.status-orbit{border:1px dashed #c9c3b8;border-radius:50%;animation:22s linear infinite spin;position:absolute;inset:17px}.status-glyph{z-index:1;width:54px;height:54px;color:var(--green);background:#e9f5ee;border-radius:50%;place-items:center;margin-bottom:12px;display:grid}.status-watch .status-glyph{color:var(--yellow);background:#fff4d6}.status-critical .status-glyph,.status-exceeded .status-glyph{color:var(--red);background:#fde8e5}.status-unknown .status-glyph{color:var(--muted);background:#ece9e2}.hero-status>span:not(.status-orbit){z-index:1;color:var(--muted);letter-spacing:.16em;font-size:9px;font-weight:850}.hero-status strong{z-index:1;letter-spacing:-.04em;margin:4px 0 8px;font-size:25px}.hero-status small{z-index:1;color:var(--muted);font-size:11px}.inline-error{color:#7a211c;background:#fff0ee;border:1px solid #edc2bd;border-radius:10px;align-items:center;gap:10px;margin-top:22px;padding:13px 16px;display:flex}.inline-error button{color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:6px;margin-left:auto;padding:5px 10px}.summary-grid{border:1px solid var(--line);background:var(--card);border-radius:14px;grid-template-columns:repeat(4,1fr);margin:34px 0 84px;display:grid;box-shadow:0 12px 34px #3d33230a}.summary-card{border-right:1px solid var(--line);grid-template-columns:auto 1fr;gap:4px 12px;padding:25px;display:grid;position:relative}.summary-card:last-child{border-right:0}.summary-card.alert:before{content:"";background:var(--red);width:3px;position:absolute;inset:0 auto 0 0}.summary-icon{width:36px;height:36px;color:var(--orange-dark);background:#fff0e2;border-radius:9px;grid-row:1/4;place-items:center;display:grid}.summary-card>span{color:var(--muted);font-size:11px;font-weight:750}.summary-card>strong{letter-spacing:-.04em;font-size:25px}.summary-card>small{color:#969086;font-size:10px}.content-section{margin-top:82px}.section-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.section-index{color:var(--orange-dark);letter-spacing:.16em;font-size:10px;font-weight:850}.section-heading h2,.login-card h2{letter-spacing:-.045em;margin:7px 0 0;font-size:31px}.filter-row{border:1px solid var(--line);background:#eae6dd;border-radius:10px;gap:4px;padding:4px;display:flex}.filter-row button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:8px 12px;font-size:12px;font-weight:700}.filter-row button.active{color:var(--ink);background:var(--card);box-shadow:0 1px 4px #30281818}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.product-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:26px;position:relative;overflow:hidden;box-shadow:0 8px 28px #362b1c08}.product-card:before{content:"";background:var(--green);opacity:.75;height:3px;position:absolute;inset:0 0 auto}.product-watch:before{background:var(--yellow)}.product-critical:before,.product-exceeded:before{background:var(--red)}.product-unavailable:before{background:#99938a}.product-card-head{align-items:center;gap:13px;display:flex}.product-symbol{color:#fff;background:var(--ink);border-radius:11px;flex:none;place-items:center;width:44px;height:44px;display:grid}.product-title{min-width:0}.product-title>span{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:800}.product-title h3{letter-spacing:-.035em;margin:2px 0 0;font-size:21px}.behavior{white-space:nowrap;border-radius:6px;align-items:center;gap:5px;margin-left:auto;padding:6px 8px;font-size:9px;font-weight:750;display:inline-flex}.behavior-hard-stop{color:#922e27;background:#fbe7e4}.behavior-paid-overage{color:#795600;background:#fff1c8}.behavior-plan-dependent{color:#65584b;background:#eeeae2}.product-description{min-height:44px;color:var(--muted);margin:20px 0;font-size:12px;line-height:1.65}.product-error{color:#8c322b;background:#fcede9;border-radius:8px;align-items:center;gap:8px;margin-bottom:14px;padding:10px;font-size:11px;display:flex}.metric-list{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:17px;padding:20px 0;display:grid}.metric-label,.metric-meta{justify-content:space-between;gap:15px;display:flex}.metric-label{align-items:baseline}.metric-label>span{font-size:12px;font-weight:750}.metric-label strong{font-variant-numeric:tabular-nums;font-size:12px}.progress-track{background:#e7e3db;border-radius:100px;height:7px;margin:8px 0 6px;overflow:hidden}.progress-track span{background:var(--green);border-radius:inherit;height:100%;transition:width .5s;display:block}.metric-watch .progress-track span{background:var(--yellow)}.metric-critical .progress-track span,.metric-exceeded .progress-track span{background:var(--red)}.metric-unavailable .progress-track span{background:#99938a}.metric-meta{color:#8b857a;font-size:9px;font-weight:650}.metric-note{color:#938d82;margin-top:5px;font-size:9px;line-height:1.45;display:block}.product-footer{justify-content:space-between;align-items:flex-end;gap:18px;padding-top:16px;display:flex}.detail-list{color:var(--muted);flex-wrap:wrap;gap:9px 15px;font-size:9px;display:flex}.detail-list strong{color:var(--ink)}.partial-tag{color:#855f00;font-weight:800}.product-footer>a{color:var(--orange-dark);align-items:center;gap:4px;font-size:10px;font-weight:800;text-decoration:none;display:inline-flex}.empty-state{min-height:130px;color:var(--muted);background:var(--card);border:1px dashed #c9c3b8;border-radius:13px;justify-content:center;align-items:center;gap:10px;display:flex}.billing-section{border-top:1px solid var(--line);padding-top:72px}.billing-total{text-align:right}.billing-total span{color:var(--muted);font-size:10px;display:block}.billing-total strong{letter-spacing:-.04em;font-size:26px}.billing-table-wrap{background:var(--card);border:1px solid var(--line);border-radius:13px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{color:#878176;letter-spacing:.08em;text-align:left;text-transform:uppercase;background:#ebe7de;padding:13px 18px;font-size:9px}td{border-top:1px solid var(--line);padding:17px 18px}td small{color:var(--muted)}.billing-unavailable{color:var(--muted);background:var(--card);border:1px dashed #c8c2b7;border-radius:13px;align-items:flex-start;gap:14px;padding:24px;display:flex}.billing-unavailable strong{color:var(--ink)}.billing-unavailable p{margin:5px 0 0;font-size:12px;line-height:1.6}.operations-grid{grid-template-columns:.8fr 1.2fr;gap:18px;display:grid}.source-panel,.gap-panel{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:24px}.panel-title{align-items:center;gap:9px;margin-bottom:19px;display:flex}.panel-title h3{margin:0;font-size:16px}.source-list{gap:5px;display:grid}.source-row{background:#f6f3ed;border-radius:8px;align-items:center;gap:10px;padding:10px;display:flex}.source-state{border-radius:50%;flex:none;place-items:center;width:25px;height:25px;display:grid}.state-ok{color:var(--green);background:#dff2e7}.state-partial{color:#946b00;background:#ffedbd}.state-error{color:var(--red);background:#f8dfdc}.source-row strong,.source-row small{display:block}.source-row strong{font-size:10px}.source-row small{color:var(--muted);margin-top:2px;font-size:9px}.gap-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.gap-list a{background:#f6f3ed;border-radius:8px;grid-template-columns:1fr auto;gap:4px 9px;padding:12px;text-decoration:none;display:grid}.gap-list a:hover{background:#f0e8dc}.gap-list strong,.gap-list span{display:block}.gap-list strong{font-size:11px}.gap-list span,.gap-list p{color:var(--muted);font-size:9px}.gap-list p{grid-column:1/3;margin:4px 0 0;line-height:1.45}.disclaimer{color:#635d54;background:#e9e5dd;border-radius:10px;gap:10px;margin-top:16px;padding:16px;display:flex}.disclaimer svg{color:var(--orange-dark);flex:none}.disclaimer p{margin:0;font-size:10px;line-height:1.6}footer{color:#bcb7ad;background:var(--ink);align-items:center;gap:28px;min-height:110px;padding:0 max(28px,50vw - 620px);display:flex}footer p{margin-left:auto;font-size:10px}footer>a{color:#eeeae2;align-items:center;gap:5px;font-size:11px;font-weight:750;text-decoration:none;display:inline-flex}.login-page{color:#fff;background:var(--ink);grid-template-columns:1.05fr .75fr;align-items:center;gap:9vw;min-height:100vh;padding:7vh max(6vw,28px);display:grid;position:relative;overflow:hidden}.login-atmosphere{pointer-events:none;border:1px solid #6a4d32;border-radius:50%;width:620px;height:620px;position:absolute;top:-210px;right:-210px;box-shadow:0 0 0 90px #f4812008,0 0 0 180px #f4812005}.login-copy,.login-card{z-index:1;position:relative}.login-copy .brand{margin-bottom:min(14vh,130px)}.login-copy h1{max-width:760px;font-size:clamp(52px,6vw,88px)}.login-copy>p{color:#aaa49a;max-width:590px;margin:30px 0 25px;font-size:15px;line-height:1.8}.demo-link{color:#ffc38f;align-items:center;gap:7px;font-size:13px;font-weight:750;text-decoration:none;display:inline-flex}.login-card{color:var(--ink);background:#fffdf8;border-radius:17px;padding:36px;box-shadow:0 30px 100px #0008}.login-card-icon{color:#fff;background:var(--orange);border-radius:12px;place-items:center;width:47px;height:47px;margin-bottom:28px;display:grid}.login-card h2{font-size:27px}.login-card>div:nth-child(2)>p{color:var(--muted);margin:10px 0 27px;font-size:11px}.login-card form{gap:16px;display:grid}.login-card label span{color:#5f5a51;margin-bottom:7px;font-size:10px;font-weight:780;display:block}.login-card input{width:100%;height:46px;color:var(--ink);background:#f4f1ea;border:1px solid #d8d2c7;border-radius:9px;padding:0 13px;font-size:12px}.login-card input:focus{border-color:var(--orange);background:#fff}.primary-button{color:#fff;background:var(--orange-dark);cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;height:48px;margin-top:4px;font-weight:800;display:flex}.primary-button:hover{background:#bf5008}.primary-button:disabled{opacity:.65;cursor:wait}.form-error{color:#8d2d26;background:#fce8e5;border-radius:7px;padding:10px;font-size:11px}.trust-row{color:#7e786d;border-top:1px solid var(--line);flex-wrap:wrap;gap:14px;margin-top:20px;padding-top:18px;font-size:9px;display:flex}.trust-row span{align-items:center;gap:4px;display:inline-flex}@media (width<=900px){.dashboard-hero{grid-template-columns:1fr;gap:35px}.hero-status{width:250px}.summary-grid{grid-template-columns:repeat(2,1fr)}.summary-card:nth-child(2){border-right:0}.summary-card:nth-child(-n+2){border-bottom:1px solid var(--line)}.product-grid,.operations-grid{grid-template-columns:1fr}.login-page{grid-template-columns:1fr;gap:55px;padding-top:50px;padding-bottom:50px}.login-copy .brand{margin-bottom:70px}.login-card{width:100%;max-width:620px}}@media (width<=620px){.topbar{height:64px;padding:0 16px}.connection-chip{display:none}main:not(.login-page){padding:0 16px 60px}.dashboard-hero{min-height:auto;padding:50px 0 40px}.dashboard-hero h1{font-size:48px}.summary-grid{grid-template-columns:1fr;margin-bottom:60px}.summary-card{border-right:0;border-bottom:1px solid var(--line)}.summary-card:last-child{border-bottom:0}.section-heading{flex-direction:column;align-items:flex-start}.filter-row{width:100%;overflow-x:auto}.filter-row button{white-space:nowrap}.product-card{padding:20px}.product-card-head{flex-wrap:wrap}.behavior{margin-left:0}.gap-list{grid-template-columns:1fr}footer{flex-direction:column;align-items:flex-start;gap:12px;padding:28px 16px}footer p{margin:0}.login-page{padding:35px 20px}.login-copy .brand{margin-bottom:60px}.login-copy h1{font-size:48px}.login-card{padding:25px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
