:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-canvas:#f7f9fc;--color-surface:#fff;--color-surface-subtle:#f1f5fb;--color-sidebar:#102a56;--color-sidebar-hover:#183b72;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-soft:#eaf1ff;--color-accent:#f4c542;--color-accent-soft:#fff7d6;--color-indigo:#5b5bd6;--color-indigo-soft:#eef;--color-text:#111827;--color-muted:#667085;--color-border:#d7dfea;--color-on-dark:#fff;--color-sidebar-muted:#c3cee2;--color-success:#16845b;--color-success-soft:#e7f5ef;--color-warning:#b77900;--color-warning-text:#805400;--color-warning-soft:#fff7d6;--color-danger:#d92d20;--color-danger-text:#b42318;--color-danger-soft:#fff0ee;--color-white-05:#ffffff0d;--color-white-08:#ffffff14;--color-white-12:#ffffff1f;--color-white-13:#ffffff21;--color-white-35:#ffffff59;--color-white-50:#ffffff80;--color-white-86:#ffffffdb;--color-primary-18:#2563eb2e;--color-primary-20:#2563eb33;--color-primary-75:#2563ebbf;--color-accent-12:#f4c5421f;--color-accent-18:#f4c5422e;--color-accent-25:#f4c54240;--color-accent-30:#f4c5424d;--color-accent-32:#f4c54252;--color-success-20:#16845b33;--border-thin:1px;--border-accent:3px;--border-strong:4px;--radius-xs:4px;--radius-sm:9px;--radius-control:11px;--radius-md:12px;--radius-logo:13px;--radius-note:14px;--radius-panel:16px;--radius-lg:18px;--radius-metric:20px;--radius-card:22px;--radius-xl:24px;--radius-hero:28px;--radius-pill:999px;--radius-round:50%;--radius-bar:7px 7px 3px 3px;--shadow-card:0 12px 32px #102a5614;--shadow-raised:0 24px 56px #102a5624;--shadow-brand:0 9px 24px var(--color-accent-18);--shadow-success-ring:0 0 0 5px var(--color-success-20);--shadow-orbit:0 30px 80px var(--color-accent-25);--focus-ring:0 0 0 3px var(--color-accent-soft), 0 0 0 6px var(--color-primary)}*{box-sizing:border-box}html{background:var(--color-canvas)}body{min-width:320px;color:var(--color-text);background:var(--color-canvas);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{box-shadow:var(--focus-ring);outline:none}.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{height:100vh;color:var(--color-on-dark);background:var(--color-sidebar);flex-direction:column;padding:28px 20px;display:flex;position:sticky;top:0}.brand{border-radius:var(--radius-md);align-items:center;gap:12px;padding:0 8px 28px;display:flex}.brand-mark{border-radius:var(--radius-logo);width:40px;height:40px;color:var(--color-sidebar);background:var(--color-accent);box-shadow:var(--shadow-brand);flex:none;place-items:center;font-size:21px;font-weight:850;display:grid}.brand strong,.brand small{display:block}.brand strong{letter-spacing:-.02em}.brand small{color:var(--color-sidebar-muted);margin-top:2px;font-size:11px}.navigation{gap:7px;display:grid}.navigation a{border:var(--border-thin) solid transparent;border-radius:var(--radius-md);color:var(--color-sidebar-muted);align-items:center;gap:12px;padding:11px 12px;font-size:14px;font-weight:650;transition:color .16s,background-color .16s,border-color .16s;display:flex;position:relative;overflow:hidden}.navigation a:hover{border-color:var(--color-white-12);color:var(--color-on-dark);background:var(--color-sidebar-hover)}.navigation a.is-active{border-color:var(--color-accent-32);color:var(--color-on-dark);background:var(--color-sidebar-hover)}.navigation a.is-active:before{border-radius:0 var(--radius-xs) var(--radius-xs) 0;background:var(--color-accent);content:"";width:3px;position:absolute;top:9px;bottom:9px;left:0}.nav-icon{border-radius:var(--radius-sm);min-width:30px;height:30px;color:var(--color-accent);background:var(--color-white-08);place-items:center;font-size:10px;font-weight:800;display:grid}.navigation a.is-active .nav-icon{color:var(--color-sidebar);background:var(--color-accent)}.sidebar-note{border:var(--border-thin) solid var(--color-white-13);border-radius:var(--radius-note);background:var(--color-white-05);align-items:center;gap:10px;margin-top:auto;padding:14px;display:flex}.sidebar-note strong,.sidebar-note small{display:block}.sidebar-note strong{font-size:12px}.sidebar-note small{color:var(--color-sidebar-muted);margin-top:3px;font-size:10px}.status-dot{border-radius:var(--radius-round);background:var(--color-success);width:9px;height:9px;box-shadow:var(--shadow-success-ring);flex:none}.main-content{min-width:0}.topbar{border-bottom:var(--border-thin) solid var(--color-border);background:var(--color-white-86);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;min-height:78px;padding:0 4.5vw;display:flex}.topbar strong,.topbar span{display:block}.topbar strong{margin-top:3px;font-size:15px}.eyebrow{color:var(--color-primary-hover);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:800}.dev-badge{border-radius:var(--radius-pill);color:var(--color-warning-text);background:var(--color-accent-soft);text-transform:uppercase;padding:7px 10px;font-size:10px;font-weight:800}.dashboard{gap:22px;max-width:1280px;margin:0 auto;padding:42px 4.5vw 56px;display:grid}.hero-card{border-radius:var(--radius-hero);min-height:350px;color:var(--color-on-dark);background:radial-gradient(circle at 82% 18%, var(--color-primary-75) 0%, transparent 32%), linear-gradient(135deg, var(--color-sidebar), var(--color-sidebar-hover));box-shadow:var(--shadow-raised);grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);display:grid;position:relative;overflow:hidden}.hero-card:after{border-radius:var(--radius-round);background:var(--color-accent-12);content:"";width:280px;height:280px;position:absolute;bottom:-115px;right:-70px}.hero-copy{z-index:1;align-self:center;max-width:720px;padding:58px}.hero-card .eyebrow{color:var(--color-accent)}.hero-card h1{letter-spacing:-.055em;max-width:650px;margin:15px 0 18px;font-size:clamp(38px,5vw,68px);line-height:.98}.hero-card p{max-width:670px;color:var(--color-sidebar-muted);margin:0;font-size:16px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.primary-action,.secondary-action{border-radius:var(--radius-md);justify-content:center;align-items:center;min-height:42px;padding:10px 17px;font-size:13px;font-weight:750;transition:color .16s,background-color .16s,border-color .16s;display:inline-flex}.primary-action{border:var(--border-thin) solid var(--color-primary);color:var(--color-on-dark);background:var(--color-primary)}.primary-action:hover:not(:disabled){border-color:var(--color-primary-hover);background:var(--color-primary-hover)}.secondary-action{border:var(--border-thin) solid var(--color-white-35);color:var(--color-on-dark);background:var(--color-white-08)}.secondary-action:hover{border-color:var(--color-accent);color:var(--color-sidebar);background:var(--color-accent)}.hero-orbit{z-index:1;place-items:center;display:grid;position:relative}.orbit-core{z-index:2;border:var(--border-thin) solid var(--color-white-50);border-radius:var(--radius-hero);width:90px;height:90px;color:var(--color-sidebar);background:var(--color-accent);box-shadow:var(--shadow-orbit);place-items:center;font-size:42px;font-weight:900;display:grid;transform:rotate(-8deg)}.orbit{border:var(--border-thin) solid var(--color-accent-30);border-radius:var(--radius-round);position:absolute}.orbit-one{width:230px;height:230px}.orbit-two{width:340px;height:340px}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.metric-preview{border:var(--border-thin) solid var(--color-border);border-top:var(--border-accent) solid var(--metric-color);border-radius:var(--radius-metric);background:var(--color-surface);min-width:0;box-shadow:var(--shadow-card);padding:22px;position:relative;overflow:hidden}.metric-preview:after{border-radius:var(--radius-round);background:var(--metric-color);opacity:.09;content:"";width:100px;height:100px;position:absolute;bottom:-35px;right:-18px}.metric-preview span,.metric-preview small{color:var(--color-muted)}.metric-preview span{font-size:12px;font-weight:750}.metric-preview strong{margin:12px 0 4px;font-size:35px;display:block}.metric-preview small{font-size:11px}.metric-blue{--metric-color:var(--color-primary)}.metric-yellow{--metric-color:var(--color-accent)}.metric-indigo{--metric-color:var(--color-indigo)}.foundation-card{border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;padding:30px;display:grid}.foundation-card h2{letter-spacing:-.03em;margin:9px 0 0;font-size:24px;line-height:1.2}.foundation-card ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.foundation-card li{color:var(--color-muted);padding-left:26px;font-size:13px;line-height:1.5;position:relative}.foundation-card li:before{border-radius:var(--radius-round);width:16px;height:16px;color:var(--color-success);background:var(--color-success-soft);content:"✓";place-items:center;font-size:10px;font-weight:900;display:grid;position:absolute;top:3px;left:0}.section-page{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center;gap:clamp(30px,7vw,100px);max-width:1180px;min-height:calc(100vh - 78px);margin:0 auto;padding:60px 4.5vw;display:grid}.section-copy,.placeholder-panel{min-width:0}.section-copy h1{overflow-wrap:anywhere;letter-spacing:-.055em;max-width:640px;margin:12px 0 18px;font-size:clamp(42px,6vw,72px);line-height:1}.section-copy p{max-width:610px;color:var(--color-muted);font-size:17px;line-height:1.7}.planned-label{border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-muted);background:var(--color-surface-subtle);text-transform:uppercase;margin-top:18px;padding:8px 11px;font-size:10px;font-weight:800;display:inline-flex}.placeholder-panel{--panel-accent:var(--color-primary);--panel-soft:var(--color-primary-soft);border:var(--border-thin) solid var(--color-border);border-top:var(--border-strong) solid var(--panel-accent);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-card);padding:28px}.placeholder-panel[data-tone=yellow]{--panel-accent:var(--color-accent);--panel-soft:var(--color-accent-soft)}.placeholder-panel[data-tone=indigo]{--panel-accent:var(--color-indigo);--panel-soft:var(--color-indigo-soft)}.placeholder-chart{border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(180deg, var(--panel-soft), var(--color-canvas));align-items:end;gap:10px;height:210px;padding:22px;display:flex}.placeholder-chart span{border-radius:var(--radius-bar);background:var(--panel-accent);opacity:.28;flex:1;min-height:18%}.placeholder-chart span:nth-child(2){height:42%}.placeholder-chart span:nth-child(3){height:65%}.placeholder-chart span:nth-child(4){height:34%}.placeholder-chart span:nth-child(5){height:76%}.placeholder-chart span:nth-child(6){height:52%}.placeholder-panel p{margin:20px 0 4px;font-size:14px;font-weight:750}.placeholder-panel small{color:var(--color-muted);font-size:11px}.inline-action{margin-top:22px;display:inline-flex}.cabinet-settings{gap:24px;max-width:1180px;margin:0 auto;padding:42px 4.5vw 70px;display:grid}.settings-heading{justify-content:space-between;align-items:end;gap:28px;display:flex}.settings-heading>*{min-width:0}.settings-heading h1{overflow-wrap:anywhere;letter-spacing:-.05em;margin:9px 0;font-size:clamp(38px,5vw,62px)}.settings-heading p{color:var(--color-muted);margin:0}.organization-selector,.create-cabinet label,.credential-form label{color:var(--color-muted);gap:7px;font-size:11px;font-weight:750;display:grid}.organization-selector select,.create-cabinet input,.credential-form input{border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-control);width:100%;min-width:0;min-height:43px;color:var(--color-text);background:var(--color-surface);padding:0 12px}.organization-selector select:hover,.create-cabinet input:hover,.credential-form input:hover{border-color:var(--color-primary)}.organization-selector select{min-width:min(240px,100%)}.create-cabinet{border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;padding:18px;display:grid}.primary-action,.text-action,.danger-action{cursor:pointer}.primary-action:disabled,.text-action:disabled,.danger-action:disabled{cursor:not-allowed;opacity:.56}.cabinet-list{gap:17px;display:grid}.cabinet-card{border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);min-width:0;box-shadow:var(--shadow-card);padding:24px}.cabinet-card>header{justify-content:space-between;align-items:center;gap:16px;display:flex}.cabinet-card h2{overflow-wrap:anywhere;letter-spacing:-.03em;margin:7px 0 0;font-size:25px}.cabinet-status,.credential-status{border-radius:var(--radius-pill);width:fit-content;padding:6px 9px;font-size:10px;font-weight:850;display:inline-flex}.cabinet-active{color:var(--color-success);background:var(--color-success-soft)}.cabinet-disabled,.status-disabled,.status-configured_unverified{color:var(--color-warning-text);background:var(--color-warning-soft)}.status-not_configured{color:var(--color-muted);background:var(--color-surface-subtle)}.credential-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:22px;display:grid}.credential-card{border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-canvas);gap:14px;min-width:0;padding:17px;display:grid}.credential-card>div:first-child{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.credential-card small{overflow-wrap:anywhere;color:var(--color-muted)}.credential-actions{flex-wrap:wrap;gap:8px;display:flex}.text-action,.danger-action{border:var(--border-thin) solid transparent;border-radius:var(--radius-sm);min-height:36px;padding:8px 11px;font-size:11px;font-weight:800;transition:color .16s,background-color .16s,border-color .16s}.text-action{border-color:var(--color-primary-18);color:var(--color-primary-hover);background:var(--color-primary-soft)}.text-action:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-surface)}.danger-action{color:var(--color-danger-text);background:var(--color-danger-soft)}.danger-action:hover:not(:disabled){border-color:var(--color-danger);color:var(--color-on-dark);background:var(--color-danger)}.credential-form{gap:12px;padding-top:4px;display:grid}.security-warning{border-left:var(--border-accent) solid var(--color-warning);border-radius:var(--radius-sm);color:var(--color-warning-text);background:var(--color-warning-soft);margin:0;padding:10px 12px;font-size:11px;line-height:1.5}.form-error{border-left:var(--border-accent) solid var(--color-danger);border-radius:var(--radius-control);color:var(--color-danger-text);background:var(--color-danger-soft);margin:0;padding:10px 12px;font-size:12px}.empty-cabinets,.readonly-note{border:var(--border-thin) dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-muted);background:var(--color-surface);padding:24px}.empty-cabinets strong,.empty-cabinets span{display:block}.empty-cabinets strong{color:var(--color-text)}.empty-cabinets span{margin-top:6px;font-size:12px}.readonly-credentials p{color:var(--color-muted);margin:0;font-size:12px}.cabinet-toggle{margin-top:16px}.capability-panel{border:var(--border-thin) solid var(--color-primary-20);border-radius:var(--radius-panel);background:var(--color-primary-soft);gap:14px;margin-top:18px;padding:17px;display:grid}.capability-panel p{color:var(--color-muted);margin:6px 0 0;font-size:12px}.capability-panel small{color:var(--color-muted);line-height:1.5}.capability-panel .primary-action{justify-self:start}.capability-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.capability-list li{border-top:var(--border-thin) solid var(--color-border);justify-content:space-between;gap:12px;padding:9px 0;font-size:12px;display:flex}.capability-list li>*{overflow-wrap:anywhere;min-width:0}.capability-list li strong{text-align:right}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (max-width:900px){.app-shell{grid-template-columns:82px minmax(0,1fr)}.sidebar{padding:22px 14px}.brand{justify-content:center;padding-inline:0}.brand>span:last-child,.navigation a>span:last-child,.sidebar-note div{display:none}.navigation a{justify-content:center;padding:9px}.navigation a.is-active:before{top:8px;bottom:8px}.sidebar-note{justify-content:center;padding:14px 8px}.hero-card{grid-template-columns:1fr}.hero-copy{padding:42px}.hero-orbit{display:none}.section-page{grid-template-columns:1fr;align-content:center}.settings-heading{flex-direction:column;align-items:stretch}.organization-selector select{width:100%}}@media (max-width:640px){.app-shell{display:block}.sidebar{z-index:10;flex-direction:row;align-items:center;height:66px;padding:8px 12px;position:fixed;inset:auto 0 0}.brand,.sidebar-note{display:none}.navigation{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;width:100%}.navigation a{padding:7px}.navigation a.is-active:before{border-radius:0 0 var(--radius-xs) var(--radius-xs);width:auto;height:3px;inset:0 9px auto}.nav-icon{min-width:32px}.topbar{min-height:66px;padding:0 20px}.dashboard{padding:24px 16px 96px}.hero-card{border-radius:var(--radius-card);min-height:0}.hero-copy{padding:34px 26px}.hero-card h1{font-size:clamp(36px,12vw,42px)}.metrics-grid,.foundation-card{grid-template-columns:1fr}.foundation-card{gap:24px}.section-page{min-height:calc(100vh - 132px);padding:40px 20px 100px}.section-copy h1{font-size:clamp(38px,12vw,44px)}.cabinet-settings{padding:28px 16px 100px}.create-cabinet,.credential-grid{grid-template-columns:1fr}.create-cabinet .primary-action{width:100%}.cabinet-card{padding:18px}.cabinet-card>header,.capability-list li{flex-direction:column;align-items:flex-start}.capability-list li strong{text-align:left}}