:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f5f6f8;--background-subtle:#fafbfc;--panel:#fff;--panel-raised:#fff;--panel-muted:#f8f9fb;--border:#e4e7ec;--border-strong:#d4d8e1;--text:#596273;--muted:#7b8495;--heading-color:#171b26;--accent:#635bff;--accent-hover:#524be4;--accent-soft:#f0efff;--success:#0e9f6e;--success-soft:#eafaf4;--warning:#d97706;--warning-soft:#fff7e8;--danger:#dc4c64;--danger-soft:#fff0f3;--sidebar:#11131a;--sidebar-raised:#1a1d27;--sidebar-text:#d9dce5;--shadow-xs:0 1px 2px #1018280a;--shadow-sm:0 1px 3px #1018280f, 0 1px 2px #1018280a;--shadow-md:0 12px 30px #10182814;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;color:var(--text);background:var(--background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#0e1016;--background-subtle:#12151d;--panel:#151821;--panel-raised:#191d27;--panel-muted:#11141c;--border:#282d39;--border-strong:#373d4b;--text:#aeb5c3;--muted:#81899a;--heading-color:#f5f7fb;--accent:#827cff;--accent-hover:#958fff;--accent-soft:#252346;--success:#36c796;--success-soft:#143229;--warning:#f0a33b;--warning-soft:#342714;--danger:#f16f85;--danger-soft:#391c24;--sidebar:#090b0f;--sidebar-raised:#13161e;--sidebar-text:#d9dce5;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 2px 6px #00000038;--shadow-md:0 18px 40px #0000004d}*{box-sizing:border-box}html{background:var(--background);min-width:320px;min-height:100%}body{background:var(--background);min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}button,input,textarea,select{font:inherit}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3,strong,b{color:var(--heading-color)}h1{letter-spacing:-.035em;font-size:clamp(1.65rem,3vw,2.25rem);font-weight:720;line-height:1.1}h2{letter-spacing:-.012em;font-size:1rem;font-weight:680;line-height:1.25}::selection{background:color-mix(in srgb, var(--accent) 26%, transparent)}:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 28%, transparent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.app-shell{background:var(--background);grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{z-index:20;background:var(--sidebar);height:100vh;color:var(--sidebar-text);border-right:1px solid #ffffff0e;flex-direction:column;padding:18px 14px;display:flex;position:sticky;top:0}.brand,.team-row,.service-row,.incident-row,.account-card{text-align:left;width:100%;font:inherit;cursor:pointer;border:0}.brand{min-height:42px;color:inherit;background:0 0;align-items:center;gap:11px;padding:4px 6px;display:flex}.brand-copy{min-width:0;line-height:1.15;display:grid}.brand-copy strong{color:#fff;letter-spacing:-.01em;font-size:15px}.brand-copy small{color:#7f8798;letter-spacing:.12em;text-transform:uppercase;margin-top:4px;font-size:10px}.brand-mark{color:#fff;background:linear-gradient(145deg,#827cff,#5148e5);border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-weight:800;display:inline-grid;box-shadow:0 8px 20px #635bff47,inset 0 1px #ffffff38}.brand-mark svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.nav-label{color:#656d7e;letter-spacing:.11em;text-transform:uppercase;margin:29px 10px 8px;font-size:10px;font-weight:700}.nav-list{gap:3px;display:grid}.nav-list button{color:#8f97a8;text-align:left;min-height:42px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;padding:0 11px;font-weight:550;transition:background .18s,color .18s,transform .18s;display:flex;position:relative}.nav-list button:hover{color:#e8eaf0;background:#ffffff0e}.nav-list button.active{color:#fff;background:linear-gradient(90deg,#827cff2e,#827cff14)}.nav-list button.active:before{content:"";background:#827cff;border-radius:0 4px 4px 0;width:3px;height:22px;position:absolute;left:-14px;box-shadow:0 0 12px #827cffa6}.sidebar-footer{gap:10px;margin-top:auto;display:grid}.control-plane-status{border-top:1px solid #ffffff12;align-items:center;gap:9px;padding:10px 11px;display:flex}.control-plane-status>span:last-child{min-width:0;display:grid}.control-plane-status strong{color:#c4c9d4;font-size:11px;font-weight:600}.control-plane-status small{color:#656d7e;font-size:10px}.account-card{background:var(--sidebar-raised);color:#8f97a8;border:1px solid #ffffff12;border-radius:11px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px;display:grid}.account-card:hover{border-color:#827cff59}.account-card>span:nth-child(2){min-width:0;display:grid}.account-card strong,.account-card small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-card strong{color:#e5e7ec;font-size:12px}.account-card small{color:#737b8c;font-size:10px}.account-avatar{color:#e9ebf1;background:linear-gradient(145deg,#313746,#252a36);border-radius:9px;place-items:center;width:30px;height:30px;font-size:11px;font-weight:700;display:inline-grid}.account-avatar.small{border-radius:7px;width:25px;height:25px}.workspace{min-width:0}.offline-banner{background:var(--warning-soft);border-bottom:1px solid color-mix(in srgb, var(--warning) 28%, var(--border));min-height:36px;color:var(--warning);justify-content:center;align-items:center;gap:8px;padding:6px 16px;font-size:12px;font-weight:650;display:flex}.topbar{z-index:15;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--background) 86%, transparent);-webkit-backdrop-filter:blur(18px)saturate(150%);backdrop-filter:blur(18px)saturate(150%);justify-content:space-between;align-items:center;gap:20px;min-height:64px;padding:0 clamp(18px,3vw,36px);display:flex;position:sticky;top:0}.topbar-title{align-items:center;gap:10px;min-width:0;display:flex}.topbar-title>div{display:grid}.topbar-title strong{font-size:14px;font-weight:680}.mobile-kicker{color:var(--muted);font-size:10px}.topbar-actions{align-items:center;gap:8px;display:flex}.live-indicator{color:var(--muted);align-items:center;gap:6px;margin-right:4px;font-size:11px;font-weight:600;display:inline-flex}.live-indicator i{background:var(--success);width:7px;height:7px;box-shadow:0 0 0 4px color-mix(in srgb, var(--success) 12%, transparent);border-radius:50%;animation:2.2s ease-in-out infinite pulse}.icon-button,.topbar-account{border:1px solid var(--border);background:var(--panel);min-height:34px;color:var(--text);box-shadow:var(--shadow-xs);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;transition:border-color .18s,background .18s,transform .18s;display:inline-flex}.icon-button{width:34px;padding:0}.icon-button:hover,.topbar-account:hover{border-color:var(--border-strong);background:var(--panel-raised);transform:translateY(-1px)}.notification-button{position:relative}.notification-dot{border:1px solid var(--panel);background:var(--danger);border-radius:50%;width:5px;height:5px;position:absolute;top:7px;right:7px}.topbar-account{gap:7px;padding:3px 9px 3px 4px;font-size:12px;font-weight:600}.workspace-main{width:100%;max-width:1560px;margin:0 auto;padding:clamp(20px,3vw,38px)}.page-stack{gap:18px;animation:.3s both page-in;display:grid}.page-stack.narrow{max-width:880px;margin:0 auto}.hero-strip,.panel-block,.stat-card,.empty-state,.loading-block,.error-block,.auth-panel{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow-sm)}.hero-strip{border-radius:var(--radius-lg);background:radial-gradient(circle at 90% 10%, color-mix(in srgb, var(--accent) 11%, transparent), transparent 32%), linear-gradient(135deg, var(--panel), color-mix(in srgb, var(--panel) 92%, var(--accent-soft)));justify-content:space-between;align-items:flex-end;gap:24px;min-height:126px;padding:24px 26px;display:flex;position:relative;overflow:hidden}.hero-strip:after{content:"";border:1px solid color-mix(in srgb, var(--accent) 9%, transparent);pointer-events:none;border-radius:50%;width:220px;height:220px;position:absolute;top:-100px;right:-45px}.hero-strip>*{z-index:1;position:relative}.hero-strip>div:first-child{min-width:0}.hero-strip h1{margin:5px 0 8px}.hero-strip p{max-width:720px;color:var(--text)}.team-title{align-items:center;gap:16px;display:flex}.eyebrow{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:760}.avatar{border:2px solid color-mix(in srgb, var(--panel) 80%, transparent);color:#fff;width:34px;height:34px;box-shadow:var(--shadow-xs);border-radius:10px;flex:none;place-items:center;font-size:11px;font-weight:750;display:inline-grid}.avatar.large{border-radius:14px;width:52px;height:52px;font-size:16px}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.stat-grid:has(.stat-card:nth-child(5)){grid-template-columns:repeat(5,minmax(0,1fr))}.stat-card{border-radius:var(--radius-md);gap:8px;min-width:0;padding:16px 17px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;position:relative;overflow:hidden}.stat-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card:before{content:"";background:var(--tone);opacity:.85;width:3px;position:absolute;inset:0 auto 0 0}.stat-card-heading{color:var(--muted);justify-content:space-between;align-items:center;display:flex}.stat-card-heading span{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:620;overflow:hidden}.stat-card-heading svg{color:var(--tone);opacity:.85}.stat-value{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.035em;font-size:clamp(1.35rem,2vw,1.75rem);line-height:1;overflow:hidden}.stat-hint{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:10px;overflow:hidden}.tone-good{--tone:var(--success)}.tone-warn{--tone:var(--warning)}.tone-danger{--tone:var(--danger)}.tone-neutral{--tone:var(--accent)}.content-grid{grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);align-items:start;gap:18px;display:grid}.panel-block{border-radius:var(--radius-lg);min-width:0;padding:19px}.panel-block.wide{min-height:320px}.section-heading{justify-content:space-between;align-items:flex-start;gap:16px;min-height:32px;margin-bottom:15px;display:flex}.section-heading>div{gap:4px;display:grid}.muted-copy,.service-row small,.member-row small,.team-row small,.bucket-row small,.timeline-row small,.notification-row small{color:var(--muted)}.service-list,.team-list,.member-list,.incident-list,.notification-list,.timeline,.bucket-list,.permission-grid,.toggle-grid,.host-instance-list{display:grid}.service-list,.team-list,.member-list,.incident-list,.timeline,.bucket-list,.permission-grid,.toggle-grid{gap:0}.service-row,.team-row,.member-row,.incident-row,.notification-row,.timeline-row,.bucket-row,.permission-row,.toggle-row{border-bottom:1px solid var(--border);background:0 0;align-items:center;gap:11px;min-width:0;min-height:54px;padding:11px 6px;display:flex}.service-list>:last-child,.team-list>:last-child,.member-list>:last-child,.incident-list>:last-child,.timeline>:last-child,.bucket-list>:last-child,.permission-grid>:last-child,.toggle-grid>:last-child{border-bottom:0}.service-row,.team-row,.incident-row{color:var(--text);border-left:2px solid #0000;transition:padding .18s,background .18s,border-color .18s}.service-row:not(.static):hover,.team-row:hover,.incident-row:hover{border-left-color:var(--accent);background:var(--panel-muted);padding-left:11px}.service-row.static{cursor:default}.service-row-main,.team-row span:nth-child(2),.member-row span:nth-child(2),.incident-row span:nth-child(2){flex:1;min-width:0}.service-row-main strong,.service-row-main small,.team-row strong,.team-row small,.member-row strong,.member-row small,.incident-row strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.service-row-main strong,.team-row strong,.member-row strong,.incident-row strong{font-size:12px}.service-row-main small,.team-row small,.member-row small{margin-top:2px;font-size:10px}.row-metric{color:var(--muted);white-space:nowrap;font-size:11px}.state-dot{background:#8991a2;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 3px #8991a221}.state-online{background:var(--success);box-shadow:0 0 0 3px color-mix(in srgb, var(--success) 13%, transparent)}.state-offline{background:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb, var(--danger) 13%, transparent)}.status-pill{border:1px solid color-mix(in srgb, var(--tone) 22%, transparent);background:color-mix(in srgb, var(--tone) 9%, var(--panel));min-height:23px;color:var(--tone);letter-spacing:.035em;text-transform:uppercase;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:2px 8px;font-size:9px;font-weight:760;display:inline-flex}.primary-button,.secondary-button,.text-button,.google-button{min-height:38px;font:inherit;cursor:pointer;border-radius:9px;padding:8px 13px;font-size:12px;font-weight:670;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s,opacity .18s}.primary-button{border:1px solid var(--accent);background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 92%, white), var(--accent));color:#fff;box-shadow:0 1px 2px #362dbe40}.primary-button:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 6px 16px color-mix(in srgb, var(--accent) 22%, transparent);transform:translateY(-1px)}.secondary-button{border:1px solid var(--border-strong);background:var(--panel);color:var(--heading-color);box-shadow:var(--shadow-xs)}.secondary-button:hover:not(:disabled){background:var(--panel-muted);transform:translateY(-1px)}.text-button{min-height:auto;color:var(--accent);background:0 0;border:0;padding:3px}.text-button:hover{color:var(--accent-hover);text-underline-offset:3px;text-decoration:underline}.primary-button.compact,.secondary-button.compact{min-height:32px;padding:5px 10px}.danger-text{color:var(--danger)}.primary-button:disabled,.secondary-button:disabled,.google-button:disabled{opacity:.46;cursor:not-allowed;box-shadow:none}.empty-state,.loading-block,.error-block{border-radius:var(--radius-md);min-height:104px;padding:20px}.empty-state{background:var(--panel-muted);text-align:left;box-shadow:none;border-style:dashed;justify-content:center;align-items:center;gap:13px;display:flex}.empty-state h2,.error-block h2{margin-bottom:4px}.empty-state p,.loading-block p,.error-block p{color:var(--muted);font-size:12px}.state-icon{background:var(--accent-soft);width:38px;height:38px;color:var(--accent);border-radius:11px;flex:none;place-items:center;display:inline-grid}.state-icon.danger{background:var(--danger-soft);color:var(--danger)}.loading-block{justify-content:center;align-items:center;gap:13px;max-width:460px;margin:min(18vh,140px) auto 0;display:flex}.loading-block>div:last-child{display:grid}.loader{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;flex:none;width:24px;height:24px;animation:.75s linear infinite spin}.error-block{border-color:color-mix(in srgb, var(--danger) 25%, var(--border));background:linear-gradient(135deg, var(--panel), var(--danger-soft));align-items:center;gap:13px;display:flex}.error-copy{flex:1;min-width:0}.form-grid{gap:14px;display:grid}.form-grid>h2{margin-bottom:2px}.form-grid label,.tenant-picker{color:var(--heading-color);gap:6px;font-size:11px;font-weight:650;display:grid}input,textarea,select{border:1px solid var(--border-strong);background:var(--panel);width:100%;min-height:40px;color:var(--heading-color);font:inherit;border-radius:9px;padding:8px 11px;transition:border-color .18s,box-shadow .18s,background .18s}input::placeholder,textarea::placeholder{color:color-mix(in srgb, var(--muted) 75%, transparent)}input:hover,textarea:hover,select:hover{border-color:color-mix(in srgb, var(--accent) 36%, var(--border-strong))}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 13%, transparent);outline:0}input:disabled,textarea:disabled,select:disabled{cursor:not-allowed;opacity:.58;background:var(--panel-muted)}.inline-form{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:15px;padding-top:15px;display:grid}.toggle-row{cursor:pointer;justify-content:space-between}.toggle-row input[type=checkbox]{appearance:none;background:var(--border-strong);width:36px;height:20px;min-height:20px;box-shadow:none;cursor:pointer;border:0;border-radius:999px;flex:none;padding:0;position:relative}.toggle-row input[type=checkbox]:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .18s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.toggle-row input[type=checkbox]:checked{background:var(--accent)}.toggle-row input[type=checkbox]:checked:after{transform:translate(16px)}.permission-row{justify-content:space-between}.permission-row>span{display:grid}.permission-row strong{text-transform:capitalize;font-size:12px}.permission-row small{color:var(--muted);font-size:10px}.permission-row select{width:116px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 18px;display:grid}.detail-grid div{border:1px solid var(--border);background:var(--panel-muted);border-radius:10px;padding:13px}.detail-grid dt{color:var(--muted);font-size:10px}.detail-grid dd{color:var(--heading-color);margin:4px 0 0;font-weight:680}.resource-section{gap:18px;display:grid}.resource-section .section-heading{margin-bottom:0}.resource-card-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;display:grid}.resource-stat{border:1px solid var(--border);background:var(--panel-muted);border-radius:10px;min-width:0;padding:12px}.resource-stat span,.metric-chart-heading span,.metric-chart-legend,.host-instance-row small{color:var(--muted)}.resource-stat span{font-size:10px}.resource-stat strong{text-overflow:ellipsis;color:var(--heading-color);white-space:nowrap;margin-top:5px;font-size:16px;line-height:1.1;display:block;overflow:hidden}.resource-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.metric-chart{border:1px solid var(--border);background:linear-gradient(180deg, var(--panel-muted), var(--panel));border-radius:12px;min-width:0;padding:14px;overflow:hidden}.metric-chart-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.metric-chart-heading span{font-size:11px;font-weight:620}.metric-chart-heading strong{white-space:nowrap}.metric-chart-svg{width:100%;height:132px;margin-top:8px;display:block;overflow:visible}.metric-chart-svg line{stroke:var(--border);stroke-width:1px;stroke-dasharray:3 4}.metric-chart-svg polyline{fill:none;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 4px 4px color-mix(in srgb, currentColor 14%, transparent))}.metric-chart-legend{flex-wrap:wrap;gap:12px;font-size:10px;display:flex}.metric-chart-legend span{align-items:center;gap:5px;display:inline-flex}.metric-chart-legend i{border-radius:50%;width:7px;height:7px}.host-instance-list{border:1px solid var(--border);border-radius:11px;overflow-x:auto}.host-instance-row{border-bottom:1px solid var(--border);background:var(--panel);grid-template-columns:minmax(180px,1.5fr) repeat(5,minmax(65px,.45fr)) minmax(135px,.7fr);align-items:center;gap:12px;min-width:860px;min-height:54px;padding:10px 13px;font-size:11px;display:grid}.host-instance-row:last-child{border-bottom:0}.host-instance-main{min-width:0}.host-instance-main strong,.host-instance-main small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.bucket-row{grid-template-columns:48px minmax(0,1fr) 38px 36px;font-size:11px;display:grid}.bucket-row strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.timeline-row{font-size:11px}.timeline-row>span:nth-child(2){text-transform:capitalize;flex:1}.notification-list{gap:10px}.notification-row{border:1px solid var(--border);background:var(--panel-muted);border-radius:12px;justify-content:space-between;align-items:flex-start;padding:15px}.notification-row>div:first-child{flex:1;min-width:0}.notification-row h2{margin:8px 0 4px}.notification-row p{margin-bottom:7px}.row-actions{gap:10px;display:flex}.json-block{color:#c8f5e4;background:#0b0d12;border:1px solid #2c3240;border-radius:11px;max-height:32rem;margin:0;padding:16px;font:11px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:auto}.dialog-backdrop{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#07090ea8;place-items:center;padding:20px;animation:.18s both page-in;display:grid;position:fixed;inset:0}.incident-dialog{width:min(760px,100%);max-height:min(80vh,720px);overflow:auto;box-shadow:0 30px 90px #0000005c}.notice-line{border:1px solid color-mix(in srgb, var(--success) 24%, var(--border));background:var(--success-soft);color:color-mix(in srgb, var(--success) 80%, var(--heading-color));border-radius:10px;padding:10px 13px;font-size:12px}.danger-notice{border-color:color-mix(in srgb, var(--danger) 28%, var(--border));background:var(--danger-soft);color:var(--danger)}.tenant-picker select{min-width:210px}.billing-content-grid{grid-template-columns:minmax(0,1.5fr) minmax(270px,.7fr)}.credit-pack-grid,.ledger-list,.billing-limits{gap:0;display:grid}.credit-pack-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.credit-pack{border:1px solid var(--border);background:linear-gradient(145deg,var(--panel-muted),var(--panel));border-radius:12px;gap:16px;min-width:0;padding:16px;display:grid}.credit-pack div,.ledger-row div{gap:3px;display:grid}.credit-pack strong{font-size:20px}.credit-pack span,.ledger-row small,.billing-limits dt{color:var(--muted);font-size:10px}.billing-limits{margin:8px 0 0}.billing-limits div,.ledger-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;min-height:50px;padding:9px 2px;display:flex}.billing-limits div:last-child,.ledger-row:last-child{border-bottom:0}.billing-limits dd{color:var(--heading-color);margin:0;font-weight:680}.amount-credit{color:var(--success)}.amount-debit{color:var(--danger)}.ledger-pagination{border-top:1px solid var(--border);color:var(--muted);justify-content:flex-end;align-items:center;gap:10px;margin-top:15px;padding-top:15px;font-size:10px;display:flex}.billing-checkout-backdrop{z-index:70;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#07090eb8;place-items:center;padding:24px;animation:.18s both page-in;display:grid;position:fixed;inset:0;overflow-y:auto}.billing-checkout-screen{border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));background:var(--panel);border-radius:22px;width:min(720px,100%);overflow:hidden;box-shadow:0 34px 110px #0000006b}.billing-checkout-header{border-bottom:1px solid var(--border);background:radial-gradient(circle at 12% 0,color-mix(in srgb,var(--accent) 18%,transparent),transparent 48%),linear-gradient(135deg,var(--panel-muted),var(--panel));justify-content:space-between;align-items:flex-start;gap:20px;padding:25px 27px 21px;display:flex}.billing-checkout-header h2{margin-top:6px;font-size:clamp(1.35rem,3vw,1.8rem)}.billing-checkout-header p{color:var(--muted);margin-top:6px}.checkout-close{border:1px solid var(--border);background:var(--panel);width:34px;height:34px;color:var(--muted);cursor:pointer;border-radius:10px;flex:none;font:500 23px/1 inherit}.checkout-close:hover:not(:disabled){border-color:var(--border-strong);color:var(--heading-color)}.checkout-close:disabled{opacity:.4;cursor:not-allowed}.billing-checkout-body{gap:18px;padding:25px 27px 27px;display:grid}.checkout-pack-summary{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 92%,#fff),color-mix(in srgb,var(--accent) 72%,#10142b));color:#fff;box-shadow:0 16px 36px color-mix(in srgb,var(--accent) 22%,transparent);border-radius:16px;gap:4px;padding:22px;display:grid;overflow:hidden}.checkout-pack-summary span{letter-spacing:.12em;text-transform:uppercase;opacity:.75;font-size:10px;font-weight:750}.checkout-pack-summary strong{letter-spacing:-.045em;font-size:clamp(2rem,7vw,3.15rem)}.checkout-pack-summary small{opacity:.76}.checkout-order-details{margin:0;display:grid}.checkout-order-details div{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:18px;min-height:44px;display:flex}.checkout-order-details div:last-child{border-bottom:0}.checkout-order-details dt{color:var(--muted)}.checkout-order-details dd{color:var(--heading-color);text-align:right;margin:0;font-weight:700}.checkout-security-note{border:1px solid color-mix(in srgb,var(--success) 24%,var(--border));background:var(--success-soft);border-radius:13px;gap:13px;padding:15px;display:flex}.checkout-security-note>span{color:var(--success)}.checkout-security-note strong{color:var(--heading-color)}.checkout-security-note p{color:var(--muted);margin-top:4px;font-size:11px;line-height:1.55}.checkout-progress{background:var(--panel-muted);min-height:48px;color:var(--muted);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.checkout-progress .loader{flex:none;width:20px;height:20px}.checkout-error{border:1px solid color-mix(in srgb,var(--danger) 28%,var(--border));background:var(--danger-soft);color:var(--danger);border-radius:11px;margin:0;padding:12px 14px}.checkout-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;padding-top:2px;display:flex}.auth-layout{background:radial-gradient(circle at 18% 16%,#635bff57,#0000 28%),radial-gradient(circle at 78% 85%,#0e9f6e33,#0000 26%),linear-gradient(#07090ec9,#07090eeb),url(/assets/hero-CLDdwZDr.png) 50%/cover;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-layout:before{content:"";opacity:.22;pointer-events:none;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 75%);mask-image:radial-gradient(circle,#000,#0000 75%)}.auth-panel{border-color:color-mix(in srgb, var(--border) 80%, white);width:min(420px,100%);color:var(--text);border-radius:20px;gap:15px;padding:28px;display:grid;position:relative;box-shadow:0 30px 80px #00000059}.auth-panel .brand-mark{border-radius:12px;width:42px;height:42px}.auth-panel h1{font-size:clamp(1.8rem,5vw,2.35rem)}.auth-panel>p{color:var(--muted)}.google-button{border:1px solid var(--border-strong);background:var(--panel);color:var(--heading-color);justify-content:center;align-items:center;gap:8px;display:inline-flex}.google-button:hover:not(:disabled){background:var(--panel-muted);transform:translateY(-1px)}.google-button span{background:var(--background);color:#4285f4;border-radius:7px;place-items:center;width:23px;height:23px;font-weight:800;display:inline-grid}.auth-divider{color:var(--muted);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;font-size:10px;display:grid}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);height:1px}.auth-link-row,.auth-action-stack{flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex}.auth-action-stack{display:grid}.auth-back{justify-self:start}.auth-factor-name{border:1px solid var(--border);background:var(--panel-muted);color:var(--heading-color);border-radius:10px;padding:10px;font-weight:650}.totp-input{text-align:center;letter-spacing:.35em;font-size:22px;font-weight:750}.full-screen-status{place-items:center;min-height:100vh;display:grid}@keyframes spin{to{transform:rotate(360deg)}}@keyframes page-in{0%{opacity:0;transform:translateY(5px)}}@keyframes pulse{50%{opacity:.55;box-shadow:0 0 0 7px color-mix(in srgb, var(--success) 5%, transparent)}}@media (width<=1160px){:is(.stat-grid,.stat-grid:has(.stat-card:nth-child(5))){grid-template-columns:repeat(2,minmax(0,1fr))}.resource-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.credit-pack-grid{grid-template-columns:1fr}}@media (width<=920px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.content-grid,.billing-content-grid{grid-template-columns:1fr}.panel-block.wide{min-height:auto}.resource-chart-grid{grid-template-columns:1fr}}@media (width<=760px){.app-shell{display:block}.sidebar{z-index:30;width:auto;height:66px;padding:6px max(8px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));border:0;border-top:1px solid #ffffff17;position:fixed;inset:auto 0 0}.brand,.nav-label,.sidebar-footer{display:none}.nav-list{grid-template-columns:repeat(4,1fr);gap:4px;height:100%}.nav-list button{text-align:center;border-radius:9px;align-content:center;place-items:center;gap:2px;min-height:52px;padding:3px;font-size:9px;display:grid}.nav-list button.active:before{border-radius:0 0 4px 4px;width:28px;height:2px;inset:-6px auto auto}.workspace{padding-bottom:calc(66px + env(safe-area-inset-bottom))}.topbar{min-height:58px;padding:0 14px}.topbar-account,.live-indicator{display:none}.workspace-main{padding:16px 14px 24px}.hero-strip{align-items:flex-start;min-height:0;padding:19px}.hero-strip h1{font-size:1.65rem}}@media (width<=560px){.page-stack{gap:12px}.hero-strip,.error-block,.notification-row{flex-direction:column;align-items:stretch}.hero-strip>.status-pill{align-self:flex-start}:is(.stat-grid,.stat-grid:has(.stat-card:nth-child(5))){grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stat-card{padding:13px}.stat-card-heading svg{display:none}.stat-value{font-size:1.3rem}.panel-block{border-radius:13px;padding:15px}.resource-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inline-form,.detail-grid{grid-template-columns:1fr}.permission-row{align-items:flex-start}.permission-row select{width:104px}.service-row .row-metric{display:none}.notification-row .row-actions{border-top:1px solid var(--border);justify-content:flex-end;width:100%;padding-top:10px}.tenant-picker{width:100%}.tenant-picker select{min-width:0}.team-title{align-items:flex-start}.error-block .secondary-button{width:100%}.billing-checkout-backdrop{align-items:end;padding:0}.billing-checkout-screen{border-width:1px 0 0;border-radius:21px 21px 0 0;width:100%;max-height:92vh;overflow-y:auto}.billing-checkout-header,.billing-checkout-body{padding-left:18px;padding-right:18px}.checkout-actions{display:grid}}