:root{--color-brand-50: #f0f9ff;--color-brand-100: #e0f2fe;--color-brand-500: #0ea5e9;--color-brand-600: #004b75;--color-brand-700: #003a5c;--color-neutral-0: #ffffff;--color-neutral-50: #f8fafc;--color-neutral-100: #f1f5f9;--color-neutral-200: #e2e8f0;--color-neutral-300: #cbd5e1;--color-neutral-400: #94a3b8;--color-neutral-500: #64748b;--color-neutral-600: #475569;--color-neutral-700: #334155;--color-neutral-800: #1e293b;--color-neutral-900: #0f172a;--color-success-100: #dcfce7;--color-success-600: #16a34a;--color-success-700: #15803d;--color-warning-100: #fef3c7;--color-warning-600: #d97706;--color-warning-700: #b45309;--color-error-100: #fee2e2;--color-error-600: #dc2626;--color-error-700: #b91c1c;--color-bg: var(--color-neutral-0);--color-surface: var(--color-neutral-50);--color-surface-raised: var(--color-neutral-0);--color-border: var(--color-neutral-200);--color-text: var(--color-neutral-900);--color-text-muted: var(--color-neutral-600);--color-text-inverse: var(--color-neutral-0);--color-primary: var(--color-brand-600);--color-primary-hover: var(--color-brand-700);--color-primary-active: var(--color-brand-700);--color-primary-bg: var(--color-brand-50);--color-focus-ring: var(--color-brand-500);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--motion-duration-fast: .15s;--motion-duration-base: .25s;--motion-duration-slow: .35s;--motion-easing: cubic-bezier(.4, 0, .2, 1);--max-width-xs: 20rem;--max-width-sm: 24rem;--max-width-md: 28rem;--max-width-lg: 32rem;--max-width-xl: 36rem;--max-width-2xl: 42rem;--header-height: 4rem}[data-theme=dark]{--color-bg: var(--color-neutral-900);--color-surface: var(--color-neutral-800);--color-surface-raised: var(--color-neutral-700);--color-border: var(--color-neutral-700);--color-text: var(--color-neutral-50);--color-text-muted: var(--color-neutral-400);--color-text-inverse: var(--color-neutral-900);--color-primary: var(--color-brand-500);--color-primary-hover: var(--color-brand-400);--color-primary-active: var(--color-brand-400);--color-primary-bg: rgba(14, 165, 233, .15);--color-focus-ring: var(--color-brand-400);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .5), 0 4px 6px -4px rgb(0 0 0 / .4)}@media (prefers-reduced-motion: no-preference){.motion-fade{animation:fadeIn var(--motion-duration-base) var(--motion-easing)}.motion-slide-up{animation:slideUp var(--motion-duration-base) var(--motion-easing)}.motion-scale{transition:transform var(--motion-duration-fast) var(--motion-easing)}.motion-scale:hover{transform:scale(1.02)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}*,*:before,*:after{box-sizing:border-box}html{color-scheme:light dark}html,body{margin:0;padding:0;min-height:100%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6,p{margin:0}a{color:var(--color-primary);text-decoration:underline;text-underline-offset:.15em}a:hover{color:var(--color-primary-hover)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{width:100%;max-width:var(--max-width-2xl);margin-inline:auto;padding-inline:var(--space-4)}@media (min-width: 640px){.container{padding-inline:var(--space-6)}}.page{flex:1;display:flex;flex-direction:column;padding-block:var(--space-8)}.auth-page{justify-content:center}.card{background-color:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-6)}.stack{display:flex;flex-direction:column;gap:var(--space-6)}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4)}.card-grid .card{display:flex;flex-direction:column;gap:var(--space-3)}.card-grid .card h2,.card-grid .card p{margin:0}.card-grid .card .btn{align-self:flex-start;margin-top:auto}.help-search{display:grid;gap:var(--space-2);max-width:640px;font-weight:600}.help-breadcrumbs{display:flex;gap:var(--space-2);align-items:center;color:var(--color-text-muted)}.help-breadcrumbs a{color:var(--color-primary)}.help-article{max-width:820px}.help-layout{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,820px);gap:var(--space-4);align-items:start}.help-toc h2{font-size:var(--text-base);margin-top:0}@media (max-width: 720px){.help-layout{grid-template-columns:1fr}.help-toc{position:static}}.help-context-link{margin-left:var(--space-2);font-size:var(--text-sm)}.help-center{max-width:1280px;margin:0 auto}.page-content:has(.help-center){max-width:100%}.help-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:var(--space-8);margin-top:var(--space-5)}.help-sidebar{border-right:1px solid var(--color-border);padding-right:var(--space-5)}.help-sidebar h1{margin:var(--space-2) 0 var(--space-6);font-size:var(--text-xl)}.help-sidebar nav{display:grid;gap:var(--space-1)}.help-nav-label{color:var(--color-text-muted);font-size:var(--text-sm);margin:0 0 var(--space-2)}.help-sidebar nav a{border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);color:var(--color-text)}.help-sidebar nav a:hover,.help-sidebar nav a.active{background:var(--color-surface);color:var(--color-primary)}.help-main{min-width:0}.help-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.help-heading h2{margin:0;font-size:clamp(1.6rem,3vw,2.25rem)}.help-heading p{margin-top:var(--space-2)}.help-search{position:relative;display:flex;align-items:center;max-width:none;margin-top:var(--space-6)}.help-search input{width:100%;min-height:46px;padding:var(--space-3) 64px var(--space-3) 42px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised)}.help-search-icon{position:absolute;left:14px;width:20px;height:20px;color:var(--color-text-muted)}.help-search kbd{position:absolute;right:12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2px 6px;color:var(--color-text-muted);font-size:var(--text-xs)}.help-search-note{color:var(--color-text-muted);font-size:var(--text-sm);margin:var(--space-2) 0}.help-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.help-chips button{border:1px solid var(--color-border);border-radius:999px;padding:var(--space-2) var(--space-3);background:transparent;color:var(--color-text);cursor:pointer}.help-chips button:hover{background:var(--color-surface)}.help-start{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding:var(--space-6);margin:var(--space-6) 0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface)}.help-start h3{margin:var(--space-1) 0;font-size:var(--text-xl)}.help-start p{margin:0}.help-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.help-cards .card{display:flex;flex-direction:column;min-height:160px}.help-cards .card p{flex:1}.help-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:var(--space-5);align-items:start;margin-top:var(--space-6)}.help-article{max-width:none}.help-article h3{margin-top:0;font-size:var(--text-lg)}.help-article section+section{margin-top:var(--space-6)}.help-toc{position:sticky;top:calc(var(--header-height) + var(--space-4))}.help-toc h3{margin-top:0;font-size:var(--text-base)}.help-toc ol{margin:0;padding-left:var(--space-5)}.help-toc li+li{margin-top:var(--space-2)}.help-toc a{color:var(--color-primary)}.help-whats-new{margin-top:var(--space-6)}.help-whats-new h3{margin-top:0}.help-disclaimer{margin-top:var(--space-6);padding:var(--space-3) var(--space-4);border-left:3px solid var(--color-warning-600, #b7791f);color:var(--color-text-muted);font-size:var(--text-sm)}@media (max-width: 900px){.help-shell{grid-template-columns:1fr;gap:var(--space-4)}.help-sidebar{border-right:0;border-bottom:1px solid var(--color-border);padding:0 0 var(--space-4)}.help-sidebar h1{display:none}.help-sidebar nav{display:flex;overflow-x:auto;gap:var(--space-1)}.help-sidebar nav a{white-space:nowrap}}@media (max-width: 640px){.help-heading{flex-direction:column}.help-start{flex-direction:column;align-items:flex-start}.help-cards,.help-article-layout{grid-template-columns:1fr}.help-toc{position:static;order:-1}}.app-header{height:var(--header-height);border-bottom:1px solid var(--color-border);background-color:var(--color-surface-raised);position:sticky;top:0;z-index:10}.app-header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.app-logo{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text);text-decoration:none}.app-logo:hover{color:var(--color-primary)}.app-nav{display:flex;align-items:center;gap:var(--space-4);margin-inline:auto;flex-shrink:0}.app-nav a{white-space:nowrap;display:inline-block}.text-right{text-align:right}.app-actions{display:flex;align-items:center;gap:var(--space-3)}.user-email{font-size:var(--text-sm);color:var(--color-text-muted);max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.offline-badge{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);background-color:var(--color-warning-100);color:var(--color-warning-700)}.page-content{flex:1;padding-block:var(--space-8)}.centered{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-8)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:2.5rem;padding:var(--space-2) var(--space-4);font-family:inherit;font-size:var(--text-base);font-weight:var(--font-medium);line-height:var(--leading-tight);border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--motion-duration-fast) var(--motion-easing),border-color var(--motion-duration-fast) var(--motion-easing),box-shadow var(--motion-duration-fast) var(--motion-easing)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-surface-raised);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-surface)}.btn-danger{background-color:var(--color-error-600);color:var(--color-text-inverse)}.btn-danger:hover:not(:disabled){background-color:var(--color-error-700)}.btn-ghost{background-color:transparent;color:var(--color-text)}.btn-ghost:hover:not(:disabled){background-color:var(--color-surface)}.input-group{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.input-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text)}.input{min-height:2.75rem;padding:var(--space-2) var(--space-3);font-family:inherit;font-size:var(--text-base);color:var(--color-text);background-color:var(--color-surface-raised);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md)}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-focus-ring) 28%,transparent)}.input-error{border-color:var(--color-error-600)}.input-error-text{font-size:var(--text-sm);color:var(--color-error-600)}.alert{padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid transparent}.alert-title{display:block;margin-bottom:var(--space-1)}.alert-info{background-color:var(--color-primary-bg);border-color:var(--color-brand-100);color:var(--color-brand-700)}.alert-success{background-color:var(--color-success-100);border-color:var(--color-success-600);color:var(--color-success-700)}.alert-warning{background-color:var(--color-warning-100);border-color:var(--color-warning-600);color:var(--color-warning-700)}.alert-error{background-color:var(--color-error-100);border-color:var(--color-error-600);color:var(--color-error-700)}.spinner-wrapper{display:inline-flex;align-items:center;gap:var(--space-2)}.spinner{display:inline-block;width:1.25rem;height:1.25rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .75s linear infinite}.spinner-inline{width:1rem;height:1rem}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:var(--space-12) var(--space-4)}.empty-state-title{font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.empty-state-description{color:var(--color-text-muted);margin-bottom:var(--space-4)}.auth-card{max-width:var(--max-width-sm);margin-inline:auto}.auth-title{font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-2)}.auth-subtitle{color:var(--color-text-muted);margin-bottom:var(--space-6)}.auth-footer{margin-top:var(--space-6);text-align:center;font-size:var(--text-sm);color:var(--color-text-muted)}.plans-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}.plan-card{display:flex;flex-direction:column;transition:border-color var(--motion-duration-fast) var(--motion-easing),box-shadow var(--motion-duration-fast) var(--motion-easing)}.plan-card>.btn,.plan-card>.plan-no-card{margin-top:auto}.credential-actions .btn-danger{margin-left:var(--space-4)}.plan-card:hover{border-color:var(--color-primary)}.plan-card-selected{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary)}.plan-name{font-size:var(--text-lg);font-weight:var(--font-semibold)}.plan-price{font-size:var(--text-3xl);font-weight:var(--font-bold);margin-block:var(--space-2)}.plan-price-currency{font-size:var(--text-base);font-weight:var(--font-regular);color:var(--color-text-muted)}.plan-pilot-limits{color:var(--color-text);font-size:var(--text-sm);line-height:1.65;margin:var(--space-4) 0;max-width:30rem}.plan-no-card{color:var(--color-text-muted);font-size:var(--text-xs);margin:var(--space-2) 0 0}.dashboard-grid{display:grid;gap:var(--space-6)}.credential-secret{font-family:var(--font-mono);font-size:var(--text-sm);word-break:break-all;padding:var(--space-3);background-color:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-md)}.quickstart-code{font-family:var(--font-mono);font-size:var(--text-sm);background-color:var(--color-surface);padding:var(--space-4);border-radius:var(--radius-md);overflow-x:auto;white-space:pre-wrap}.definition-list{display:grid;gap:var(--space-3)}.definition-list dt{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted)}.definition-list dd{margin:0;font-weight:var(--font-semibold)}.story-list{display:grid;gap:var(--space-3);padding-left:var(--space-5);color:var(--color-text-muted)}.story-list li::marker{color:var(--color-primary);font-weight:var(--font-bold)}.text-muted{color:var(--color-text-muted)}.dashboard-tabs{display:flex;gap:var(--space-2);flex-wrap:wrap;border-bottom:1px solid var(--color-border);padding-bottom:var(--space-2)}.dashboard-tab{display:inline-flex;align-items:center;justify-content:center;min-height:2.5rem;padding:var(--space-2) var(--space-4);font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);background-color:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:color var(--motion-duration-fast) var(--motion-easing),background-color var(--motion-duration-fast) var(--motion-easing)}.dashboard-tab:hover{color:var(--color-text);background-color:var(--color-surface)}.dashboard-tab.active{color:var(--color-text);background-color:var(--color-primary-bg);border-color:var(--color-brand-100)}.dashboard-panel{display:grid;gap:var(--space-6)}.gateway-stack{display:grid;gap:var(--space-6);min-width:0}.gateway-route{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--space-3);padding:var(--space-4);color:var(--color-text);background:linear-gradient(105deg,var(--color-primary-bg),var(--color-surface-raised));border:1px solid var(--color-border);border-radius:var(--radius-xl)}.gateway-route span{min-width:0;font-weight:var(--font-semibold);overflow-wrap:anywhere}.gateway-route small{display:block;margin-bottom:var(--space-1);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:.06em;text-transform:uppercase}.gateway-route b{color:var(--color-primary)}.gateway-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(15rem,1fr);gap:var(--space-6);align-items:stretch}.gateway-usage-card{min-height:100%}.gateway-card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4)}.gateway-card-heading h2{font-size:var(--text-xl)}.gateway-eyebrow{margin:0 0 var(--space-1);color:var(--color-primary);font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:.08em;text-transform:uppercase}.gateway-limit,.gateway-configured,.gateway-health{display:inline-flex;align-items:center;min-height:1.75rem;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:999px}.gateway-limit{color:var(--color-text-muted);background:var(--color-surface)}.gateway-configured,.gateway-health-healthy{color:var(--color-success-700);background:var(--color-success-100)}.gateway-health-unhealthy{color:var(--color-error-700);background:var(--color-error-100)}.gateway-health-pending{color:var(--color-warning-700);background:var(--color-warning-100)}.gateway-description,.gateway-hint{margin:var(--space-2) 0 var(--space-4)}.gateway-secret{margin:var(--space-4) 0}.gateway-secret-label,.gateway-secret-row,.gateway-controls{display:flex;align-items:center;gap:var(--space-2)}.gateway-secret-label{justify-content:space-between;margin-bottom:var(--space-2)}.gateway-secret-row .input{flex:1;min-width:0}.gateway-metrics{display:grid;gap:var(--space-3)}.gateway-metrics div{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--color-border);padding-bottom:var(--space-2)}.gateway-metrics dt{color:var(--color-text-muted);font-size:var(--text-sm)}.gateway-metrics dd{margin:0;font-family:var(--font-mono);font-size:var(--text-xl);font-weight:var(--font-bold)}.gateway-controls{flex-wrap:wrap;margin-bottom:var(--space-4)}.gateway-controls .input{width:auto;min-width:9rem}.gateway-tools{display:grid;gap:var(--space-2);list-style:none;margin:0;padding:0}.gateway-tools li{display:grid;grid-template-columns:minmax(12rem,.6fr) 1fr;gap:var(--space-4);padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius-md)}.gateway-tools code{color:var(--color-primary);overflow-wrap:anywhere}.gateway-tools span{color:var(--color-text-muted);font-size:var(--text-sm)}.gateway-audit-wrap{max-width:100%;overflow-x:auto}.gateway-audit-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.gateway-audit-table th,.gateway-audit-table td{padding:var(--space-3);text-align:left;border-bottom:1px solid var(--color-border)}.gateway-audit-table th{color:var(--color-text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em}.explorer-grid{display:grid;gap:var(--space-6);grid-template-columns:minmax(12rem,16rem) 1fr;align-items:start}.workspace-list{position:sticky;top:calc(var(--header-height) + var(--space-4))}.workspace-items{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-1)}.workspace-item{width:100%;text-align:left;padding:var(--space-2) var(--space-3);font-family:inherit;font-size:var(--text-base);color:var(--color-text);background-color:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--motion-duration-fast) var(--motion-easing)}.workspace-item:hover{background-color:var(--color-surface)}.workspace-item.active{background-color:var(--color-primary-bg);border-color:var(--color-brand-100);font-weight:var(--font-medium)}.search-form{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap}.search-form .input{flex:1;min-width:12rem}.memory-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-4)}.memory-item{padding:var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.memory-header{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap;margin-bottom:var(--space-2)}.memory-workspace{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary)}.memory-scope{font-size:var(--text-xs);color:var(--color-text-muted)}.memory-status{font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);background-color:var(--color-neutral-100)}.memory-status.status-verified{background-color:var(--color-success-100);color:var(--color-success-700)}.memory-status.status-unverified{background-color:var(--color-warning-100);color:var(--color-warning-700)}.memory-status.status-conflict,.memory-status.status-stale{background-color:var(--color-error-100);color:var(--color-error-700)}.memory-content{margin-bottom:var(--space-2);line-height:var(--leading-relaxed)}.memory-meta{display:flex;gap:var(--space-3);flex-wrap:wrap;font-size:var(--text-xs);color:var(--color-text-muted)}.activity-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-4);position:relative}.activity-list:before{content:"";position:absolute;left:.375rem;top:.5rem;bottom:.5rem;width:2px;background-color:var(--color-border)}.activity-item{display:flex;gap:var(--space-3);align-items:flex-start;position:relative;padding-left:var(--space-6)}.activity-dot{position:absolute;left:0;top:.25rem;width:.875rem;height:.875rem;border-radius:50%;background-color:var(--color-primary);border:2px solid var(--color-surface-raised)}.activity-body{display:grid;gap:var(--space-1)}.activity-header{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.activity-action{font-weight:var(--font-semibold)}.activity-outcome{font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);background-color:var(--color-neutral-100)}.activity-outcome.outcome-success{background-color:var(--color-success-100);color:var(--color-success-700)}.activity-outcome.outcome-error{background-color:var(--color-error-100);color:var(--color-error-700)}.usage-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}.usage-card{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center}.usage-value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-primary)}.usage-label{font-size:var(--text-sm);color:var(--color-text-muted);text-transform:lowercase}.memory-details{margin-top:var(--space-2);border-top:1px solid var(--color-neutral-200);padding-top:var(--space-2)}.memory-details summary{cursor:pointer;color:var(--color-primary);font-size:var(--text-sm)}.memory-details pre{max-height:240px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:var(--space-2)}.data-map-heading{display:flex;justify-content:space-between;gap:var(--space-3);align-items:flex-start}.data-map-toggle{display:flex;gap:var(--space-2)}.data-map-graph{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);padding:var(--space-4) 0}.data-map-node{border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);padding:var(--space-3);overflow-wrap:anywhere;background:var(--color-surface)}.data-map-node-workspace{border-color:var(--color-primary)}.data-map-node-source{border-color:var(--color-accent)}@media (max-width: 640px){.app-nav,.user-email{display:none}.explorer-grid{grid-template-columns:1fr}.workspace-list{position:static}.workspace-items{display:flex;flex-wrap:wrap}.dashboard-tabs{gap:var(--space-1)}.dashboard-tab{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.gateway-route{grid-template-columns:1fr}.gateway-route b{transform:rotate(90deg);justify-self:start}.gateway-grid{grid-template-columns:1fr}.gateway-card-heading,.gateway-secret-row{align-items:stretch;flex-direction:column}.gateway-tools li{grid-template-columns:1fr;gap:var(--space-1)}}@media (min-width: 641px) and (max-width: 900px){.plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.page:has(.mmw-app-container){max-width:100vw!important;width:100vw!important;padding:0!important;margin:0!important;overflow-x:hidden}.page:has(.mmw-app-container) .page-content{max-width:100vw!important;width:100vw!important;padding:0!important;margin:0!important}.page:has(.mmw-app-container) .app-header{display:none!important}.mmw-app-container{display:flex;min-height:100vh;width:100vw;background-color:var(--color-bg, #090a0f);color:var(--color-text, #f1f5f9);margin:0;padding:0}.mmw-sidebar{width:260px;min-width:260px;flex-shrink:0;height:100vh;position:sticky;top:0;background-color:var(--color-surface, #11131a);border-right:1px solid var(--color-border, #1e2230);display:flex;flex-direction:column;justify-content:space-between;padding:20px 16px;box-sizing:border-box}.mmw-main-content{flex:1;width:calc(100vw - 260px);padding:32px 48px;overflow-y:auto;box-sizing:border-box}.mmw-sidebar{width:260px;flex-shrink:0;background-color:var(--color-surface, #11131a);border-right:1px solid var(--color-border, #1e2230);display:flex;flex-direction:column;justify-content:space-between;padding:18px 14px}.mmw-sidebar-brand{display:flex;align-items:center;gap:10px;padding:4px 8px 16px}.mmw-logo-badge{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#0ea5e9,#6366f1);color:#fff;font-weight:700;font-size:16px}.mmw-brand-title{font-size:16px;font-weight:700;letter-spacing:.5px}.mmw-project-dropdown{margin-bottom:16px;padding:0 4px}.mmw-sidebar-section-title{display:block;font-size:11px;text-transform:uppercase;color:var(--color-text-muted, #94a3b8);font-weight:600;margin-bottom:6px;letter-spacing:.5px}.mmw-select{width:100%;padding:7px 10px;border-radius:6px;background-color:var(--color-bg, #0d0f17);border:1px solid var(--color-border, #262a3b);color:inherit;font-size:13px;cursor:pointer;outline:none}.mmw-select:focus{border-color:#0ea5e9}.mmw-nav-menu{display:flex;flex-direction:column;gap:4px}.mmw-nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:9px 12px;border-radius:8px;border:none;background:transparent;color:var(--color-text-muted, #94a3b8);font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:all .15s ease-in-out;position:relative}.mmw-nav-item:hover{background-color:#ffffff0d;color:var(--color-text, #f8fafc)}.mmw-nav-item.active{background-color:#0ea5e91f;color:#38bdf8;font-weight:600}.mmw-nav-icon{font-size:16px;line-height:1}.mmw-pulse-dot{width:6px;height:6px;border-radius:50%;background-color:#10b981;margin-left:auto;box-shadow:0 0 6px #10b981}.mmw-sidebar-footer{border-top:1px solid var(--color-border, #1e2230);padding-top:14px;display:flex;flex-direction:column;gap:10px}.mmw-user-card{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;background:#ffffff08}.mmw-user-avatar{width:32px;height:32px;border-radius:50%;background:#334155;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px}.mmw-user-info{display:flex;flex-direction:column;overflow:hidden}.mmw-user-email{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.mmw-user-plan{font-size:11px;color:#38bdf8;font-weight:600}.mmw-upgrade-btn{display:block;text-align:center;padding:8px;border-radius:6px;background:linear-gradient(135deg,#0ea5e933,#6366f133);border:1px solid rgba(14,165,233,.4);color:#38bdf8;font-size:12px;font-weight:600;text-decoration:none;transition:all .15s}.mmw-upgrade-btn:hover{background:linear-gradient(135deg,#0ea5e94d,#6366f14d)}.mmw-main-content{flex:1;padding:24px 36px;max-width:1100px;overflow-y:auto}.mmw-content-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.mmw-page-title{font-size:22px;font-weight:700;letter-spacing:-.5px}.mmw-tab-content{display:flex;flex-direction:column;gap:20px}@media (max-width: 768px){.mmw-app-container{flex-direction:column;margin:0}.mmw-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--color-border)}.mmw-main-content{padding:16px}}.claude-tier-banner{display:flex;align-items:center;gap:16px;padding:20px 24px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);margin-bottom:24px}.claude-tier-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-lg);background-color:var(--color-primary-bg);font-size:24px;flex-shrink:0}.claude-tier-info{flex:1}.claude-tier-title-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.claude-tier-badge{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text)}.claude-tier-status{display:inline-flex;align-items:center;padding:2px 8px;font-size:var(--text-xs);font-weight:var(--font-medium);background-color:var(--color-success-100);color:var(--color-success-700);border-radius:var(--radius-sm)}.claude-client-id-pill{display:inline-flex;align-items:center;padding:2px 8px;font-size:var(--text-xs);font-family:var(--font-mono);background-color:var(--color-surface-raised);border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:var(--radius-sm)}.claude-tier-desc{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.claude-card-title-row{margin-bottom:20px}.claude-card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin:0 0 4px}.claude-card-desc{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.claude-limits-stack{display:grid;gap:20px}.claude-limit-item{display:grid;gap:8px}.claude-limit-top{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm)}.claude-limit-name{font-weight:var(--font-medium);color:var(--color-text)}.claude-limit-stat{color:var(--color-text-muted);font-size:var(--text-xs)}.claude-limit-stat strong{color:var(--color-text);font-size:var(--text-sm)}.claude-progress-bar{width:100%;height:8px;background-color:var(--color-neutral-200);border-radius:var(--radius-lg);overflow:hidden}[data-theme=dark] .claude-progress-bar{background-color:var(--color-neutral-700)}.claude-progress-fill{height:100%;background-color:#0ea5e9;border-radius:var(--radius-lg);transition:width .3s ease}.claude-table-wrap{width:100%;overflow-x:auto}.claude-table{width:100%;border-collapse:collapse;text-align:left;font-size:var(--text-sm)}.claude-table th{padding:12px 16px;color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--font-medium);border-bottom:1px solid var(--color-border)}.claude-table td{padding:16px;border-bottom:1px solid var(--color-border);color:var(--color-text)}.claude-cell-date{color:var(--color-text-muted);font-size:var(--text-sm)}.claude-type-tag{font-weight:var(--font-medium)}.claude-status-paid{display:inline-flex;align-items:center;padding:2px 8px;font-size:var(--text-xs);font-weight:var(--font-medium);background-color:var(--color-success-100);color:var(--color-success-700);border-radius:var(--radius-sm)}.claude-status-pending{display:inline-flex;align-items:center;padding:2px 8px;font-size:var(--text-xs);font-weight:var(--font-medium);background-color:var(--color-warning-100);color:var(--color-warning-700);border-radius:var(--radius-sm)}.claude-cell-cost{font-weight:var(--font-semibold)}.claude-empty-table{padding:32px;text-align:center}.claude-section-header{margin-bottom:24px}.claude-section-title{font-size:24px;font-weight:600;color:var(--color-text);margin:0 0 6px;letter-spacing:-.01em}.claude-section-subtitle{font-size:14px;color:var(--color-text-muted);margin:0}.claude-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.claude-stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px 20px;display:flex;flex-direction:column;gap:6px}.claude-stat-label{font-size:13px;font-weight:500;color:var(--color-text-muted)}.claude-stat-value{font-size:28px;font-weight:600;color:var(--color-text);letter-spacing:-.02em;line-height:1.1}.claude-stat-hint{font-size:12px;color:var(--color-text-muted)}.claude-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.claude-search-box{display:flex;align-items:center;gap:8px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:6px 12px;min-width:280px;flex:1;max-width:480px}.claude-search-box input{border:none;background:transparent;color:var(--color-text);font-size:14px;width:100%;outline:none}.claude-search-box input::placeholder{color:var(--color-text-muted)}.claude-pill-badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:12px;font-weight:500;border-radius:4px;background:#0ea5e91a;color:#0ea5e9;border:1px solid rgba(14,165,233,.25)}.claude-code-id{font-family:var(--font-mono, monospace);font-size:12px;color:var(--color-text-muted);background:#ffffff0d;padding:2px 6px;border-radius:4px}.claude-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.claude-empty-icon{font-size:40px;margin-bottom:16px;opacity:.6}.claude-empty-title{font-size:16px;font-weight:600;color:var(--color-text);margin:0 0 6px}.claude-empty-desc{font-size:14px;color:var(--color-text-muted);max-width:400px;margin:0}.claude-row-expandable{cursor:pointer;transition:background .15s ease}.claude-row-expandable:hover{background:#ffffff08}.claude-detail-cell{background:#0003;padding:16px 24px!important;font-family:var(--font-mono, monospace);font-size:12px;line-height:1.5;color:var(--color-text);border-bottom:1px solid var(--color-border)}

/* ==== MMW redesign r1: cabinet theme layer (appended after the production stylesheet) ==== */
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url("/fonts/inter-cyrillic-wght-normal.woff2") format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url("/fonts/inter-latin-wght-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root,[data-theme=light]{
  --bg:#ffffff;--bg-subtle:#f7f7f8;--bg-muted:#f0f0f2;--text:#18181b;--text-2:#52525b;--text-3:#71717a;
  --border:#e4e4e7;--border-strong:#d4d4d8;--accent:#1d4ed8;--accent-subtle:#eff4ff;
  --success:#15803d;--success-subtle:#f0fdf4;--warning:#b45309;--warning-subtle:#fffbeb;--danger:#b91c1c;--danger-subtle:#fef2f2;

  --color-bg:var(--bg);--color-surface:var(--bg-subtle);--color-surface-raised:var(--bg);--color-border:var(--border);
  --color-text:var(--text);--color-text-muted:var(--text-2);--color-text-inverse:#ffffff;
  --color-primary:#18181b;--color-primary-hover:#3f3f46;--color-primary-active:#3f3f46;--color-primary-bg:var(--bg-muted);
  --color-focus-ring:var(--accent);
  --color-brand-50:var(--accent-subtle);--color-brand-100:#dbe5ff;--color-brand-500:var(--accent);--color-brand-600:#18181b;--color-brand-700:#3f3f46;
  --color-neutral-200:var(--border);--color-neutral-300:var(--border-strong);
  --color-success-100:var(--success-subtle);--color-success-600:var(--success);--color-success-700:var(--success);
  --color-warning-100:var(--warning-subtle);--color-warning-600:var(--warning);--color-warning-700:var(--warning);
  --color-error-100:var(--danger-subtle);--color-error-600:var(--danger);--color-error-700:var(--danger);
  --font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --font-mono:ui-monospace,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;
  --font-bold:600;--font-semibold:600;--font-medium:500;
  --text-base:.9375rem;--text-xl:1.125rem;--text-2xl:1.375rem;--text-3xl:1.625rem;--text-4xl:2rem;
  --radius-md:6px;--radius-lg:8px;--radius-xl:8px;--radius-2xl:8px;
  --shadow-sm:none;--shadow-md:none;--shadow-lg:0 8px 24px rgba(0,0,0,.12);
}
[data-theme=dark]{
  --bg:#111113;--bg-subtle:#18181b;--bg-muted:#222226;--text:#ececee;--text-2:#a1a1aa;--text-3:#8b8b94;
  --border:#2a2a2f;--border-strong:#3a3a40;--accent:#7aa2ff;--accent-subtle:#1a2340;
  --success:#4ade80;--success-subtle:#12261a;--warning:#fbbf24;--warning-subtle:#2a2210;--danger:#f87171;--danger-subtle:#2c1515;
  --color-primary:#ececee;--color-primary-hover:#d4d4d8;--color-primary-active:#d4d4d8;--color-text-inverse:#111113;
  --color-brand-100:#26324f;--color-brand-600:#ececee;--color-brand-700:#d4d4d8;--color-surface-raised:var(--bg-subtle);
  --shadow-sm:none;--shadow-md:none;--shadow-lg:0 8px 24px rgba(0,0,0,.5);
}

body{font-size:var(--text-base);line-height:1.55;font-feature-settings:"cv11","ss01"}
h1,h2,h3,h4{letter-spacing:-.01em}
a{color:var(--accent);text-decoration:none}
a:hover{color:var(--accent);text-decoration:underline}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.motion-slide-up,.motion-fade{animation:none}
.motion-scale:hover{transform:none}

.mmw-icon{display:inline-block;flex-shrink:0;vertical-align:-3px}
.mmw-dot{vertical-align:0;color:var(--success)}

/* Top header pages (onboarding, help, admin): wider shell, calmer nav */
.app-header{height:56px}
.app-header .container,.page-content.container{max-width:1080px}
.app-nav{margin-inline:24px auto;gap:20px}
.app-actions{gap:4px}
.app-actions .btn-ghost{min-height:32px;padding:0 10px;font-size:13px}
.user-email{font-size:13px;color:var(--text-2);margin-inline:8px}
.card h1{font-size:20px;font-weight:600;margin-bottom:6px}
.card h2{font-size:16px;font-weight:600}
.dashboard-grid>.card>label{display:block;margin:14px 0 6px;font-size:13px;font-weight:500;color:var(--text-2)}
.dashboard-grid>.card>.input{display:block;width:100%;max-width:420px}
.dashboard-grid>.card>.btn{margin-top:12px;margin-right:8px}
.definition-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}
.definition-list dt{font-size:12px;color:var(--text-3)}
.definition-list dd{margin:2px 0 0;font-size:15px;font-weight:500}
.plan-pilot-limits{font-size:13px;color:var(--text-2)}
.plan-name{font-weight:600}
.plan-price{font-weight:600;font-variant-numeric:tabular-nums}

/* Controls */
.btn{min-height:36px;padding:0 14px;font-size:14px;font-weight:500;border-radius:6px;gap:8px;transition:background-color .12s,border-color .12s,color .12s}
.btn-primary{background:var(--color-primary);color:var(--color-text-inverse)}
.btn-secondary{background:var(--bg);border-color:var(--border-strong);color:var(--text)}
.btn-secondary:hover:not(:disabled){background:var(--bg-subtle)}
.btn-ghost{color:var(--text-2)}
.btn-ghost:hover:not(:disabled){color:var(--text);background:var(--bg-muted)}
.btn-danger{background:var(--bg);color:var(--danger);border-color:var(--border-strong)}
.btn-danger:hover:not(:disabled){background:var(--danger-subtle);border-color:var(--danger)}
.btn:disabled{opacity:.5}
.btn{white-space:nowrap}
.quickstart-code+.btn{position:static!important;margin-top:8px}
.input,.mmw-select,select{min-height:36px;font-size:14px;border:1px solid var(--border-strong);border-radius:6px;background:var(--bg);color:var(--text)}
.input:focus,.mmw-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent);outline:none}
.input-label{font-size:13px;font-weight:500;color:var(--text-2)}

/* Surfaces */
.card{border-radius:8px;box-shadow:none;padding:20px 24px}
.alert{border-radius:6px;font-size:14px;padding:12px 14px}
.alert-info{background:var(--accent-subtle);border-color:color-mix(in srgb,var(--accent) 25%,transparent);color:var(--text)}
.alert-success{background:var(--success-subtle);border-color:color-mix(in srgb,var(--success) 30%,transparent);color:var(--text)}
.alert-warning{background:var(--warning-subtle);border-color:color-mix(in srgb,var(--warning) 30%,transparent);color:var(--text)}
.alert-error{background:var(--danger-subtle);border-color:color-mix(in srgb,var(--danger) 30%,transparent);color:var(--text)}
.alert-title{font-weight:600}
.credential-secret{font-family:var(--font-mono);font-size:13px;word-break:break-all;background:var(--bg-subtle);border:1px solid var(--border);border-radius:6px;padding:10px 12px}
.credential-secret strong{font-weight:500}
.quickstart-code,pre{font-family:var(--font-mono);font-size:13px;line-height:1.6;background:var(--bg-subtle);border:1px solid var(--border);border-radius:6px}

/* Auth pages */
.auth-page{background:var(--bg-subtle)}
.auth-card{max-width:400px;padding:32px}
.auth-title{font-size:22px;font-weight:600}
.auth-subtitle{font-size:14px}

/* Top header (onboarding/help) */
.app-header{background:var(--bg)}
.app-logo{font-size:16px;font-weight:600;letter-spacing:0}
.app-nav a{color:var(--text-2);font-size:14px}
.app-nav a:hover{color:var(--text);text-decoration:none}

/* Sidebar shell */
.mmw-app-container{background:var(--bg)}
.mmw-sidebar{width:240px;min-width:240px;background:var(--bg-subtle);border-right:1px solid var(--border);padding:16px 12px}
.mmw-sidebar-brand{padding:4px 8px 16px}
.mmw-logo-badge{width:24px;height:24px;border-radius:5px;background:var(--text);color:var(--bg);font-weight:600;font-size:13px}
.mmw-brand-title{font-size:15px;font-weight:600;letter-spacing:0}
.mmw-sidebar-section-title{font-size:12px;text-transform:none;letter-spacing:0;font-weight:500;color:var(--text-3)}
.mmw-select{background:var(--bg);font-size:13px}
.mmw-select:focus{border-color:var(--accent)}
.mmw-nav-item{gap:10px;padding:7px 10px;border-radius:6px;font-size:14px;font-weight:450;color:var(--text-2);transition:background-color .12s,color .12s}
.mmw-nav-item:hover{background:var(--bg-muted);color:var(--text)}
.mmw-nav-item.active{background:var(--bg);color:var(--text);font-weight:500;box-shadow:inset 0 0 0 1px var(--border)}
.mmw-nav-icon{display:inline-flex;color:var(--text-3)}
.mmw-nav-item.active .mmw-nav-icon{color:var(--text)}
.mmw-pulse-dot{width:6px;height:6px;background:var(--success);box-shadow:none}
.mmw-sidebar-footer{border-top:1px solid var(--border);gap:8px}
.mmw-user-card{background:transparent;padding:6px 8px}
.mmw-user-avatar{width:28px;height:28px;background:var(--bg-muted);color:var(--text-2);font-weight:500;font-size:12px;border:1px solid var(--border)}
.mmw-user-email{font-size:13px;color:var(--text)}
.mmw-user-plan{font-size:12px;color:var(--text-3);font-weight:500}
.mmw-upgrade-btn{background:var(--bg);border:1px solid var(--border-strong);color:var(--text);font-size:13px;font-weight:500;padding:7px;border-radius:6px}
.mmw-upgrade-btn:hover{background:var(--bg-muted);color:var(--text);text-decoration:none}
.mmw-logout-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;background:transparent!important;color:var(--text-2)!important;border:1px solid transparent!important;font-size:13px!important}
.mmw-logout-btn:hover{color:var(--text)!important;background:var(--bg-muted)!important}
.mmw-main-content{padding:28px 40px;max-width:1120px}
.mmw-content-header{margin-bottom:20px;min-height:28px}
.mmw-page-title{font-size:20px;font-weight:600;letter-spacing:-.01em}
.mmw-page-title:empty{display:none}
.mmw-content-header:has(.mmw-page-title:empty){justify-content:flex-end}
.mmw-tab-content{gap:16px}

/* Content blocks */
.claude-section-header{margin-bottom:4px}
.claude-section-title{font-size:20px;font-weight:600}
.claude-section-subtitle{font-size:14px;color:var(--text-2)}
.claude-tier-banner{background:var(--bg);border-radius:8px;padding:16px 20px;margin-bottom:0}
.claude-tier-icon{width:40px;height:40px;border-radius:6px;background:var(--bg-subtle);border:1px solid var(--border);color:var(--text-2)}
.claude-tier-badge{font-size:16px;font-weight:600}
.claude-tier-status{background:var(--success-subtle);color:var(--success)}
.claude-card-title{font-size:16px;font-weight:600}
.claude-card-desc{font-size:13px}
.claude-stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:0}
.claude-stat-card{background:var(--bg);border-radius:8px;padding:14px 16px}
.claude-stat-label{font-size:13px;color:var(--text-2)}
.claude-stat-value{font-size:24px;font-weight:600;font-variant-numeric:tabular-nums}
.claude-stat-hint{font-size:12px;color:var(--text-3)}
.claude-progress-bar{height:6px;background:var(--bg-muted);border-radius:3px}
.claude-progress-fill{background:var(--text);border-radius:3px}
.claude-table th{font-size:12px;font-weight:500;color:var(--text-3);padding:10px 12px;background:var(--bg-subtle)}
.claude-table td{padding:12px;font-size:14px;vertical-align:top}
.claude-table tr:last-child td{border-bottom:none}
.claude-row-expandable:hover{background:var(--bg-subtle)}
.claude-detail-cell{background:var(--bg-subtle)}
.claude-card-table{padding:0;overflow:hidden}
.claude-pill-badge{background:var(--bg-subtle);color:var(--text-2);border:1px solid var(--border);font-weight:500}
.claude-code-id{background:var(--bg-subtle);color:var(--text-2)}
.claude-status-paid,.claude-status-pending,.claude-tier-status,.claude-client-id-pill{border-radius:4px;font-weight:500}
.claude-search-box{background:var(--bg);border-color:var(--border-strong);border-radius:6px;padding:0 10px;min-height:36px}
.claude-search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}
.claude-search-icon{display:inline-flex;color:var(--text-3)}
.claude-empty-state{background:var(--bg);border:none;padding:48px 24px}
.claude-empty-icon{color:var(--text-3);opacity:1;margin-bottom:12px}
.claude-empty-title{font-size:15px}
.dashboard-tab.active{background:var(--bg-muted);border-color:var(--border)}
.gateway-route{background:var(--bg-subtle)}
.plan-card-selected{border-color:var(--text);box-shadow:0 0 0 1px var(--text)}

@media (max-width: 768px){
  .mmw-app-container{flex-direction:column;width:100%}
  .mmw-sidebar{width:100%;min-width:0;height:auto;position:static;border-right:none;border-bottom:1px solid var(--border)}
  .mmw-nav-menu{flex-direction:row;overflow-x:auto;gap:4px}
  .mmw-nav-item{width:auto;white-space:nowrap}
  .mmw-main-content{width:100%;padding:16px}
  .mmw-sidebar{padding:12px}
  .mmw-sidebar-brand{padding:0 4px 10px}
  .mmw-sidebar-footer{flex-direction:row;align-items:center;flex-wrap:wrap;padding-top:10px;margin-top:10px}
  .mmw-user-card{flex:1 1 100%;padding:0 4px}
  .mmw-upgrade-btn{flex:1}
  .mmw-logout-btn{flex:0 0 auto;padding:0 10px!important;min-height:34px}
  .claude-search-box{min-width:0;max-width:none;flex:1 1 100%}
  .claude-toolbar{gap:8px}
  .claude-card-table,.claude-table-wrap{overflow-x:auto}
  .claude-table{min-width:640px}
  .claude-tier-banner{flex-wrap:wrap}
  .claude-stats-grid{grid-template-columns:1fr 1fr}
}