:root{--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-8: 2rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-full: 999px;--bg: #f5f6f1;--bg-strong: #ebeee7;--bg-panel: rgba(255, 255, 255, .96);--surface: rgba(255, 255, 255, .98);--surface-strong: #ffffff;--surface-tint: rgba(205, 227, 204, .28);--ink: #142118;--muted: #49614f;--muted-soft: #7d8c7c;--line: rgba(18, 33, 22, .08);--line-strong: rgba(18, 33, 22, .14);--accent: #3d9958;--accent-strong: #1f6a3a;--accent-soft: rgba(61, 153, 88, .08);--accent-secondary: #5860a5;--success: #2f8a49;--warning: #9f6e15;--danger: #b65244;--shadow: 0 10px 28px rgba(37, 64, 44, .035);--focus-ring: 0 0 0 2px rgba(61, 153, 88, .4);--content-width: min(1600px, calc(100vw - 2.5rem) );color-scheme:light dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0f1612;--bg-strong: #1a2420;--bg-panel: rgba(26, 36, 32, .96);--surface: rgba(30, 42, 36, .98);--surface-strong: #1e2a24;--surface-tint: rgba(61, 153, 88, .06);--ink: #e4ebe6;--muted: #9aab9e;--muted-soft: #6e7f72;--line: rgba(228, 235, 230, .08);--line-strong: rgba(228, 235, 230, .14);--accent: #4fb96e;--accent-strong: #6dd08a;--accent-soft: rgba(79, 185, 110, .1);--accent-secondary: #8b8fd4;--success: #4fb96e;--warning: #d4a332;--danger: #e06b5a;--shadow: 0 10px 28px rgba(0, 0, 0, .25)}}:root[data-theme=dark]{--bg: #0f1612;--bg-strong: #1a2420;--bg-panel: rgba(26, 36, 32, .96);--surface: rgba(30, 42, 36, .98);--surface-strong: #1e2a24;--surface-tint: rgba(61, 153, 88, .06);--ink: #e4ebe6;--muted: #9aab9e;--muted-soft: #6e7f72;--line: rgba(228, 235, 230, .08);--line-strong: rgba(228, 235, 230, .14);--accent: #4fb96e;--accent-strong: #6dd08a;--accent-soft: rgba(79, 185, 110, .1);--accent-secondary: #8b8fd4;--success: #4fb96e;--warning: #d4a332;--danger: #e06b5a;--shadow: 0 10px 28px rgba(0, 0, 0, .25)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at top left,rgba(112,205,126,.08),transparent 20%),linear-gradient(180deg,var(--bg) 0%,var(--bg-strong) 100%);color:var(--ink);font-family:IBM Plex Sans,Avenir Next,Segoe UI,sans-serif;font-size:var(--text-base);line-height:1.5}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}code,pre,.eyebrow,.sidebar-group__title,.status-badge,.sidebar-link__glyph{font-family:IBM Plex Mono,SFMono-Regular,monospace}#root{min-height:100vh}:focus-visible{outline:none;box-shadow:var(--focus-ring)}.skip-link{position:absolute;left:-9999px;top:var(--sp-2);z-index:100;padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-md);background:var(--accent);color:#fff;font-weight:600}.skip-link:focus{left:var(--sp-4)}.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}.dashboard-shell{width:var(--content-width);height:100vh;margin:0 auto;padding:var(--sp-3) 0 0;display:flex;flex-direction:column;overflow:hidden}.dashboard-page{display:grid;grid-template-columns:208px minmax(0,1fr);gap:var(--sp-3);flex:1;min-height:0;padding-top:var(--sp-3);transition:grid-template-columns .18s ease}.dashboard-shell.nav-collapsed .dashboard-page{grid-template-columns:60px minmax(0,1fr)}.sidebar,.topbar,.workspace-main{border:1px solid var(--line);background:var(--surface-strong);box-shadow:var(--shadow)}.topbar{z-index:3;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);min-height:4rem;padding:.62rem .95rem;border-radius:14px;background:var(--bg-panel)}.topbar-leading{display:flex;align-items:center;gap:.85rem;min-width:0;flex:1}.topbar-brand{display:flex;align-items:center;gap:0;min-width:0;flex:1}.rail-toggle{width:2.15rem;height:2.15rem;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--line);border-radius:10px;background:linear-gradient(180deg,var(--surface-strong),var(--surface));color:var(--muted-soft);transition:background .15s ease,border-color .15s ease,opacity .15s ease,color .15s ease,transform .18s ease}.rail-toggle__svg{display:block;width:1.05rem;height:1.05rem}.brand-lockup{display:flex;align-items:center;gap:.7rem;min-height:2.35rem;padding-right:1.15rem;border-right:1px solid rgba(18,33,22,.09);flex-shrink:0}.brand-lockup__mark{display:grid;place-items:center;width:1.95rem;height:1.95rem;background:transparent;color:var(--accent)}.brand-lockup__logo{display:block;width:1.4rem;height:1.4rem;object-fit:contain}.brand-copy{display:flex;flex-direction:column;gap:0;min-width:0}.brand-copy__name{margin:0;line-height:1;font-size:1.08rem;font-weight:700;letter-spacing:-.045em}.brand-copy h1,.hero-panel h3,.setup-panel h3,.section-header h3{margin:0;font-family:Space Grotesk,IBM Plex Sans,sans-serif;letter-spacing:-.03em}.eyebrow,.sidebar-group__title,.status-badge,.sidebar-link__glyph{margin:0;font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase}.eyebrow,.sidebar-group__title{color:var(--muted-soft)}.command-bar{flex:1;min-width:0;display:flex;align-items:center;gap:.5rem;max-width:45rem;padding:0 .9rem 0 .8rem;border:1px solid var(--line-strong);border-radius:12px;background:linear-gradient(180deg,var(--surface-strong),var(--surface))}.command-bar--disabled{cursor:not-allowed}.command-bar input{width:100%;min-height:2.45rem;padding:0;border:0;border-radius:0;background:transparent;color:var(--ink);font-size:var(--text-sm);outline:none}.command-bar--disabled input{color:var(--muted-soft);cursor:not-allowed}.command-bar__icon{display:inline-grid;place-items:center;flex-shrink:0;color:var(--muted-soft)}.command-bar__shortcut{flex-shrink:0;color:var(--muted-soft);font-size:var(--text-xs);letter-spacing:.03em;white-space:nowrap}.command-bar input::placeholder{color:var(--muted-soft);opacity:1}.command-bar--disabled *,.command-bar--disabled{cursor:not-allowed}.topbar-menu{z-index:30;min-width:12rem;padding:var(--sp-1);border:1px solid var(--line);border-radius:14px;background:var(--surface-strong);box-shadow:0 16px 36px #0c110e29;animation:fade-in .14s ease}.topbar-menu--user{min-width:14rem}.topbar-menu__label{padding:var(--sp-2) var(--sp-3) var(--sp-1);color:var(--muted-soft);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em}.topbar-menu__separator{height:1px;margin:var(--sp-1) var(--sp-2);background:var(--line)}.topbar-menu__item{display:flex;align-items:center;justify-content:space-between;min-height:2.1rem;padding:var(--sp-2) var(--sp-3);border-radius:10px;color:var(--ink);font-size:var(--text-sm);outline:none;-webkit-user-select:none;user-select:none}.topbar-menu__item[data-highlighted]{background:var(--accent-soft);color:var(--accent-strong)}.topbar-menu__item--danger{color:var(--danger)}.topbar-menu__item--danger[data-highlighted]{background:#b6524414;color:var(--danger)}.topbar-menu__meta{color:var(--muted-soft);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase}.topbar-actions{display:flex;align-items:center;gap:.35rem;flex-shrink:0;margin-left:2rem;padding-left:1.15rem}.avatar-button{display:inline-flex;align-items:center;justify-content:center;width:2.15rem;height:2.15rem;padding:0;border:0;border-radius:50%;background:transparent}.avatar-badge{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;border:1px solid rgba(88,96,165,.14);border-radius:50%;background:linear-gradient(180deg,#5961a6,#51599f);vertical-align:middle;box-shadow:inset 0 1px #ffffff14}.avatar-badge__image{width:100%;height:100%;object-fit:cover;border-radius:inherit}.avatar-badge__fallback{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;color:#fff;font-size:.82rem;font-weight:700;line-height:1}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.15rem;height:2.15rem;padding:0;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--muted-soft);box-shadow:none;line-height:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:color .15s ease,background .15s ease,border-color .15s ease,transform .18s ease}.theme-toggle svg{display:block;width:1rem;height:1rem}.theme-toggle:hover{color:var(--muted);border-color:var(--line-strong);background:var(--surface-strong);transform:translateY(-1px)}.theme-toggle[aria-expanded=true]{color:var(--ink);border-color:var(--line-strong);background:var(--surface-strong)}.theme-menu{z-index:30;min-width:10rem;padding:var(--sp-1);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-strong);box-shadow:0 16px 36px #0c110e29;animation:fade-in .14s ease}.theme-menu__label{padding:var(--sp-2) var(--sp-3) var(--sp-1);color:var(--muted-soft);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em}.theme-segmented{display:flex;gap:var(--sp-1);padding:var(--sp-1);margin:0 var(--sp-1) var(--sp-1);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}.theme-segmented__item{flex:1;display:flex;align-items:center;justify-content:center;height:2rem;border-radius:var(--radius-sm);color:var(--muted);cursor:pointer;outline:none;-webkit-user-select:none;user-select:none;transition:background .12s ease,color .12s ease}.theme-segmented__item:hover,.theme-segmented__item[data-highlighted],.theme-segmented__item[data-state=checked]{background:var(--accent-soft);color:var(--accent-strong)}.theme-segmented__item{border:0;background:transparent}.sidebar{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-3);border-radius:16px;transition:width .18s ease;overflow-y:auto;overflow-x:hidden}.mobile-backdrop{display:none}.sidebar-group{display:flex;flex-direction:column;gap:var(--sp-2)}.sidebar-group nav{display:flex;flex-direction:column;gap:var(--sp-1)}.sidebar-link{display:flex;align-items:center;gap:var(--sp-3);min-height:2.2rem;padding:var(--sp-2) var(--sp-2);border-radius:8px;color:var(--muted);transition:background .18s ease,color .18s ease,transform .18s ease}.sidebar-link:hover,.sidebar-link:focus-visible,.sidebar-link.is-active{background:var(--accent-soft);color:var(--ink);transform:translate(1px)}.sidebar-link__glyph{display:inline-grid;place-items:center;width:1.65rem;min-width:1.65rem;height:1.65rem;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent-strong);font-size:0}.sidebar-link__glyph svg{width:16px;height:16px}.sidebar-link__label{font-size:var(--text-sm)}.sidebar-tooltip{z-index:40;padding:.45rem .6rem;border:1px solid var(--line);border-radius:10px;background:var(--surface-strong);box-shadow:0 12px 30px #0c110e29;color:var(--ink);font-size:var(--text-xs);line-height:1}.sidebar-tooltip__arrow{fill:var(--surface-strong)}.sidebar-note{margin-top:auto;padding:var(--sp-3) 0 0;border-top:1px solid var(--line)}.sidebar-note__title,.page-heading p,.hero-panel__header p,.setup-panel__header p,.resource-row p,.composer-panel p,.provider-row p,.billing-strip p,.stat-card p,.lane-card p,.stack-item p,.usage-row p{margin:0;color:var(--muted)}.dashboard-shell.nav-collapsed .sidebar .brand-copy,.dashboard-shell.nav-collapsed .sidebar-group__title,.dashboard-shell.nav-collapsed .sidebar-link__label,.dashboard-shell.nav-collapsed .sidebar-note{display:none}.dashboard-shell.nav-collapsed .sidebar-group nav{align-items:center;gap:var(--sp-2)}.dashboard-shell.nav-collapsed .sidebar-group+.sidebar-group{margin-top:var(--sp-2);padding-top:var(--sp-2);border-top:1px solid var(--line)}.dashboard-shell.nav-collapsed .sidebar-link{justify-content:center;gap:0;width:2.3rem;min-width:2.3rem;min-height:2.3rem;padding:0;border-radius:12px;background:transparent;color:var(--muted-soft)}.dashboard-shell.nav-collapsed .sidebar-link:hover,.dashboard-shell.nav-collapsed .sidebar-link:focus-visible,.dashboard-shell.nav-collapsed .sidebar-link.is-active{background:var(--accent-soft);transform:none;color:var(--ink)}.dashboard-shell.nav-collapsed .sidebar-link:hover .sidebar-link__glyph,.dashboard-shell.nav-collapsed .sidebar-link:focus-visible .sidebar-link__glyph,.dashboard-shell.nav-collapsed .sidebar-link.is-active .sidebar-link__glyph{color:var(--accent-strong)}.dashboard-shell.nav-collapsed .sidebar-link__glyph{background:transparent;width:1.2rem;min-width:1.2rem;height:1.2rem;color:currentColor}.dashboard-shell.nav-collapsed .sidebar-link__glyph svg{width:15px;height:15px}.dashboard-shell.nav-collapsed .sidebar{gap:var(--sp-2);padding:var(--sp-2) var(--sp-1);align-items:center}.workspace{display:flex;flex-direction:column;gap:var(--sp-3);min-height:0;overflow-y:auto;padding-bottom:var(--sp-4)}.workspace-main{display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-4);border-radius:16px}.breadcrumb{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-xs);color:var(--muted-soft)}.breadcrumb__sep{color:var(--line-strong)}.breadcrumb [aria-current]{color:var(--ink)}.page-heading{display:flex;flex-direction:column;gap:var(--sp-1);padding:0 0 var(--sp-3);border-bottom:1px solid var(--line)}.page-heading__row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3)}.page-heading h2{margin:0;max-width:20ch;font-family:IBM Plex Sans,sans-serif;font-size:var(--text-md);line-height:1.1;letter-spacing:-.02em}.page-heading .eyebrow{font-size:.6875rem}.page-heading p:last-child{margin:0;max-width:44rem;font-size:var(--text-sm);line-height:1.35;color:var(--muted)}.page-heading--home h2{font-size:var(--text-lg)}.activity-toolbar{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.activity-toolbar--heading{justify-content:flex-end;margin-top:var(--sp-1)}.activity-chip{display:inline-flex;align-items:center;min-height:2.2rem;padding:0 var(--sp-3);border:1px solid var(--line);border-radius:var(--radius-full);background:var(--surface);color:var(--muted);font-size:var(--text-sm);line-height:1}.activity-chip--selected{border-color:var(--line-strong);color:var(--ink);box-shadow:var(--shadow)}.activity-chip--icon{width:2.2rem;justify-content:center;padding:0}.activity-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-4);margin-top:var(--sp-1)}.activity-card{display:flex;flex-direction:column;min-height:24rem;padding:var(--sp-4);border:1px solid var(--line);border-radius:20px;background:var(--surface-strong);box-shadow:var(--shadow)}.activity-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3)}.activity-card__header p{margin:0;color:var(--muted);font-size:var(--text-lg);font-weight:600}.activity-card__header strong{display:block;margin-top:var(--sp-1);color:var(--ink);font-size:clamp(2rem,4vw,3.4rem);line-height:1;letter-spacing:-.05em}.activity-card__expand{color:var(--muted-soft);font-size:var(--text-lg)}.activity-card__spark{display:flex;align-items:end;gap:var(--sp-2);flex:1;min-height:12rem;margin-top:var(--sp-4)}.activity-card__spark span{flex:1;min-height:.5rem;border-radius:999px;background:linear-gradient(180deg,#4884ff29,#3f88ff)}.activity-card__footer{display:grid;grid-template-columns:auto 1fr auto;gap:var(--sp-2);align-items:center;padding-top:var(--sp-4);border-top:1px solid var(--line);color:var(--muted);font-size:var(--text-sm)}.activity-card__footer strong{justify-self:end;color:var(--ink);font-weight:600}.activity-card__dot{width:.65rem;height:.65rem;border-radius:var(--radius-full);background:#3f88ff}.ghost-button,.solid-button,.utility-button{border:1px solid transparent;min-height:2.15rem;padding:var(--sp-2) var(--sp-3);border-radius:8px;font-size:var(--text-sm);font-weight:600;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease,color .18s ease}.ghost-button{border-color:var(--line);background:var(--surface);color:var(--ink)}.solid-button{background:var(--accent);color:#fff;box-shadow:0 10px 24px #1f6a3a2e}.solid-button--danger{background:var(--danger);color:#fff;box-shadow:0 10px 24px #b652442e}.solid-button:disabled,.ghost-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.ghost-button:hover:not(:disabled),.solid-button:hover:not(:disabled),.utility-button:hover,.rail-toggle:hover{transform:translateY(-1px)}.rail-toggle:hover{color:var(--muted)}.ghost-button:hover:not(:disabled){border-color:#3d995833;background:var(--accent-soft);color:var(--accent-strong)}.solid-button:hover:not(:disabled){background:var(--accent-strong)}.row-action{padding:var(--sp-1) var(--sp-2);border:1px solid var(--line);border-radius:var(--radius-sm);background:transparent;color:var(--muted);font-size:var(--text-xs);opacity:0;transition:opacity .18s ease}.row-action--solid{opacity:1;font-weight:600}.row-action--danger{color:var(--danger)}tbody tr:hover .row-action,tbody tr:focus-within .row-action{opacity:1}@media(hover:none){.row-action{opacity:1}}.view-grid{display:grid;gap:var(--sp-4)}.view-grid{grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr)}.view-grid--keys{grid-template-columns:minmax(0,1.45fr) minmax(260px,.65fr)}.section-header>.solid-button{align-self:flex-end}.keys-layout{display:flex;flex-direction:column}.section-header--keys{width:100%;justify-content:space-between;align-items:center}.section-header--keys>.solid-button{margin-left:auto}.keys-table-meta__count{color:var(--muted-soft);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase}.surface-panel{padding:0;border:0;background:transparent;box-shadow:none;border-radius:0}.section-header{display:flex;justify-content:space-between;gap:var(--sp-3);align-items:flex-start}.section-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap}.section-header--activity{padding-bottom:var(--sp-4);border-bottom:1px solid var(--line)}.section-header h3{margin:0}.activity-note{margin:0;color:var(--muted-soft);font-size:var(--text-sm)}.settings-grid{grid-template-columns:minmax(0,1fr);max-width:42rem}.settings-panel{display:flex;flex-direction:column;gap:var(--sp-4);min-width:0}.settings-form{display:grid;gap:var(--sp-4);grid-template-columns:1fr}.settings-panel .theme-segmented{max-width:18rem;margin:0}.settings-readonly-value{min-height:2.75rem;margin:0;padding:0 var(--sp-3);display:flex;align-items:center;color:var(--muted);font-size:var(--text-sm)}.settings-field-hint{margin:0;color:var(--muted-soft);font-size:var(--text-xs)}.settings-confirm{display:inline-flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.settings-confirm__prompt{color:var(--muted);font-size:var(--text-sm)}.settings-badge{display:inline-flex;align-items:center;height:1.75rem;padding:0 var(--sp-3);border:1px solid var(--accent-soft);border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-size:var(--text-xs);font-weight:600;letter-spacing:.02em;text-transform:uppercase}.settings-list__item-lead{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);width:100%;flex-wrap:wrap}.settings-connect-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border:1px dashed var(--line);border-radius:var(--radius-lg);background:transparent;flex-wrap:wrap}.settings-connect-actions{display:flex;gap:var(--sp-2);flex-wrap:wrap}.settings-field{display:flex;flex-direction:column;gap:var(--sp-2)}.settings-field span{color:var(--muted-soft);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase}.settings-input{min-height:2.75rem;min-width:0;padding:0 var(--sp-3);border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface-strong);color:var(--ink)}.settings-input:disabled{color:var(--muted-soft);background:var(--surface)}.settings-input--readonly{border-color:var(--line);background:var(--surface);color:var(--muted);cursor:default;-webkit-user-select:all;user-select:all}.settings-input--readonly:focus{outline:none}.settings-actions{display:flex;align-items:flex-end}.settings-subsection{display:flex;flex-direction:column;gap:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--line)}.settings-list{display:grid;gap:var(--sp-3)}.settings-list__item{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(180deg,#ffffffe6,#fffffffa),var(--surface);box-shadow:var(--shadow)}:root[data-theme=dark] .settings-list__item{background:linear-gradient(180deg,#1e2a24e6,#1e2a24fa),var(--surface)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .settings-list__item{background:linear-gradient(180deg,#1e2a24e6,#1e2a24fa),var(--surface)}}.settings-list__item--stacked{align-items:flex-start;flex-direction:column}.settings-session-meta,.settings-notice{margin:0;color:var(--muted);font-size:var(--text-sm)}.settings-provider-icon{width:2.25rem;height:2.25rem;flex-shrink:0}.settings-account-info{display:flex;align-items:center;gap:var(--sp-3)}.settings-sessions-table{border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:linear-gradient(180deg,#ffffffe6,#fffffffa),var(--surface);box-shadow:var(--shadow)}:root[data-theme=dark] .settings-sessions-table{background:linear-gradient(180deg,#1e2a24e6,#1e2a24fa),var(--surface)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .settings-sessions-table{background:linear-gradient(180deg,#1e2a24e6,#1e2a24fa),var(--surface)}}.settings-sessions-header,.settings-sessions-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr) 2rem;gap:var(--sp-2);align-items:center}.settings-sessions-header{padding:var(--sp-2) var(--sp-4);border-bottom:1px solid var(--line);color:var(--muted-soft);font-size:var(--text-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.settings-sessions-row{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--line);color:var(--muted);font-size:var(--text-sm)}.settings-sessions-confirm-row{display:flex;justify-content:flex-end;padding:0 var(--sp-4) var(--sp-3);border-bottom:1px solid var(--line)}.settings-sessions-confirm-row:last-child{border-bottom:none}.settings-sessions-cell{min-width:0}.settings-sessions-row:last-child{border-bottom:none}.settings-sessions-cell--device{display:flex;align-items:center;gap:var(--sp-2);color:var(--ink);font-weight:500}.settings-sessions-cell--actions{display:flex;justify-content:flex-end;min-width:2rem}.settings-sessions-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.settings-sessions-meta>span,.settings-sessions-cell time{overflow-wrap:anywhere}.settings-sessions-meta__detail{color:var(--muted-soft);font-size:var(--text-xs);line-height:1.35}.settings-connect-btn{display:inline-flex;align-items:center;gap:var(--sp-2)}.settings-connect-icon{width:1.125rem;height:1.125rem;flex-shrink:0}.usage-overview,.usage-insights{display:grid;gap:var(--sp-3)}.usage-overview{grid-template-columns:repeat(3,minmax(0,1fr))}.usage-card,.insight-panel{border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#ffffffe6,#fffffffa),var(--surface);box-shadow:var(--shadow)}:root[data-theme=dark] .usage-card,:root[data-theme=dark] .insight-panel{background:linear-gradient(180deg,#1e2a24e6,#1e2a24fa),var(--surface)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .usage-card,:root:not([data-theme=light]) .insight-panel{background:linear-gradient(180deg,#1e2a24e6,#1e2a24fa),var(--surface)}}@media(max-width:900px){.settings-input{min-width:0}.settings-list__item{align-items:flex-start;flex-direction:column}.settings-account-info{min-width:0;overflow:hidden}.settings-account-info>div{min-width:0}.settings-account-info strong{overflow-wrap:anywhere}.settings-connect-row{flex-direction:column;align-items:flex-start}.settings-sessions-header{display:none}.settings-sessions-row{grid-template-columns:1fr 1fr;gap:var(--sp-2)}.settings-sessions-confirm-row{justify-content:flex-start}.settings-sessions-cell--device{grid-column:1 / -1}.settings-sessions-cell--actions{grid-column:1 / -1;justify-content:flex-start}.settings-sessions-cell:not(.settings-sessions-cell--device):not(.settings-sessions-cell--actions):before{content:attr(data-label);display:block;margin-bottom:2px;color:var(--muted-soft);font-size:var(--text-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase}}.usage-card{display:flex;flex-direction:column;min-height:20rem;padding:var(--sp-4)}.usage-card--accent{border-color:#3d995838;background:linear-gradient(180deg,#dcf4e1d9,#fffffffa),var(--surface)}:root[data-theme=dark] .usage-card--accent{background:linear-gradient(180deg,#274a31e6,#1e2a24fa),var(--surface)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .usage-card--accent{background:linear-gradient(180deg,#274a31e6,#1e2a24fa),var(--surface)}}.usage-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3);padding-bottom:var(--sp-4);border-bottom:1px solid var(--line)}.usage-card__header--stacked{flex-direction:column;align-items:stretch}.usage-card__header p,.usage-card__header strong,.insight-panel p,.insight-panel strong{margin:0}.usage-card__eyebrow,.insight-panel__label{display:block;color:var(--muted-soft);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em}.usage-card__header strong,.insight-panel strong{display:block;margin-top:var(--sp-2);font-size:clamp(1.5rem,3vw,2.4rem);line-height:1;letter-spacing:-.05em}.usage-card__header p,.insight-panel p{color:var(--muted);font-size:var(--text-sm)}.usage-card__body{flex:1;padding-top:var(--sp-4)}.usage-toggle{display:inline-flex;align-self:flex-start;padding:.2rem;border:1px solid var(--line);border-radius:var(--radius-full);background:var(--surface)}.usage-toggle__button{min-height:2rem;padding:0 var(--sp-3);border:0;border-radius:var(--radius-full);background:transparent;color:var(--muted);font-size:var(--text-sm);font-weight:600}.usage-toggle__button.is-active{background:var(--ink);color:var(--surface-strong)}.rank-list{display:flex;flex-direction:column;gap:var(--sp-3)}.rank-row{padding:var(--sp-3);border:1px solid var(--line);border-radius:14px;background:var(--surface)}.rank-row__header,.rank-row__meta{display:flex;justify-content:space-between;gap:var(--sp-3)}.rank-row__header{align-items:center}.rank-row__header strong{min-width:0;overflow-wrap:anywhere}.rank-row__header span,.rank-row__meta span{color:var(--muted-soft);font-size:var(--text-xs)}.rank-row__meta{margin-top:var(--sp-1)}.rank-row__track{margin-top:var(--sp-3);height:.4rem;border-radius:var(--radius-full);background:#3d995814;overflow:hidden}.rank-row__track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-strong))}.rank-row__track--token{background:#5860a51a}.rank-row__track--token span{background:linear-gradient(90deg,var(--accent-secondary),var(--accent))}.usage-insights{grid-template-columns:repeat(2,minmax(0,1fr))}.insight-panel{padding:var(--sp-4)}.lane-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-3);margin-top:var(--sp-3)}.lane-card{padding:var(--sp-3);border-radius:12px}.lane-card span,.stat-card span,.composer-panel label span,.billing-strip span,.usage-row span,.stack-item small{display:block;color:var(--muted-soft);font-size:var(--text-xs)}.lane-card strong,.resource-row strong,.stat-card strong,.composer-panel strong,.billing-strip strong,.stack-item strong,.usage-row strong,.table-shell tbody strong{display:block}.lane-card em{display:block;margin:var(--sp-1) 0;color:var(--accent-strong);font-style:normal;font-size:var(--text-sm)}.lane-card--fast{background:var(--accent-soft)}.lane-card--balanced{background:var(--surface-tint)}.lane-card--capable{background:#9077e70d}@media(prefers-color-scheme:dark){.lane-card--capable{background:#9077e714}}.surface-panel,.resource-section,.lane-list,.stats-row,.resource-list,.stack-list,.provider-list,.usage-bars{display:flex;flex-direction:column;gap:var(--sp-3)}.filter-pills{display:flex;gap:var(--sp-2);flex-wrap:wrap}.filter-pill{min-height:2rem;padding:var(--sp-2) var(--sp-3);border:1px solid var(--line);border-radius:var(--radius-full);background:var(--surface);color:var(--muted);font-size:var(--text-xs);cursor:pointer;transition:background .15s ease,border-color .15s ease}.filter-pill.is-active{border-color:#26673c59;background:var(--accent-soft);color:var(--accent-strong)}.table-shell tbody td,.provider-row p,.usage-row p{font-size:var(--text-base)}.status-badge{display:inline-flex;align-items:center;justify-content:center;gap:.3em;min-height:1.6rem;padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-full);border:1px solid transparent;font-size:.6875rem;text-transform:capitalize}.status-badge__icon{font-size:.55em;line-height:1}.status-badge--active,.status-badge--healthy,.status-badge--complete,.status-badge--ready{background:#3d99581f;color:var(--success)}.status-badge--streaming,.status-badge--warning,.status-badge--in-progress{background:#9f6e151f;color:var(--warning)}.status-badge--revoked,.status-badge--degraded{background:#b652441f;color:var(--danger)}.composer-panel{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--radius-lg);margin-top:var(--sp-3);border:1px solid var(--line);background:var(--surface-tint)}.composer-panel--disabled{opacity:.5}.composer-panel__form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:var(--sp-2);align-items:end}.composer-panel__form--keys{width:100%}.composer-panel label{display:block}.composer-panel input,.composer-panel select{width:100%;min-height:2.35rem;padding:var(--sp-2) var(--sp-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);font-size:var(--text-sm)}.composer-panel input:focus,.composer-panel select:focus{border-color:var(--accent);box-shadow:var(--focus-ring)}.composer-panel input:disabled,.composer-panel select:disabled{color:var(--muted-soft);cursor:not-allowed}.composer-panel input::placeholder{color:var(--muted-soft)}.table-shell{overflow:visible;margin-top:var(--sp-3);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-strong)}.table-shell__scroll{overflow-x:auto;border-radius:inherit}.keys-table-meta{display:flex;gap:var(--sp-3);margin-top:var(--sp-3);color:var(--muted-soft);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase}.table-shell table{width:100%;border-collapse:collapse}.table-shell thead th{padding:var(--sp-3);color:var(--muted-soft);font-size:var(--text-xs);font-weight:500;text-align:center;letter-spacing:.04em;text-transform:uppercase}.table-shell tbody td{padding:var(--sp-3);border-top:1px solid var(--line);color:var(--muted);vertical-align:middle;text-align:center}.table-shell tbody tr{transition:background .12s ease}.table-shell tbody tr:hover{background:var(--accent-soft)}.table-shell tbody strong{color:var(--ink)}.table-shell tbody td p,.table-status small{margin:var(--sp-1) 0 0;font-size:var(--text-xs);color:var(--muted)}.row-actions{display:flex;justify-content:center;position:relative}.table-shell tbody td input{width:100%;min-height:2.35rem;padding:var(--sp-2) var(--sp-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);font-size:var(--text-sm)}.row-editor input:focus,.table-shell tbody td input:focus{border-color:var(--accent);box-shadow:var(--focus-ring)}.row-menu{position:relative}.row-menu__trigger{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);font-size:1rem;line-height:1;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}.row-menu__trigger:hover{transform:translateY(-1px);border-color:#3d995833;background:var(--accent-soft);color:var(--accent-strong)}.row-menu__dropdown{z-index:20;display:flex;min-width:8.5rem;flex-direction:column;padding:var(--sp-1);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-strong);box-shadow:0 12px 32px #0f17111f;animation:fade-in .14s ease}.row-menu__item{width:100%;padding:var(--sp-2) var(--sp-3);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink);font-size:var(--text-sm);text-align:left;outline:none}.row-menu__item--danger{color:var(--danger)}.row-menu__item[data-highlighted]{background:var(--accent-soft);color:var(--accent-strong)}.row-menu__item--danger[data-highlighted]{background:#b6524414}.row-menu__item[data-disabled]{color:var(--muted-soft);cursor:not-allowed}.meta-chip{display:inline-flex;align-items:center;min-height:1.7rem;padding:0 var(--sp-2);border-radius:var(--radius-full);background:var(--accent-soft);color:var(--ink);font-size:var(--text-xs)}.stack-list,.provider-list,.usage-bars{margin-top:var(--sp-3)}.stack-item,.provider-row{display:flex;justify-content:space-between;gap:var(--sp-3);align-items:flex-start;padding:var(--sp-3);border-radius:12px}.stack-item{flex-direction:column}.provider-row__meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--sp-1)}.provider-row__meta span:first-child,.stack-item p{color:var(--ink)}.usage-row{display:flex;flex-direction:column;gap:var(--sp-1)}.usage-row>div:first-child{display:flex;justify-content:space-between;gap:var(--sp-4);align-items:center}.usage-track{overflow:hidden;height:.5rem;border-radius:var(--radius-full);background:var(--line)}.usage-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3d995873,#3d9958f0)}.billing-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-3);margin-top:var(--sp-3)}.billing-strip article{display:grid;gap:var(--sp-1);min-height:8.5rem;padding:var(--sp-4);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-strong);box-shadow:var(--shadow)}.billing-strip strong{font-size:var(--text-lg);line-height:1.1}.billing-strip p{margin:0;color:var(--muted);font-size:var(--text-sm)}.kpi-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-3)}.kpi-strip--2{margin-top:var(--sp-3)}.kpi-tile{display:grid;gap:var(--sp-2);min-height:8rem;padding:var(--sp-4);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-strong);box-shadow:var(--shadow)}.kpi-tile span{display:block;color:var(--muted-soft);font-size:var(--text-xs)}.kpi-tile strong{display:block;font-size:var(--text-lg);line-height:1.1}.kpi-tile p{margin:0;color:var(--muted);font-size:var(--text-sm)}.kpi-tile--accent{border-color:#3d995838;background:linear-gradient(180deg,#dcf4e1d1,#fffffffa),var(--surface)}:root[data-theme=dark] .kpi-tile--accent{background:linear-gradient(180deg,#254430c7,#17221cfa),var(--surface)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .kpi-tile--accent{background:linear-gradient(180deg,#254430c7,#17221cfa),var(--surface)}}.skeleton{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-4)}.skeleton__line{height:.75rem;border-radius:var(--radius-sm);background:var(--line);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-8) var(--sp-4);text-align:center;color:var(--muted)}.empty-state__title{margin:0;font-size:var(--text-md);font-weight:600;color:var(--ink)}.error-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);background:#b6524414;color:var(--danger);font-size:var(--text-sm)}.error-banner p{margin:0}.key-reveal{display:grid;gap:var(--sp-3);padding:var(--sp-4);margin-top:var(--sp-3);border:1px solid rgba(38,103,60,.18);border-radius:var(--radius-lg);background:linear-gradient(180deg,#3d995814,#3d995805)}.key-reveal h4,.key-reveal p{margin:0}.key-reveal code{display:block;overflow-x:auto;padding:var(--sp-3);border-radius:var(--radius-md);background:var(--surface-strong);color:var(--ink);font-size:var(--text-sm);white-space:pre-wrap;word-break:break-word}.key-reveal--modal{margin-top:0}.key-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#09120e7a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade-in .16s ease}.key-modal{position:fixed;top:50%;left:50%;z-index:81;width:min(100%,34rem);max-width:calc(100vw - 2.5rem);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-strong);box-shadow:0 28px 70px #0c110e3d;transform:translate(-50%,-50%);animation:dialog-rise .18s ease}.key-modal--reveal{width:min(100%,52rem);max-width:calc(100vw - 2rem);max-height:calc(100vh - 2rem);overflow-y:auto}.key-modal__header,.key-modal__body{display:flex;flex-direction:column;gap:var(--sp-3)}.key-modal__header{position:relative;display:flex;align-items:flex-start;padding:var(--sp-5) var(--sp-5) var(--sp-3);border-bottom:1px solid var(--line)}.key-modal__header h3,.key-modal__header p{margin:0}.key-modal__header p{color:var(--muted);font-size:var(--text-sm)}.key-modal__close{position:absolute;top:var(--sp-5);right:var(--sp-5);display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--muted);font-size:1.5rem;line-height:1;padding:0;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}.key-modal__close:hover{transform:translateY(-1px);border-color:#3d995833;background:var(--accent-soft);color:var(--accent-strong)}.key-modal__body{padding:var(--sp-5)}.key-modal__field{display:flex;flex-direction:column;gap:var(--sp-2)}.key-modal__field span{color:var(--muted-soft);font-size:var(--text-xs)}.key-modal__field input,.key-modal__select-trigger,.key-modal__field select{width:100%;min-height:2.55rem;padding:var(--sp-2) var(--sp-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);font-size:var(--text-sm);text-align:left}.key-modal__field input:focus,.key-modal__select-trigger:focus,.key-modal__field select:focus{border-color:var(--accent);box-shadow:var(--focus-ring)}.key-modal__select-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.key-modal__select-icon{color:var(--muted-soft)}.key-modal__select-content{z-index:82;min-width:var(--radix-select-trigger-width);overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-strong);box-shadow:0 18px 40px #0c110e2e;animation:fade-in .14s ease}.key-modal__select-viewport{padding:var(--sp-1)}.key-modal__select-item{display:flex;align-items:center;min-height:2.15rem;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);color:var(--ink);font-size:var(--text-sm);outline:none;-webkit-user-select:none;user-select:none}.key-modal__select-item[data-highlighted]{background:var(--accent-soft);color:var(--accent-strong)}.key-modal__footer,.key-modal__actions{display:flex;align-items:center;gap:var(--sp-2)}.key-modal__footer{flex-wrap:wrap}.key-modal__footer--form{justify-content:flex-end}.key-modal__footer--reveal{justify-content:space-between}.key-modal__copy-state{color:var(--muted);font-size:var(--text-xs)}.key-test-panel{border-top:1px solid var(--line);padding:var(--sp-4) var(--sp-5)}.key-test-panel__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);text-align:left;transition:border-color .15s ease,background .15s ease,color .15s ease}.key-test-panel__toggle:hover{border-color:#3d99582e;background:var(--accent-soft)}.key-test-panel__toggle-copy{display:flex;flex-direction:column;gap:.1rem;min-width:0}.key-test-panel__toggle-label{font-size:var(--text-sm);font-weight:600}.key-test-panel__toggle-detail{color:var(--muted);font-size:var(--text-xs);line-height:1.35}.key-test-panel__toggle-arrow{font-size:var(--text-sm);color:var(--muted);transition:transform .16s ease}.key-test-panel[data-state=open] .key-test-panel__toggle-arrow{transform:rotate(180deg)}.key-test-panel__body{display:flex;flex-direction:column;gap:var(--sp-3);margin-top:var(--sp-3)}.key-test-panel__row{display:flex;align-items:center;gap:var(--sp-3)}.key-test-panel__label{flex-shrink:0;width:3.5rem;color:var(--muted-soft);font-size:var(--text-xs)}.key-test-panel__select-trigger,.key-test-panel__input{flex:1;min-height:2.25rem;padding:0 var(--sp-3);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font-size:var(--text-sm)}.key-test-panel__select-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);width:100%}.key-test-panel__select-trigger[data-placeholder],.key-test-panel__select-icon{color:var(--muted-soft)}.key-test-panel__select-content{z-index:42;min-width:var(--radix-select-trigger-width);padding:var(--sp-1);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-strong);box-shadow:0 14px 30px #0c110e29}.key-test-panel__select-viewport{display:flex;flex-direction:column;gap:2px}.key-test-panel__select-item{padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);color:var(--ink);font-size:var(--text-sm);outline:none}.key-test-panel__select-item[data-highlighted]{background:var(--accent-soft);color:var(--accent-strong)}.key-test-panel__select-trigger:focus,.key-test-panel__input:focus{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.key-test-panel__actions{display:flex;gap:var(--sp-2)}.key-test-result{padding:var(--sp-3);border-radius:var(--radius-md);border:1px solid}.key-test-result--success{border-color:#3d995840;background:#3d99580f}.key-test-result--error{border-color:#dc505040;background:#dc50500f}.key-test-result__meta{display:flex;gap:var(--sp-3);margin-bottom:var(--sp-2);font-size:var(--text-xs);color:var(--muted)}.key-test-result__status{font-weight:600;color:var(--ink)}.key-test-result--error .key-test-result__status{color:#dc5050}.key-test-result__content{margin:0;font-size:var(--text-sm);color:var(--ink);line-height:1.5;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:89;background:#09120e6b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in .16s ease}@media(max-width:900px){.section-header--keys{justify-content:space-between}}.confirm-dialog{position:fixed;top:50%;left:50%;z-index:90;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-strong);color:var(--ink);box-shadow:0 20px 60px #0003;max-width:400px;width:min(90vw,400px);padding:0;transform:translate(-50%,-50%);animation:dialog-rise .18s ease}.confirm-dialog__content{padding:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-3)}.confirm-dialog__content h3{margin:0;font-size:var(--text-md)}.confirm-dialog__content p{margin:0;color:var(--muted);font-size:var(--text-sm)}.confirm-dialog__actions{display:flex;justify-content:flex-end;gap:var(--sp-2);margin-top:var(--sp-2)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-rise{0%{opacity:0;transform:translate(-50%,calc(-50% + 10px))}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes drawer-slide-in{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}.auth-form-side{display:flex;align-items:center;justify-content:center;padding:var(--sp-8);background:var(--bg)}.auth-hero-side{display:flex;align-items:center;justify-content:center;padding:var(--sp-8);background:var(--ink);color:var(--bg)}.auth-hero-content{display:flex;flex-direction:column;align-items:center;gap:var(--sp-4);text-align:center}.auth-hero-mark{display:grid;place-items:center;width:64px;height:64px;border-radius:var(--radius-lg);background:transparent}.auth-hero-mark__image{display:block;width:48px;height:48px;object-fit:contain}.auth-hero-content h2{margin:0;font-family:Space Grotesk,sans-serif;font-size:var(--text-xl);font-weight:700}.auth-hero-content p{margin:0;opacity:.7;font-size:var(--text-base)}.auth-card h2{margin:0 0 var(--sp-1);font-size:1.4rem;font-weight:700;color:var(--ink)}.auth-subtitle{margin:0 0 var(--sp-6);font-size:var(--text-base);color:var(--muted)}.auth-social-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);margin-bottom:var(--sp-4)}.auth-divider{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4);color:var(--muted-soft);font-size:var(--text-xs)}.auth-form{display:flex;flex-direction:column;gap:var(--sp-3)}.auth-field{display:flex;flex-direction:column;gap:var(--sp-1)}.auth-field label{font-size:var(--text-sm);font-weight:500;color:var(--ink)}.auth-field input{padding:var(--sp-2) var(--sp-3);border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);font-size:var(--text-sm);transition:border-color .15s ease}.auth-field input:focus{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.auth-field input::placeholder{color:var(--muted-soft)}.auth-link{color:var(--accent-strong);font-size:var(--text-sm)}.auth-link-button{background:none;border:none;color:var(--accent-strong);font-size:var(--text-sm);cursor:pointer;padding:0}.auth-submit{width:100%;position:relative;overflow:visible;padding:var(--sp-3);border:none;border-radius:var(--radius-md);background:var(--accent);color:#fff;font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background .15s ease}.auth-submit:hover{background:var(--accent-strong)}.auth-submit:disabled{opacity:.5;cursor:not-allowed}.auth-error{padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);background:#b6524414;color:var(--danger);font-size:var(--text-sm)}.auth-success{padding:var(--sp-3);border-radius:var(--radius-md);background:#2f8a4914;color:var(--success);font-size:var(--text-sm)}.auth-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--sp-5);font-size:var(--text-sm);color:var(--muted)}.auth-footer a{color:var(--accent-strong)}@media(max-width:1240px){.dashboard-page,.dashboard-shell.nav-collapsed .dashboard-page{grid-template-columns:1fr}.sidebar{position:relative;top:0;min-height:auto}.dashboard-shell.nav-collapsed .brand-copy,.dashboard-shell.nav-collapsed .sidebar-group__title,.dashboard-shell.nav-collapsed .sidebar-link__label,.dashboard-shell.nav-collapsed .sidebar-note{display:initial}}@media(max-width:1060px){.dashboard-page,.dashboard-shell.nav-collapsed .dashboard-page{grid-template-columns:1fr}.mobile-backdrop{position:fixed;top:4.05rem;right:0;bottom:0;left:0;z-index:84;display:block;background:#12211629;animation:fade-in .18s ease}.sidebar{width:min(320px,calc(100vw - 1rem));min-height:auto}.sidebar--desktop{display:none}.sidebar--drawer{position:fixed;top:4.05rem;left:var(--sp-2);bottom:var(--sp-2);z-index:85;transform:none;animation:drawer-slide-in .18s ease}.view-grid,.kpi-strip,.usage-overview,.usage-insights,.stats-row,.billing-strip,.composer-panel,.composer-panel__form,.lane-grid{grid-template-columns:1fr}.topbar,.topbar-leading,.topbar-brand,.topbar-actions,.filter-pills{flex-wrap:wrap}.topbar{gap:var(--sp-2)}.brand-lockup{padding-right:var(--sp-3)}.command-bar{order:3;flex-basis:100%;max-width:none}.topbar-actions{margin-left:auto}.page-heading__row{flex-direction:column}.usage-footer,.section-footer--usage{width:100%;margin-left:0;justify-content:flex-start}.activity-toolbar--heading{justify-content:flex-start}.activity-card-grid{grid-template-columns:1fr}.activity-card{min-height:18rem}.resource-row,.provider-row,.stack-item{grid-template-columns:1fr;flex-direction:column}.provider-row__meta{align-items:flex-start}.auth-shell{grid-template-columns:1fr}.auth-hero-side{display:none}}@media(max-width:720px){.dashboard-shell{width:min(100vw - 1rem,100%);padding:var(--sp-2) 0 var(--sp-4)}.sidebar,.topbar,.workspace-main{border-radius:var(--radius-xl)}.command-bar__shortcut{display:none}.command-bar{padding-inline:var(--sp-2)}.topbar-leading{align-items:flex-start}.topbar-brand{flex:1}.brand-lockup{padding-right:0;border-right:0}.page-heading h2{font-size:var(--text-base)}.activity-card-grid{gap:var(--sp-3)}.activity-card{padding:var(--sp-3);border-radius:18px}.activity-card__spark{gap:var(--sp-1)}}.auth-loading{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--muted)}.auth-shell{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.auth-form-side{display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--bg)}.auth-hero-side{display:flex;align-items:center;justify-content:center;background:var(--ink);color:#fff;padding:2rem}.auth-hero-content{text-align:center;max-width:360px}.auth-hero-mark{width:64px;height:64px;margin:0 auto 1.5rem;background:transparent;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.auth-hero-content h1{font-size:1.8rem;margin:0 0 .5rem;font-weight:700}.auth-hero-content p{color:#fff9;font-size:.95rem;line-height:1.5}.auth-card{width:100%;max-width:400px}.auth-card h2{font-size:1.4rem;font-weight:700;margin:0 0 .25rem;color:var(--ink)}.auth-subtitle{color:var(--muted);margin:0 0 1.5rem;font-size:.9rem}.auth-detail{color:var(--muted);font-size:.9rem;line-height:1.5;margin:1rem 0}.auth-social-buttons{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.auth-social-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1rem;min-height:42px;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);font-size:.85rem;font-weight:500;line-height:1;cursor:pointer;transition:background .15s;overflow:visible}.auth-social-btn:hover{background:var(--bg-strong)}.auth-last-used-badge{position:absolute;top:-.55rem;right:.75rem;display:inline-flex;align-items:center;padding:.2rem .5rem;font-size:.65rem;font-weight:600;color:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-full);background:var(--surface);line-height:1;white-space:nowrap;z-index:1;box-shadow:0 0 0 1px var(--surface)}.auth-divider{display:flex;align-items:center;gap:.75rem;margin:1rem 0;color:var(--muted-soft);font-size:.8rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--line)}.auth-field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.75rem}.auth-field span{font-size:.8rem;font-weight:500;color:var(--ink)}.auth-field input{padding:.55rem .75rem;border:1px solid var(--line-strong);border-radius:var(--radius-md);font-size:.85rem;background:var(--surface);color:var(--ink);outline:none;transition:border-color .15s}.auth-field input:focus{border-color:var(--accent)}.auth-link{font-size:.8rem;color:var(--accent-strong);text-decoration:none}.auth-turnstile{margin:0 0 .9rem;min-height:66px}.auth-submit{width:100%;position:relative;overflow:visible;padding:.6rem;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s;margin-top:.25rem}.auth-submit:hover:not(:disabled){background:var(--accent-strong)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-error{background:#b6524414;color:var(--danger);padding:.5rem .75rem;border-radius:var(--radius-md);font-size:.8rem;margin-bottom:.75rem}.auth-success{background:#2f8a4914;color:var(--success);padding:.75rem;border-radius:var(--radius-md);font-size:.85rem;line-height:1.5}.auth-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1.25rem;font-size:.8rem;color:var(--muted)}.auth-footer p{margin:0}.auth-footer a{color:var(--accent-strong);text-decoration:none;font-weight:500}@media(max-width:768px){.auth-shell{grid-template-columns:1fr}.auth-hero-side{display:none}}.usage-divider{height:1px;background:var(--line);margin:1.5rem 0;border:0}.usage-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap;margin-top:var(--sp-4)}.usage-economy-footer{display:inline-flex;align-items:center;gap:var(--sp-2);margin:0;color:var(--muted);font-size:var(--text-sm);flex-wrap:wrap}.usage-economy-footer__label{padding:.18rem .55rem;border-radius:var(--radius-full);background:#3d99581f;color:var(--accent-strong);font-size:.6875rem;letter-spacing:.04em;text-transform:uppercase}.usage-freshness{display:inline-flex;align-items:center;gap:var(--sp-3);color:var(--muted-soft);font-size:var(--text-sm);flex-wrap:wrap}.section-footer--usage{align-items:center;justify-content:flex-end;margin-left:auto}.usage-refresh-button{min-height:2.25rem;border:1px solid var(--line);border-radius:var(--radius-full);background:var(--surface);padding:.25rem .8rem;cursor:pointer;color:var(--muted);font-size:var(--text-sm);line-height:1;display:inline-flex;align-items:center;gap:.4rem;transition:border-color .15s ease,color .15s ease,background .15s ease}.usage-refresh-button:hover{border-color:#3d995840;color:var(--ink);background:var(--surface-strong)}.usage-refresh-button:disabled{cursor:progress;opacity:.7}.usage-track__fill--locked{background:var(--line-strong)}.usage-row--locked strong,.usage-row--locked p{opacity:.5}.usage-lock-pill{display:inline-block;font-size:.7rem;padding:.1rem .5rem;border-radius:999px;background:var(--line);color:var(--muted-soft);text-transform:uppercase;letter-spacing:.05em}