.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-y-0{top:0;bottom:0}.bottom-0{bottom:0}.left-0{left:0}.left-\[50\%\]{left:50%}.right-0{right:0}.right-4{right:1rem}.top-0{top:0}.top-4{top:1rem}.top-\[50\%\]{top:50%}.isolate{isolation:isolate}.z-50{z-index:50}.mx-3{margin-left:.75rem;margin-right:.75rem}.mb-0\.5{margin-bottom:.125rem}.mb-2{margin-bottom:.5rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mt-2{margin-top:.5rem}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-10{height:2.5rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.w-10{width:2.5rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-4{width:1rem}.w-8{width:2rem}.w-\[220px\]{width:220px}.w-\[280px\]{width:280px}.w-auto{width:auto}.w-full{width:100%}.min-w-\[200px\]{min-width:200px}.min-w-\[8rem\]{min-width:8rem}.max-w-lg{max-width:32rem}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.translate-x-\[-50\%\]{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-50\%\]{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.\!cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.break-all{word-break:break-all}.rounded-2xl{border-radius:1rem}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-ae-border-2{border-color:var(--color-border)}.border-white\/\[0\.05\]{border-color:#ffffff0d}.border-white\/\[0\.06\]{border-color:#ffffff0f}.border-white\/\[0\.08\]{border-color:#ffffff14}.bg-ae-surface{background-color:var(--color-surface)}.bg-ae-surface-3{background-color:var(--color-surface-active)}.bg-ae-violet{background-color:var(--color-primary)}.bg-black\/60{background-color:#0009}.bg-white\/\[0\.02\]{background-color:#ffffff05}.bg-white\/\[0\.04\]{background-color:#ffffff0a}.p-0{padding:0}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pb-1{padding-bottom:.25rem}.pb-3{padding-bottom:.75rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.text-left{text-align:left}.text-center{text-align:center}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-ae-text{color:var(--color-text-primary)}.text-ae-text-2{color:var(--color-text-secondary)}.text-ae-text-3{color:var(--color-text-tertiary)}.text-ae-violet{color:var(--color-primary)}.text-ae-violet-lt{color:var(--color-primary-text)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.opacity-20{opacity:.2}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[var\(--shadow-glow\)\]{--tw-shadow-color:var(--shadow-glow);--tw-shadow:var(--tw-shadow-colored)}.outline-none{outline-offset:2px;outline:2px solid #0000}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0), var(--tw-enter-translate-y,0), 0) scale3d(var(--tw-enter-scale,1), var(--tw-enter-scale,1), var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0), var(--tw-exit-translate-y,0), 0) scale3d(var(--tw-exit-scale,1), var(--tw-exit-scale,1), var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.animate-in{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.fade-in-0{--tw-enter-opacity:0}.zoom-in-95{--tw-enter-scale:.95}.duration-150{animation-duration:.15s}.duration-200{animation-duration:.2s}.ease-in{animation-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.running{animation-play-state:running}.paused{animation-play-state:paused}button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;padding:0}:root{--color-bg:#05050a;--color-surface:#0d0d16;--color-surface-hover:#131321;--color-surface-raised:#ffffff0a;--color-border:#ffffff14;--color-border-subtle:#ffffff0a;--color-border-strong:#ffffff24;--color-text-primary:#f1f5f9;--color-text-secondary:#94a3b8;--color-text-tertiary:#64748b;--color-primary:#7c3aed;--color-primary-hover:#6d28d9;--color-primary-light:#7c3aed26;--color-primary-glow:#7c3aed40;--color-primary-text:#a78bfa;--color-primary-subtle:#7c3aed0f;--color-danger:#f87171;--color-danger-bg:#ef44441f;--color-danger-border:#ef444447;--color-warning:#fbbf24;--color-warning-bg:#f59e0b1f;--color-warning-border:#f59e0b47;--color-success:#34d399;--color-success-bg:#10b9811f;--color-success-border:#10b98147;--sidebar-bg:#05050a;--sidebar-border:#ffffff12;--sidebar-text:#475569;--sidebar-text-hover:#94a3b8;--sidebar-active-bg:#7c3aed24;--sidebar-active-text:#a78bfa;--sidebar-width:220px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 3px #00000080;--shadow-md:0 2px 8px #00000080, 0 0 0 1px #ffffff0a;--shadow-lg:0 8px 32px #0009, 0 0 0 1px #ffffff0d;--shadow-glow:0 0 24px #7c3aed26;--font-sans:var(--font-inter), -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:var(--font-jetbrains-mono), "SF Mono", "Fira Code", "Cascadia Code", Consolas, monospace;--text-2xs:9px;--text-xs:11px;--text-sm:12px;--text-base:13px;--text-md:14px;--text-lg:16px;--text-xl:18px;--text-2xl:22px;--text-3xl:28px;--text-4xl:32px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--transition-fast:.12s ease;--transition-base:.15s ease;--transition-slow:.3s ease;--z-base:1;--z-dropdown:50;--z-sticky:60;--z-modal-backdrop:100;--z-modal:110;--z-toast:200;--z-command-palette:500;--z-popover:500;--color-primary-rgb:124, 58, 237;--color-white-rgb:255, 255, 255;--color-danger-rgb:239, 68, 68;--color-warning-rgb:245, 158, 11;--color-success-rgb:16, 185, 129;--color-info-rgb:59, 130, 246;--color-primary-lighter:#c4b5fd;--color-primary-deep:#4f46e5;--color-primary-muted:#8b5cf6;--color-step-1:#7c3aed;--color-step-2:#06b6d4;--color-step-3:#f59e0b;--color-step-4:#10b981;--color-step-5:#ef4444;--color-step-6:#8b5cf6;--color-step-7:#ec4899;--color-step-8:#14b8a6;--color-surface-hover-subtle:#ffffff05;--color-surface-interactive:#ffffff0a;--color-surface-active:#ffffff0f;--color-overlay:#00000080;--color-overlay-heavy:#000000b3;--color-backdrop:#05050a80;--gradient-primary:linear-gradient(135deg, #7c3aed, #4f46e5);--gradient-primary-alt:linear-gradient(135deg, #6d28d9, #7c3aed);--gradient-primary-soft:linear-gradient(135deg, #7c3aed, #8b5cf6);--gradient-warning:linear-gradient(90deg, #f59e0b, #d97706);--gradient-danger:linear-gradient(90deg, #ef4444, #dc2626);--gradient-primary-h:linear-gradient(90deg, #7c3aed, #6d28d9);--color-chart-stroke:#7c3aed;--color-chart-fill:#7c3aed1f;--color-chart-grid:#ffffff0d;--color-chart-tooltip-bg:#0d0d16;--color-syntax-keyword:#a78bfa;--color-syntax-string:#6ee7b7;--color-syntax-number:#93c5fd;--color-syntax-warning:#fde68a;--color-syntax-error:#fca5a5;--color-syntax-boolean:#93c5fd;--color-danger-text:#f87171;--color-warning-text:#fbbf24;--color-success-text:#34d399;--color-info:#60a5fa;--color-info-bg:#3b82f61f;--color-info-border:#3b82f647;--color-focus-ring:#7c3aed80;--color-scrollbar-thumb:#ffffff14;--color-scrollbar-thumb-hover:#ffffff24}*,:before,:after{box-sizing:border-box;margin:0;padding:0}*,:before,:after{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1}html,body{max-width:100vw;overflow-x:hidden}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg);color:var(--color-text-primary);font-size:var(--text-md);line-height:1.5}.skeleton{background:linear-gradient(90deg, rgba(var(--color-white-rgb), .04) 25%, rgba(var(--color-white-rgb), .08) 50%, rgba(var(--color-white-rgb), .04) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}a{color:var(--color-primary-text);text-decoration:none}a:hover{color:var(--color-primary-lighter);text-decoration:underline}.app-shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);z-index:50;flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-header{padding:var(--space-5) var(--space-4) var(--space-3);border-bottom:1px solid var(--sidebar-border)}.sidebar-brand{align-items:center;gap:9px;text-decoration:none;display:flex}.sidebar-brand:hover{text-decoration:none}.sidebar-logo-icon{background:var(--gradient-primary);color:#fff;border-radius:var(--radius-md);width:28px;height:28px;font-weight:800;font-size:var(--text-md);box-shadow:0 0 12px rgba(var(--color-primary-rgb), .45);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.sidebar-logo-text{font-size:var(--text-md);color:var(--color-text-primary);letter-spacing:-.01em;font-weight:700}.sidebar-logo-badge{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary-text);background:var(--color-chart-fill);border:1px solid rgba(var(--color-primary-rgb), .25);border-radius:var(--radius-sm);margin-left:auto;padding:1px 5px;font-weight:700}.sidebar-nav{padding:var(--space-2);flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.sidebar-nav-section{margin-bottom:var(--space-1)}.sidebar-nav-section:last-child{padding-top:var(--space-2);border-top:1px solid var(--sidebar-border);margin-top:auto}.sidebar-nav-label{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-tertiary);padding:var(--space-3) 10px var(--space-1);opacity:.7;font-weight:700}.sidebar-nav-item{border-radius:var(--radius-md);font-size:var(--text-base);color:var(--sidebar-text);letter-spacing:-.01em;align-items:center;gap:9px;padding:7px 10px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.sidebar-nav-item:hover{background:rgba(var(--color-white-rgb), .05);color:var(--sidebar-text-hover);text-decoration:none}.sidebar-nav-item.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text)}.sidebar-nav-item svg{opacity:.6;flex-shrink:0}.sidebar-nav-item:hover svg{opacity:.85}.sidebar-nav-item.active svg{opacity:1}.sidebar-nav-item.sidebar-nav-locked{opacity:.4;cursor:default}.sidebar-nav-item.sidebar-nav-locked:hover{opacity:.55;background:0 0}.sidebar-lock-icon{opacity:.6;flex-shrink:0;margin-left:auto}.sidebar-footer{padding:var(--space-3) 10px var(--space-4);border-top:1px solid var(--sidebar-border);gap:var(--space-2);flex-direction:column;display:flex}.sidebar-setup-link{font-size:var(--text-sm);color:var(--sidebar-text);border-radius:var(--radius-md);align-items:center;gap:7px;padding:6px 10px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.sidebar-setup-link:hover{background:rgba(var(--color-white-rgb), .05);color:var(--sidebar-text-hover);text-decoration:none}.sidebar-upgrade-nudge{font-size:var(--text-xs);color:rgba(var(--color-primary-rgb), .7);border-radius:var(--radius-sm);align-items:center;gap:6px;padding:6px 10px;text-decoration:none;transition:color .15s,background .15s;display:flex}.sidebar-upgrade-nudge:hover{color:var(--color-primary-lighter);background:rgba(var(--color-primary-rgb), .1);text-decoration:none}.sidebar-upgrade-btn{background:var(--sidebar-active-bg);border:1px solid rgba(var(--color-primary-rgb), .3);border-radius:var(--radius-md);color:var(--color-primary-text);font-size:var(--text-sm);text-align:center;letter-spacing:-.01em;padding:7px 12px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s;display:block}.sidebar-upgrade-btn:hover{background:rgba(var(--color-primary-rgb), .24);border-color:rgba(var(--color-primary-rgb), .5);color:var(--color-primary-lighter);text-decoration:none}.sidebar-legal{align-items:center;gap:6px;padding:2px 10px;font-size:.7rem;display:flex}.sidebar-legal a{color:var(--sidebar-muted,var(--color-text-tertiary));text-decoration:none;transition:color .15s}.sidebar-legal a:hover{color:var(--sidebar-text,var(--color-text-secondary))}.sidebar-legal-sep{color:var(--sidebar-muted,var(--color-text-tertiary));opacity:.5}.sidebar-user{align-items:center;gap:8px;display:flex}.sidebar-user-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, rgba(var(--color-primary-rgb), .3), #4f46e54d);border:1px solid rgba(var(--color-primary-rgb), .35);width:24px;min-width:24px;height:24px;font-size:var(--text-xs);color:var(--color-primary-text);justify-content:center;align-items:center;font-weight:700;display:flex}.sidebar-email{font-size:var(--text-xs);color:var(--sidebar-text);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sidebar-signout{color:var(--sidebar-text);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);opacity:.6;background:0 0;border:none;flex-shrink:0;align-items:center;transition:opacity .15s,background .15s;display:flex}.sidebar-signout:hover{opacity:1;background:rgba(var(--color-white-rgb), .07)}.sidebar-projects-toggle{cursor:pointer;width:100%;padding:var(--space-3) 10px var(--space-1);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-tertiary);opacity:.7;background:0 0;border:none;justify-content:space-between;align-items:center;font-weight:700;transition:opacity .15s;display:flex}.sidebar-projects-toggle:hover{opacity:1}.sidebar-chevron{transition:transform .2s;transform:rotate(-90deg)}.sidebar-chevron.expanded{transform:rotate(0)}.sidebar-project-list{flex-direction:column;gap:1px;display:flex}.sidebar-nav-item.sidebar-nav-item-sm{font-size:var(--text-sm);padding:5px 10px}.sidebar-nav-item.sidebar-project-item{font-size:var(--text-sm);gap:7px;padding:5px 10px 5px 14px}.sidebar-project-dot{border-radius:50%;flex-shrink:0;width:8px;min-width:8px;height:8px;transition:background .2s,box-shadow .2s}.sidebar-project-dot.health-green{background:var(--color-success)}.sidebar-project-dot.health-yellow{background:var(--color-warning)}.sidebar-project-dot.health-red{background:var(--color-danger);animation:2s ease-in-out infinite health-pulse}@keyframes health-pulse{0%,to{opacity:1;box-shadow:0 0 0 0 rgba(var(--color-danger-rgb), .4)}50%{opacity:.85;box-shadow:0 0 0 3px rgba(var(--color-danger-rgb), 0)}}@media (prefers-reduced-motion:reduce){.sidebar-project-dot.health-red{animation:none}}.sidebar-project-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sidebar-project-count{font-size:var(--text-xs);color:var(--color-warning);background:rgba(var(--color-warning-rgb), .12);border-radius:var(--radius-sm);padding:0 5px;font-weight:600;line-height:1.6}.sidebar-project-filter-clear{justify-content:space-between;align-items:center;gap:var(--space-2);width:calc(100% - 24px);margin:0 12px var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);color:var(--color-primary,var(--color-primary-text));background:rgba(var(--color-primary-rgb), .08);border-radius:var(--radius-sm);cursor:pointer;border:none;font-weight:500;line-height:1.4;transition:background .15s;display:flex}.sidebar-project-filter-clear:hover{background:rgba(var(--color-primary-rgb), .16)}.sidebar-project-filter-clear:focus-visible{outline:2px solid var(--color-primary,var(--color-primary-text));outline-offset:1px}@media (prefers-reduced-motion:reduce){.sidebar-project-filter-clear{transition:none}}.sidebar-unassigned{opacity:.7}.sidebar-unassigned:hover{opacity:1}.sidebar-new-project{opacity:.5;font-style:normal}.sidebar-new-project:hover{opacity:.9}.project-tabs{border-bottom:1px solid rgba(var(--color-white-rgb), .07);margin-bottom:var(--space-5);gap:2px;margin-top:-4px;display:flex}.project-tab{font-size:var(--text-base);color:var(--color-text-tertiary);border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:10px 16px;font-weight:500;text-decoration:none;transition:color .15s,border-color .15s;display:flex}.project-tab:hover{color:var(--color-text-secondary);text-decoration:none}.project-tab.active{color:var(--sidebar-active-text);border-bottom-color:var(--sidebar-active-text)}.project-tab svg{opacity:.6}.project-tab.active svg{opacity:1}.app-main{background:var(--color-bg);background-image:linear-gradient(rgba(var(--color-white-rgb), .018) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--color-white-rgb), .018) 1px, transparent 1px);background-size:60px 60px;flex:1;min-width:0}.page-content{max-width:1200px;padding:var(--space-8) 28px;margin:0 auto}.page-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.page-title{font-size:var(--text-2xl);color:var(--color-text-primary);letter-spacing:-.025em;margin:0;font-weight:800;line-height:1.1}.page-subtitle{font-size:var(--text-base);color:var(--color-text-tertiary);margin-top:var(--space-1);letter-spacing:-.01em}.btn{padding:var(--space-2) 14px;border-radius:var(--radius-md);font-size:var(--text-base);cursor:pointer;white-space:nowrap;letter-spacing:-.01em;border:none;align-items:center;gap:6px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn:hover{text-decoration:none}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 0 18px rgba(var(--color-primary-rgb), .35)}.btn-primary:hover{opacity:.88;color:#fff;box-shadow:0 0 28px rgba(var(--color-primary-rgb), .5)}.btn-secondary{background:rgba(var(--color-white-rgb), .06);color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-secondary:hover{background:rgba(var(--color-white-rgb), .1);color:var(--color-text-primary)}.btn-ghost{color:var(--color-text-tertiary);background:0 0}.btn-ghost:hover{background:rgba(var(--color-white-rgb), .05);color:var(--color-text-secondary)}.btn-danger{background:rgba(var(--color-danger-rgb), .12);color:var(--color-danger);border:1px solid var(--color-danger-border)}.btn-danger:hover{background:rgba(var(--color-danger-rgb), .22)}.btn-sm{font-size:var(--text-sm);padding:5px 10px}.btn-lg{font-size:var(--text-md);padding:10px 20px}.btn:disabled{opacity:.4;cursor:not-allowed}.cc-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.cc-header-right{align-items:center;gap:var(--space-3);display:flex}.cc-status-indicator{border-radius:var(--radius-full);background:rgba(var(--color-white-rgb), .04);border:1px solid var(--color-border);font-size:var(--text-sm);color:var(--status-color,var(--color-success));align-items:center;gap:6px;padding:5px 12px;font-weight:600;display:inline-flex}.cc-status-dot{background:var(--status-color,var(--color-success));width:7px;height:7px;box-shadow:0 0 8px var(--status-color,var(--color-success));border-radius:50%}.cc-status-label{color:var(--status-color,var(--color-success))}.cc-actions-strip{margin-bottom:var(--space-4)}.cc-actions-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.cc-actions-count{border-radius:var(--radius-full);background:rgba(var(--color-danger-rgb), .15);width:20px;height:20px;color:var(--color-danger);font-size:var(--text-xs);justify-content:center;align-items:center;font-weight:700;display:inline-flex}.cc-actions-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-tertiary);font-weight:700}.cc-panels{gap:var(--space-4);margin-bottom:var(--space-4);grid-template-columns:1fr;display:grid}.cc-panel-main{grid-column:1}@media (min-width:900px){.cc-panels{grid-template-columns:1fr 280px}}.kpi-grid{gap:var(--space-3);margin-bottom:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.kpi-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-md);transition:border-color .2s}.kpi-card:hover{border-color:var(--color-border-strong)}.kpi-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);margin-bottom:10px;font-weight:600}.kpi-value{font-size:var(--text-3xl);color:var(--color-text-primary);letter-spacing:-.03em;margin-bottom:var(--space-2);font-weight:800;line-height:1}.kpi-value a{color:inherit;text-decoration:none}.kpi-value a:hover{color:var(--color-primary-text);text-decoration:none}.kpi-value-sm{font-size:var(--text-lg);letter-spacing:-.01em}.kpi-sub{font-size:var(--text-sm)}.kpi-action{font-size:var(--text-sm);color:var(--color-primary-text)}.kpi-delta{font-size:var(--text-xs);margin-top:var(--space-1);border-radius:var(--radius-sm);align-items:center;gap:3px;padding:2px 6px;font-weight:500;display:inline-flex}.kpi-delta.up,.kpi-delta.up-bad{color:var(--color-danger);background:var(--color-danger-bg)}.kpi-delta.down,.kpi-delta.down-good{color:var(--color-success);background:var(--color-success-bg)}.kpi-delta.neutral{color:var(--color-text-tertiary);background:var(--color-surface-raised)}.trend-badge{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;font-family:var(--font-mono);letter-spacing:0;white-space:nowrap;align-items:center;gap:2px;padding:2px 8px;display:inline-flex}.trend-badge-up{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger-border)}.trend-badge-down{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success-border)}.trend-badge-flat{background:var(--color-surface-raised);color:var(--color-text-tertiary);border:1px solid var(--color-border)}.trend-badge-new{background:var(--color-info-bg);color:var(--color-info);border:1px solid var(--color-info-border)}.project-badge{border-radius:var(--radius-sm);font-size:var(--text-2xs);background:var(--color-primary-subtle);color:var(--color-primary-text);white-space:nowrap;text-overflow:ellipsis;border:1px solid #7c3aed26;align-items:center;gap:3px;max-width:120px;padding:1px 6px;font-weight:500;display:inline-flex;overflow:hidden}.project-badge-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.budget-track{background:rgba(var(--color-white-rgb), .08);border-radius:var(--radius-full);height:3px;margin-top:var(--space-2);overflow:hidden}.budget-fill{background:var(--gradient-primary-h);border-radius:var(--radius-full);height:100%;transition:width .4s}.budget-fill.warning{background:var(--gradient-warning)}.budget-fill.danger{background:var(--gradient-danger)}.health-cards-section{margin-bottom:var(--space-5)}.health-cards-heading{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary);margin-bottom:var(--space-3);font-weight:600}.health-cards-grid{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:1200px){.health-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.health-cards-grid{grid-template-columns:1fr}}.health-card{background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--card-accent,var(--color-primary));border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);color:inherit;text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s;display:block}.health-card:hover{border-color:var(--color-border-strong);transform:translateY(-1px);box-shadow:0 4px 16px #00000040}.health-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.health-card:active{box-shadow:none;transform:translateY(0)}.health-card-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.health-card-name{font-size:var(--text-md);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-weight:600;overflow:hidden}.health-card-requests{font-size:var(--text-xs);color:var(--color-text-tertiary);white-space:nowrap;flex-shrink:0}.health-card-spend{font-size:var(--text-xl);font-weight:800;font-family:var(--font-mono);letter-spacing:-.02em;color:var(--color-text-primary);margin-bottom:var(--space-2)}.health-card-budget{margin-bottom:var(--space-2)}.health-card-budget .budget-track{margin-bottom:var(--space-1)}.health-card-budget-label{font-size:var(--text-xs);font-weight:500}.health-card-no-budget{font-size:var(--text-xs);color:var(--color-text-tertiary);font-style:italic}.health-card-error{align-items:center;gap:6px;display:flex}.health-card-error-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.health-card-error-text{font-size:var(--text-xs);font-weight:500}.health-cards-empty{background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-5);text-align:center}.health-cards-empty-text{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.kpi-projection{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:var(--space-1);font-family:var(--font-mono)}.kpi-projection.over-budget{color:var(--color-danger);font-weight:600}.section-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-4);box-shadow:var(--shadow-md);overflow:hidden}.section-card-header{padding:14px var(--space-5);border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;display:flex}.section-title{font-size:var(--text-base);color:var(--color-text-secondary);text-transform:uppercase;font-weight:600;font-size:var(--text-xs);letter-spacing:.07em;margin:0}.action-items{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.action-item{align-items:center;gap:var(--space-3);padding:10px var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);display:flex}.action-item-critical{border-color:var(--color-danger-border);background:var(--color-danger-bg)}.action-item-warning{border-color:var(--color-warning-border);background:var(--color-warning-bg)}.action-item-info{border-color:var(--color-border);background:var(--color-surface)}.action-item-icon{font-size:var(--text-lg);flex-shrink:0}.action-item-body{flex:1;min-width:0}.action-item-title{font-size:var(--text-base);color:var(--color-text-primary);font-weight:600}.action-item-desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:1px}.action-item-link{font-size:var(--text-sm);color:var(--color-primary-text);border-radius:var(--radius-sm);border:1px solid rgba(var(--color-primary-rgb), .3);flex-shrink:0;padding:4px 10px;font-weight:500;text-decoration:none}.action-item-link:hover{background:rgba(var(--color-primary-rgb), .12)}.action-items-empty{padding:var(--space-3) var(--space-4);font-size:var(--text-base);color:var(--color-success);background:var(--color-success-bg);border:1px solid var(--color-success-border);border-radius:var(--radius-md);margin-bottom:16px}.data-table{border-collapse:collapse;width:100%;box-shadow:none;font-size:var(--text-base);background:0 0;border-radius:0}.data-table th{background:var(--color-surface-raised);padding:9px var(--space-5);text-align:left;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);border-bottom:1px solid var(--color-border);font-weight:700}.data-table td{padding:11px var(--space-5);border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-primary);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:rgba(var(--color-white-rgb), .025)}.table-link{color:var(--color-text-secondary);font-size:var(--text-sm);text-decoration:none}.table-link:hover{color:var(--color-primary-text);text-decoration:none}table{border-collapse:collapse;background:var(--color-surface);width:100%;box-shadow:var(--shadow-md);border-radius:var(--radius-lg);font-size:var(--text-base);overflow:hidden}th{background-color:var(--color-surface-raised);padding:9px var(--space-4);text-align:left;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);border-bottom:1px solid var(--color-border);font-weight:700}td{padding:11px var(--space-4);border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-primary);vertical-align:middle}tr:hover{background-color:rgba(var(--color-white-rgb), .025)}tr:last-child td{border-bottom:none}.badge{border-radius:var(--radius-full);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;align-items:center;padding:2px 8px;font-weight:700;display:inline-flex}.badge-success{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success-border)}.badge-error{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger-border)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning-border)}.badge-neutral{background:rgba(var(--color-white-rgb), .07);color:var(--color-text-secondary);border:1px solid var(--color-border)}.tag{background:rgba(var(--color-primary-rgb), .12);color:var(--color-primary-text);border:1px solid rgba(var(--color-primary-rgb), .25);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500;font-family:var(--font-mono);padding:2px 8px;display:inline-block}.tag-success{background:var(--color-success-bg);color:var(--color-success);border-color:var(--color-success-border)}.tag-muted{background:rgba(var(--color-white-rgb), .05);color:var(--color-text-tertiary);border-color:var(--color-border)}.tag-danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.tag-warning{background:var(--color-warning);color:#000;border-color:var(--color-warning)}.event-type-chip{border-radius:var(--radius-sm);cursor:pointer;background:rgba(var(--color-white-rgb), .04);color:var(--color-text-tertiary);border:1px solid var(--color-border);align-items:center;padding:4px 10px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.event-type-chip:hover{border-color:rgba(var(--color-primary-rgb), .4);color:var(--color-text-secondary)}.event-type-chip[aria-checked=true]{background:rgba(var(--color-primary-rgb), .15);color:var(--color-primary-text);border-color:rgba(var(--color-primary-rgb), .4)}.alert{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-4);font-size:var(--text-base);line-height:1.5;display:flex}.alert-warning{background:var(--color-warning-bg);border:1px solid var(--color-warning-border);color:var(--color-syntax-warning)}.alert-warning strong{color:var(--color-warning)}.alert-danger{background:var(--color-danger-bg);border:1px solid var(--color-danger-border);color:var(--color-syntax-error)}.alert-danger strong{color:var(--color-danger)}.alert-success{background:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--color-syntax-string)}.alert-success strong{color:var(--color-success)}.alert-info{background:rgba(var(--color-info-rgb), .1);border:1px solid rgba(var(--color-info-rgb), .25);color:var(--color-syntax-number)}.alert-icon{font-size:var(--text-md);flex-shrink:0;line-height:1.2}.alert-link{color:inherit;opacity:.85;margin-left:6px;font-weight:600;text-decoration:underline}.alert-link:hover{opacity:1}.empty-state{padding:60px var(--space-6);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-icon{font-size:var(--text-4xl);margin-bottom:var(--space-4);opacity:.35;filter:grayscale(.3)}.empty-state h3{font-size:var(--text-md);color:var(--color-text-primary);letter-spacing:-.01em;margin-bottom:6px;font-weight:700}.empty-state p{font-size:var(--text-base);color:var(--color-text-tertiary);max-width:360px;margin-bottom:var(--space-5);line-height:1.6}.text-muted{color:var(--color-text-tertiary)}.text-danger{color:var(--color-danger)}.text-warning{color:var(--color-warning)}.text-success{color:var(--color-success)}.text-mono{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-secondary)}.text-2xs{font-size:var(--text-2xs)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.ml-1{margin-left:var(--space-1)}.mt-1{margin-top:var(--space-1)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.font-medium{font-weight:500}.opacity-60{opacity:.6}.recency-badge{border-radius:var(--radius-sm);font-size:var(--text-2xs);align-items:center;gap:4px;padding:2px 6px;font-weight:500;line-height:1;display:inline-flex}.recency-badge-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.filter-pills-row{margin-bottom:var(--space-4);flex-wrap:wrap;gap:6px;display:flex}.section-actions-row{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.inline-row{align-items:center;gap:var(--space-2);display:flex}.log-detail-meta{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.log-detail-kpi-grid{grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.log-detail-kpi-grid{grid-template-columns:repeat(2,1fr)}}.auth-actions-stack{gap:var(--space-2-5);margin-bottom:var(--space-5);flex-direction:column;display:flex}.auth-actions-stack .auth-btn,.auth-actions-stack .btn{text-align:center;text-decoration:none;display:block}.auth-code{font-family:var(--font-mono);font-size:var(--text-2xs)}.auth-logout-btn{width:100%;padding:var(--space-2-5);border-radius:var(--radius-md);cursor:pointer}.settings-form-narrow{max-width:360px}.settings-form-narrow-sm{max-width:280px}.event-webhooks-form-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.event-webhooks-url-field{flex:1;min-width:240px}.event-webhooks-events-field{min-width:160px}.event-webhooks-events-label{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-bottom:6px;display:block}.event-webhooks-chips{flex-wrap:wrap;gap:6px;display:flex}.event-webhooks-secret-banner{margin-top:var(--space-2)}.event-webhooks-secret-row{align-items:center;display:flex}.event-webhooks-empty{padding:var(--space-3) 0;font-size:var(--text-sm);color:var(--color-text-tertiary)}.event-webhooks-item{transition:opacity var(--transition-base)}.event-webhooks-item-name{font-size:var(--text-sm)}.event-webhooks-item-url{font-size:var(--text-2xs);word-break:break-all}.event-webhooks-item-meta{font-size:var(--text-2xs)}.event-webhooks-item-chips{flex-wrap:wrap;gap:4px;display:flex}.event-webhooks-item-actions{gap:4px;display:flex}.alert-form{margin-bottom:var(--space-4)}.alert-form-row{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;align-items:flex-end;display:flex}.alert-form-field{flex:1;min-width:140px}.alert-form-field-narrow{flex:0 0 120px}.alert-scope-link{font-size:var(--text-2xs);color:var(--color-primary-text);margin-top:4px;text-decoration:none;display:block}.alert-scope-link:hover{text-decoration:underline}.alert-defaults-section{padding:var(--space-6) var(--space-5)}.alert-default-item-title{font-size:var(--text-sm);margin-bottom:3px;font-weight:600}.alert-default-item-desc{font-size:var(--text-sm);color:var(--color-text-secondary)}.billing-usage-section{padding:var(--space-4) var(--space-5)}.billing-usage-header{margin-bottom:var(--space-2);font-size:var(--text-md);justify-content:space-between;display:flex}.billing-usage-pct{font-weight:600}.billing-quota-bar{height:var(--space-2);border-radius:var(--radius-sm);background:rgba(var(--color-white-rgb), .06);overflow:hidden}.billing-quota-bar-fill{border-radius:var(--radius-sm);height:100%;transition:width .3s}.billing-quota-message{margin-top:var(--space-2);font-size:var(--text-sm)}.billing-enterprise-cta{text-align:center;padding:var(--space-4) 0 var(--space-2);font-size:var(--text-sm);color:var(--color-text-tertiary)}.billing-enterprise-cta a{color:var(--color-primary);font-weight:500}.billing-upgrade-cta{text-align:center;padding:var(--space-4) 0}.tier-current-col{background:var(--color-primary-subtle)}.audit-pagination{margin-top:var(--space-4);font-size:var(--text-xs);color:var(--color-text-tertiary);justify-content:space-between;align-items:center;display:flex}.audit-pagination-controls{gap:var(--space-2);align-items:center;display:flex}.audit-pagination-info{padding:6px var(--space-2)}.shared-report-container{max-width:600px;margin:var(--space-12) auto;padding:var(--space-6);text-align:center;font-family:system-ui,-apple-system,sans-serif}.compare-empty{padding:var(--space-10) var(--space-5)}.compare-empty-link{color:var(--color-primary-text)}.routing-stat-label{font-size:var(--text-sm)}.routing-template-category{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary);margin-bottom:var(--space-2);font-weight:700}.routing-section-desc{font-size:var(--text-sm);margin-bottom:var(--space-4)}.routing-condition-label{font-size:var(--text-xs);margin-bottom:var(--space-3);font-weight:600}.catalog-desc{margin-bottom:var(--space-4);font-size:var(--text-sm)}.scheduled-reports-form-row{gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.scheduled-reports-label{font-size:var(--text-xs);color:var(--color-text-secondary);margin-bottom:4px;display:block}.team-invite-success{margin-top:var(--space-2);padding:var(--space-2-5);background:var(--color-success-bg);border-radius:var(--radius-md);font-size:var(--text-xs)}.team-role-descriptions{margin-top:var(--space-2-5);font-size:var(--text-2xs);color:var(--color-text-tertiary);line-height:1.6}.team-member-you{font-size:var(--text-2xs);opacity:.5;margin-left:6px}.team-role-select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--text-xs);padding:2px 6px}.team-empty-invitations{padding:var(--space-4) var(--space-5);font-size:var(--text-sm);color:var(--color-text-tertiary)}.team-members-header{margin-bottom:var(--space-4);align-items:center;gap:var(--space-3);display:flex}.error-page-icon{margin-bottom:var(--space-4);opacity:.3;font-size:48px}.error-page-icon[aria-hidden]{-webkit-user-select:none;user-select:none}.global-error-layout{background:var(--color-bg);min-height:100vh;color:var(--color-text-primary);padding:var(--space-6);justify-content:center;align-items:center;display:flex}.error-page-message{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-6);max-width:400px;margin-left:auto;margin-right:auto;line-height:1.6}.error-state-icon{margin-bottom:var(--space-3);opacity:.4;font-size:32px}.error-state-message{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-4);max-width:400px;margin-left:auto;margin-right:auto}.error-state-code{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-text-tertiary);margin-bottom:var(--space-4)}.notification-time{font-size:var(--text-2xs);flex-shrink:0}.cmd-palette-subtitle{font-size:var(--text-2xs);color:var(--color-text-tertiary);margin-left:auto}.cmd-palette-footer{align-items:center;gap:var(--space-2);padding:var(--space-2) 14px;font-size:var(--text-xs);color:var(--color-text-tertiary);display:flex}.connect-snippet-copy-btn{padding:4px var(--space-2-5);font-size:var(--text-xs);min-width:0}.project-header-row{align-items:center;gap:var(--space-3);display:flex}.project-header-actions{gap:var(--space-2);display:flex}.quick-links{margin-bottom:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.quick-link-card{align-items:center;gap:var(--space-3);padding:14px var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;transition:border-color .15s,background .15s;display:flex}.quick-link-card:hover{border-color:rgba(var(--color-primary-rgb), .4);background:rgba(var(--color-primary-rgb), .05);text-decoration:none}.quick-link-icon{font-size:var(--text-xl);opacity:.8}.quick-link-title{font-size:var(--text-base);color:var(--color-text-primary);letter-spacing:-.01em;font-weight:600}.quick-link-sub{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:2px}.form-group{margin-bottom:var(--space-4);flex-direction:column;gap:5px;display:flex}.form-label{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.form-input,.form-select{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--color-text-primary);background:rgba(var(--color-white-rgb), .05);font-family:var(--font-sans);outline:none;transition:border-color .15s,box-shadow .15s}.form-input::placeholder{color:var(--color-text-tertiary)}.form-input:focus,.form-select:focus{border-color:rgba(var(--color-primary-rgb), .6);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb), .15);background:rgba(var(--color-white-rgb), .07)}.form-hint{font-size:var(--text-xs);color:var(--color-text-tertiary)}.form-error{font-size:var(--text-sm);color:var(--color-danger)}.form-success{font-size:var(--text-sm);color:var(--color-success)}.form-required{color:var(--color-danger)}.btn-spinner{border:2px solid rgba(var(--color-white-rgb), .3);border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite btn-spin;display:inline-block}@keyframes btn-spin{to{transform:rotate(360deg)}}.global-filter-bar{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.gfb-select{appearance:none;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-sm);padding:var(--space-1) var(--space-6) var(--space-1) var(--space-2);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-2) center;transition:border-color .15s,box-shadow .15s}.gfb-select:hover{border-color:var(--color-border-strong)}.gfb-select:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.gfb-separator{background:var(--color-border);flex-shrink:0;width:1px;height:20px}.gfb-date{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-sm);padding:var(--space-1) var(--space-2);transition:border-color .15s}.gfb-date:hover{border-color:var(--color-border-strong)}.gfb-date:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.gfb-range-sep{font-size:var(--text-sm);color:var(--color-text-tertiary);flex-shrink:0}.gfb-clear{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-xs);padding:var(--space-1) var(--space-2);cursor:pointer;background:0 0;margin-left:auto;transition:color .15s,border-color .15s,background .15s}.gfb-clear:hover{color:var(--color-text-primary);border-color:var(--color-border-strong);background:var(--color-surface-raised)}.gfb-clear:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.gfb-clear:active{background:var(--color-surface-hover)}@media (max-width:640px){.global-filter-bar{gap:var(--space-1);padding:var(--space-2)}.gfb-select,.gfb-date{font-size:var(--text-xs);padding:var(--space-1)}.gfb-separator{display:none}}.fb{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.fb-controls{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.fb-clear{color:var(--color-text-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-xs);font-family:var(--font-sans);cursor:pointer;background:0 0;padding:4px 10px;transition:all .15s}.fb-clear:hover{background:rgba(var(--color-white-rgb), .05);color:var(--color-text-secondary)}.drp-trigger,.pp-trigger{background:rgba(var(--color-white-rgb), .04);border:1px solid rgba(var(--color-white-rgb), .08);font-size:var(--text-sm);font-family:var(--font-sans);color:var(--color-text-primary);cursor:pointer;white-space:nowrap;-webkit-backdrop-filter:blur(12px);border-radius:10px;align-items:center;gap:7px;padding:6px 12px;transition:all .18s;display:inline-flex}.drp-trigger:hover,.pp-trigger:hover{background:rgba(var(--color-white-rgb), .08);border-color:rgba(var(--color-white-rgb), .14);box-shadow:0 2px 12px #00000026}.drp-trigger[aria-expanded=true],.pp-trigger[aria-expanded=true]{border-color:rgba(var(--color-primary-rgb), .45);background:rgba(var(--color-primary-rgb), .08);box-shadow:0 0 0 1px rgba(var(--color-primary-rgb), .15), 0 2px 12px rgba(var(--color-primary-rgb), .08)}.drp-icon{color:var(--color-text-tertiary);flex-shrink:0}.drp-label,.pp-label{font-weight:500}.drp-chevron,.pp-chevron{color:var(--color-text-tertiary);flex-shrink:0;transition:transform .15s}.drp{position:relative}.drp-dropdown{z-index:50;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);min-width:260px;box-shadow:var(--shadow-lg);padding:6px;animation:.12s ease-out filterDropIn;position:absolute;top:calc(100% + 6px);left:0}.drp-presets{flex-direction:column;gap:2px;display:flex}.drp-preset{text-align:left;width:100%;font-size:var(--text-sm);font-family:var(--font-sans);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:7px 12px;transition:background .12s,color .12s;display:block}.drp-preset:hover{background:rgba(var(--color-white-rgb), .05);color:var(--color-text-primary)}.drp-preset-active{background:rgba(var(--color-primary-rgb), .13);color:var(--color-primary-lighter);font-weight:500}.drp-preset-active:hover{background:rgba(var(--color-primary-rgb), .18);color:var(--color-primary-lighter)}.drp-divider{background:var(--color-border);height:1px;margin:6px 0}.drp-custom{padding:6px 4px}.drp-custom-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);margin-bottom:6px;font-weight:600;display:block}.drp-custom-inputs{align-items:center;gap:4px;display:flex}.drp-date{border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-xs);background:rgba(var(--color-white-rgb), .05);color:var(--color-text-primary);font-family:var(--font-sans);outline:none;width:110px;padding:4px 6px}.drp-date:focus{border-color:rgba(var(--color-primary-rgb), .5)}.drp-sep{color:var(--color-text-tertiary);font-size:var(--text-xs)}.drp-apply{background:var(--gradient-primary-soft);color:#fff;border:1px solid rgba(var(--color-primary-rgb), .3);font-size:var(--text-sm);font-family:var(--font-sans);letter-spacing:.01em;cursor:pointer;box-shadow:0 2px 12px rgba(var(--color-primary-rgb), .25);border-radius:10px;padding:6px 18px;font-weight:600;transition:all .2s}.drp-apply:disabled{opacity:.25;cursor:default;box-shadow:none}.drp-apply:not(:disabled):hover{background:var(--gradient-primary-alt);box-shadow:0 4px 20px rgba(var(--color-primary-rgb), .45);border-color:rgba(var(--color-primary-rgb), .45);transform:translateY(-.5px)}.pp{position:relative}.pp-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.pp-dropdown{z-index:50;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);min-width:220px;max-height:320px;box-shadow:var(--shadow-lg);flex-direction:column;animation:.12s ease-out filterDropIn;display:flex;position:absolute;top:calc(100% + 6px);left:0}.pp-search-wrap{border-bottom:1px solid var(--color-border);padding:6px}.pp-search{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;font-size:var(--text-sm);background:rgba(var(--color-white-rgb), .05);color:var(--color-text-primary);font-family:var(--font-sans);outline:none;padding:5px 8px}.pp-search:focus{border-color:rgba(var(--color-primary-rgb), .5)}.pp-search::placeholder{color:var(--color-text-tertiary)}.pp-options{flex-direction:column;gap:1px;padding:4px;display:flex;overflow-y:auto}.pp-option{text-align:left;border-radius:var(--radius-sm);width:100%;font-size:var(--text-sm);font-family:var(--font-sans);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:6px 8px;transition:all .1s;display:flex}.pp-option:hover{background:rgba(var(--color-white-rgb), .06);color:var(--color-text-primary)}.pp-option-active{background:var(--color-primary-light);color:var(--color-primary-text);font-weight:500}.pp-option-active:hover{background:var(--color-primary-light)}.pp-empty{text-align:center;font-size:var(--text-sm);color:var(--color-text-tertiary);padding:12px 8px}.fs-select{border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);background:rgba(var(--color-white-rgb), .04);color:var(--color-text-primary);font-family:var(--font-sans);cursor:pointer;outline:none;padding:5px 10px;transition:all .15s}.fs-select:hover{background:rgba(var(--color-white-rgb), .07);border-color:var(--color-border-strong)}.fs-select:focus{border-color:rgba(var(--color-primary-rgb), .5);background:rgba(var(--color-white-rgb), .06)}.fs-select option{background:var(--color-surface);color:var(--color-text-primary)}.af{margin-bottom:var(--space-3);flex-wrap:wrap;gap:6px;display:flex}.af-chip{background:var(--color-primary-light);border:1px solid rgba(var(--color-primary-rgb), .2);border-radius:var(--radius-full);font-size:var(--text-xs);font-family:var(--font-sans);color:var(--color-primary-text);align-items:center;gap:4px;padding:3px 6px 3px 8px;animation:.15s ease-out filterDropIn;display:inline-flex}.af-chip-label{color:var(--color-text-tertiary);font-weight:500}.af-chip-value{text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-weight:600;overflow:hidden}.af-chip-remove{width:16px;height:16px;color:var(--color-primary-text);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex}.af-chip-remove:hover{background:rgba(var(--color-primary-rgb), .3);color:#fff}@keyframes filterDropIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.month-picker{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);align-items:center;gap:4px;padding:2px;display:inline-flex}.month-picker-btn{width:28px;height:28px;color:var(--color-text-secondary);font-size:var(--text-xl);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.month-picker-btn:hover{background:rgba(var(--color-white-rgb), .06);color:var(--color-text-primary)}.month-picker-label{font-size:var(--text-base);color:var(--color-text-primary);cursor:pointer;align-items:center;padding:4px 10px;font-weight:500;display:flex;position:relative}.month-picker-input{opacity:0;cursor:pointer;width:100%;font-family:var(--font-sans);position:absolute;inset:0}.filters-bar{gap:var(--space-2);margin-bottom:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-wrap:wrap;align-items:center;display:flex}.filters-bar select,.filters-bar input[type=date]{border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);background:rgba(var(--color-white-rgb), .05);color:var(--color-text-primary);font-family:var(--font-sans);outline:none;padding:6px 10px}.filters-bar select option{background:var(--color-surface);color:var(--color-text-primary)}.filters-bar select:focus,.filters-bar input[type=date]:focus{border-color:rgba(var(--color-primary-rgb), .5);background:rgba(var(--color-white-rgb), .08)}.filters-bar .filter-btn{background:var(--gradient-primary);color:#fff;border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;letter-spacing:-.01em;border:none;padding:6px 12px;font-weight:600}.filters-bar .filter-btn:hover{opacity:.88}.filters-bar a.filter-clear{color:var(--color-text-tertiary);border-radius:var(--radius-md);font-size:var(--text-sm);border:1px solid var(--color-border);background:0 0;padding:6px 12px;text-decoration:none}.filters-bar a.filter-clear:hover{background:rgba(var(--color-white-rgb), .05);color:var(--color-text-secondary);text-decoration:none}.pagination{gap:var(--space-2);margin-top:var(--space-4);justify-content:center;align-items:center;display:flex}.pagination a{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-secondary);padding:6px 12px;text-decoration:none}.pagination a:hover{background:rgba(var(--color-white-rgb), .07);color:var(--color-text-primary);text-decoration:none}.pagination .pagination-disabled{color:var(--color-text-tertiary);pointer-events:none;opacity:.4}.pagination .pagination-info{font-size:var(--text-sm);color:var(--color-text-tertiary);padding:6px 10px}.cost-summary-cards{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.cost-card{background:var(--color-surface);border:1px solid var(--color-border);padding:var(--space-5);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:border-color .2s}.cost-card:hover{border-color:var(--color-border-strong)}.cost-card-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);margin-bottom:10px;font-weight:700}.cost-card-value{font-size:var(--text-3xl);color:var(--color-text-primary);letter-spacing:-.03em;font-weight:800;line-height:1}.cost-card-sub{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-top:var(--space-2)}.budget-bar{background:var(--color-border);border-radius:var(--radius-full);height:3px;margin-top:var(--space-2);overflow:hidden}.budget-bar-fill{border-radius:var(--radius-full);height:100%;transition:width .4s}.costs-chart-container{background:var(--color-surface);border:1px solid var(--color-border);padding:var(--space-5);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--space-4);min-height:360px}.key-form{background:var(--color-surface);border:1px solid var(--color-border);padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--space-4)}.key-form h3{font-size:var(--text-base);color:var(--color-text-primary);margin-bottom:var(--space-3);letter-spacing:-.01em;font-weight:600}.key-form-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.key-form-row input{min-width:200px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);background:rgba(var(--color-white-rgb), .05);color:var(--color-text-primary);font-family:var(--font-sans);outline:none;flex:1}.key-form-row input::placeholder{color:var(--color-text-tertiary)}.key-form-row input:focus{border-color:rgba(var(--color-primary-rgb), .6);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb), .12)}.key-form-row button{padding:var(--space-2) var(--space-4);background:var(--gradient-primary);color:#fff;border-radius:var(--radius-md);font-size:var(--text-base);cursor:pointer;border:none;font-weight:600}.key-form-row button:hover{opacity:.88}.key-form-row button:disabled{opacity:.4;cursor:not-allowed}.key-error{color:var(--color-danger);margin-top:var(--space-2);font-size:var(--text-base)}.key-dialog-field{margin-bottom:var(--space-3)}.key-dialog-body{gap:var(--space-3);flex-direction:column;display:flex}.key-dialog-body--tight{gap:var(--space-2)}.key-dialog-actions{gap:var(--space-2);margin-top:var(--space-2);display:flex}.key-dialog-error{margin:0;font-size:.85em}.key-dialog-hint{margin:4px 0 0;font-size:.85em}.key-created-success{align-items:center;gap:var(--space-3);flex-direction:column;animation:.3s ease-out keyCreatedFadeIn;display:flex}@keyframes keyCreatedFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.key-created-check{background:var(--color-success);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;font-weight:700;display:flex}.key-created-heading{font-size:var(--text-base);color:var(--color-text);margin:0;font-weight:600}.key-created-warning{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.key-secret-display-row{align-items:center;gap:var(--space-2);width:100%;display:flex}.key-secret-display-row .key-secret-display{flex:1}.key-copy-pulse{animation:1.5s ease-in-out .5s 2 keyCopyPulse}@keyframes keyCopyPulse{0%,to{box-shadow:none}50%{box-shadow:0 0 0 4px rgba(var(--color-primary-rgb), .25)}}.key-created-done-row{margin-top:var(--space-4);justify-content:flex-end;display:flex}.key-secret-display{border:1px solid var(--color-success-border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-primary);word-break:break-all;-webkit-user-select:all;user-select:all;background:#0000004d;padding:10px 12px;display:block}.key-section-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-tertiary);margin-bottom:10px;margin-top:var(--space-2);font-weight:700}.key-platform-snippets{border-top:1px solid var(--color-success-border);flex-direction:column;gap:8px;margin-top:12px;padding-top:12px;display:flex}.key-snippet-buttons{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.revoke-btn{color:var(--color-danger);border:1px solid var(--color-danger-border);border-radius:var(--radius-md);font-size:var(--text-xs);cursor:pointer;background:0 0;padding:4px 10px;font-weight:600;transition:background .15s}.revoke-btn:hover{background:var(--color-danger-bg)}.keys-actions-row{padding:var(--space-3) 0;justify-content:space-between;align-items:center;display:flex}.keys-actions-right{align-items:center;gap:var(--space-2);display:flex}.keys-search-input{font-size:var(--text-sm);width:180px;padding:5px 10px}.key-status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.key-status-dot--healthy{background:var(--color-success)}.key-status-dot--warning{background:var(--color-warning)}.key-status-dot--danger{background:var(--color-danger)}.key-status-dot--stale{background:var(--color-text-tertiary)}.key-name-cell{align-items:center;gap:var(--space-2);display:flex}.key-row{transition:background .15s}.key-row:hover td{background:rgba(var(--color-white-rgb), .025)}.key-row--expanded td{background:rgba(var(--color-white-rgb), .03);border-bottom-color:#0000}.key-expand-cell{text-align:center;width:32px}.key-expand-btn{border-radius:var(--radius-sm);cursor:pointer;width:28px;height:28px;color:var(--color-text-tertiary);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;transition:background .15s,border-color .15s;display:inline-flex}.key-expand-btn:hover{background:rgba(var(--color-white-rgb), .05);border-color:var(--color-border)}.key-expand-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.key-expand-chevron{font-size:var(--text-lg);line-height:1;transition:transform .15s;display:inline-block}.key-expand-chevron--open{transform:rotate(90deg)}.key-detail-row td{padding:0 var(--space-5) var(--space-4);background:var(--color-surface-hover-subtle);border-bottom:1px solid var(--color-border)}.key-detail-content{padding-top:var(--space-2)}.key-detail-grid{justify-content:space-between;gap:var(--space-6);display:flex}.key-detail-info{gap:var(--space-2);flex-direction:column;display:flex}.key-detail-field{align-items:center;gap:var(--space-3);display:flex}.key-detail-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);min-width:70px;font-weight:700}.key-detail-value{align-items:center;gap:var(--space-2);font-size:var(--text-base);display:flex}.key-detail-actions{flex-direction:column;align-items:flex-end;display:flex}.key-detail-actions-safe{gap:var(--space-1);flex-direction:column;align-items:flex-end;display:flex}.key-detail-actions-divider{background:var(--color-border-subtle);width:100%;height:1px;margin:var(--space-2) 0}.key-kpi-strip{gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.key-kpi-card{gap:var(--space-1);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;min-width:100px;display:flex}.key-kpi-card--warning{border-color:var(--color-warning-border);background:var(--color-warning-bg)}.key-kpi-card--muted{border-color:var(--color-border)}.key-kpi-value{font-size:var(--text-xl);color:var(--color-text-primary);font-weight:700}.key-kpi-card--warning .key-kpi-value{color:var(--color-warning)}.key-kpi-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary);font-weight:600}.key-upsell-card{padding:var(--space-4) var(--space-5);background:var(--color-primary-light);border:1px solid rgba(var(--color-primary-rgb), .2);border-radius:var(--radius-md);margin-top:var(--space-4)}.key-upsell-card--secondary{opacity:.7}.key-upsell-header{font-size:var(--text-md);color:var(--color-primary-text);margin-bottom:var(--space-3);font-weight:700}.key-upsell-body{gap:var(--space-3);margin-bottom:var(--space-3);flex-direction:column;display:flex}.key-upsell-item{gap:var(--space-1);flex-direction:column;display:flex}.key-upsell-feature{font-size:var(--text-base);color:var(--color-text-primary);font-weight:600}.key-upsell-desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.4}.key-empty-state-rich{text-align:center;padding:var(--space-8) var(--space-4);align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.key-empty-state-icon{font-size:2.5rem;line-height:1}.key-empty-state-title{font-size:var(--text-lg);color:var(--color-text);margin:0;font-weight:600}.key-empty-state-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:360px;margin:0}.key-education-hint{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface,var(--color-bg-secondary));margin-bottom:var(--space-4);display:flex}.key-education-icon{flex-shrink:0;font-size:1.1rem;line-height:1.5}.key-education-text{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}.key-education-text strong{color:var(--color-text)}.key-education-dismiss{color:var(--color-text-secondary);cursor:pointer;padding:var(--space-1);font-size:var(--text-sm);border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;line-height:1}.key-education-dismiss:hover{color:var(--color-text);background:var(--color-bg-hover,rgba(var(--color-white-rgb), .05))}.key-hygiene-notice{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:rgba(var(--color-warning-rgb), .08);border:1px solid rgba(var(--color-warning-rgb), .2);margin-top:var(--space-2);display:flex}.key-hygiene-icon{font-size:var(--text-sm);flex-shrink:0}.key-hygiene-text{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:1.4}.key-revoked-section{margin-top:var(--space-4)}.key-revoked-toggle{align-items:center;gap:var(--space-2);padding:var(--space-2) 0;color:var(--color-text-tertiary);font-size:var(--text-sm);cursor:pointer;background:0 0;border:none;font-weight:600;transition:color .15s;display:flex}.key-revoked-toggle:hover{color:var(--color-text-secondary)}.key-revoked-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (max-width:768px){.key-kpi-strip{gap:var(--space-2);flex-wrap:wrap}.key-kpi-card{flex:1 1 calc(50% - var(--space-2));min-width:0}.keys-actions-row{align-items:stretch;gap:var(--space-3);flex-direction:column}.keys-actions-right{gap:var(--space-2);flex-direction:column}.keys-search-input{width:100%}.key-detail-grid{flex-direction:column}.key-education-hint{gap:var(--space-2);flex-direction:column}.key-upsell-card{flex-direction:column}}@media (max-width:480px){.key-kpi-card{flex:100%}}.key-revoked-table-wrap{margin-top:var(--space-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);overflow:hidden}.key-revoked-row{opacity:.5}.key-spend-inline{font-size:.85em}.key-budget-bar-wrap{align-items:center;gap:6px;font-size:.85em;display:flex}.key-budget-bar-track{background:var(--color-border);border-radius:3px;width:60px;height:6px;overflow:hidden}.key-budget-bar-fill{border-radius:3px;height:100%}.key-archived-project{font-style:italic}.key-project-link{text-decoration:none}.key-upgrade-prompt{background:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--color-syntax-warning);padding:13px 16px}.billing-notice{background:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--color-syntax-warning);margin-bottom:14px;padding:12px 16px}.log-detail{background:var(--color-surface);border:1px solid var(--color-border);padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--space-4)}.log-detail h2{font-size:var(--text-md);color:var(--color-text-primary);margin-bottom:var(--space-4);letter-spacing:-.01em;font-weight:700}.log-detail dl{margin-bottom:var(--space-6);grid-template-columns:160px 1fr;gap:10px;display:grid}.log-detail dt{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.06em;padding-top:2px;font-weight:700}.log-detail dd{font-size:var(--text-base);color:var(--color-text-primary)}.log-detail pre{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-primary);padding:var(--space-4);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-sm);margin-top:var(--space-2);line-height:1.6;overflow-x:auto}.log-detail h3{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-tertiary);margin-top:var(--space-6);margin-bottom:6px;font-weight:700}.back-link{color:var(--color-text-tertiary);font-size:var(--text-base);align-items:center;gap:4px;margin-bottom:18px;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--color-primary-text);text-decoration:none}.settings-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-3);box-shadow:var(--shadow-md);overflow:hidden}.settings-section-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-subtle)}.settings-section-title{font-size:var(--text-base);color:var(--color-text-primary);letter-spacing:-.01em;margin:0;font-weight:600}.settings-section-sub{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-top:3px;line-height:1.5}.settings-section-body{padding:var(--space-5)}.provider-row{align-items:center;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-subtle);display:flex}.provider-row:last-child{border-bottom:none}.provider-info{flex:1}.provider-name{font-size:var(--text-base);color:var(--color-text-primary);letter-spacing:-.01em;font-weight:600}.provider-status{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:2px}.provider-status.configured{color:var(--color-success)}.provider-health{font-size:var(--text-xs);margin-top:2px}.provider-health.healthy{color:var(--color-success)}.provider-health.error{color:var(--color-danger)}.provider-input-wrap{gap:var(--space-2);flex:2;align-items:center;display:flex}.provider-input-wrap input{border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);font-family:var(--font-mono);background:rgba(var(--color-white-rgb), .05);color:var(--color-text-primary);outline:none;flex:1;padding:7px 11px}.provider-input-wrap input::placeholder{color:var(--color-text-tertiary)}.provider-input-wrap input:focus{border-color:rgba(var(--color-primary-rgb), .6);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb), .12);background:rgba(var(--color-white-rgb), .07)}.billing-alert{padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);margin-bottom:var(--space-4);font-size:var(--text-sm);justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.billing-alert strong{font-weight:600}.billing-alert-danger{background:rgba(var(--color-danger-rgb), .08);border:1px solid rgba(var(--color-danger-rgb), .25);color:var(--color-syntax-error)}.billing-alert-warning{background:rgba(var(--color-warning-rgb), .08);border:1px solid rgba(var(--color-warning-rgb), .25);color:var(--color-warning)}.billing-inline-btn{padding:var(--space-1) var(--space-3);background:rgba(var(--color-white-rgb), .12);color:var(--color-text-primary);border:1px solid rgba(var(--color-white-rgb), .2);border-radius:var(--radius-md);font-size:var(--text-xs);cursor:pointer;white-space:nowrap;flex-shrink:0;font-weight:600;transition:background .15s}.billing-inline-btn:hover{background:rgba(var(--color-white-rgb), .2)}.billing-tier-badge{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;margin-right:var(--space-2);vertical-align:middle;border:1px solid;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.billing-trial-countdown{color:var(--color-success);font-weight:500}.billing-plan-price-block{text-align:right}.billing-plan-period{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-top:-2px}.billing-mini-bar{background:var(--color-surface-active);height:4px;margin-top:var(--space-2);border-radius:2px;overflow:hidden}.billing-mini-bar-fill{border-radius:2px;height:100%;transition:width .3s}.billing-status-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-4);box-shadow:var(--shadow-md)}.billing-status-row{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.billing-plan-name{font-size:var(--text-lg);color:var(--color-text-primary);letter-spacing:-.01em;font-weight:700}.billing-plan-sub{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-top:3px}.billing-plan-price{font-size:var(--text-2xl);color:var(--color-text-primary);letter-spacing:-.02em;font-weight:800}.billing-manage-btn{padding:var(--space-2) var(--space-4);background:var(--color-surface-active);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);cursor:pointer;font-weight:500;transition:background .15s}.billing-manage-btn:hover{background:rgba(var(--color-white-rgb), .1);color:var(--color-text-primary)}.billing-manage-btn:disabled{opacity:.4;cursor:not-allowed}.pricing-card{background:var(--color-surface);border:1px solid rgba(var(--color-primary-rgb), .4);border-radius:var(--radius-xl);max-width:480px;box-shadow:0 0 32px rgba(var(--color-primary-rgb), .1);margin-bottom:28px;padding:28px}.pricing-card-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.pricing-card-header h2{font-size:var(--text-xl);letter-spacing:-.02em;color:var(--color-text-primary);margin:0;font-weight:800}.pricing-card-price{align-items:baseline;gap:4px;display:flex}.price-amount{font-size:var(--text-3xl);color:var(--color-text-primary);letter-spacing:-.03em;font-weight:800}.price-period{font-size:var(--text-base);color:var(--color-text-tertiary)}.pricing-features{margin-bottom:var(--space-6);list-style:none}.pricing-features li{border-bottom:1px solid var(--color-border-subtle);font-size:var(--text-base);color:var(--color-text-secondary);align-items:center;gap:var(--space-2);padding:7px 0;display:flex}.pricing-features li:last-child{border-bottom:none}.pricing-features li:before{content:"✓";color:var(--color-primary-text);flex-shrink:0;font-weight:700}.billing-subscribe-btn{width:100%;margin-bottom:var(--space-3);justify-content:center}.plan-cards-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.plan-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);flex-direction:column;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.plan-card:hover{border-color:rgba(var(--color-primary-rgb), .3);box-shadow:0 0 20px rgba(var(--color-primary-rgb), .06)}.plan-card-current{box-shadow:0 0 24px rgba(var(--color-primary-rgb), .08);border-width:2px}.plan-card-recommended{border-color:rgba(var(--color-primary-rgb), .4)}.plan-card-enterprise{border-style:dashed;border-color:var(--color-border)}.plan-card-badge{text-transform:uppercase;letter-spacing:.05em;color:#fff;white-space:nowrap;border-radius:20px;padding:3px 12px;font-size:10px;font-weight:700;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.plan-card-name{font-size:var(--text-lg);margin-bottom:var(--space-2);letter-spacing:-.01em;font-weight:700}.plan-card-price-row{margin-bottom:var(--space-4);align-items:baseline;gap:4px;display:flex}.plan-card-price{font-size:var(--text-3xl);color:var(--color-text-primary);letter-spacing:-.03em;font-weight:800}.plan-card-period{font-size:var(--text-base);color:var(--color-text-tertiary)}.plan-card-highlights{margin:0 0 var(--space-5) 0;flex:1;padding:0;list-style:none}.plan-card-highlights li{font-size:var(--text-sm);color:var(--color-text-secondary);align-items:center;gap:var(--space-2);padding:6px 0;display:flex}.plan-card-highlights li:before{content:"✓";color:var(--plan-accent,var(--color-primary-text));flex-shrink:0;font-size:12px;font-weight:700}.plan-card-btn{text-align:center;width:100%;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;border:none;font-weight:600;text-decoration:none;transition:opacity .15s,transform .1s;display:block}.plan-card-btn:hover{opacity:.9;transform:translateY(-1px)}.plan-card-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.plan-card-btn-upgrade{color:#fff}.plan-card-btn-current{background:var(--color-surface-active);color:var(--color-text-secondary);border:1px solid var(--color-border)}.plan-card-btn-downgrade{color:var(--color-text-tertiary);border:1px solid var(--color-border);background:0 0}.plan-card-btn-enterprise{color:var(--color-text-secondary);border:1px solid var(--color-border);background:0 0}.billing-faq-body{padding:var(--space-4) var(--space-5)}.faq-item{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-subtle)}.faq-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.faq-item strong{font-size:var(--text-base);color:var(--color-text-primary);margin-bottom:6px;display:block}.faq-item p{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:0;line-height:1.6}.usage-breakdown{padding:var(--space-4) var(--space-5)}.usage-overview-row{gap:var(--space-6);margin-bottom:var(--space-5);flex-wrap:wrap;align-items:flex-start;display:flex}.usage-spend-block{flex:none}.usage-spend-label{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.usage-spend-value{color:var(--color-text-primary);font-size:28px;font-weight:700;line-height:1.1}.usage-spend-sub{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-top:4px}.usage-error-tag{border-radius:var(--radius-sm);background:rgba(var(--color-danger-rgb),.1);color:var(--color-danger);font-size:var(--text-xs);margin-left:8px;padding:1px 6px;display:inline-block}.usage-trend-block{flex:1;min-width:200px}.usage-trend-label{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.usage-sparkline{width:100%;height:48px;display:block}.usage-sparkline-empty{font-size:var(--text-sm);color:var(--color-text-tertiary);align-items:center;height:48px;display:flex}.usage-columns{gap:var(--space-5);grid-template-columns:1fr 1fr;display:grid}@media (max-width:640px){.usage-columns{grid-template-columns:1fr}}.usage-column-header{margin-bottom:var(--space-3)}.usage-column-title{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;font-weight:600}.usage-empty{font-size:var(--text-sm);color:var(--color-text-tertiary);padding:var(--space-4) 0}.usage-rows{gap:var(--space-3);flex-direction:column;display:flex}.usage-row-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.usage-project-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.usage-row-name{font-size:var(--text-sm);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.usage-row-value{font-size:var(--text-sm);color:var(--color-text-primary);font-variant-numeric:tabular-nums;font-weight:600}.usage-row-cost{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:2px;padding-left:16px}.usage-mini-bar{background:var(--color-border-subtle);border-radius:2px;height:4px;overflow:hidden}.usage-mini-bar-fill{border-radius:2px;height:100%;transition:width .3s}.usage-more{font-size:var(--text-xs);color:var(--color-text-tertiary);padding-top:var(--space-2)}.usage-footer{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle)}.usage-footer-link{font-size:var(--text-sm);color:var(--color-primary);font-weight:500;text-decoration:none}.usage-footer-link:hover{text-decoration:underline}.invoice-section{padding:var(--space-4) var(--space-5)}.invoice-loading{padding:var(--space-6);text-align:center}.invoice-loading-text{font-size:var(--text-sm);color:var(--color-text-tertiary)}.invoice-error{padding:var(--space-4);color:var(--color-danger);font-size:var(--text-sm)}.invoice-empty{padding:var(--space-6);text-align:center;font-size:var(--text-sm);color:var(--color-text-tertiary)}.invoice-payment-method{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-4);display:flex}.invoice-pm-icon{flex-shrink:0}.invoice-pm-details{flex:1;align-items:center;gap:8px;display:flex}.invoice-pm-brand{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:600}.invoice-pm-number{font-size:var(--text-sm);color:var(--color-text-tertiary);letter-spacing:.05em}.invoice-pm-expiry{font-size:var(--text-xs);color:var(--color-text-tertiary)}.invoice-table-wrap{overflow-x:auto}.invoice-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.invoice-table th{text-align:left;padding:var(--space-2) var(--space-3);font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border-subtle);font-weight:600}.invoice-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-subtle)}.invoice-table tr:last-child td{border-bottom:none}.invoice-date{color:var(--color-text-primary);white-space:nowrap}.invoice-amount{color:var(--color-text-primary);font-variant-numeric:tabular-nums;font-weight:600}.invoice-status-badge{font-size:var(--text-xs);border-radius:999px;padding:1px 8px;font-weight:500;display:inline-block}.invoice-actions{justify-content:flex-end;gap:8px;display:flex}.invoice-download-link,.invoice-view-link{font-size:var(--text-xs);color:var(--color-primary);border-radius:var(--radius-sm);padding:2px 6px;font-weight:500;text-decoration:none}.invoice-download-link:hover,.invoice-view-link:hover{background:var(--color-surface-secondary)}.pricing-note{font-size:var(--text-sm);color:var(--color-text-tertiary);text-align:center}.onb-container{max-width:680px;margin:0 auto}.onb-header{text-align:center;margin-bottom:var(--space-6)}.onb-badge{padding:var(--space-1) var(--space-4);background:var(--color-primary-light);color:var(--color-primary-lighter);border:1px solid rgba(var(--color-primary-rgb), .3);border-radius:var(--radius-full);font-size:var(--text-sm);margin-bottom:var(--space-4);letter-spacing:.01em;align-items:center;gap:6px;font-weight:600;display:inline-flex}.onb-title{font-size:var(--text-3xl);letter-spacing:-.03em;margin-bottom:var(--space-2);color:var(--color-text-primary);font-weight:800}.onb-subtitle{font-size:var(--text-md);color:var(--color-text-tertiary);max-width:480px;margin:0 auto;line-height:1.6}.onb-key-banner{padding:var(--space-4);background:linear-gradient(135deg, rgba(var(--color-primary-rgb), .08), #4f46e50a);border:1px solid rgba(var(--color-primary-rgb), .2);border-radius:var(--radius-lg);margin-top:var(--space-3)}.onb-key-row{align-items:center;gap:var(--space-2);display:flex}.onb-key-display{border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-primary);word-break:break-all;-webkit-user-select:all;user-select:all;background:#0000004d;flex:1;padding:8px 12px}.onb-key-hint{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:var(--space-2);line-height:1.5}.onb-warn{padding:var(--space-3) var(--space-4);background:rgba(var(--color-danger-rgb), .08);border:1px solid rgba(var(--color-danger-rgb), .2);border-radius:var(--radius-md);color:var(--color-danger);font-size:var(--text-base);margin-top:var(--space-3)}.onb-warn a{color:var(--color-danger);text-decoration:underline}.onb-endpoint-card{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-top:var(--space-2);background:#0003}.onb-endpoint-label{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary);margin-bottom:var(--space-2);font-weight:600}.onb-endpoint-row{align-items:center;gap:var(--space-2);display:flex}.onb-endpoint-url{font-family:var(--font-mono);font-size:var(--text-md);color:var(--color-primary-lighter);-webkit-user-select:all;user-select:all;flex:1;font-weight:600}.onb-hint-cards{gap:var(--space-2);margin-top:var(--space-4);flex-direction:column;display:flex}.onb-hint-card{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface-hover-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5;display:flex}.onb-hint-card strong{color:var(--color-text-primary)}.onb-hint-card-icon{border-radius:var(--radius-sm);background:var(--color-surface-active);width:28px;min-width:28px;height:28px;font-size:var(--text-sm);color:var(--color-text-tertiary);justify-content:center;align-items:center;font-weight:800;display:flex}.onb-code-block{border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-top:var(--space-3);overflow:hidden}.onb-code-header{background:var(--color-surface-raised);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.onb-code-dots{gap:6px;display:flex}.onb-code-dots span{border-radius:var(--radius-full);background:rgba(var(--color-white-rgb), .1);width:8px;height:8px}.onb-code-dots span:first-child{background:rgba(var(--color-danger-rgb), .5)}.onb-code-dots span:nth-child(2){background:#fbbf2480}.onb-code-dots span:nth-child(3){background:#22c55e80}.onb-code-pre{padding:var(--space-4);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-primary);white-space:pre;background:#0003;margin:0;line-height:1.6;overflow-x:auto}.onb-test-section{gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle);flex-direction:column;display:flex}.onb-test-row{align-items:center;gap:var(--space-3);display:flex}.onb-test-hint{font-size:var(--text-xs);color:var(--color-text-tertiary)}.onb-provider-tabs{gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.onb-provider-tab{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;background:0 0;padding:8px 14px;font-weight:500;transition:all .15s;display:flex}.onb-provider-tab:hover{border-color:var(--color-border);color:var(--color-text-primary)}.onb-provider-tab.active{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb), .08);color:var(--color-text-primary)}.onb-provider-tab.unconfigured{opacity:.6}.onb-provider-tab.unconfigured.active{opacity:1;border-color:var(--color-warning);background:rgba(var(--color-warning-rgb), .06)}.onb-provider-tab-dot{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px}.onb-provider-tab-label{white-space:nowrap}.onb-provider-tab-badge{border-radius:var(--radius-full);background:rgba(var(--color-warning-rgb), .15);color:var(--color-warning);white-space:nowrap;padding:1px 6px;font-size:10px}.onb-provider-warn{align-items:flex-start;gap:var(--space-2);border-radius:var(--radius-md);background:rgba(var(--color-warning-rgb), .06);border:1px solid rgba(var(--color-warning-rgb), .15);color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-4);padding:10px 14px;line-height:1.5;display:flex}.onb-provider-summary{gap:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border-subtle);margin-top:var(--space-3);display:flex}.onb-provider-summary-item{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);display:flex}.onb-provider-summary-dot{border-radius:var(--radius-full);flex-shrink:0;width:6px;height:6px}@media (max-width:640px){.onb-provider-tabs{flex-direction:column}.onb-provider-summary{gap:var(--space-2);flex-direction:column}}.onb-provider-key-list{gap:var(--space-3);flex-direction:column;display:flex}.onb-provider-key-row{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);background:var(--color-surface-hover-subtle);transition:border-color .15s,background .15s}.onb-provider-key-row:focus-within{border-color:rgba(var(--color-primary-rgb), .4);background:var(--color-surface-raised)}.onb-provider-key-row.configured{border-color:rgba(var(--color-success-rgb), .2)}.onb-provider-key-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.onb-provider-key-name{font-weight:500;font-size:var(--text-sm);color:var(--color-text)}.onb-provider-key-status{font-size:var(--text-xs);align-items:center;gap:4px;margin-left:auto;display:flex}.onb-provider-key-status.saved{color:var(--color-text-tertiary)}.onb-provider-key-status.verified{color:var(--color-success)}.onb-provider-key-status.errored{color:var(--color-danger)}.onb-provider-key-input-row{gap:var(--space-2);align-items:center;display:flex}.onb-provider-key-input{min-width:0;font-family:JetBrains Mono,monospace;font-size:var(--text-sm);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface,#0003);color:var(--color-text);outline:none;flex:1;transition:border-color .15s,box-shadow .15s}.onb-provider-key-input::placeholder{color:var(--color-text-tertiary);opacity:.6}.onb-provider-key-input:focus-visible{border-color:rgba(var(--color-primary-rgb), .6);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb), .15)}@media (prefers-reduced-motion:reduce){.onb-provider-key-row,.onb-provider-key-input{transition:none}}@media (max-width:640px){.onb-provider-key-input-row{flex-direction:column;align-items:stretch}.onb-provider-key-input-row .btn{justify-content:center;width:100%}}.onb-integration-grid{gap:var(--space-3);flex-direction:column;display:flex}.onb-integration-card{gap:var(--space-4);padding:var(--space-4);background:var(--color-surface-hover-subtle);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color .2s,background .2s;display:flex}.onb-integration-card:hover{border-color:rgba(var(--color-primary-rgb), .25);background:rgba(var(--color-primary-rgb), .03)}.onb-integration-icon{border-radius:var(--radius-md);width:40px;min-width:40px;height:40px;font-size:var(--text-sm);background:var(--color-surface-active);color:var(--color-text-secondary);justify-content:center;align-items:center;font-weight:800;transition:all .2s;display:flex}.onb-integration-card:hover .onb-integration-icon{background:var(--gradient-primary);color:#fff}.onb-integration-content{flex:1}.onb-integration-name{font-size:var(--text-base);color:var(--color-text-primary);margin-bottom:var(--space-1);font-weight:700}.onb-integration-desc{font-size:var(--text-sm);color:var(--color-text-tertiary);line-height:1.6}.onb-intent-grid{gap:var(--space-4);margin-top:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.onb-intent-card{align-items:flex-start;gap:var(--space-2);padding:var(--space-5);background:var(--color-surface-hover-subtle);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;text-align:left;flex-direction:column;transition:border-color .2s,background .2s;display:flex}.onb-intent-card:hover{border-color:rgba(var(--color-primary-rgb), .3);background:rgba(var(--color-primary-rgb), .03)}.onb-intent-card.selected{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb), .08)}.onb-intent-icon{font-size:var(--text-2xl);line-height:1}.onb-intent-title{font-size:var(--text-base);color:var(--color-text-primary);font-weight:700}.onb-intent-desc{font-size:var(--text-sm);color:var(--color-text-tertiary);line-height:1.6}@media (max-width:600px){.onb-intent-grid{grid-template-columns:1fr}}.onb-intent-hint{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-primary-subtle);border:1px solid rgba(var(--color-primary-rgb), .2);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6}.onb-input{width:100%;font-family:inherit;font-size:var(--text-base);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface,#0003);color:var(--color-text);outline:none;transition:border-color .15s,box-shadow .15s;display:block}.onb-input::placeholder{color:var(--color-text-tertiary);opacity:.6}.onb-input:focus-visible{border-color:rgba(var(--color-primary-rgb), .6);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb), .15)}.onb-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.onb-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.onb-input[type=number]{-moz-appearance:textfield}@media (prefers-reduced-motion:reduce){.onb-input{transition:none}}.onb-budget-input-wrap{position:relative}.onb-budget-prefix{left:var(--space-3);color:var(--color-text-tertiary);font-size:var(--text-base);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.onb-input-budget{padding-left:calc(var(--space-3) + 14px)}.onb-field-group{margin-bottom:var(--space-4)}.onb-field-label{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2);font-weight:500;display:block}.onb-field-hint{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:var(--space-1);display:block}.onb-success-msg{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:rgba(var(--color-success-rgb), .08);border:1px solid rgba(var(--color-success-rgb), .2);border-radius:var(--radius-md);margin-bottom:var(--space-4);word-break:break-word;display:flex}.onb-success-msg svg{flex-shrink:0;margin-top:2px}.onb-success-msg strong{color:var(--color-success)}.onb-error-msg{align-items:flex-start;gap:var(--space-2);padding:var(--space-3);background:rgba(var(--color-danger-rgb), .08);border:1px solid rgba(var(--color-danger-rgb), .2);border-radius:var(--radius-md);color:var(--color-danger);font-size:var(--text-sm);margin-bottom:var(--space-3);display:flex}.onb-scoped-key-block{margin-bottom:var(--space-4)}.onb-scoped-key-label{font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:500}.onb-footer-note{text-align:center;margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-tertiary)}.onb-platform-steps{margin-top:var(--space-4);flex-direction:column;gap:0;display:flex;position:relative}.onb-platform-step{gap:var(--space-4);padding:var(--space-4) 0;display:flex;position:relative}.onb-platform-step:not(:last-child):after{content:"";background:var(--color-border);width:2px;position:absolute;top:48px;bottom:0;left:15px}.onb-platform-step-number{background:var(--color-primary);color:#fff;width:32px;min-width:32px;height:32px;font-weight:700;font-size:var(--text-sm);z-index:1;border-radius:50%;justify-content:center;align-items:center;display:flex}.onb-platform-step-content{flex:1;min-width:0}.onb-platform-step-heading{color:var(--color-text-primary);margin-bottom:var(--space-1);font-weight:600;font-size:var(--text-base)}.onb-platform-step-detail{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.5}.onb-platform-step-copy{align-items:center;gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex}.onb-platform-step-value{font-size:var(--text-sm);font-family:var(--font-mono);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.psg-container{width:100%}.psg-compact .psg-step{padding:var(--space-2) 0}.psg-compact .psg-step-number{width:26px;min-width:26px;height:26px;font-size:var(--text-xs)}.psg-compact .psg-step-heading{font-size:var(--text-sm)}.psg-compact .psg-step-detail{font-size:var(--text-xs)}.psg-compact .psg-step:not(:last-child):after{top:40px;left:12px}.psg-steps{flex-direction:column;gap:0;display:flex;position:relative}.psg-step{gap:var(--space-4);padding:var(--space-4) 0;display:flex;position:relative}.psg-step:not(:last-child):after{content:"";background:var(--color-border);width:2px;position:absolute;top:48px;bottom:0;left:15px}.psg-step-number{background:var(--color-primary);color:#fff;width:32px;min-width:32px;height:32px;font-weight:700;font-size:var(--text-sm);z-index:1;border-radius:50%;justify-content:center;align-items:center;display:flex}.psg-step-content{flex:1;min-width:0}.psg-step-heading{color:var(--color-text-primary);margin-bottom:var(--space-1);font-weight:600;font-size:var(--text-base)}.psg-step-detail{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.5}.psg-step-copy{align-items:center;gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex}.psg-step-value{font-size:var(--text-sm);font-family:var(--font-mono);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.psg-hint{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);max-width:380px}.psg-hint-label{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-bottom:var(--space-1);text-transform:uppercase;letter-spacing:.04em;font-weight:500}.psg-hint-input{font-size:var(--text-sm);font-family:var(--font-mono);color:var(--color-primary);padding:var(--space-1) var(--space-2);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (max-width:600px){.psg-hint{max-width:100%}}.cs-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid}.cs-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.cs-card-loading{opacity:.6}.cs-card-header{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);display:flex}.cs-status-dot{font-size:10px;line-height:1}.cs-platform-name{color:var(--color-text-primary);flex:1;font-weight:600}.cs-status-label{font-size:var(--text-xs);font-weight:500}.cs-card-body{padding:var(--space-3) var(--space-4)}.cs-card-empty{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.cs-stat-row{padding:var(--space-1) 0;justify-content:space-between;align-items:center;display:flex}.cs-stat-label{font-size:var(--text-xs);color:var(--color-text-tertiary)}.cs-stat-value{font-size:var(--text-sm);color:var(--color-text-secondary)}.cs-card-actions{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border);gap:var(--space-2);display:flex}.cs-card-connected{border-left:3px solid var(--color-success)}.cs-card-idle{border-left:3px solid var(--color-warning)}.cs-card-not_connected{border-left:3px solid var(--color-border)}.cs-card-errors{border-left:3px solid var(--color-danger)}.cs-empty{padding:var(--space-4);text-align:center}@media (max-width:600px){.cs-grid{grid-template-columns:1fr}}.pob-banner{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg,12px);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-5)}.pob-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:flex-start;display:flex}.pob-header-left{flex:1}.pob-title{font-size:var(--text-base);color:var(--color-text);margin:0;font-weight:600}.pob-subtitle{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:var(--space-1) 0 0}.pob-dismiss{color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:14px}.pob-dismiss:hover{background:var(--color-hover)}.pob-progress-track{background:var(--color-border);height:4px;margin-bottom:var(--space-4);border-radius:2px;overflow:hidden}.pob-progress-fill{background:var(--color-primary);border-radius:2px;height:100%;transition:width .4s}.pob-steps{gap:var(--space-3);flex-direction:column;display:flex}.pob-step{gap:var(--space-3);align-items:flex-start;display:flex}.pob-step-check{flex-shrink:0;margin-top:2px}.pob-check-icon{background:var(--color-success);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:flex}.pob-check-empty{border:2px solid var(--color-border);border-radius:50%;width:20px;height:20px;display:block}.pob-step-done .pob-step-label{color:var(--color-text-tertiary);text-decoration:line-through}.pob-step-body{flex:1;min-width:0}.pob-step-label{font-size:var(--text-sm);color:var(--color-text);font-weight:500}.pob-step-desc{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:2px}.pob-step-link{font-size:var(--text-xs);color:var(--color-primary);margin-top:4px;font-weight:500;text-decoration:none;display:inline-block}.pob-step-link:hover{text-decoration:underline}.digest-toggle{align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm);display:flex}.digest-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary)}.digest-toggle-label{color:var(--color-text-secondary)}.onb-waiting-pulse{background:var(--color-primary);width:48px;height:48px;margin:0 auto var(--space-4);border-radius:50%;animation:2s ease-in-out infinite onb-pulse}@keyframes onb-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.onb-success-celebration{margin:0 auto var(--space-4);animation:.6s ease-out onb-celebrate}@keyframes onb-celebrate{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.onb-first-request-summary{gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-4);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);grid-template-columns:repeat(4,1fr);display:grid}.onb-first-request-stat{text-align:center}.onb-first-request-stat-label{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-bottom:var(--space-1);text-transform:uppercase;letter-spacing:.05em;display:block}.onb-first-request-stat-value{font-size:var(--text-base);color:var(--color-text-primary);font-weight:600;display:block}@media (max-width:600px){.onb-header{margin-bottom:var(--space-4)}.onb-title{font-size:var(--text-2xl)}.onb-hint-cards{flex-direction:column}.onb-first-request-summary{grid-template-columns:repeat(2,1fr)}}.auth-layout{background:var(--color-bg);background-image:linear-gradient(rgba(var(--color-white-rgb), .018) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--color-white-rgb), .018) 1px, transparent 1px);background-size:60px 60px;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-container{width:100%;max-width:400px}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg), var(--shadow-glow);padding:36px}.auth-logo{justify-content:center;align-items:center;gap:9px;margin-bottom:24px;display:flex}.auth-logo-icon{background:var(--gradient-primary);color:#fff;border-radius:var(--radius-md);width:34px;height:34px;font-weight:800;font-size:var(--text-xl);box-shadow:0 0 16px rgba(var(--color-primary-rgb), .45);justify-content:center;align-items:center;display:inline-flex}.auth-logo-text{font-size:var(--text-2xl);color:var(--color-text-primary);letter-spacing:-.01em;font-weight:700}.auth-title{font-size:var(--text-2xl);text-align:center;letter-spacing:-.025em;color:var(--color-text-primary);margin-bottom:6px;font-weight:800}.auth-subtitle{font-size:var(--text-base);color:var(--color-text-tertiary);text-align:center;margin-bottom:24px}.auth-form{flex-direction:column;gap:14px;display:flex}.auth-field{flex-direction:column;gap:5px;display:flex}.auth-field label{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.auth-field input{border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);background:rgba(var(--color-white-rgb), .05);color:var(--color-text-primary);font-family:var(--font-sans);outline:none;padding:9px 12px;transition:border-color .15s,box-shadow .15s}.auth-field input::placeholder{color:var(--color-text-tertiary)}.auth-field input:focus{border-color:rgba(var(--color-primary-rgb), .6);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb), .15);background:rgba(var(--color-white-rgb), .07)}.auth-hint{font-size:var(--text-xs);color:var(--color-text-tertiary)}.auth-error{color:var(--color-danger);font-size:var(--text-base);background:var(--color-danger-bg);border:1px solid var(--color-danger-border);border-radius:var(--radius-md);padding:10px 12px}.auth-message{background:var(--color-success-bg);border:1px solid var(--color-success-border);border-radius:var(--radius-md);color:var(--color-success);font-size:var(--text-base);text-align:center;margin-bottom:14px;padding:12px}.auth-btn{background:var(--gradient-primary);color:#fff;border-radius:var(--radius-md);width:100%;font-size:var(--text-md);cursor:pointer;letter-spacing:-.01em;box-shadow:0 0 18px rgba(var(--color-primary-rgb), .3);border:none;justify-content:center;align-items:center;gap:6px;padding:10px;font-weight:700;transition:opacity .15s,box-shadow .15s;display:flex}.auth-btn:hover{opacity:.88;box-shadow:0 0 28px rgba(var(--color-primary-rgb), .5)}.auth-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.auth-terms{font-size:var(--text-xs);color:var(--color-text-tertiary);text-align:center}.auth-terms-checkbox{font-size:var(--text-sm,.85rem);color:var(--color-text-secondary);cursor:pointer;align-items:flex-start;gap:10px;margin-bottom:4px;display:flex}.auth-terms-checkbox input[type=checkbox]{width:16px;min-width:16px;height:16px;accent-color:var(--color-primary,#6c8aff);cursor:pointer;margin-top:2px}.auth-terms-checkbox a{color:var(--color-primary,#6c8aff);text-decoration:none}.auth-terms-checkbox a:hover{text-decoration:underline}.auth-switch{text-align:center;font-size:var(--text-base);color:var(--color-text-tertiary);margin-top:20px}h1{margin-bottom:0}.container{max-width:1200px;margin:0 auto;padding:32px 28px}.project-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.project-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:inherit;padding:16px;text-decoration:none;transition:border-color .15s,background .15s;display:block}.project-card:hover{border-color:var(--color-border-strong);background:var(--color-surface-hover)}.project-card-header{align-items:center;gap:8px;margin-bottom:14px;display:flex}.project-color-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.project-card-name{color:var(--color-text-primary);font-size:14px;font-weight:600}.project-card-stats{grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:12px;display:grid}.project-stat{flex-direction:column;gap:2px;display:flex}.project-stat-value{color:var(--color-text-primary);font-variant-numeric:tabular-nums;font-size:15px;font-weight:600}.project-stat-label{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.04em;font-size:10px}.project-card-budget{flex-direction:column;gap:4px;display:flex}.project-budget-text{color:var(--color-text-tertiary);font-size:11px}.export-btn{color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;align-items:center;gap:5px;padding:5px 10px;font-size:12px;transition:border-color .15s,color .15s;display:inline-flex}.export-btn:hover{border-color:var(--color-border-strong);color:var(--color-text-primary)}.report-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.report-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:inherit;padding:20px;text-decoration:none;transition:border-color .15s,background .15s}.report-card:hover{border-color:var(--color-border-strong);background:var(--color-surface-hover)}.report-card-title{color:var(--color-text-primary);margin-bottom:6px;font-size:14px;font-weight:600}.report-card-desc{color:var(--color-text-tertiary);font-size:12px;line-height:1.5}.invite-form{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:20px;display:flex}.role-badge{border-radius:999px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.role-badge.owner{background:var(--color-primary-light);color:var(--color-primary-text)}.role-badge.admin{background:rgba(var(--color-info-rgb), .15);color:var(--color-info)}.role-badge.member{background:rgba(var(--color-success-rgb), .15);color:var(--color-success)}.role-badge.viewer{color:var(--color-text-secondary);background:#64748b26}.print-only{display:none}@media print{.sidebar,.app-shell>aside,.btn,.export-btn,.filters-bar,.pagination,.no-print{display:none!important}.print-only{display:block!important}.app-main{margin-left:0!important}.page-content{max-width:100%!important;padding:0!important}body{color:#111;background:#fff}.section-card{box-shadow:none;-moz-column-break-inside:avoid;break-inside:avoid;border:1px solid #ddd}.kpi-card{-moz-column-break-inside:avoid;break-inside:avoid;border:1px solid #ddd}.kpi-grid{-moz-column-break-inside:avoid;break-inside:avoid}.data-table{-moz-column-break-inside:auto;break-inside:auto}.data-table tr{-moz-column-break-inside:avoid;break-inside:avoid}.data-table th,.data-table td{border-bottom:1px solid #ddd}@page{margin:1.5cm}}html{scroll-behavior:smooth}.shared-report{max-width:800px;color:var(--color-text-primary);background:var(--color-bg);min-height:100vh;margin:0 auto;padding:48px 24px;font-family:system-ui,-apple-system,sans-serif}.shared-report-header{text-align:center;margin-bottom:32px}.shared-report-brand{letter-spacing:2px;text-transform:uppercase;color:var(--color-primary);margin-bottom:12px;font-size:14px;font-weight:600}.shared-report-header h1{color:var(--color-text-primary);margin:0 0 6px;font-size:24px;font-weight:700}.shared-report-header p{color:var(--color-text-secondary);margin:0;font-size:14px}.shared-report-kpis{gap:16px;margin-bottom:28px;display:flex}.shared-report-kpi{background:var(--color-surface);border:1px solid var(--color-border);text-align:center;border-radius:10px;flex:1;padding:16px 20px}.shared-report-kpi-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-tertiary);margin-bottom:6px;font-size:11px}.shared-report-kpi-value{color:var(--color-text-primary);font-size:22px;font-weight:700}.shared-report-table{border-collapse:collapse;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;width:100%;margin-bottom:28px;font-size:13px;overflow:hidden}.shared-report-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-tertiary);border-bottom:1px solid var(--color-border);background:var(--color-surface-raised);padding:10px 16px;font-size:11px}.shared-report-table td{border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-secondary);padding:10px 16px}.shared-report-table tbody tr:last-child td{border-bottom:none}.shared-report-footer{text-align:center;color:var(--color-text-tertiary);margin-top:32px;font-size:11px}.share-link-btn{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;transition:all .15s;display:inline-flex}.share-link-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary);border-color:var(--color-border-strong)}.share-link-btn.copied{border-color:var(--color-success-border);color:var(--color-success)}.toast-container{z-index:var(--z-toast);pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.toast{pointer-events:auto;border-radius:var(--radius-md);color:var(--color-text-primary);align-items:center;gap:10px;min-width:280px;max-width:420px;padding:12px 16px;font-size:13px;font-weight:500;animation:.25s ease-out toast-in;display:flex;box-shadow:0 8px 24px #0006}.toast-success{background:rgba(var(--color-success-rgb), .12);border:1px solid rgba(var(--color-success-rgb), .3)}.toast-success svg:first-child{color:var(--color-success)}.toast-error{background:rgba(var(--color-danger-rgb), .12);border:1px solid rgba(var(--color-danger-rgb), .3)}.toast-error svg:first-child{color:var(--color-danger)}.toast-message{flex:1}.toast-dismiss{color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-sm);opacity:.6;background:0 0;border:none;flex-shrink:0;align-items:center;padding:2px;transition:opacity .15s;display:flex}.toast-dismiss:hover{opacity:1}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.confirm-overlay{z-index:150;background:var(--color-overlay-heavy);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-dialog{background:var(--color-bg-elevated,var(--color-surface));border:1px solid var(--color-border);border-radius:12px;width:100%;max-width:420px;padding:24px;box-shadow:0 24px 64px #00000080}.confirm-dialog h3{color:var(--color-text-primary);margin:0 0 8px;font-size:15px;font-weight:600}.confirm-dialog p{color:var(--color-text-secondary);margin:0 0 20px;font-size:13px;line-height:1.5}.confirm-actions{justify-content:flex-end;gap:8px;display:flex}.confirm-actions .btn-danger{background:rgba(var(--color-danger-rgb), .15);color:var(--color-danger);border:1px solid rgba(var(--color-danger-rgb), .3)}.confirm-actions .btn-danger:hover{background:rgba(var(--color-danger-rgb), .25)}.breadcrumbs{color:var(--color-text-tertiary);align-items:center;gap:6px;margin-bottom:8px;font-size:12px;display:flex}.breadcrumbs a{color:var(--color-text-tertiary);text-decoration:none;transition:color .15s}.breadcrumbs a:hover{color:var(--color-text-secondary);text-decoration:none}.breadcrumbs .breadcrumb-sep{opacity:.5}.breadcrumbs .breadcrumb-current{color:var(--color-text-secondary)}.mobile-nav-toggle{border:1px solid var(--color-border);color:var(--color-text-primary);cursor:pointer;border-radius:var(--radius-sm);z-index:60;background:0 0;background:var(--color-surface);justify-content:center;align-items:center;padding:6px;display:none;position:fixed;top:12px;left:12px}.mobile-nav-overlay{z-index:70;background:var(--color-overlay);animation:.2s ease-out fade-in;position:fixed;inset:0}.mobile-nav-drawer{z-index:80;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);width:260px;animation:.25s ease-out slide-in-left;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.mobile-nav-drawer .sidebar-nav{padding:8px}.mobile-nav-close{color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;padding:4px;position:absolute;top:12px;right:12px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (max-width:1024px){.sidebar{width:60px;min-width:60px}.sidebar-logo-text,.sidebar-nav-item span:not(.sidebar-badge),.sidebar-email,.sidebar-upgrade-btn,.sidebar-upgrade-nudge,.sidebar-header .workspace-switcher,.sidebar-project-list,.sidebar-projects-toggle,.sidebar-nav-label{display:none}.sidebar-nav-item{justify-content:center;padding:10px}.sidebar-nav-item svg{margin:0}.sidebar-brand,.sidebar-user{justify-content:center}.sidebar-footer{align-items:center}.page-content{padding:24px 20px}}@media (max-width:768px){.sidebar{display:none}.mobile-nav-toggle{display:flex}.page-content{padding:52px 16px 16px}.app-main{margin-left:0}.fb{gap:6px}.fb-controls{gap:4px}.drp-dropdown,.pp-dropdown{min-width:200px}.cc-header,.cc-header-right{flex-wrap:wrap}.kpi-grid,.compare-body-grid{grid-template-columns:1fr!important}.data-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table{min-width:600px}.toast-container{bottom:16px;left:16px;right:16px}.toast{min-width:auto}.settings-section-body>div[style*=grid-template-columns]{grid-template-columns:1fr!important}.invite-form{flex-wrap:wrap}}.sidebar-badge{background:var(--color-danger);color:#fff;text-align:center;border-radius:9px;min-width:18px;height:18px;margin-left:auto;padding:0 5px;font-size:10px;font-weight:600;line-height:18px}.empty-icon-svg{opacity:.3;margin-bottom:12px}.tokensense-glass-panel{border:1px solid rgba(var(--color-white-rgb), .1);-webkit-backdrop-filter:blur(24px)saturate(1.5);box-shadow:0 0 0 1px #0006, 0 2px 4px #0003, 0 8px 24px #00000059, 0 24px 80px #00000080, inset 0 1px 0 rgba(var(--color-white-rgb), .06), inset 0 0 80px rgba(var(--color-primary-rgb), .03);background:linear-gradient(#121223f0 0%,#0a0a14f7 100%);overflow:hidden}.tokensense-glass-panel:before{content:"";background:linear-gradient(90deg, transparent 0%, rgba(var(--color-primary-rgb), .35) 30%, #a78bfa80 50%, rgba(var(--color-primary-rgb), .35) 70%, transparent 100%);pointer-events:none;z-index:1;width:60%;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.cmdpal-root{z-index:var(--z-command-palette);isolation:isolate;position:fixed;inset:0}.cmdpal-overlay{-webkit-backdrop-filter:blur(6px)saturate(1.1);background:#0202088c;animation:.18s cubic-bezier(.16,1,.3,1) cmdpal-fade-in;position:fixed;inset:0}.cmdpal-positioner{pointer-events:none;justify-content:center;align-items:flex-start;padding-top:min(18vh,180px);display:flex;position:fixed;inset:0}.cmdpal-panel{pointer-events:auto;border-radius:16px;width:min(94vw,580px);animation:.22s cubic-bezier(.16,1,.3,1) cmdpal-panel-in;position:relative}.cmdpal-input-wrap{border-bottom:1px solid rgba(var(--color-white-rgb), .06);background:var(--color-surface-hover-subtle);align-items:center;gap:10px;padding:14px 16px;display:flex}.cmdpal-input-wrap svg{width:18px;height:18px;color:var(--color-text-tertiary);flex-shrink:0}.cmdpal-input-wrap input{font-size:15px;font-family:var(--font-sans);color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;line-height:1.4}.cmdpal-input-wrap input::placeholder{color:var(--color-text-tertiary)}.cmdpal-input-badge{background:var(--color-surface-interactive);border:1px solid var(--color-border);font-family:var(--font-mono);color:var(--color-text-tertiary);white-space:nowrap;letter-spacing:.02em;border-radius:5px;flex-shrink:0;align-items:center;gap:3px;padding:3px 7px;font-size:11px;font-weight:500;display:flex}.cmdpal-list{scroll-behavior:smooth;max-height:min(420px,55vh);padding:6px;overflow:hidden auto}.cmdpal-list::-webkit-scrollbar{width:4px}.cmdpal-list::-webkit-scrollbar-track{background:0 0}.cmdpal-list::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:4px}.cmdpal-list::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-hover)}.cmdpal-group{padding:2px 0;overflow:hidden}[cmdk-group-heading]{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);-webkit-user-select:none;user-select:none;padding:10px 12px 4px;font-size:11px;font-weight:600}.cmdpal-item{color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:13.5px;transition:none;display:flex;position:relative}.cmdpal-item[data-selected=true]{background:rgba(var(--color-primary-rgb), .1);box-shadow:inset 0 0 24px rgba(var(--color-primary-rgb), .06);color:var(--color-text-primary)}.cmdpal-item[data-selected=true]:before{content:"";background:var(--color-primary);width:3px;height:18px;box-shadow:0 0 8px rgba(var(--color-primary-rgb), .4);border-radius:0 3px 3px 0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.cmdpal-item[data-selected=true] .cmdpal-item-icon{color:var(--color-primary-text)!important}.cmdpal-item .cmdpal-item-icon{width:16px;height:16px;color:var(--color-text-tertiary);flex-shrink:0}.cmdpal-item .cmdpal-item-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.cmdpal-item .cmdpal-item-shortcut{font-family:var(--font-mono);letter-spacing:.05em;color:var(--color-text-tertiary);opacity:.6;flex-shrink:0;font-size:10.5px}.cmdpal-item[data-selected=true] .cmdpal-item-shortcut{opacity:1;color:rgba(var(--color-primary-rgb), .7)}.cmdpal-separator{background:var(--color-surface-interactive);height:1px;margin:4px 10px}.cmdpal-empty{text-align:center;color:var(--color-text-tertiary);padding:32px 16px;font-size:13px}.cmdpal-empty-icon{opacity:.3;width:32px;height:32px;margin:0 auto 8px;display:block}.cmdpal-footer{border-top:1px solid rgba(var(--color-white-rgb), .06);background:#0000001f;align-items:center;gap:14px;padding:8px 14px;display:flex}.cmdpal-footer-hint{color:var(--color-text-tertiary);white-space:nowrap;align-items:center;gap:4px;font-size:11px;display:flex}.cmdpal-kbd{border:1px solid var(--color-border);background:var(--color-surface-interactive);min-width:20px;height:20px;font-family:var(--font-mono);color:var(--color-text-tertiary);border-radius:4px;justify-content:center;align-items:center;padding:0 5px;font-size:10px;font-weight:500;line-height:1;display:inline-flex;box-shadow:0 1px #0000004d}.cmdpal-footer-spacer{flex:1}.cmdpal-footer-brand{color:var(--color-text-tertiary);opacity:.4;letter-spacing:.02em;font-size:11px}@keyframes cmdpal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes cmdpal-panel-in{0%{opacity:0;transform:scale(.97)translateY(-6px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.skeleton{animation:none}}.pagination a[aria-disabled=true]{color:var(--color-text-tertiary);pointer-events:none;opacity:.4;cursor:default}.skip-to-content{z-index:9999;width:1px;height:1px;position:absolute;top:auto;left:-9999px;overflow:hidden}.skip-to-content:focus{background:var(--color-primary);color:#fff;border-radius:var(--radius-md);z-index:9999;width:auto;height:auto;box-shadow:var(--shadow-lg);padding:12px 24px;font-size:14px;font-weight:600;text-decoration:none;position:fixed;top:16px;left:16px}@media (max-width:768px){.log-detail-kpi-grid{grid-template-columns:repeat(2,1fr)!important}.compare-body-grid{grid-template-columns:1fr!important}}.permission-notice{border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-tertiary);align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:13px;display:flex}.form-input.is-invalid,.form-input[aria-invalid=true],.auth-field input[aria-invalid=true],.key-form-row input[aria-invalid=true],input[aria-invalid=true]{border-color:var(--color-danger);box-shadow:0 0 0 1px var(--color-danger-border)}.form-field-error{color:var(--color-danger);margin-top:4px;font-size:12px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.compare-diff{color:var(--color-warning);background:rgba(var(--color-warning-rgb), .08)}.auth-forgot-link{color:var(--color-text-secondary);font-size:12px;text-decoration:none}.auth-forgot-link:hover{color:var(--color-primary);text-decoration:underline}.system-banner{padding:var(--space-2) var(--space-5);align-items:center;gap:var(--space-2);font-size:var(--text-sm);border-bottom:1px solid;display:flex}.system-banner.warning{background:var(--color-warning-bg);border-color:rgba(var(--color-warning-rgb), .3)}.system-banner.critical{background:rgba(var(--color-danger-rgb), .15);border-color:rgba(var(--color-danger-rgb), .3)}.system-banner-icon{font-size:16px}.system-banner-action{color:var(--color-accent,var(--color-primary-text));font-size:var(--text-sm);margin-left:auto;text-decoration:none}.system-banner-action:hover{text-decoration:underline}.feature-gate{text-align:center;padding:var(--space-8) var(--space-6);justify-content:center;align-items:center;gap:var(--space-3);border:1px dashed rgba(var(--color-primary-rgb), .25);border-radius:var(--radius-lg,12px);background:rgba(var(--color-primary-rgb), .03);flex-direction:column;min-height:240px;display:flex}.feature-gate-icon{color:var(--color-text-tertiary);opacity:.5}.feature-gate-title{font-size:var(--text-lg);color:var(--color-text-primary);font-weight:700}.feature-gate-desc{font-size:var(--text-sm);color:var(--color-text-tertiary);max-width:400px;line-height:1.5}.feature-gate.compact{min-height:auto;padding:var(--space-5) var(--space-4);gap:var(--space-2)}.feature-gate.compact .feature-gate-title{font-size:var(--text-base)}.feature-gate.compact .feature-gate-desc{font-size:var(--text-xs)}.settings-tabs{border-bottom:1px solid var(--color-border);margin-bottom:var(--space-5);gap:2px;display:flex;overflow-x:auto}.settings-tab{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;font-weight:500;transition:color .15s,border-color .15s}.settings-tab:hover{color:var(--color-text-secondary)}.settings-tab.active{color:var(--color-text-primary);border-bottom-color:var(--color-primary)}.settings-tab.danger{color:var(--color-text-tertiary)}.settings-tab.danger.active{color:var(--color-danger);border-bottom-color:var(--color-danger)}.tier-badge{margin-left:var(--space-2);font-size:var(--text-2xs);padding:2px var(--space-2);border-radius:var(--radius-sm);background:var(--color-primary-light);color:var(--color-primary-text);vertical-align:middle;text-transform:uppercase;letter-spacing:.03em;font-weight:600}.data-table-totals td{border-top:2px solid var(--color-border-strong);font-weight:600}.settings-retention-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;max-width:480px;display:grid}.settings-retention-label{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-1)}.settings-retention-value{font-size:16px;font-weight:600}.settings-retention-value-sm{font-size:14px;font-weight:500}.settings-retention-sub{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:2px}.settings-upgrade-hint{margin-top:var(--space-4);background:rgba(var(--color-primary-rgb), .08);border:1px solid rgba(var(--color-primary-rgb), .2);border-radius:var(--radius-md);font-size:var(--text-sm);padding:10px 14px}.settings-upgrade-hint a{color:var(--color-primary-text);font-weight:500;text-decoration:none}.settings-upgrade-hint a:hover{text-decoration:underline}.settings-budget-input{align-items:center;gap:6px;display:flex}.settings-budget-prefix{color:var(--color-text-secondary);margin-right:2px;font-size:14px}.sidebar-nav-bottom{padding-top:var(--space-2);border-top:1px solid var(--sidebar-border);margin-top:auto}.btn-primary:active:not(:disabled){filter:brightness(.9);transform:scale(.98)}.btn-secondary:active:not(:disabled){transform:scale(.98)}.btn-ghost:active:not(:disabled){transform:scale(.97)}.btn-danger:active:not(:disabled){filter:brightness(.9);transform:scale(.98)}.form-input:focus-visible,.form-select:focus-visible,select.form-input:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px;border-color:#0000}.data-table tbody tr:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.ws-switcher-single{font-size:var(--text-xs);color:var(--color-text-tertiary);text-overflow:ellipsis;white-space:nowrap;padding:4px 0;overflow:hidden}.ws-switcher{position:relative}.ws-switcher-trigger{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);font-size:var(--text-sm);cursor:pointer;text-align:left;background:0 0;align-items:center;gap:6px;padding:6px 8px;transition:background .1s;display:flex}.ws-switcher-trigger:hover,.ws-switcher-trigger[aria-expanded=true]{background:var(--color-surface-active)}.ws-switcher-icon{border-radius:var(--radius-sm);background:var(--gradient-primary-soft);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:flex}.ws-switcher-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.ws-switcher-caret{opacity:.5;font-size:10px}.ws-switcher-dropdown{background:var(--color-bg-elevated,var(--color-surface));border:1px solid var(--color-border);border-radius:var(--radius-lg);z-index:50;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 8px 32px #0000004d}.ws-switcher-item{width:100%;color:var(--color-text-primary);font-size:var(--text-sm);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:10px 12px;transition:background .1s;display:flex}.ws-switcher-item:hover{background:rgba(var(--color-white-rgb), .05)}.ws-switcher-item.active{background:rgba(var(--color-primary-rgb), .1)}.ws-switcher-item-icon{border-radius:var(--radius-sm);background:rgba(var(--color-white-rgb), .1);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:9px;font-weight:700;display:flex}.ws-switcher-item.active .ws-switcher-item-icon{background:var(--color-primary)}.ws-switcher-check{color:var(--color-primary);margin-left:auto;font-size:10px}.reports-tabs{border-bottom:1px solid var(--color-border);margin-bottom:var(--space-5);gap:2px;display:flex}.reports-tab{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;font-weight:500;text-decoration:none;transition:color .15s,border-color .15s}.reports-tab:hover{color:var(--color-text-secondary);text-decoration:none}.reports-tab.active{color:var(--color-text-primary);border-bottom-color:var(--color-primary)}.reports-tab.locked{opacity:.5;align-items:center;gap:4px;display:inline-flex}.cc-section-mb{margin-bottom:var(--space-4)}.cc-section-mt{margin-top:var(--space-4)}.json-viewer{font-family:var(--font-mono);background:var(--color-surface-hover-subtle);border-radius:var(--radius);border:1px solid var(--color-border);padding:16px;font-size:12px;line-height:1.6;overflow-x:auto}.json-viewer-raw{font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;color:var(--color-text-secondary);padding:16px;font-size:12px;line-height:1.6}.json-key{color:var(--color-text-primary);cursor:pointer}.json-key:hover{text-decoration:underline}.json-string{color:var(--color-syntax-string);cursor:pointer}.json-number{color:var(--color-syntax-number);cursor:pointer}.json-bool{color:var(--color-syntax-boolean);cursor:pointer}.json-null{color:var(--color-text-tertiary);cursor:pointer}.json-bracket,.json-colon,.json-comma{color:var(--color-text-tertiary)}.json-toggle{text-align:center;width:16px;color:var(--color-text-tertiary);vertical-align:middle;cursor:pointer;background:0 0;border:none;margin-right:2px;padding:0;font-size:10px;display:inline-block}.json-toggle:hover{color:var(--color-accent)}.json-children{padding-left:20px}.json-entry{white-space:nowrap}.json-collapsed-hint{color:var(--color-text-tertiary);cursor:pointer;margin:0 4px;font-size:11px;font-style:italic}.json-collapsed-hint:hover{color:var(--color-accent)}.json-copied{color:var(--color-success);margin-left:6px;font-size:10px;animation:1.2s forwards json-copied-fade}@keyframes json-copied-fade{0%,60%{opacity:1}to{opacity:0}}.wf-tooltip-grid{grid-template-columns:auto auto;gap:2px 12px;padding:4px 0;font-size:12px;display:grid}.wf-tooltip-label{color:var(--color-text-tertiary)}.wf-tooltip-value{text-align:right;font-family:var(--font-mono)}@keyframes kpi-pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.kpi-value.updated{animation:.4s kpi-pulse}.live-indicator{color:var(--color-text-tertiary);align-items:center;gap:6px;font-size:11px;display:inline-flex}.live-indicator-dot{background:var(--color-success);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}.live-indicator.disconnected .live-indicator-dot{background:var(--color-text-tertiary);animation:none}.saved-views{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px;display:flex}.saved-view-pill{background:var(--color-surface-active);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;transition:background .15s,border-color .15s;display:inline-flex}.saved-view-pill:hover{background:rgba(var(--color-white-rgb),.1);border-color:var(--color-accent)}.saved-view-pill.active{background:var(--color-primary-light);border-color:var(--color-accent);color:var(--color-text-primary)}.saved-view-delete{opacity:.5;cursor:pointer;margin-left:2px;font-size:10px}.saved-view-delete:hover{opacity:1;color:var(--color-danger)}.saved-view-add{border:1px dashed var(--color-border);color:var(--color-text-tertiary);cursor:pointer;background:0 0;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;transition:border-color .15s,color .15s;display:inline-flex}.saved-view-add:hover{border-color:var(--color-accent);color:var(--color-text-secondary)}.saved-view-input{background:var(--color-surface-active);border:1px solid var(--color-accent);color:var(--color-text-primary);border-radius:20px;outline:none;width:140px;padding:4px 10px;font-size:12px}.log-nav{align-items:center;gap:8px;display:flex}.log-nav-btn{color:var(--color-text-tertiary);border-radius:var(--radius-sm);align-items:center;gap:4px;padding:4px 8px;font-size:12px;transition:color .15s,background .15s;display:inline-flex}.log-nav-btn:hover{color:var(--color-text-primary);background:var(--color-surface-active)}.log-nav-btn.disabled{opacity:.3;pointer-events:none}.log-nav-kbd{background:var(--color-surface-active);border:1px solid var(--color-border);color:var(--color-text-tertiary);font-size:10px;font-family:var(--font-mono);border-radius:3px;padding:1px 4px}.notification-feed{flex-direction:column;gap:1px;display:flex}.notification-item{border-bottom:1px solid var(--color-border);gap:12px;padding:12px 16px;transition:background .15s;display:flex}.notification-item:hover{background:var(--color-surface-hover-subtle)}.notification-item.unread{background:rgba(var(--color-primary-rgb),.04)}.notification-item.unread:hover{background:rgba(var(--color-primary-rgb),.08)}.notification-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.notification-icon.alert{background:var(--color-danger-bg);color:var(--color-danger)}.notification-icon.budget{background:var(--color-warning-bg);color:var(--color-warning)}.notification-icon.info{background:var(--color-info-bg);color:var(--color-info)}.notification-content{flex:1;min-width:0}.notification-title{color:var(--color-text-primary);font-size:13px;font-weight:500}.notification-body{color:var(--color-text-tertiary);margin-top:2px;font-size:12px}.notification-time{font-size:var(--text-2xs);color:var(--color-text-tertiary);flex-shrink:0}.notification-unread-dot{background:var(--color-accent);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:4px}.model-bar-chart{flex-direction:column;gap:8px;padding:16px 0;display:flex}.model-bar-row{align-items:center;gap:12px;display:flex}.model-bar-label{text-align:right;color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:0 0 180px;font-size:12px;overflow:hidden}.model-bar-track{background:var(--color-surface-interactive);border-radius:4px;flex:1;height:20px;overflow:hidden}.model-bar-fill{background:var(--gradient-primary-h);border-radius:4px;height:100%;transition:width .3s}.model-bar-value{font-size:12px;font-family:var(--font-mono);color:var(--color-text-tertiary);flex:0 0 80px}.sidebar-notification-bell{display:inline-flex;position:relative}.sidebar-notification-badge{background:var(--color-danger);color:#fff;border-radius:7px;justify-content:center;align-items:center;min-width:14px;height:14px;padding:0 3px;font-size:9px;font-weight:700;display:flex;position:absolute;top:-4px;right:-6px}.inline-budget-input{width:90px;font-size:13px;font-family:var(--font-mono);border-radius:var(--radius-sm);background:var(--color-border);border:1px solid var(--color-accent);color:var(--color-text-primary);outline:none;padding:2px 6px}.connect-hero{background:linear-gradient(135deg, rgba(var(--color-primary-rgb), .06), #4f46e508);border:1px solid rgba(var(--color-primary-rgb), .15);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-5)}.connect-hero-title{font-size:var(--text-lg);color:var(--color-text-primary);margin-bottom:var(--space-4);align-items:center;gap:var(--space-2);font-weight:700;display:flex}.connect-hero-title svg{color:var(--color-primary)}.connect-endpoint-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}@media (max-width:700px){.connect-endpoint-row{grid-template-columns:1fr}}.connect-field{flex-direction:column;gap:6px;display:flex}.connect-field .form-label{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary)}.connect-copy-row{align-items:center;gap:var(--space-2);display:flex}.connect-code-inline{border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:all;user-select:all;background:#00000040;flex:1;padding:8px 12px;overflow:hidden}.connect-platform-grid{gap:var(--space-3);margin-bottom:var(--space-5);grid-template-columns:repeat(4,1fr);display:grid}@media (max-width:700px){.connect-platform-grid{grid-template-columns:repeat(2,1fr)}}.connect-platform-card{align-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface-hover-subtle);cursor:pointer;text-align:center;flex-direction:column;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.connect-platform-card:hover{border-color:rgba(var(--color-primary-rgb), .35);background:rgba(var(--color-primary-rgb), .05);transform:translateY(-2px)}.connect-platform-card.active{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb), .1);box-shadow:0 0 0 1px var(--color-primary), var(--shadow-glow)}.connect-platform-icon{border-radius:var(--radius-md);background:var(--color-surface-active);width:40px;height:40px;color:var(--color-text-secondary);justify-content:center;align-items:center;font-size:20px;font-weight:800;transition:all .2s;display:flex}.connect-platform-card.active .connect-platform-icon{background:var(--gradient-primary);color:#fff}.connect-platform-name{font-size:var(--text-base);color:var(--color-text-secondary);font-weight:600}.connect-platform-card.active .connect-platform-name{color:var(--color-text-primary)}.connect-platform-desc{font-size:var(--text-2xs);color:var(--color-text-tertiary);line-height:1.3}.connect-tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.connect-tab{border-radius:var(--radius-md);background:var(--color-surface-raised);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;text-align:left;flex-direction:column;gap:2px;min-width:120px;padding:10px 16px;transition:border-color .15s,background .15s;display:flex}.connect-tab:hover{border-color:var(--color-accent);background:rgba(var(--color-white-rgb),.05)}.connect-tab.active{border-color:var(--color-accent);background:rgba(var(--color-primary-rgb),.1);color:var(--color-text-primary)}.connect-tab-desc{font-size:11px;font-weight:400}.connect-snippet-container{border:1px solid var(--color-border);border-radius:var(--radius-lg);animation:.25s cubic-bezier(.4,0,.2,1) wiz-step-in;overflow:hidden}.connect-snippet-header{background:var(--color-surface-raised);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.connect-snippet-header-label{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:600;display:flex}.connect-snippet-header-dot{border-radius:var(--radius-full);background:var(--color-primary);width:6px;height:6px}.connect-snippet{font-family:var(--font-mono);color:var(--color-text-secondary);white-space:pre;background:#0003;max-height:420px;margin:0;padding:16px;font-size:12px;line-height:1.6;overflow-x:auto}.connect-snippet-compact .connect-snippet{max-height:240px;font-size:12px}.connect-tips-toggle{align-items:center;gap:var(--space-2);padding:var(--space-3) 0;cursor:pointer;color:var(--color-text-secondary);font-size:var(--text-base);text-align:left;background:0 0;border:none;width:100%;font-weight:600;transition:color .15s;display:flex}.connect-tips-toggle:hover{color:var(--color-text-primary)}.connect-tips-toggle svg{transition:transform .2s}.connect-tips-toggle[aria-expanded=true] svg{transform:rotate(90deg)}.connect-tips{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.6}.connect-tips-body{transition:max-height .3s,opacity .3s;overflow:hidden}.connect-tips-body[aria-hidden=true]{opacity:0;max-height:0}.connect-tips-body[aria-hidden=false]{opacity:1;max-height:600px}.connect-tips ul{margin:6px 0 0;padding-left:20px}.connect-tips li{margin-bottom:6px}.connect-tips code{font-family:var(--font-mono);border-radius:var(--radius-sm);background:var(--color-surface-active);padding:2px 6px;font-size:12px}.connect-tips-section-heading{font-size:var(--text-sm);color:var(--color-text-primary);margin-top:var(--space-4);margin-bottom:var(--space-2);align-items:center;gap:var(--space-2);font-weight:700;display:flex}.connect-tips-section-heading:before{content:"";background:var(--color-primary);border-radius:2px;width:3px;height:14px}.connect-test-section{gap:var(--space-3);flex-direction:column;display:flex}.connect-test-row{align-items:center;gap:var(--space-3);display:flex}.connect-test-hint{font-size:var(--text-xs);color:var(--color-text-tertiary);line-height:1.4}.connect-test-result{padding:var(--space-4);border-radius:var(--radius-lg);font-family:var(--font-mono);font-size:var(--text-sm);animation:.3s cubic-bezier(.4,0,.2,1) wiz-step-in}.connect-test-success{background:rgba(var(--color-success-rgb),.08);border:1px solid rgba(var(--color-success-rgb),.2);color:var(--color-success)}.connect-test-error{background:rgba(var(--color-danger-rgb),.08);border:1px solid rgba(var(--color-danger-rgb),.2);color:var(--color-danger)}.connect-test-status{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;display:flex}.connect-test-status.success{background:rgba(var(--color-success-rgb), .1);color:var(--color-success)}.connect-test-status.error{background:rgba(var(--color-danger-rgb), .1);color:var(--color-danger)}.connect-test-status-dot{border-radius:var(--radius-full);width:8px;height:8px}.connect-test-status.success .connect-test-status-dot{background:var(--color-success);box-shadow:0 0 6px rgba(var(--color-success-rgb), .4)}.connect-test-status.error .connect-test-status-dot{background:var(--color-danger);box-shadow:0 0 6px rgba(var(--color-danger-rgb), .4)}.connect-test-spinner{border:2px solid rgba(var(--color-primary-rgb), .2);border-top-color:var(--color-primary);border-radius:var(--radius-full);width:16px;height:16px;animation:.6s linear infinite btn-spin}.connect-quickstart{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:linear-gradient(135deg, rgba(var(--color-primary-rgb), .08), #4f46e50a);border:1px solid rgba(var(--color-primary-rgb), .15);border-radius:var(--radius-lg);margin-bottom:var(--space-5);display:flex}.connect-quickstart-icon{border-radius:var(--radius-md);background:var(--color-primary-light);width:36px;min-width:36px;height:36px;color:var(--color-primary-lighter);justify-content:center;align-items:center;display:flex}.connect-quickstart-text{font-size:var(--text-base);color:var(--color-text-secondary);flex:1;line-height:1.5}.connect-quickstart-text a{color:var(--color-primary-lighter);font-weight:600;text-decoration:none;transition:color .15s}.connect-quickstart-text a:hover{color:var(--color-text-primary)}.connect-troubleshooting{flex-direction:column;gap:0;display:flex}.connect-faq-item{border-bottom:1px solid var(--color-border)}.connect-faq-item:last-child{border-bottom:none}.connect-faq-item summary{font-weight:600;font-size:var(--text-base);padding:var(--space-3) 0;cursor:pointer;align-items:center;gap:var(--space-2);color:var(--color-text-primary);list-style:none;display:flex}.connect-faq-item summary:before{content:"▶";color:var(--color-text-tertiary);font-size:10px;transition:transform .15s}.connect-faq-item[open] summary:before{transform:rotate(90deg)}.connect-faq-item summary::-webkit-details-marker{display:none}.connect-faq-answer{padding:0 0 var(--space-3) var(--space-5);color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.6}.connect-faq-answer p{margin:0 0 var(--space-2)}.connect-faq-answer p:last-child{margin-bottom:0}.connect-faq-answer a{color:var(--color-primary-lighter);font-weight:500;text-decoration:none}.connect-faq-answer a:hover{color:var(--color-text-primary)}.wiz-stepper{margin-bottom:var(--space-8);align-items:center;gap:0;display:flex;position:relative}.wiz-step-item{flex:1;align-items:center;gap:10px;display:flex;position:relative}.wiz-step-item:not(:last-child):after{content:"";background:var(--color-border);flex:1;height:2px;margin:0 12px;transition:background .4s}.wiz-step-item:not(:last-child).completed:after{background:var(--color-primary)}.wiz-step-dot{border-radius:var(--radius-full);width:32px;min-width:32px;height:32px;font-weight:700;font-size:var(--text-sm);border:2px solid var(--color-border);background:var(--color-surface);color:var(--color-text-tertiary);z-index:1;justify-content:center;align-items:center;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.wiz-step-item.active .wiz-step-dot{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary-lighter);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb), .12), var(--shadow-glow)}.wiz-step-item.completed .wiz-step-dot{border-color:var(--color-success);background:var(--color-success-bg);color:var(--color-success)}.wiz-step-label{font-size:var(--text-xs);color:var(--color-text-tertiary);white-space:nowrap;font-weight:600;transition:color .3s}.wiz-step-item.active .wiz-step-label{color:var(--color-text-primary)}.wiz-step-item.completed .wiz-step-label{color:var(--color-success)}.wiz-step-container{animation:.35s cubic-bezier(.4,0,.2,1) wiz-step-in}@keyframes wiz-step-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.wiz-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden}.wiz-card-body{padding:var(--space-6) var(--space-6) var(--space-5)}.wiz-card-title{font-size:var(--text-xl);letter-spacing:-.025em;margin-bottom:var(--space-1);color:var(--color-text-primary);font-weight:800}.wiz-card-subtitle{font-size:var(--text-base);color:var(--color-text-tertiary);margin-bottom:var(--space-5);line-height:1.5}.wiz-card-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border-subtle);background:rgba(var(--color-white-rgb), .015);justify-content:space-between;align-items:center;display:flex}.wiz-card-footer-actions{align-items:center;gap:var(--space-2);display:flex}.wiz-tag-preview{background:var(--color-primary-light);border:1px solid rgba(var(--color-primary-rgb), .3);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-primary-lighter);margin-top:var(--space-2);align-items:center;gap:6px;min-height:30px;padding:6px 14px;font-weight:600;transition:all .2s;display:inline-flex}.wiz-tag-preview:empty{display:none}.wiz-platform-grid{gap:var(--space-3);margin-bottom:var(--space-5);grid-template-columns:repeat(4,1fr);display:grid}@media (max-width:600px){.wiz-platform-grid{grid-template-columns:repeat(2,1fr)}}.wiz-platform-card{align-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface-hover-subtle);cursor:pointer;text-align:center;flex-direction:column;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.wiz-platform-card:hover{border-color:rgba(var(--color-primary-rgb), .35);background:rgba(var(--color-primary-rgb), .05);transform:translateY(-2px)}.wiz-platform-card.selected{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb), .1);box-shadow:0 0 0 1px var(--color-primary), var(--shadow-glow)}.wiz-platform-icon{border-radius:var(--radius-md);background:var(--color-surface-active);width:40px;height:40px;color:var(--color-text-secondary);justify-content:center;align-items:center;font-size:20px;font-weight:800;transition:all .2s;display:flex}.wiz-platform-card.selected .wiz-platform-icon{background:var(--gradient-primary);color:#fff}.wiz-platform-name{font-size:var(--text-base);color:var(--color-text-secondary);font-weight:600}.wiz-platform-card.selected .wiz-platform-name{color:var(--color-text-primary)}.wiz-platform-desc{font-size:var(--text-2xs);color:var(--color-text-tertiary);line-height:1.3}.wiz-model-grid{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:600px){.wiz-model-grid{grid-template-columns:repeat(2,1fr)}}.wiz-model-option{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);cursor:pointer;text-align:left;background:0 0;transition:all .15s;display:flex}.wiz-model-option:hover{border-color:rgba(var(--color-white-rgb), .15);background:var(--color-surface-raised)}.wiz-model-option.selected{border-color:var(--color-primary);background:var(--color-primary-light)}.wiz-model-radio{border-radius:var(--radius-full);border:2px solid var(--color-border-strong);width:14px;min-width:14px;height:14px;transition:all .15s}.wiz-model-option.selected .wiz-model-radio{border-color:var(--color-primary);background:var(--color-primary);box-shadow:inset 0 0 0 2px var(--color-surface)}.wiz-model-label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500}.wiz-model-option.selected .wiz-model-label{color:var(--color-text-primary)}.wiz-model-provider{font-size:var(--text-2xs);color:var(--color-text-tertiary)}.wiz-success-header{text-align:center;padding:var(--space-8) var(--space-6) var(--space-5)}.wiz-success-icon{width:56px;height:56px;margin:0 auto var(--space-4);border-radius:var(--radius-full);background:var(--color-success-bg);border:2px solid var(--color-success-border);justify-content:center;align-items:center;font-size:24px;animation:.5s cubic-bezier(.4,0,.2,1) wiz-success-pop;display:flex}@keyframes wiz-success-pop{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.wiz-success-title{font-size:var(--text-2xl);letter-spacing:-.025em;margin-bottom:var(--space-1);font-weight:800}.wiz-success-subtitle{font-size:var(--text-base);color:var(--color-text-tertiary)}.wiz-summary-row{gap:var(--space-3);padding:0 var(--space-6) var(--space-5);flex-wrap:wrap;justify-content:center;display:flex}.wiz-summary-pill{padding:var(--space-3) var(--space-5);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;align-items:center;gap:2px;min-width:100px;display:flex}.wiz-summary-pill-label{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary);font-weight:600}.wiz-summary-pill-value{font-size:var(--text-base);color:var(--color-text-primary);font-weight:600}.wiz-key-banner{margin:0 var(--space-6) var(--space-5);padding:var(--space-4);background:var(--color-success-bg);border:1px solid var(--color-success-border);border-radius:var(--radius-lg);animation:.4s cubic-bezier(.4,0,.2,1) .15s both wiz-step-in}.wiz-key-banner-title{font-size:var(--text-base);color:var(--color-success);margin-bottom:var(--space-2);font-weight:700}.wiz-key-row{align-items:center;gap:var(--space-2);display:flex}.wiz-key-display{border:1px solid var(--color-success-border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-primary);word-break:break-all;-webkit-user-select:all;user-select:all;background:#0000004d;flex:1;padding:8px 12px}.wiz-key-hint{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:var(--space-2);line-height:1.5}.wiz-connect-section{padding:0 var(--space-6) var(--space-5)}.wiz-kbd-hint{font-size:var(--text-xs);color:var(--color-text-tertiary)}.wiz-kbd-hint kbd{background:var(--color-surface-active);border:1px solid var(--color-border);font-family:var(--font-sans);font-size:var(--text-2xs);color:var(--color-text-secondary);border-radius:3px;align-items:center;padding:1px 5px;font-weight:600;line-height:1.4;display:inline-flex}.wiz-project-grid{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.wiz-project-option{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);cursor:pointer;text-align:left;background:0 0;width:100%;transition:all .15s;display:flex}.wiz-project-option:hover{border-color:rgba(var(--color-white-rgb), .15);background:var(--color-surface-raised)}.wiz-project-option.selected{border-color:var(--color-primary);background:var(--color-primary-light)}.wiz-project-radio{border-radius:var(--radius-full);border:2px solid var(--color-border-strong);width:16px;min-width:16px;height:16px;transition:all .15s}.wiz-project-option.selected .wiz-project-radio{border-color:var(--color-primary);background:var(--color-primary);box-shadow:inset 0 0 0 3px var(--color-surface)}.wiz-project-name{font-size:var(--text-base);color:var(--color-text-secondary);font-weight:600}.wiz-project-option.selected .wiz-project-name{color:var(--color-text-primary)}.wiz-project-slug{font-size:var(--text-xs);color:var(--color-text-tertiary);font-family:var(--font-mono)}@media (max-width:600px){.wiz-stepper{gap:0}.wiz-step-label{display:none}.wiz-card-body{padding:var(--space-4)}.wiz-card-footer{padding:var(--space-3) var(--space-4)}.wiz-summary-row{padding:0 var(--space-4) var(--space-4)}.wiz-key-banner,.wiz-connect-section{margin-left:var(--space-4);margin-right:var(--space-4)}}.bento-grid{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.bento-tile{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:22px 24px;transition:border-color .25s,box-shadow .25s}.bento-tile:hover{border-color:var(--color-border-strong);box-shadow:0 4px 24px #00000040}.bento-col-1{grid-column:span 1}.bento-col-2{grid-column:span 2}.bento-col-3{grid-column:span 3}.bento-col-4{grid-column:span 4}.bento-row-2{grid-row:span 2}.bento-tile-accent{border-left:3px solid var(--color-primary)}.bento-tile-header{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);margin-bottom:16px;font-size:11px;font-weight:600}.bento-tile-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);margin-bottom:10px;font-size:11px;font-weight:600}.bento-tile-value{font-family:var(--font-mono,"JetBrains Mono", monospace);color:#fff;letter-spacing:-.02em;margin-bottom:2px;font-size:28px;font-weight:600}.bento-tile-value-sub{color:var(--color-text-secondary);font-size:16px;font-weight:400}.bento-tile-hint{margin-top:var(--space-2);font-size:12px}.bento-tile-link{color:var(--color-primary-text);margin-top:12px;font-size:13px;font-weight:500;text-decoration:none;transition:color .15s;display:inline-block}.bento-tile-link:hover{color:var(--color-primary-lighter)}.breakdown-title{color:var(--color-text);margin-bottom:16px;font-size:14px;font-weight:600}.breakdown-item{margin-bottom:14px}.breakdown-item:last-child{margin-bottom:0}.breakdown-item-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.breakdown-item-name{color:var(--color-text);align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.breakdown-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.breakdown-item-stats{font-size:12px;font-family:var(--font-mono,"JetBrains Mono", monospace);color:var(--color-text-secondary)}.breakdown-bar-track{background:var(--color-surface-interactive);border-radius:99px;height:8px;overflow:hidden}.breakdown-bar-fill{border-radius:99px;height:100%;transition:width 1.2s cubic-bezier(.22,1,.36,1)}.quota-tile{align-items:center;gap:24px;padding:18px 24px;display:flex}.quota-info{flex:1}.quota-label{color:var(--color-text-secondary);margin-bottom:8px;font-size:13px}.quota-label strong{color:var(--color-text);font-family:var(--font-mono,"JetBrains Mono", monospace);font-weight:500}.quota-bar-track{background:var(--color-surface-active);border-radius:99px;height:5px;margin-bottom:6px;overflow:hidden}.quota-bar-fill{background:linear-gradient(90deg, var(--color-primary), var(--color-primary-text));border-radius:99px;height:100%;transition:width 1s}.quota-status{color:var(--color-success);font-size:12px;font-weight:500}.quota-action a{color:var(--color-primary-text);font-size:13px;font-weight:500;text-decoration:none;transition:color .15s}.quota-action a:hover{color:var(--color-primary-lighter)}@keyframes bentoFadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.bento-grid>*{animation:.4s both bentoFadeSlideUp}.bento-grid>:first-child{animation-delay:40ms}.bento-grid>:nth-child(2){animation-delay:80ms}.bento-grid>:nth-child(3){animation-delay:.12s}.bento-grid>:nth-child(4){animation-delay:.16s}.bento-grid>:nth-child(5){animation-delay:.2s}.bento-grid>:nth-child(6){animation-delay:.24s}.bento-kpi-row{grid-column:span 4;grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.bento-tile .empty-state{padding:32px var(--space-4);max-height:220px}@media (max-width:900px){.bento-grid{grid-template-columns:1fr}.bento-col-2,.bento-col-3,.bento-col-4{grid-column:span 1}.bento-kpi-row{grid-column:span 1;grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.bento-kpi-row{grid-template-columns:1fr}}.chart-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.chart-title{color:var(--color-text);font-size:14px;font-weight:600}.chart-toggles{background:var(--color-surface-interactive);border-radius:8px;gap:2px;padding:2px;display:flex}.chart-toggle-btn{font-family:var(--font-sans,"Inter", sans-serif);color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:5px 14px;font-size:12px;font-weight:500;transition:all .15s}.chart-toggle-btn:hover{color:var(--color-text-secondary);background:var(--color-surface-interactive)}.chart-toggle-btn.active{color:var(--color-text);background:var(--color-border)}.provider-badge{color:var(--color-text-secondary);align-items:center;gap:5px;margin-right:8px;font-size:12px;display:inline-flex}.provider-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.sort-control{border-top:1px solid var(--color-border);margin-top:14px;padding-top:12px}.sort-btn{font-family:var(--font-sans,"Inter", sans-serif);color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;padding:0;font-size:11px;font-weight:500;transition:color .15s}.sort-btn:hover{color:var(--color-text-secondary)}.cost-drivers-grid{gap:var(--space-3);grid-template-columns:1fr;display:grid}@media (min-width:480px){.cost-drivers-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.hover\:border-white\/\[0\.14\]:hover{border-color:#ffffff24}.hover\:bg-ae-violet-2:hover{background-color:var(--color-primary-hover)}.hover\:bg-white\/\[0\.05\]:hover{background-color:#ffffff0d}.hover\:bg-white\/\[0\.06\]:hover{background-color:#ffffff0f}.hover\:bg-white\/\[0\.08\]:hover{background-color:#ffffff14}.hover\:bg-white\/\[0\.1\]:hover{background-color:#ffffff1a}.hover\:text-ae-text:hover{color:var(--color-text-primary)}.hover\:opacity-100:hover{opacity:1}.focus\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus\:ring-ae-violet:focus{--tw-ring-color:var(--color-primary)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus\:ring-offset-ae-surface:focus{--tw-ring-offset-color:var(--color-surface)}.focus-visible\:outline-none:focus-visible{outline-offset:2px;outline:2px solid #0000}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-ae-violet:focus-visible{--tw-ring-color:var(--color-primary)}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px}.focus-visible\:ring-offset-transparent:focus-visible{--tw-ring-offset-color:transparent}.disabled\:pointer-events-none:disabled{pointer-events:none}.group.toaster .group-\[\.toaster\]\:rounded-lg{border-radius:.5rem}.group.toaster .group-\[\.toaster\]\:\!border-ae-border-2{border-color:var(--color-border)!important}.group.toaster .group-\[\.toaster\]\:border-ae-border-2{border-color:var(--color-border)}.group.toast .group-\[\.toast\]\:bg-ae-surface-2{background-color:var(--color-surface-hover)}.group.toast .group-\[\.toast\]\:bg-ae-violet{background-color:var(--color-primary)}.group.toaster .group-\[\.toaster\]\:bg-ae-surface{background-color:var(--color-surface)}.group.toast .group-\[\.toast\]\:text-ae-text-2{color:var(--color-text-secondary)}.group.toast .group-\[\.toast\]\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.group.toaster .group-\[\.toaster\]\:text-ae-text{color:var(--color-text-primary)}.group.toaster .group-\[\.toaster\]\:shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.data-\[state\=closed\]\:duration-200[data-state=closed]{transition-duration:.2s}.data-\[state\=open\]\:duration-300[data-state=open]{transition-duration:.3s}.data-\[state\=open\]\:animate-in[data-state=open]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.data-\[state\=closed\]\:animate-out[data-state=closed]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-name:exit;animation-duration:.15s}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:-.5rem}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:.5rem}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:-.5rem}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:.5rem}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y:100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x:-100%}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x:-50%}.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y:-100%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y:-48%}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y:100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x:-100%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x:-50%}.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x:100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y:-100%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y:-48%}.data-\[state\=closed\]\:duration-200[data-state=closed]{animation-duration:.2s}.data-\[state\=open\]\:duration-300[data-state=open]{animation-duration:.3s}@media (min-width:640px){.sm\:max-w-sm{max-width:24rem}}.\[\&\>svg\]\:\!text-ae-danger>svg{color:var(--color-danger)!important}.\[\&\>svg\]\:\!text-ae-success>svg{color:var(--color-success)!important}