:root{color-scheme:light;--font-family-sans: "SF Pro Text", "SF Pro Display", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-family-display: "SF Pro Display", "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-family-mono: "SFMono-Regular", "SF Mono", ui-monospace, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--color-bg: #ffffff;--color-bg-alt: #f5f5f7;--color-heading: #1d1d1f;--color-body: rgba(0, 0, 0, .8);--color-body-soft: rgba(0, 0, 0, .56);--color-body-subtle: rgba(0, 0, 0, .48);--color-primary: #0071e3;--color-primary-hover: #0077ed;--color-link: #0066cc;--color-link-dark: #2997ff;--color-dark: #000000;--color-dark-surface: #272729;--color-dark-surface-2: #2a2a2d;--color-border-soft: rgba(0, 0, 0, .08);--color-border-strong: rgba(0, 0, 0, .12);--color-success: #2d8f43;--color-warning: #9b6829;--color-error: #b42352;--shadow-card: rgba(0, 0, 0, .22) 3px 5px 30px 0px;--shadow-nav: 0 0 1px rgba(255, 255, 255, .24), 0 1px 0 rgba(255, 255, 255, .06) inset;--radius-xs: 5px;--radius-sm: 8px;--radius-md: 11px;--radius-lg: 12px;--radius-pill: 980px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px;--container-width: 1080px;--transition-standard: .18s ease;--focus-ring: 0 0 0 2px rgba(0, 113, 227, .35)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html{scroll-behavior:smooth}body{min-width:320px;font-family:var(--font-family-sans);font-weight:400;line-height:1.47;letter-spacing:-.374px;color:var(--color-body);background:var(--color-bg);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}a:hover{color:var(--color-link)}button,input,select,textarea{font:inherit}button{border:none}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.6}:where(button,a,input,select,textarea):focus-visible{outline:none;box-shadow:var(--focus-ring)}::selection{background:rgba(0,113,227,.18);color:var(--color-heading)}.tabular-nums{font-variant-numeric:tabular-nums}.ui-page-container{width:min(100%,var(--container-width));margin:0 auto;padding:var(--space-8) var(--space-6) calc(var(--space-10) * 1.5)}.ui-card,.surface-card{display:grid;gap:var(--space-4);padding:var(--space-6);border:none;border-radius:var(--radius-sm);background:#ffffff;box-shadow:var(--shadow-card);transition:transform var(--transition-standard),box-shadow var(--transition-standard),background-color var(--transition-standard)}.ui-card:hover,.surface-card:hover{transform:translateY(-1px)}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 16px;border:1px solid transparent;border-radius:var(--radius-pill);font-size:17px;font-weight:400;line-height:1;letter-spacing:normal;white-space:nowrap;cursor:pointer;transition:transform var(--transition-standard),box-shadow var(--transition-standard),border-color var(--transition-standard),background-color var(--transition-standard),color var(--transition-standard)}.ui-button:hover:not(:disabled){transform:translateY(-1px)}.ui-button[data-variant=primary]{background:var(--color-primary);color:#fff}.ui-button[data-variant=primary]:hover:not(:disabled){background:var(--color-primary-hover)}.ui-button[data-variant=secondary]{background:var(--color-heading);color:#fff}.ui-button[data-variant=secondary]:hover:not(:disabled){background:#000000}.ui-button[data-variant=ghost]{background:transparent;color:var(--color-link);border-color:var(--color-link)}.ui-button[data-variant=ghost]:hover:not(:disabled){color:#fff;background:var(--color-link)}.ui-input,.ui-select{width:100%;min-height:46px;padding:0 14px;border:3px solid rgba(0,0,0,.04);border-radius:var(--radius-md);background:#fafafc;color:var(--color-heading);transition:border-color var(--transition-standard),box-shadow var(--transition-standard),background-color var(--transition-standard)}.ui-input::placeholder,.ui-select:invalid{color:var(--color-body-soft)}.ui-input:focus,.ui-select:focus{border-color:#0071e33d}.ui-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--color-body-subtle) 50%),linear-gradient(135deg,var(--color-body-subtle) 50%,transparent 50%);background-position:calc(100% - 18px) 19px,calc(100% - 12px) 19px;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:36px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.page-title{margin:0;color:var(--color-heading);font-family:var(--font-family-display);font-size:clamp(2.75rem,5vw,3.5rem);font-weight:600;line-height:1.07;letter-spacing:-.28px}.page-subtitle{margin:0;max-width:62ch;color:var(--color-body-soft);font-size:17px;font-weight:400;line-height:1.47;letter-spacing:-.374px}.section-title,.surface-card h2,.surface-card h3,.ui-card h2,.ui-card h3{margin:0;color:var(--color-heading);font-family:var(--font-family-display)}.section-title{font-size:clamp(2rem,4vw,2.5rem);font-weight:600;line-height:1.1;letter-spacing:normal}.surface-card h2,.ui-card h2{font-size:28px;font-weight:400;line-height:1.14;letter-spacing:.196px}.surface-card h3,.ui-card h3{font-size:21px;font-weight:400;line-height:1.19;letter-spacing:.231px}.hero-card{display:grid;gap:var(--space-6);padding:clamp(32px,6vw,56px);border-radius:var(--radius-lg);background:var(--color-dark);color:#fff;box-shadow:none}.hero-card .page-title,.hero-card .page-subtitle,.hero-card .metric-label,.hero-card .metric-value,.hero-card .muted,.hero-card a,.hero-card strong,.hero-card h2,.hero-card h3,.hero-card p{color:inherit}.hero-grid,.stats-grid,.content-grid,.quick-grid{display:grid;gap:var(--space-4)}.hero-grid,.content-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.quick-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.metric-label{margin:0;color:var(--color-body-soft);font-size:14px;font-weight:400;line-height:1.29;letter-spacing:-.224px}.metric-value{margin:0;color:var(--color-heading);font-family:var(--font-family-display);font-size:clamp(1.5rem,3vw,2rem);font-weight:600;line-height:1.12;letter-spacing:-.2px}.muted{color:var(--color-body-soft)}.pill-row,.inline-actions,.button-row{display:flex;flex-wrap:wrap;gap:10px}.pill{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 12px;border:1px solid rgba(0,102,204,.24);border-radius:var(--radius-pill);background:transparent;color:var(--color-link);font-size:14px;font-weight:400;line-height:1.43;letter-spacing:-.224px}.status-ok{border-color:#2d8f4338;color:var(--color-success);background:rgba(45,143,67,.08)}.status-warning{border-color:#9b682938;color:var(--color-warning);background:rgba(155,104,41,.08)}.status-danger{border-color:#b423522e;color:var(--color-error);background:rgba(180,35,82,.08)}.form-grid{display:grid;gap:var(--space-4)}.form-grid.two-columns{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.field{display:grid;gap:8px}.field-label{color:var(--color-heading);font-size:14px;font-weight:600;line-height:1.29;letter-spacing:-.224px}.field-hint{margin:0;color:var(--color-body-soft);font-size:12px;line-height:1.33;letter-spacing:-.12px}.banner{margin-bottom:var(--space-4);padding:14px 16px;border-radius:var(--radius-sm);background:var(--color-bg-alt)}.banner-error{color:var(--color-error)}.banner-success{color:var(--color-success)}.empty-state{display:grid;gap:var(--space-3);justify-items:center;padding:var(--space-8) var(--space-6);text-align:center;border-radius:var(--radius-sm);background:var(--color-bg-alt)}.list-reset{margin:0;padding:0;list-style:none}.stack{display:grid;gap:var(--space-3)}.table-like-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:14px 0;border-bottom:1px solid var(--color-border-soft)}.table-like-row:last-child{padding-bottom:0;border-bottom:none}.progress-bar{width:100%;height:6px;overflow:hidden;border-radius:var(--radius-pill);background:rgba(0,0,0,.08)}.progress-fill{height:100%;border-radius:inherit;background:var(--color-primary)}.chart-frame{width:100%;overflow-x:auto}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:var(--space-6);background:rgba(0,0,0,.72);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}.modal-surface{width:min(100%,640px);padding:var(--space-7);border-radius:var(--radius-lg);background:#ffffff;box-shadow:var(--shadow-card)}@media (max-width: 900px){.ui-page-container{padding-inline:var(--space-5)}}@media (max-width: 720px){.page-header{flex-direction:column;align-items:stretch}.ui-page-container{padding-inline:var(--space-4);padding-top:var(--space-6)}}.app-shell{min-height:100vh;background:var(--color-bg)}.app-shell-frame{position:sticky;top:0;z-index:40;width:100%;padding-top:0}.topbar{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;align-items:center;gap:16px;min-height:48px;padding:8px 16px;border-radius:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);box-shadow:var(--shadow-nav)}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:28px;padding:0 10px;border-radius:var(--radius-pill);background:rgba(255,255,255,.08);color:#fff;font-size:12px;font-weight:400}.brand-title{margin:0;color:#fff;font-size:14px;font-weight:400;line-height:1.2;letter-spacing:-.224px}.brand-subtitle{margin:2px 0 0;color:#ffffffb8;font-size:10px;line-height:1.47;letter-spacing:-.08px}.topbar-nav{display:flex;align-items:center;justify-content:center;gap:2px}.topbar-link{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 12px;border-radius:var(--radius-pill);color:#ffffffd1;font-size:12px;font-weight:400;transition:color var(--transition-standard),background-color var(--transition-standard)}.topbar-link:hover,.topbar-link.active{color:#fff;background:rgba(255,255,255,.08)}.topbar-actions{align-items:center;justify-content:flex-end}.topbar-chip{white-space:nowrap;color:#ffffffd1;border-color:#ffffff2e}.page-stack{display:grid;gap:var(--space-10)}.section-shell{display:grid;gap:var(--space-5)}.section-intro{display:grid;gap:12px;max-width:62ch}.eyebrow{display:inline-flex;align-items:center;gap:8px;width:fit-content;color:var(--color-link);font-size:12px;font-weight:600;line-height:1.33;letter-spacing:-.12px}.eyebrow:before{content:"";width:10px;height:10px;border-radius:999px;background:currentColor}.eyebrow-on-dark{color:var(--color-link-dark)}.hero-copy{margin:0;max-width:58ch;color:#ffffffe0;font-size:17px;line-height:1.47;letter-spacing:-.374px}.hero-copy-sm{font-size:14px;line-height:1.43;letter-spacing:-.224px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.home-hero{min-height:min(72vh,760px);align-items:center}.home-hero-grid{align-items:stretch}.home-hero-copy,.home-hero-rail{align-content:start}.home-hero-rail{gap:16px;padding:24px;border-radius:var(--radius-sm);background:var(--color-dark-surface)}.hero-card .pill{border-color:#ffffff29;color:#fff}.hero-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hero-stat{display:grid;gap:6px;padding-top:12px;border-top:1px solid rgba(255,255,255,.12)}.hero-stat-label{color:#ffffffad;font-size:12px;line-height:1.33}.hero-stat-value{margin:0;color:#fff;font-family:var(--font-family-display);font-size:28px;font-weight:600;line-height:1.14;letter-spacing:.196px}.section-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4)}.surface-subtle{background:var(--color-bg-alt);box-shadow:none}.callout-card{background:var(--color-dark-surface-2);box-shadow:none}.quick-link-card,.metric-card,.callout-card{height:100%}.quick-link-card{position:relative;overflow:hidden;background:var(--color-bg-alt);box-shadow:none}.quick-link-card:after{content:"";position:absolute;left:24px;right:24px;bottom:0;height:1px;background:rgba(0,0,0,.08)}.feature-spotlight{background:var(--color-bg-alt);box-shadow:none}.detail-list{display:grid;gap:0}.detail-value{color:var(--color-heading);font-weight:600}.home-loading{margin-top:calc(var(--space-6) * -1)}.plan-hero-panel{background:var(--color-bg-alt);box-shadow:none}.plan-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:var(--space-5);align-items:start}.timeline-card{gap:0}.timeline-list{display:grid;gap:0}.timeline-item{position:relative;padding-left:24px}.timeline-item:before{content:"";position:absolute;left:0;top:19px;width:8px;height:8px;border-radius:999px;background:var(--color-primary)}.timeline-item:after{content:"";position:absolute;left:3px;top:31px;bottom:-14px;width:1px;background:rgba(0,113,227,.22)}.timeline-item:last-child:after{display:none}.timeline-title{margin:0;color:var(--color-heading);font-size:17px;font-weight:600;line-height:1.24;letter-spacing:-.374px}.timeline-copy{margin:4px 0 0;color:var(--color-body-soft);font-size:14px;line-height:1.43;letter-spacing:-.224px}.macro-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.macro-card{display:grid;gap:8px;padding:20px;border-radius:var(--radius-sm);background:#ffffff}.notes-prose{display:grid;gap:16px}.notes-list-card{background:var(--color-bg-alt);box-shadow:none}.note-list{display:grid;gap:10px}.note-list-item{display:flex;gap:10px}.note-step{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;padding:0 8px;border-radius:var(--radius-pill);background:rgba(0,113,227,.08);color:var(--color-link);font-size:12px;font-weight:600}.notes-paragraph{margin:0;color:var(--color-body);line-height:1.8}.settings-grid{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:start}.settings-rail{display:grid;gap:var(--space-4)}.status-tile{display:grid;gap:8px}.status-tile-value{margin:0;color:var(--color-heading);font-family:var(--font-family-display);font-size:28px;font-weight:600;line-height:1.14;letter-spacing:.196px}.code-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--radius-pill);background:#ffffff;color:var(--color-heading);font-family:var(--font-family-mono);font-size:12px;line-height:1.33}.check-list{margin:0;padding:0;list-style:none;display:grid;gap:12px}.check-list li{position:relative;padding-left:18px;color:var(--color-body-soft);line-height:1.6}.check-list li:before{content:"";position:absolute;left:0;top:10px;width:10px;height:1px;background:var(--color-primary)}.subsection-divider{width:100%;height:1px;background:rgba(0,0,0,.08)}.panel-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px 16px;background:var(--color-bg)}.auth-card{width:min(100%,var(--container-width));display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:16px}.auth-panel{display:grid;gap:16px;padding:32px;border-radius:var(--radius-lg);background:var(--color-bg-alt);box-shadow:none}.auth-brand{background:var(--color-dark);color:#fff}.auth-brand .pill,.auth-brand .muted,.auth-brand .page-subtitle,.auth-brand li,.auth-brand p,.auth-brand h1,.auth-brand h2,.auth-brand a{color:inherit}.auth-list{margin:8px 0 0;padding-left:18px;display:grid;gap:10px}.bottom-nav{position:fixed;left:50%;bottom:16px;z-index:50;display:none;transform:translate(-50%);width:min(calc(100% - 16px),760px);grid-template-columns:repeat(6,1fr);gap:8px;padding:8px;border-radius:var(--radius-pill);background:rgba(0,0,0,.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}.bottom-nav-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 6px;border-radius:var(--radius-pill);color:#ffffffb8;font-size:12px;font-weight:400;text-align:center}.bottom-nav-link.active{color:#fff;background:rgba(255,255,255,.08)}@media (max-width: 1080px){.topbar{grid-template-columns:minmax(0,1fr)}.topbar-nav{justify-content:flex-start;overflow-x:auto}.topbar-actions{justify-content:flex-start}.plan-hero-grid,.settings-grid{grid-template-columns:1fr}}@media (max-width: 900px){.auth-card,.hero-stat-grid,.macro-grid,.panel-split{grid-template-columns:1fr}}@media (max-width: 720px){.app-shell-frame{padding-top:0}.topbar-nav{display:none}.topbar-actions{justify-content:space-between}.bottom-nav{display:grid}.hero-copy{font-size:16px}.section-card-grid{grid-template-columns:1fr}}