:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--as-font-display:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", Inter, system-ui, sans-serif;--as-font-text:-apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;--as-blue:#007aff;--as-blue-hover:#0a84ff;--as-indigo:#5856d6;--as-purple:#af52de;--as-cyan:#32ade6;--as-green:#34c759;--as-mint:#00c7be;--as-orange:#ff9f0a;--as-red:#ff3b30;--as-bg:#f5f7fb;--as-bg-elevated:#fbfcff;--as-bg-deep:#eaf0fa;--as-text:#172033;--as-text-secondary:#5f6b7f;--as-text-tertiary:#8a95a8;--as-glass:#ffffffa8;--as-glass-strong:#ffffffe0;--as-glass-soft:#ffffff70;--as-border:#50699129;--as-border-highlight:#ffffffdb;--as-shadow-xs:0 1px 2px #13233d0a;--as-shadow-sm:0 8px 28px #1d366014;--as-shadow-md:0 18px 54px #1d36601f;--as-shadow-lg:0 32px 96px #1d366029;--as-shadow-blue:0 18px 42px #007aff38;--as-radius-xs:10px;--as-radius-sm:14px;--as-radius-md:18px;--as-radius-lg:24px;--as-radius-xl:30px;--as-radius-2xl:38px;--as-radius-pill:999px;--as-blur:blur(28px) saturate(165%);--as-blur-heavy:blur(42px) saturate(175%);--as-duration-fast:.14s;--as-duration:.22s;--as-duration-slow:.42s;--as-ease:cubic-bezier(.2, 0, 0, 1);--as-ease-spring:cubic-bezier(.34, 1.56, .64, 1);--as-container:1440px;--as-content:1180px;--as-safe-top:env(safe-area-inset-top,0px);--as-safe-right:env(safe-area-inset-right,0px);--as-safe-bottom:env(safe-area-inset-bottom,0px);--as-safe-left:env(safe-area-inset-left,0px)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--as-bg:#050b14;--as-bg-elevated:#0a1321;--as-bg-deep:#02070f;--as-text:#f5f8ff;--as-text-secondary:#a7b4c8;--as-text-tertiary:#77869c;--as-glass:#111d30ad;--as-glass-strong:#0f1b2de6;--as-glass-soft:#192a4475;--as-border:#bed6ff21;--as-border-highlight:#ffffff1a;--as-shadow-xs:0 1px 2px #00000029;--as-shadow-sm:0 10px 32px #00000038;--as-shadow-md:0 24px 68px #00000057;--as-shadow-lg:0 42px 120px #0000007a;--as-shadow-blue:0 20px 52px #007aff47}@media (prefers-reduced-motion:reduce){:root{--as-duration-fast:1ms;--as-duration:1ms;--as-duration-slow:1ms}}:root{font-family:var(--as-font-text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:var(--as-bg);--surface:var(--as-glass);--surface-strong:var(--as-glass-strong);--surface-soft:var(--as-glass-soft);--line:var(--as-border);--text:var(--as-text);--muted:var(--as-text-secondary);--blue:var(--as-blue);--blue2:var(--as-indigo);--green:var(--as-green);--red:var(--as-red);--amber:var(--as-orange);--shadow:var(--as-shadow-md)}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;color:var(--text);background:var(--bg);margin:0}html{scroll-behavior:smooth}body{font-family:var(--as-font-text);overflow-x:hidden}body:before,body:after{z-index:-2;content:"";pointer-events:none;filter:blur(6px);border-radius:50%;position:fixed}body:before{background:radial-gradient(circle at 42% 42%,#007aff33,#0000 60%),radial-gradient(circle at 64% 35%,#5856d624,#0000 56%);width:42rem;height:42rem;top:-18rem;left:-13rem}body:after{background:radial-gradient(circle at 45% 42%,#32ade621,#0000 58%),radial-gradient(circle at 62%,#34c75914,#0000 56%);width:46rem;height:46rem;bottom:-21rem;right:-15rem}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{border-radius:var(--as-radius-sm);color:#fff;min-height:44px;box-shadow:inset 0 1px 0 #ffffff4d, var(--as-shadow-blue);letter-spacing:-.012em;cursor:pointer;transition:transform var(--as-duration-fast) var(--as-ease), filter var(--as-duration-fast) var(--as-ease), box-shadow var(--as-duration) var(--as-ease), background var(--as-duration) var(--as-ease);background:linear-gradient(#1688ff 0%,#0074ec 100%);border:0;justify-content:center;align-items:center;gap:9px;padding:0 17px;font-weight:720;display:inline-flex}button:hover{filter:brightness(1.045);transform:translateY(-1px)}button:active{transform:scale(.985)}button:disabled{opacity:.48;cursor:not-allowed;filter:none;box-shadow:none;transform:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb, var(--blue) 38%, transparent);outline-offset:2px}svg{stroke-width:1.85px;flex:none}.icon{width:44px;min-width:44px;color:var(--text);background:var(--surface);border:1px solid var(--line);box-shadow:inset 0 1px 0 var(--as-border-highlight), var(--as-shadow-xs);-webkit-backdrop-filter:var(--as-blur);backdrop-filter:var(--as-blur);padding:0}.icon:hover,.ghost:hover{border-color:color-mix(in srgb, var(--blue) 28%, var(--line));background:color-mix(in srgb, var(--surface-strong) 88%, var(--blue) 4%);box-shadow:var(--as-shadow-sm)}.ghost{color:var(--text);background:var(--surface);border:1px solid var(--line);box-shadow:inset 0 1px 0 var(--as-border-highlight), var(--as-shadow-xs);-webkit-backdrop-filter:var(--as-blur);backdrop-filter:var(--as-blur)}.danger{background:linear-gradient(#ff625a 0%,#ed2d24 100%);box-shadow:inset 0 1px #ffffff47,0 15px 34px #ff3b3038}.danger-outline{color:var(--red)!important}.success{color:var(--green)!important}.app-shell{min-height:100dvh;display:flex;position:relative}.sidebar{z-index:30;width:296px;height:100dvh;padding:calc(16px + var(--as-safe-top)) 13px calc(16px + var(--as-safe-bottom));background:linear-gradient(180deg, color-mix(in srgb, var(--surface-strong) 96%, transparent), color-mix(in srgb, var(--surface) 92%, transparent));border-right:1px solid var(--line);-webkit-backdrop-filter:var(--as-blur-heavy);backdrop-filter:var(--as-blur-heavy);flex-direction:column;display:flex;position:sticky;top:0;box-shadow:14px 0 54px #1e38600b}.brand{align-items:center;gap:13px;min-height:68px;padding:7px 9px 20px;display:flex}.brand strong{font-family:var(--as-font-display);letter-spacing:-.022em;font-size:16px;display:block}.brand span{color:var(--muted);margin-top:3px;font-size:11px;line-height:1.25;display:block}.brand-orb{color:#fff;background:radial-gradient(circle at 30% 20%,#ffffffb8,#0000 24%),linear-gradient(145deg,#6ec2ff 0%,#007aff 52%,#5856d6 100%);border-radius:17px;place-items:center;width:48px;height:48px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff8c,0 14px 32px #007aff4d}.brand-orb:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #ffffff42;position:absolute;inset:1px}.brand-orb.large{border-radius:24px;width:72px;height:72px}.brand-orb.large svg{width:35px;height:35px}.sidebar nav{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--muted) 25%, transparent) transparent;gap:4px;min-height:0;padding:3px 2px 12px;display:grid;overflow:auto}.sidebar nav button{min-height:46px;color:var(--muted);box-shadow:none;text-align:left;background:0 0;border:1px solid #0000;border-radius:14px;justify-content:flex-start;padding:0 12px;font-size:13px;font-weight:650;position:relative}.sidebar nav button svg{width:18px;height:18px}.sidebar nav button svg:last-child{opacity:.34;width:14px;height:14px;transition:transform var(--as-duration) var(--as-ease);margin-left:auto}.sidebar nav button:hover,.sidebar nav button.active{color:var(--text);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-strong) 92%, transparent), color-mix(in srgb, var(--surface) 95%, transparent));border-color:var(--line);box-shadow:inset 0 1px 0 var(--as-border-highlight), var(--as-shadow-sm)}.sidebar nav button.active:before{content:"";background:var(--blue);border-radius:999px;width:3px;height:22px;position:absolute;left:-3px;box-shadow:0 0 18px #007aff94}.sidebar nav button:hover svg:last-child,.sidebar nav button.active svg:last-child{opacity:.7;transform:translate(2px)}.sidebar-foot{color:var(--muted);align-items:center;gap:9px;margin-top:auto;padding:15px 10px 5px;font-size:11px;display:flex}.live-dot{background:var(--green);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #34c7591f}.workspace{min-width:0;padding:calc(22px + var(--as-safe-top)) max(24px, calc(24px + var(--as-safe-right))) calc(72px + var(--as-safe-bottom)) max(24px, calc(24px + var(--as-safe-left)));flex:1}.topbar{z-index:18;min-height:78px;margin:calc(-22px - var(--as-safe-top)) -24px 24px;padding:calc(13px + var(--as-safe-top)) 24px 13px;background:color-mix(in srgb, var(--bg) 76%, transparent);border-bottom:1px solid var(--line);-webkit-backdrop-filter:var(--as-blur-heavy);backdrop-filter:var(--as-blur-heavy);align-items:center;gap:14px;display:flex;position:sticky;top:0}.topbar h1{font-family:var(--as-font-display);letter-spacing:-.048em;margin:2px 0 0;font-size:clamp(25px,3vw,37px);line-height:1}.top-actions{align-items:center;gap:9px;margin-left:auto;display:flex}.tenant-picker{max-width:340px;height:44px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:var(--as-radius-sm);box-shadow:inset 0 1px 0 var(--as-border-highlight);-webkit-backdrop-filter:var(--as-blur);backdrop-filter:var(--as-blur);align-items:center;gap:8px;padding:0 11px;display:flex}.tenant-picker svg{width:17px}.tenant-picker span{font-size:11px;font-weight:700}.tenant-picker select{width:auto;min-width:140px;height:38px;box-shadow:none;background:0 0;border:0;padding:0 28px 0 4px;font-weight:700}.eyebrow{color:var(--blue);letter-spacing:.15em;text-transform:uppercase;margin:0;font-size:10px;font-weight:800}.glass{background:linear-gradient(145deg, color-mix(in srgb, var(--surface-strong) 96%, transparent), color-mix(in srgb, var(--surface) 93%, transparent));border:1px solid var(--line);border-radius:var(--as-radius-xl);box-shadow:inset 0 1px 0 var(--as-border-highlight), var(--shadow);-webkit-backdrop-filter:var(--as-blur);backdrop-filter:var(--as-blur);padding:22px;position:relative;overflow:hidden}.glass:before{z-index:0;content:"";pointer-events:none;background:linear-gradient(125deg,#ffffff1f,#0000 30%);position:absolute;inset:0}.glass>*{z-index:1;position:relative}.page-grid{width:min(100%, var(--as-container));grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 auto;display:grid}.span-2{grid-column:1/-1}.hero{justify-content:space-between;align-items:center;gap:28px;min-height:202px;display:flex}.hero:after{content:"";filter:blur(1px);background:radial-gradient(circle at 35% 35%,#ffffff59,#0000 30%),linear-gradient(135deg,#007aff47,#5856d614);border-radius:50%;width:310px;height:310px;position:absolute;top:-112px;right:-82px}.hero h2{max-width:850px;font-family:var(--as-font-display);letter-spacing:-.058em;margin:8px 0;font-size:clamp(32px,5vw,56px);line-height:.98}.hero p{max-width:760px;color:var(--muted);line-height:1.55}.hero-icon{z-index:2;color:#fff;background:radial-gradient(circle at 30% 18%,#ffffff94,#0000 25%),linear-gradient(140deg,#55b7ff,#007aff 52%,#5856d6);border-radius:33px;place-items:center;width:104px;height:104px;display:grid;box-shadow:inset 0 1px #ffffff80,0 28px 62px #007aff4d}.hero-icon svg{width:48px;height:48px}.metric-grid{grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px;display:grid}.metric{min-height:132px;transition:transform var(--as-duration) var(--as-ease), box-shadow var(--as-duration) var(--as-ease);flex-direction:column;justify-content:space-between;display:flex}.metric:hover{box-shadow:inset 0 1px 0 var(--as-border-highlight), var(--as-shadow-lg);transform:translateY(-3px)}.metric span{color:var(--muted);font-size:12px}.metric strong{font-family:var(--as-font-display);letter-spacing:-.055em;font-size:34px}.page-card{min-height:calc(100dvh - 130px)}.section-head,.section-title{justify-content:space-between;align-items:center;gap:14px;display:flex}.section-head{margin-bottom:19px}.section-head h2,.section-title h3{font-family:var(--as-font-display);letter-spacing:-.035em;margin:4px 0 0}.section-title{margin-bottom:17px}.section-title>div{align-items:center;gap:10px;display:flex}.section-title svg{color:var(--blue)}.toolbar,.action-row{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.searchbox{width:min(430px,46vw);height:46px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:var(--as-radius-sm);box-shadow:inset 0 1px 0 var(--as-border-highlight);align-items:center;gap:9px;padding:0 13px;display:flex}.searchbox input{box-shadow:none;background:0 0;border:0;padding:0}input,select,textarea{width:100%;min-height:46px;color:var(--text);background:color-mix(in srgb, var(--surface-strong) 78%, transparent);border:1px solid var(--line);border-radius:var(--as-radius-sm);box-shadow:inset 0 1px 0 var(--as-border-highlight), var(--as-shadow-xs);transition:border-color var(--as-duration-fast) var(--as-ease), box-shadow var(--as-duration-fast) var(--as-ease), background var(--as-duration-fast) var(--as-ease);outline:none;padding:12px 13px}input::placeholder,textarea::placeholder{color:var(--as-text-tertiary)}input:hover,select:hover,textarea:hover{border-color:color-mix(in srgb, var(--blue) 22%, var(--line))}input:focus,select:focus,textarea:focus{border-color:color-mix(in srgb, var(--blue) 64%, var(--line));background:var(--surface-strong);box-shadow:0 0 0 4px #007aff1a, inset 0 1px 0 var(--as-border-highlight)}textarea{resize:vertical;min-height:112px}.table-wrap{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 94%, transparent);box-shadow:inset 0 1px 0 var(--as-border-highlight), var(--as-shadow-sm);border-radius:22px;overflow:auto}table{border-collapse:separate;border-spacing:0;width:100%;min-width:880px}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid var(--line);overflow-wrap:anywhere;max-width:290px;padding:14px 15px}th{z-index:2;color:var(--muted);background:color-mix(in srgb, var(--surface-strong) 94%, transparent);-webkit-backdrop-filter:var(--as-blur);backdrop-filter:var(--as-blur);letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:800;position:sticky;top:0}tbody tr:last-child td{border-bottom:0}tbody tr{transition:background var(--as-duration-fast) var(--as-ease)}tbody tr:hover td{background:#007aff09}td code{background:color-mix(in srgb, var(--bg) 80%, transparent);max-width:230px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;border-radius:8px;padding:5px 7px;display:block;overflow:hidden}.row-actions{white-space:nowrap;gap:6px;display:flex}.row-actions .icon{border-radius:12px;width:38px;min-width:38px;min-height:38px}.status{border-radius:var(--as-radius-pill);letter-spacing:.01em;border:1px solid #0000;align-items:center;min-height:26px;padding:4px 9px;font-size:11px;font-weight:800;display:inline-flex}.status.good{color:color-mix(in srgb, var(--green) 82%, #064);background:color-mix(in srgb, var(--green) 13%, transparent);border-color:color-mix(in srgb, var(--green) 22%, transparent)}.status.bad{color:color-mix(in srgb, var(--red) 86%, #700);background:color-mix(in srgb, var(--red) 12%, transparent);border-color:color-mix(in srgb, var(--red) 22%, transparent)}.status.warn{color:color-mix(in srgb, var(--amber) 86%, #7a4b00);background:color-mix(in srgb, var(--amber) 14%, transparent);border-color:color-mix(in srgb, var(--amber) 23%, transparent)}.loading-grid{grid-template-columns:repeat(3,1fr);gap:12px;padding:10px;display:grid}.loading-grid i{border-radius:var(--as-radius-md);background:linear-gradient(95deg, color-mix(in srgb, var(--surface) 96%, transparent) 20%, color-mix(in srgb, var(--surface-strong) 96%, transparent) 45%, color-mix(in srgb, var(--surface) 96%, transparent) 70%);background-size:220% 100%;height:116px;animation:1.35s infinite shimmer}.empty{min-height:290px;color:var(--muted);text-align:center;align-content:center;place-items:center;padding:32px;display:grid}.empty svg{width:44px;height:44px;color:var(--blue)}.empty h3{color:var(--text);font-family:var(--as-font-display);letter-spacing:-.03em;margin:13px 0 4px}.error-state svg{color:var(--red)}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(14px)saturate(130%);backdrop-filter:blur(14px)saturate(130%);animation:fadeIn var(--as-duration) var(--as-ease);background:#050c1761;justify-content:flex-end;display:flex;position:fixed;inset:0}.modal{width:min(650px,100vw);height:100dvh;padding:calc(30px + var(--as-safe-top)) max(30px, calc(30px + var(--as-safe-right))) calc(36px + var(--as-safe-bottom)) 30px;background:linear-gradient(160deg, color-mix(in srgb, var(--surface-strong) 98%, transparent), color-mix(in srgb, var(--bg) 90%, transparent));border-left:1px solid var(--line);-webkit-backdrop-filter:var(--as-blur-heavy);backdrop-filter:var(--as-blur-heavy);animation:slideIn var(--as-duration-slow) var(--as-ease);position:relative;overflow:auto;box-shadow:-36px 0 110px #08142647}.modal-close{top:calc(18px + var(--as-safe-top));right:max(18px, calc(18px + var(--as-safe-right)));position:absolute}.modal h2{font-family:var(--as-font-display);letter-spacing:-.048em;margin:20px 62px 22px 0;font-size:31px;line-height:1.06}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-grid label,.modal label,.form-stack label{color:var(--muted);gap:7px;font-size:12px;font-weight:650;display:grid}.form-submit{grid-column:1/-1}.form-grid label:has(textarea){grid-column:1/-1}.form-grid input[type=checkbox]{width:24px;height:24px;min-height:24px}.form-submit{margin-top:8px}.form-stack,.button-stack,.button-grid{gap:12px;display:grid}.button-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split-editor{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:18px;display:grid}.slot-editor{align-items:end}.code-editor{min-height:320px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.55}.impact-grid,.health-grid,.key-value{gap:10px;display:grid}.impact-grid{grid-template-columns:repeat(3,1fr);margin:17px 0}.impact-grid article,.health-grid article,.key-value>div{background:color-mix(in srgb, var(--surface) 92%, transparent);border:1px solid var(--line);border-radius:var(--as-radius-md);box-shadow:inset 0 1px 0 var(--as-border-highlight);padding:14px}.impact-grid span,.impact-grid b,.key-value span,.key-value b{display:block}.impact-grid span,.key-value span{color:var(--muted);letter-spacing:.035em;text-transform:uppercase;font-size:10px;font-weight:750}.impact-grid b,.key-value b{letter-spacing:-.035em;margin-top:6px;font-size:20px}.health-grid{grid-template-columns:repeat(3,1fr)}.health-grid article{justify-content:space-between;align-items:center;gap:12px;display:flex}.key-value{grid-template-columns:repeat(2,1fr)}.warning,.security-note,.inline-error{border-radius:var(--as-radius-md);border:1px solid #0000;padding:13px 14px}.warning{color:color-mix(in srgb, var(--amber) 82%, var(--text));background:color-mix(in srgb, var(--amber) 12%, transparent);border-color:color-mix(in srgb, var(--amber) 22%, transparent);gap:10px;display:flex}.security-note{color:var(--muted);background:color-mix(in srgb, var(--blue) 7%, var(--surface));border-color:color-mix(in srgb, var(--blue) 15%, var(--line))}.inline-error{color:var(--red);background:color-mix(in srgb, var(--red) 11%, transparent);border-color:color-mix(in srgb, var(--red) 20%, transparent)}.modal code{overflow-wrap:anywhere;color:var(--red);background:color-mix(in srgb, var(--bg) 88%, transparent);border:1px solid var(--line);border-radius:11px;padding:10px 11px;font-weight:800;display:block}.auth-screen{min-height:100dvh;padding:calc(24px + var(--as-safe-top)) 24px calc(24px + var(--as-safe-bottom));place-items:center;display:grid}.auth-card{background:linear-gradient(145deg, color-mix(in srgb, var(--surface-strong) 98%, transparent), color-mix(in srgb, var(--surface) 94%, transparent));border:1px solid var(--line);border-radius:var(--as-radius-2xl);width:min(480px,100%);box-shadow:inset 0 1px 0 var(--as-border-highlight), var(--as-shadow-lg);-webkit-backdrop-filter:var(--as-blur-heavy);backdrop-filter:var(--as-blur-heavy);gap:15px;padding:34px;display:grid;position:relative;overflow:hidden}.auth-card:before{content:"";background:radial-gradient(circle at 38% 38%,#007aff47,#0000 66%);border-radius:50%;width:250px;height:250px;position:absolute;top:-110px;right:-92px}.auth-card>*{position:relative}.auth-card h1{font-family:var(--as-font-display);letter-spacing:-.057em;margin:0;font-size:40px;line-height:1}.auth-card p{color:var(--muted);line-height:1.56}.toast{right:max(20px, calc(20px + var(--as-safe-right)));bottom:max(20px, calc(20px + var(--as-safe-bottom)));z-index:130;max-width:min(470px,100vw - 40px);color:var(--text);background:var(--surface-strong);border:1px solid var(--line);box-shadow:inset 0 1px 0 var(--as-border-highlight), var(--as-shadow-lg);-webkit-backdrop-filter:var(--as-blur-heavy);backdrop-filter:var(--as-blur-heavy);animation:toastIn var(--as-duration-slow) var(--as-ease-spring);border-radius:18px;align-items:center;gap:10px;padding:14px 17px;font-weight:720;display:flex;position:fixed}.toast.success svg{color:var(--green)}.toast.error svg{color:var(--red)}.chart{width:100%;color:var(--blue);overflow-x:auto}.chart svg{width:100%;min-width:560px;overflow:visible}.chart-line{fill:none;stroke:currentColor;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 8px 12px #007aff2e)}.chart-fill{fill:url(#fill)}.chart circle{fill:var(--surface-strong);stroke:currentColor;stroke-width:3px}.chart text{fill:var(--muted);font-size:11px}.plan-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.plan{transition:transform var(--as-duration) var(--as-ease), border-color var(--as-duration) var(--as-ease), box-shadow var(--as-duration) var(--as-ease);flex-direction:column;gap:12px;display:flex}.plan:hover{transform:translateY(-3px)}.plan.selected{border-color:color-mix(in srgb, var(--blue) 48%, var(--line));box-shadow:inset 0 1px 0 var(--as-border-highlight), 0 22px 60px #007aff2e}.price{font-family:var(--as-font-display);letter-spacing:-.045em;font-size:30px}.usage-list{gap:12px;display:grid}.usage-list article{background:color-mix(in srgb, var(--surface) 92%, transparent);border:1px solid var(--line);border-radius:var(--as-radius-md);padding:14px}.progress{background:color-mix(in srgb, var(--muted) 14%, transparent);border-radius:var(--as-radius-pill);height:8px;margin-top:10px;overflow:hidden}.progress>span{border-radius:inherit;background:linear-gradient(90deg, var(--blue), var(--blue2));height:100%;display:block;box-shadow:0 0 18px #007aff59}.check-list{gap:11px;margin:0;padding:0;list-style:none;display:grid}.check-list li{color:var(--muted);align-items:center;gap:9px;display:flex}.check-list svg{width:18px;color:var(--green)}.mobile-menu,.mobile-close{display:none}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-220% 0}}@keyframes fadeIn{0%{opacity:0}}@keyframes slideIn{0%{opacity:0;transform:translate(45px)}}@keyframes toastIn{0%{opacity:0;transform:translateY(18px)scale(.96)}}@media (width<=1180px){.metric-grid{grid-template-columns:repeat(2,1fr)}.plan-grid,.split-editor{grid-template-columns:1fr}}@media (width<=900px){.mobile-menu,.mobile-close{display:inline-flex}.sidebar{width:min(88vw,340px);transition:transform var(--as-duration) var(--as-ease);position:fixed;left:0;transform:translate(-106%)}.sidebar.open{transform:translate(0);box-shadow:28px 0 100px #060f1c57}.workspace{padding:calc(15px + var(--as-safe-top)) max(14px, calc(14px + var(--as-safe-right))) calc(60px + var(--as-safe-bottom)) max(14px, calc(14px + var(--as-safe-left)))}.topbar{min-height:68px;margin:calc(-15px - var(--as-safe-top)) -14px 18px;padding:calc(10px + var(--as-safe-top)) 14px 10px}.topbar h1{font-size:25px}.top-actions .ghost{width:44px;padding:0;font-size:0}.tenant-picker span{display:none}.tenant-picker{max-width:180px}.tenant-picker select{min-width:100px}.page-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.hero{min-height:176px}.hero-icon{border-radius:25px;width:78px;height:78px}.hero-icon svg{width:36px;height:36px}.page-card{min-height:auto}.searchbox{width:100%}.section-head{flex-direction:column;align-items:flex-start}.toolbar{width:100%}.table-wrap{max-width:calc(100vw - 30px)}}@media (width<=620px){.glass{border-radius:22px;padding:17px}.hero{align-items:flex-start}.hero h2{font-size:36px}.hero-icon{display:none}.metric-grid,.health-grid,.key-value,.form-grid,.button-grid{grid-template-columns:1fr}.impact-grid{grid-template-columns:repeat(2,1fr)}.form-submit{grid-column:auto}.form-grid label:has(textarea){grid-column:auto}.modal{width:100vw;padding:calc(25px + var(--as-safe-top)) max(20px, calc(20px + var(--as-safe-right))) calc(30px + var(--as-safe-bottom)) max(20px, calc(20px + var(--as-safe-left)));border-left:0}.auth-card{border-radius:28px;padding:25px}.auth-card h1{font-size:34px}.topbar .eyebrow,.tenant-picker{display:none}}@media (width<=430px){.metric-grid,.impact-grid{grid-template-columns:1fr}.metric{min-height:110px}.top-actions{gap:6px}.topbar{gap:8px}.topbar h1{font-size:22px}.toast{right:11px;bottom:max(11px, calc(11px + var(--as-safe-bottom)));max-width:calc(100vw - 22px)}}