:root{color:#142537;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--page-bg:#eaf0f6;--shell-border:#d6dee9;--sidebar:#0f1e35;--sidebar-strong:#172944;--surface:#fff;--surface-soft:#f6f8fb;--line:#dfe6ef;--line-strong:#ced8e4;--text-main:#142537;--text-soft:#607084;--text-faint:#8694a8;--blue:#2f6fd5;--purple:#7758d8;--green:#228b63;--amber:#c98516;--shadow:0 18px 48px #12233714;background:#eaf0f6;font-family:Manrope,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{background:var(--page-bg)}body{background:linear-gradient(#edf2f7 0%,#e8eef6 100%);min-width:320px;min-height:100vh;margin:0}button{font:inherit}#app{height:100vh;min-height:100vh;padding:0}.auth-shell{background:radial-gradient(circle at top,#2f6fd524,#0000 34%),linear-gradient(#f5f8fc 0%,#e8eef6 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-panel{gap:28px;width:min(100%,460px);display:grid}.auth-brand{align-items:center;gap:14px;display:flex}.auth-copy{gap:10px;display:grid}.auth-eyebrow{color:var(--blue);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.74rem;font-weight:800}.auth-description{color:var(--text-soft);margin:0;font-size:.98rem}.auth-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffc;border:1px solid #d6dee9e6;border-radius:28px;padding:10px;box-shadow:0 24px 80px #12233724}.clerk-root{width:100%}.clerk-card{width:100%;box-shadow:none;background:0 0;border:0}.clerk-header-title{color:var(--text-main);letter-spacing:-.03em;font-size:1.2rem;font-weight:700}.clerk-header-subtitle,.clerk-divider-text,.clerk-muted-text,.clerk-alert-text{color:var(--text-soft)}.clerk-label{color:var(--text-main);font-weight:600}.clerk-input{border-color:var(--line-strong);min-height:46px;color:var(--text-main);box-shadow:none;background:#f7f9fc;border-radius:14px}.clerk-input:focus,.clerk-input:focus-within{border-color:#2f6fd566;box-shadow:0 0 0 4px #2f6fd51f}.clerk-password-toggle{color:var(--text-soft)}.clerk-primary-button,.clerk-social-button{min-height:46px;box-shadow:none;border-radius:14px;font-weight:700}.clerk-primary-button{background:linear-gradient(135deg,#162744 0%,#21406f 100%)}.clerk-social-button{border-color:var(--line);background:#fff}.clerk-social-button-text,.clerk-footer-link{color:var(--text-main)}.clerk-footer-link{font-weight:700;text-decoration:none}.clerk-divider-line{background:var(--line)}.product-shell{border:1px solid var(--shell-border);background:var(--surface);height:100vh;box-shadow:var(--shadow);border-radius:0;grid-template-columns:280px minmax(0,1fr);display:grid;overflow:hidden}.sidebar{color:#f5f8fcf0;background:linear-gradient(#13253f 0%,#0d1a2e 100%);flex-direction:column;gap:22px;height:100%;padding:24px 18px 18px;display:flex}.brand-panel{background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:14px;padding:16px 14px;display:flex}.brand-mark{background:linear-gradient(#1a3154,#142743);border:1px solid #acccff42;border-radius:14px;flex:0 0 42px;width:42px;height:42px;position:relative}.brand-mark-dot{background:#8fc2ff;border-radius:999px;width:9px;height:9px;position:absolute;bottom:9px;right:9px}.brand-mark-rise{clip-path:polygon(0 100%,0 58%,38% 48%,58% 24%,100% 0,100% 100%);background:linear-gradient(#c7e4ff,#74adff);border-radius:4px 4px 0 0;width:16px;height:12px;position:absolute;bottom:10px;left:11px}.brand-name{letter-spacing:-.03em;font-size:1.1rem;font-weight:700}.brand-tagline{color:#e9eff7b8;margin:2px 0 0;font-size:.9rem}.workspace-label{color:#cdd9eb85;letter-spacing:.16em;text-transform:uppercase;padding:0 8px;font-size:.72rem;font-weight:800}.nav-list{gap:8px;display:grid}.nav-item{color:#eff4fae6;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:16px;align-items:center;gap:12px;width:100%;padding:14px;font-size:.96rem;font-weight:600;transition:background-color .16s,border-color .16s,transform .16s;display:flex}.nav-item:hover{background:#ffffff0a}.nav-item.active{background:#ffffff14;border-color:#ffffff14;transform:translate(2px)}.nav-indicator{background:#c4d6f247;border-radius:999px;flex:0 0 7px;width:7px;height:7px}.nav-item.active .nav-indicator{background:#9cc8ff;box-shadow:0 0 0 4px #9cc8ff1f}.sidebar-note{background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;margin-top:auto;padding:18px 16px}.sidebar-note-label,.card-label,.hero-kicker,.table-caption{color:var(--text-faint);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:800}.sidebar-note-label{color:#d6e1f18a}.sidebar-note h2{letter-spacing:-.03em;color:#f5f8fc;margin:8px 0;font-size:1.15rem;line-height:1.15}.sidebar-note p:last-child{color:#e6ecf5bd;margin:0;font-size:.92rem}.workspace{background:var(--surface-soft);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;gap:16px;min-height:70px;padding:16px 24px;display:flex}.topbar-left,.topbar-right,.window-dots,.hero-flags,.toolbar-tabs,.chip-row,.legend-row{align-items:center;display:flex}.topbar-left,.topbar-right{gap:14px}.topbar-right{flex-wrap:wrap;justify-content:flex-end}.window-dots{gap:8px}.window-dots span{background:#d5dde8;border-radius:999px;width:8px;height:8px}.topbar-title,.topbar-org,.hero-description,.insight-text,.card-note,.table-card-header p{margin:0}.topbar-title{color:var(--text-soft);font-weight:600}.topbar-title span{color:#b2bfce;margin:0 6px}.topbar-pill,.status-pill,.mini-chip,.ghost-button,.solid-button,.toolbar-tab,.toolbar-action,.legend-item{border-radius:999px}.topbar-pill,.status-pill,.mini-chip,.legend-item{justify-content:center;align-items:center;display:inline-flex}.topbar-pill{color:var(--blue);background:#eef4ff;padding:7px 12px;font-size:.81rem;font-weight:700}.topbar-org{color:var(--text-soft);font-weight:600}.user-chip{border:1px solid var(--line);background:var(--surface);border-radius:999px;align-items:center;gap:10px;padding:6px 8px 6px 12px;display:inline-flex}.user-chip-text{color:var(--text-main);font-weight:600}.page{overscroll-behavior:contain;flex-direction:column;gap:16px;min-width:0;min-height:0;padding:20px;display:flex;overflow-y:auto}.hero-card,.toolbar-card,.stat-card,.insight-card,.canvas-card,.mix-card,.table-card,.support-card{border:1px solid var(--line);background:var(--surface);border-radius:20px;box-shadow:0 6px 20px #12233708}.hero-card{justify-content:space-between;align-items:flex-start;gap:24px;padding:24px;display:flex}.hero-copy{max-width:780px}.hero-kicker{margin-bottom:10px}h1,h2{color:var(--text-main);letter-spacing:-.04em;margin:0}h1{font-size:clamp(2rem,3vw,2.6rem);line-height:1.02}.hero-description{max-width:780px;color:var(--text-soft);margin-top:12px;font-size:1rem}.hero-flags{flex-wrap:wrap;justify-content:flex-end;gap:10px}.status-pill{border:1px solid var(--line);background:var(--surface-soft);color:var(--text-main);white-space:nowrap;padding:9px 14px;font-size:.83rem;font-weight:700}.status-pill.recommendation{color:var(--green);background:#edf8f2;border-color:#228b631f}.toolbar-card{justify-content:space-between;align-items:center;gap:18px;padding:10px;display:flex}.toolbar-tabs{flex-wrap:wrap;gap:8px}.toolbar-tab,.toolbar-action{border:1px solid var(--line);background:var(--surface);color:var(--text-soft);cursor:pointer;padding:10px 14px;font-weight:600}.toolbar-tab.active{border-color:var(--line-strong);background:var(--surface-soft);color:var(--text-main)}.toolbar-action{color:var(--text-main);padding-inline:18px}.stats-grid,.canvas-grid,.lower-grid{gap:16px;display:grid}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card,.support-card{padding:18px}.stat-card h2,.insight-card h2,.canvas-card h2,.mix-card h2,.table-card h2,.support-card h2{margin-top:8px;font-size:clamp(1.35rem,2.2vw,1.95rem);line-height:1.05}.card-note{color:var(--text-soft);margin-top:8px}.insight-card{padding:20px}.insight-text{color:var(--text-soft);margin-top:10px;font-size:.98rem}.chip-row{flex-wrap:wrap;gap:8px;margin-top:16px}.mini-chip{border:1px solid var(--line);background:var(--surface-soft);color:var(--text-main);padding:8px 12px;font-size:.83rem;font-weight:700}.canvas-grid{grid-template-columns:minmax(0,1.55fr) minmax(320px,.95fr)}.canvas-card,.mix-card{padding:20px}.placeholder-chart{grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:12px;height:210px;margin-top:24px;padding:0 4px;display:grid}.bar{border-radius:14px 14px 8px 8px;box-shadow:inset 0 1px #ffffff61}.bar.amber{background:linear-gradient(#ffc451,#f3aa33);height:28px}.bar.blue{background:linear-gradient(#7ab5ff,#4085ec);height:52px}.bar.lavender{background:linear-gradient(#c49aff,#8e5de8);height:40px}.bar.mint{background:linear-gradient(#7fe7b3,#39bf7f);height:116px}.bar.sky{background:linear-gradient(#8fc4ff,#4f8df2);height:138px}.bar.violet{background:linear-gradient(#c58cff,#9156ec);height:192px}.bar.short{transform:translateY(6px)}.bar.tall{transform:translateY(-8px)}.bar.taller{transform:translateY(-16px)}.bar.tallest{transform:translateY(-26px)}.chart-labels{color:var(--text-faint);text-align:center;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:12px;padding:0 4px;font-size:.73rem;display:grid}.chart-labels span{text-wrap:balance}.placeholder-line{border:1px solid var(--line);background:linear-gradient(176deg,#0000 44%,#4085ecbf 45%,#0000 48%),linear-gradient(#fafcff,#eff4fa);border-radius:999px;height:36px;margin-top:18px}.mix-card{text-align:center;flex-direction:column;align-items:center;display:flex}.mix-donut{aspect-ratio:1;background:conic-gradient(#2f6fd5 0 28%, #7758d8 28% 54%, #28b579 54% 78%, #f0aa2d 78% 100%);border-radius:50%;width:min(238px,100%);margin-top:22px;position:relative}.mix-hole{border:1px solid var(--line);background:var(--surface);text-align:center;border-radius:50%;place-items:center;display:grid;position:absolute;inset:24%}.mix-hole span{color:var(--text-faint);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:800}.mix-hole strong{max-width:112px;color:var(--text-main);letter-spacing:-.04em;margin-top:4px;font-size:1.72rem;line-height:1;display:block}.legend-row{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px}.legend-item{background:var(--surface-soft);color:var(--text-soft);padding:8px 12px;font-size:.82rem;font-weight:600}.legend-item:before{content:"";background:currentColor;border-radius:999px;width:8px;height:8px;margin-right:8px}.legend-item.blue{color:var(--blue)}.legend-item.purple{color:var(--purple)}.legend-item.green{color:var(--green)}.legend-item.amber{color:var(--amber)}.table-card{padding:20px}.table-card-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.table-card-header p{color:var(--text-soft);margin-top:8px}.table-caption{padding-top:8px}.scaffold-table{border:1px solid var(--line);background:var(--surface);border-radius:18px;margin-top:18px;display:grid;overflow:hidden}.table-row{align-items:start;gap:16px;padding:16px 18px;display:grid}.table-row+.table-row{border-top:1px solid var(--line)}.generic-row{grid-template-columns:minmax(150px,1.1fr) 120px minmax(220px,1.7fr) 110px}.pricing-row{grid-template-columns:minmax(180px,1.2fr) 100px 140px 130px minmax(280px,2fr)}.table-head{background:var(--surface-soft);color:var(--text-faint);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;font-weight:800}.table-cell{color:var(--text-soft);white-space:pre-line;line-height:1.45}.table-cell--primary,.table-cell--emphasis{color:var(--text-main);font-weight:700}.table-cell--blue{color:var(--blue)}.table-cell--green{color:var(--green)}.table-cell--amber{color:var(--amber)}.lower-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=1200px){.product-shell{grid-template-columns:260px minmax(0,1fr)}.canvas-grid,.lower-grid{grid-template-columns:1fr}}@media (width<=960px){#app{padding:0}.auth-shell{padding:18px}.product-shell{border:0;border-radius:0;grid-template-columns:1fr;height:100vh}.sidebar{gap:16px;padding:16px 14px}.nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar,.hero-card,.toolbar-card,.table-card-header{flex-direction:column;align-items:flex-start}.topbar-right,.hero-flags{justify-content:flex-start}.stats-grid{grid-template-columns:1fr}.generic-row,.pricing-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.auth-shell{padding:14px}.auth-card{border-radius:24px;padding:6px}.page{padding:12px}.topbar{padding:14px 16px}.nav-list,.lower-grid{grid-template-columns:1fr}.brand-panel,.hero-card,.toolbar-card,.stat-card,.insight-card,.canvas-card,.mix-card,.table-card,.support-card,.scaffold-table{border-radius:18px}.chart-labels{grid-template-columns:repeat(3,minmax(0,1fr))}.generic-row,.pricing-row{grid-template-columns:1fr;gap:10px}}