@import"https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700;800&display=swap";:root{--yellow: #EAB308;--yellow-pop: #FDE047;--yellow-muted: #FEFCE8;--yellow-dark: #CA8A04;--yellow-border: #FDE047;--amber-deep: #B45309;--gradient-brand: linear-gradient(135deg, #FDE047 0%, #F59E0B 52%, #D97706 100%);--gradient-soft: linear-gradient(180deg, rgba(254, 252, 232, .9) 0%, rgba(255, 255, 255, .96) 100%);--gradient-panel: linear-gradient(135deg, rgba(255, 249, 238, .98) 0%, rgba(255, 255, 255, .98) 40%, rgba(245, 245, 244, .94) 100%);--gradient-dark-panel: linear-gradient(135deg, rgba(35, 31, 28, .98) 0%, rgba(27, 26, 25, .98) 58%, rgba(18, 18, 17, 1) 100%);--gradient-shell: radial-gradient(circle at 10% 12%, rgba(253, 224, 71, .22), transparent 24%), radial-gradient(circle at 84% 14%, rgba(251, 146, 60, .14), transparent 22%), linear-gradient(180deg, #fffdf8 0%, #fbfaf7 34%, var(--bg-page) 100%);--gradient-shell-dark: radial-gradient(circle at 8% 8%, rgba(234, 179, 8, .1), transparent 22%), radial-gradient(circle at 84% 10%, rgba(245, 158, 11, .1), transparent 20%), linear-gradient(180deg, #171412 0%, var(--bg-page) 30%, var(--bg-page) 100%);--focus-ring: rgba(234, 179, 8, .14);--success: #16A34A;--success-bg: #F0FDF4;--error: #DC2626;--warning: #FBBF24;--font-sans: "Instrument Sans", -apple-system, BlinkMacSystemFont, sans-serif;--space-1: 4px;--space-2: 8px;--space-2-5: 10px;--space-3: 12px;--space-3-5: 14px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--radius-btn: 7px;--radius-input: 7px;--radius-logo: 7px;--radius-card: 10px;--radius-pill: 99px;--bg-page: #FAFAF9;--bg-surface: #F5F5F4;--bg-card: #FFFFFF;--border: #E7E5E4;--text-primary: #1C1917;--text-secondary: #78716C;--text-muted: #A8A29E;--shadow-card: 0 2px 24px rgba(0, 0, 0, .07)}.dark{--bg-page: #151413;--bg-surface: #211f1d;--bg-card: #2a2724;--border: #3a3631;--text-primary: #F5F2EC;--text-secondary: #D0C7BB;--text-muted: #9A9187;--yellow-muted: #1C1A0A;--success-bg: rgba(22, 163, 74, .1);--shadow-card: 0 12px 30px rgba(0, 0, 0, .22)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--gradient-shell);background-color:var(--bg-page);color:var(--text-primary);min-height:100vh;transition:background-color .2s ease,color .2s ease}body.dark{background:var(--gradient-shell-dark)}body.dark a:hover{color:var(--yellow-pop)}.dark .auth-copy,.dark .auth-card{background:linear-gradient(180deg,#282522fa,#221f1cfa);border-color:#4a443de6}.dark .auth-bullets div,.dark .auth-highlight-card{background:#ffffff0a;border-color:#4a443dd9}.dark .auth-alert{color:#fecaca;border-color:#f871713d;background:#dc26261f}.dark .header-user-pill{background:#201e1ceb;border-color:#4a443dd9}.header-nav-public{gap:4px}.header-cta{padding-inline:12px}.dark .landing-hero{background:linear-gradient(180deg,#282522fa,#221f1cfa);border-color:#4a443de6}.dark .landing-metric-card,.dark .landing-mini-card,.dark .landing-feature-card{background:#ffffff0a;border-color:#4a443dd9}a{color:var(--text-primary);text-decoration:none;font-weight:600;transition:color .15s ease}a:hover{color:var(--yellow-dark)}body:before,body:after{display:none}.app-layout{display:flex;flex-direction:column;min-height:100vh}.header{height:76px;background:transparent;border-bottom:none;position:sticky;top:0;z-index:100;transition:background-color .2s ease,border-color .2s ease}.header-container{display:flex;align-items:center;justify-content:space-between;height:calc(100% - 20px);padding:0 20px;max-width:1240px;margin:10px auto 0;border:1px solid color-mix(in srgb,var(--border) 78%,var(--yellow) 22%);border-radius:20px;background:color-mix(in srgb,var(--bg-card) 82%,white 18%);box-shadow:0 10px 30px #1c19170d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.dark .header-container{background:#272421e6;border-color:#5e554ba6;box-shadow:0 10px 30px #0000002e}.header-logo{display:flex;align-items:center;gap:12px;color:var(--text-primary)}.header-logo-mark{width:26px;height:26px;background:var(--gradient-brand);border-radius:var(--radius-logo);display:flex;align-items:center;justify-content:center;color:#1c1917;box-shadow:0 10px 24px #eab30842}.header-logo-copy{display:flex;flex-direction:column;gap:1px}.header-logo-copy span{font-size:15px;font-weight:700;letter-spacing:-.03em}.header-logo-copy small{font-size:10px;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase}.header-nav{display:flex;align-items:center;gap:6px;padding:4px;border-radius:14px;background:color-mix(in srgb,var(--bg-surface) 86%,white 14%);border:1px solid var(--border)}.dark .header-nav{background:#1e1c1ae6;border-color:#49433ccc}.header-nav a{display:flex;align-items:center;height:40px;padding:0 14px;color:var(--text-muted);font-size:12px;font-weight:600;position:relative;border-radius:11px}.header-nav a:hover{color:var(--text-primary)}.header-nav a.active{color:var(--text-primary);font-weight:600;background:color-mix(in srgb,var(--bg-card) 88%,white 12%);box-shadow:0 2px 10px #1c19170a}.dark .header-nav a{color:var(--text-secondary)}.dark .header-nav a.active{background:#332f2bf2;color:var(--text-primary)}.header-nav a.active:after{display:none}.header-actions{display:flex;align-items:center;gap:var(--space-3)}.header-user-pill{display:inline-flex;align-items:center;gap:10px;padding:6px 10px 6px 6px;border-radius:12px;border:1px solid var(--border);background:var(--bg-card);max-width:220px}.header-user-avatar{width:26px;height:26px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#f5b92a,#e8a712);color:#1c1917;font-size:11px;font-weight:800}.header-user-name{font-size:12px;font-weight:600;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.version-string{font-size:10px;color:var(--text-secondary);font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:7px 10px;border-radius:11px;background:var(--bg-surface);border:1px solid var(--border)}.dark .version-string{background:#201e1ceb;color:var(--text-secondary)}.theme-toggle{width:38px;height:38px;border-radius:11px;background:var(--gradient-soft);border:1px solid var(--border);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .15s ease,color .15s ease}.theme-toggle:hover{color:var(--text-primary);background-color:var(--border)}.dark .theme-toggle{background:#211f1df2}.dark .theme-toggle:hover{background:#3a3631f2}.main-content{flex:1;width:100%;max-width:1160px;margin:0 auto;padding:22px var(--space-6) 48px;animation:pageEnter .2s cubic-bezier(.16,1,.3,1) forwards}.main-content.wide{max-width:1200px}.main-content.narrow{max-width:600px}.main-content.auth-stage{max-width:1120px}.app-stage{position:relative}.auth-shell{min-height:calc(100vh - 120px);display:flex;align-items:center}.auth-panel{width:100%;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:28px;align-items:stretch}.auth-copy,.auth-card{border:1px solid var(--border);border-radius:20px;background:linear-gradient(180deg,#ffffffeb,#fffffffa);box-shadow:var(--shadow-card)}.auth-copy{padding:34px;display:flex;flex-direction:column;justify-content:center}.auth-card{padding:28px}.auth-title{font-size:2rem;line-height:1.05;letter-spacing:-.05em;margin-bottom:12px}.auth-subtitle{font-size:.98rem;line-height:1.6;color:var(--text-secondary);margin-bottom:22px}.auth-highlights{display:grid;grid-template-columns:1fr;gap:14px}.auth-highlight-card{padding:16px 18px;border-radius:16px;border:1px solid var(--border);background:linear-gradient(180deg,#fafaf9f5,#f5f5f4fa)}.auth-highlight-card strong{display:block;font-size:1.1rem;letter-spacing:-.04em;margin:6px 0 8px}.auth-highlight-card p{color:var(--text-secondary);font-size:.93rem;line-height:1.55}.auth-card-header h2{font-size:1.35rem;letter-spacing:-.04em;margin-bottom:4px}.auth-card-header p{color:var(--text-secondary);margin-bottom:18px}.auth-alert{margin-bottom:14px;padding:10px 12px;border-radius:12px;border:1px solid rgba(220,38,38,.2);background:#dc262614;color:#b91c1c;font-size:12px;font-weight:600}.auth-oauth-row{display:grid;gap:10px;margin-bottom:18px;grid-template-columns:1fr 1fr}.auth-oauth-btn{justify-content:center}.auth-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--text-muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--border);flex:1}.auth-form{display:grid;gap:2px}.auth-footer{margin-top:18px;color:var(--text-secondary);font-size:13px}.auth-footer a{color:var(--text-primary)}.landing-page{display:flex;flex-direction:column;gap:28px}.landing-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:28px;padding:34px;border-radius:24px;border:1px solid color-mix(in srgb,var(--border) 80%,var(--yellow) 20%);background:var(--gradient-panel);box-shadow:0 12px 28px #1c19170d}.landing-title{font-size:clamp(2rem,4vw,3.6rem);line-height:.98;letter-spacing:-.06em;margin-bottom:14px;max-width:12ch}.landing-subtitle{max-width:40rem;color:var(--text-secondary);font-size:1.02rem;line-height:1.6;margin-bottom:22px}.landing-actions{display:flex;gap:12px;margin-bottom:22px;flex-wrap:wrap}.landing-proof{display:flex;gap:16px;flex-wrap:wrap;color:var(--text-secondary);font-size:.9rem}.landing-proof span{display:inline-flex;align-items:center;gap:8px}.landing-hero-panel{display:grid;gap:16px}.landing-metric-card,.landing-mini-card,.landing-feature-card{border:1px solid var(--border);border-radius:18px;background:#ffffffeb}.landing-metric-card{padding:18px}.landing-metric-card strong{display:block;font-size:1.2rem;letter-spacing:-.04em;margin:8px 0}.landing-metric-card p,.landing-mini-card p,.landing-feature-card p{color:var(--text-secondary);line-height:1.55}.landing-metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.landing-mini-card{padding:16px;display:grid;grid-template-columns:16px 1fr;gap:12px;align-items:start}.landing-mini-card strong{display:block;font-size:.98rem;margin-bottom:4px}.landing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.landing-feature-card{padding:22px}.landing-feature-card h3{font-size:1.2rem;letter-spacing:-.04em;line-height:1.15;margin:8px 0 10px}@keyframes pageEnter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}h1,h2,h3,h4,h5{color:var(--text-primary);letter-spacing:-.01em}.page-title{font-size:28px;font-weight:800;letter-spacing:-.05em;margin-bottom:var(--space-1)}.page-header{position:relative}.page-hero{padding:22px 24px;border:1px solid color-mix(in srgb,var(--border) 80%,var(--yellow) 20%);border-radius:18px;background:var(--gradient-panel);box-shadow:0 10px 30px #1c19170d,inset 0 1px #ffffffbf;overflow:hidden}.page-hero-compact:before,.page-hero-compact:after{display:none}.hero-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:24px;padding:38px;border-radius:34px;border:1px solid color-mix(in srgb,var(--border) 76%,var(--yellow) 24%);background:var(--gradient-panel);box-shadow:0 30px 60px #1c191712,inset 0 1px #ffffffbd;position:relative;overflow:hidden}.app-hero{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);padding:20px 22px;border-radius:18px;box-shadow:0 10px 30px #1c19170d,inset 0 1px #ffffffbd}.app-hero:before,.app-hero:after{opacity:.45}.hero-split:before{content:"";position:absolute;inset:-120px auto auto -80px;width:320px;height:320px;border-radius:999px;background:radial-gradient(circle,#c4b5fd33,#c4b5fd00 72%);pointer-events:none}.hero-split:after{content:"";position:absolute;inset:auto -60px -100px auto;width:320px;height:320px;border-radius:999px;background:radial-gradient(circle,#fb923c2e,#fb923c00 74%);pointer-events:none}.dark .hero-split{background:var(--gradient-dark-panel);border-color:#fbbf241f;box-shadow:inset 0 1px #ffffff0a}.dark .page-hero,.dark .hero-split,.dark .app-panel,.dark .card,.dark .table-container,.dark .modal{background:linear-gradient(180deg,#282522fa,#221f1cfa);border-color:#4a443de6}.hero-split-copy,.hero-mosaic,.hero-preview-grid,.hero-process-panel{position:relative;z-index:1}.hero-split-copy{display:flex;flex-direction:column;justify-content:center;min-width:0}.hero-title{font-size:clamp(1.45rem,1.8vw,2rem);line-height:1.1;max-width:16ch;margin-bottom:6px}.hero-subtitle{max-width:34rem;font-size:.9rem;line-height:1.5;margin-bottom:12px}.hero-mosaic,.hero-preview-grid,.hero-process-panel{display:grid;gap:14px}.hero-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));align-content:center}.compact-mosaic .hero-mosaic-card{min-height:104px;padding:14px}.hero-mosaic-card,.hero-preview-tile,.hero-process-card{border-radius:16px;border:1px solid var(--border);background:#ffffffe6;padding:16px;min-height:112px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:inset 0 1px #ffffffa8}.dark .hero-mosaic-card,.dark .hero-preview-tile,.dark .hero-process-card{background:#ffffff0a;border-color:#534c44eb;color:var(--text-primary)}.hero-mosaic-card-accent,.hero-preview-tile-accent{background:linear-gradient(180deg,#fffae6f2,#fffffffa)}.hero-mosaic-card-dark,.hero-preview-tile-dark,.hero-process-card-dark{background:#27231f;color:#f8f7f4;border-color:#3d372f}.hero-mosaic-card-dark .label-caps,.hero-preview-tile-dark .label-caps,.hero-process-card-dark .label-caps,.hero-mosaic-card-dark p,.hero-preview-tile-dark p,.hero-process-card-dark p{color:#f8f7f4c2}.hero-mosaic-value{font-size:2rem;font-weight:800;line-height:1;letter-spacing:-.06em}.hero-mosaic-value.small{font-size:1.45rem}.hero-mosaic-meta,.hero-preview-tile p,.hero-process-card p,.hero-mosaic-text{font-size:.93rem;line-height:1.45;color:var(--text-secondary)}.dark .hero-mosaic-meta,.dark .hero-preview-tile p,.dark .hero-process-card p,.dark .hero-mosaic-text{color:var(--text-secondary)}.hero-mosaic-inline{display:flex;align-items:flex-end;gap:10px}.hero-mosaic-icon{width:36px;height:36px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#fde0474d;color:var(--amber-deep);margin-bottom:12px}.hero-preview-grid,.hero-process-panel{grid-template-columns:1fr;align-content:center}.hero-preview-tile strong,.hero-process-card strong{font-size:1.18rem;line-height:1.1;letter-spacing:-.04em}.showcase-panel{margin-bottom:28px;padding:24px;border-radius:20px;background:#201d1a;border:1px solid #36312c;color:#f8f7f4;box-shadow:0 18px 42px #11111024}.app-panel{padding:20px;border-radius:18px;background:linear-gradient(180deg,#ffffffe0,#fffffff5);border:1px solid color-mix(in srgb,var(--border) 78%,var(--yellow) 22%);color:var(--text-primary);box-shadow:0 10px 30px #1c19170d}.dark .app-panel{background:linear-gradient(180deg,#232220f5,#1c1b1afa);border-color:var(--border);color:var(--text-primary)}.app-panel .label-caps,.app-panel p{color:var(--text-secondary)}.showcase-panel .label-caps,.showcase-panel p{color:#f8f7f4b8}.dark .showcase-panel{background:linear-gradient(180deg,#2a2623fa,#24211efa);border-color:#504942e6}.dark .showcase-panel .label-caps,.dark .showcase-panel p,.dark .showcase-panel-title{color:var(--text-primary)}.dark .showcase-panel .label-caps{color:var(--text-secondary)}.showcase-panel-header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px}.showcase-panel-title{font-size:clamp(1.05rem,1.4vw,1.35rem);letter-spacing:-.05em;line-height:1.15}.dark .page-hero{background:var(--gradient-dark-panel);border-color:#fbbf241f;box-shadow:inset 0 1px #ffffff08}.page-hero:before{content:"";position:absolute;inset:auto auto -56px -20px;width:220px;height:220px;border-radius:999px;background:radial-gradient(circle,#fde04757,#fde04700 72%);pointer-events:none}.page-hero:after{content:"";position:absolute;top:-80px;right:-30px;width:240px;height:240px;border-radius:999px;background:radial-gradient(circle,#f59e0b2e,#f59e0b00 74%);pointer-events:none}.page-hero-centered{text-align:center;max-width:720px;margin-left:auto;margin-right:auto}.page-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;padding:6px 12px;border-radius:var(--radius-pill);background:#ffffffb8;border:1px solid rgba(234,179,8,.2);color:var(--amber-deep);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;position:relative;z-index:1}.dark .page-kicker{background:#f5f2ec0f;color:#e8dcc4;border-color:#5d544ae6}.page-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;position:relative;z-index:1}.page-header-actions{display:flex;gap:8px;flex-wrap:wrap;position:relative;z-index:1}.page-subtitle{font-size:14px;color:var(--text-secondary);margin-bottom:var(--space-6)}.label-caps{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.card{background:linear-gradient(180deg,#fffffff0,#fff);border:1px solid var(--border);border-radius:16px;padding:var(--space-6);transition:border-color .15s ease,box-shadow .15s ease,background-color .2s ease,transform .15s ease}.dark .card{background:linear-gradient(180deg,#232220f5,#1c1b1afa)}.feature-card-dark{background:linear-gradient(180deg,#ffffff09,#ffffff05);border-color:#ffffff14;color:#f8f7f4}.app-panel .feature-card-dark{background:linear-gradient(180deg,#fafaf9f5,#f5f5f4fa);border-color:var(--border);color:var(--text-primary)}.dark .app-panel .feature-card-dark{background:linear-gradient(180deg,#232220f5,#1c1b1afa);border-color:var(--border);color:var(--text-primary)}.feature-card-dark .card-title,.feature-card-dark .label-caps,.feature-card-dark span,.feature-card-dark div,.feature-card-dark p{color:inherit}.feature-card-dark .label-caps{color:#f8f7f499}.app-panel .feature-card-dark .label-caps{color:var(--text-muted)}.feature-card-dark [style*=borderBottom]{border-bottom-color:#ffffff14!important}.app-panel .feature-card-dark [style*=borderBottom]{border-bottom-color:var(--border)!important}.app-summary-grid .hero-preview-tile,.app-summary-grid .hero-process-card{min-height:110px;background:linear-gradient(180deg,#fafaf9e6,#fffffff5);border-color:var(--border)}.dark .app-summary-grid .hero-preview-tile,.dark .app-summary-grid .hero-process-card{background:#2e2a26f2;border-color:#534c44eb}.card-accent{background:linear-gradient(135deg,#fefce8fa,#fff 56%,#fff8c4b3);border-color:#eab3083d}.dark .card-accent{background:linear-gradient(180deg,#37322cfa,#292521fa);border-color:#6e5e2acc}.card:hover{box-shadow:0 10px 30px #1c19170d}.dark .card:hover{border-color:#3f3d3a;box-shadow:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-sans);font-size:12px;font-weight:650;border-radius:11px;padding:9px 14px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn:active:not(:disabled){transform:scale(.97);transition-duration:.1s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,#f5b92a,#e8a712);color:#1c1917;border:1px solid #d99a11;box-shadow:none}.btn-primary:hover:not(:disabled){filter:brightness(.98);box-shadow:none}.btn-outline{background-color:transparent;color:var(--text-primary);border:1px solid var(--border)}.dark .btn-outline{color:var(--text-primary)}.btn-outline:hover:not(:disabled){background-color:var(--bg-surface)}.btn-ghost{background-color:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){background-color:var(--bg-surface);color:var(--text-primary)}.btn-full{width:100%;padding:12px 16px;font-size:13px}.btn-icon-only{padding:8px}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;font-size:11.5px;font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-1)}.form-input,.form-textarea{width:100%;background-color:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:10px 12px;font-size:12px;color:var(--text-primary);font-family:var(--font-sans);transition:all .15s ease;outline:none}.form-textarea{resize:vertical;line-height:1.6}.form-input:focus,.form-textarea:focus{border-color:var(--yellow);box-shadow:0 0 0 3px var(--focus-ring)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}select.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:12px;padding-right:32px}.dark select.form-input{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A8A29E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")}.chip{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;font-size:10px;font-weight:700;white-space:nowrap}.chip-yellow{background-color:var(--yellow-muted);color:var(--yellow-dark);border:1px solid var(--yellow-border)}.dark .chip-yellow{color:var(--yellow);border-color:#eab30866}.chip-neutral{background-color:var(--bg-surface);color:var(--text-muted);border:1px solid transparent}.dark .chip-neutral{background-color:#322e2af2;color:var(--text-secondary);border-color:#4a443dd9}.pill-group{display:inline-flex;background-color:var(--bg-surface);padding:3px;border-radius:12px;border:1px solid var(--border)}.pill-tab{padding:7px 12px;border-radius:9px;font-size:11px;font-weight:600;color:var(--text-muted);background-color:transparent;border:none;cursor:pointer;transition:all .15s ease}.pill-tab:hover:not(.active){color:var(--text-secondary)}.pill-tab.active{background-color:var(--bg-card);color:var(--text-primary);box-shadow:0 1px 2px #0000000d}.pill-tab.active-yellow{background-color:var(--yellow-muted);color:var(--yellow-dark);border:1px solid var(--yellow-border);box-shadow:none;margin:-1px}.dark .pill-tab.active-yellow{color:var(--yellow);border-color:#eab30866}.nudge-bar{margin-top:var(--space-7);padding:var(--space-5) var(--space-6);border:1px solid var(--border);border-radius:18px;background:linear-gradient(180deg,#ffffffd6,#fffffff5);display:flex;justify-content:space-between;align-items:center}.nudge-text{font-size:12px;color:var(--text-muted);font-weight:600}.nudge-btn{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);font-size:11px;padding:6px 14px;border-radius:var(--radius-pill);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .15s ease}.dark .nudge-btn{color:var(--text-primary);border-color:var(--border)}.nudge-btn:hover{background-color:var(--bg-surface);color:var(--text-primary);border-color:var(--border)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 20px;text-align:center}.empty-state svg{width:40px;height:40px;opacity:.18;color:var(--text-primary);margin-bottom:var(--space-4)}.empty-state h3{font-size:16px;font-weight:700;margin-bottom:var(--space-1)}.empty-state p{font-size:13px;color:var(--text-muted);margin-bottom:var(--space-5);max-width:300px}.toast-container{position:fixed;top:var(--space-5);right:var(--space-5);z-index:1000}.toast{background-color:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-card);padding:12px 16px;border-radius:var(--radius-card);display:flex;align-items:center;gap:var(--space-3);font-size:13px;font-weight:600;color:var(--text-primary);animation:toastSlide .2s cubic-bezier(.16,1,.3,1) forwards}.toast-success svg{color:var(--success)}.toast-error svg{color:var(--error)}.toast-warning svg{color:var(--warning)}@keyframes toastSlide{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.stat-val-large{font-size:30px;font-weight:800;letter-spacing:-1px;line-height:1.1;color:var(--text-primary)}.stat-card{position:relative;overflow:hidden;min-height:132px}.stat-card:after{content:"";position:absolute;inset:auto -28px -34px auto;width:110px;height:110px;border-radius:999px;background:radial-gradient(circle,#fde04729,#fde04700 72%);pointer-events:none}.tips-block{background:linear-gradient(180deg,color-mix(in srgb,var(--bg-surface) 88%,white 12%) 0%,var(--bg-surface) 100%);border-radius:16px;padding:var(--space-5);border:1px solid var(--border)}.editorial-tips{background:linear-gradient(135deg,#fff9eeeb,#fff 70%);border-color:color-mix(in srgb,var(--border) 75%,var(--yellow) 25%)}.tips-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:var(--space-3)}.tip-item{display:flex;align-items:flex-start;gap:var(--space-2);font-size:13px;color:var(--text-secondary);margin-bottom:var(--space-2)}.tip-item:last-child{margin-bottom:0}.tip-item .arrow{color:var(--yellow);font-weight:800;margin-top:1px}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton{background-color:var(--border);border-radius:4px;position:relative;overflow:hidden}.dark .skeleton{background-color:var(--bg-surface)}.skeleton:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 1.5s infinite}.dark .skeleton:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent)}.step-dot-row{display:flex;align-items:center;justify-content:center;gap:0}.step-item{display:flex;flex-direction:column;align-items:center;position:relative;width:100px}.step-dot{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2;transition:all .4s cubic-bezier(.16,1,.3,1)}.step-item.done .step-dot{background-color:var(--success);color:#fff}.step-item.current .step-dot{background-color:var(--yellow)}.step-item.pending .step-dot{background-color:var(--bg-surface);border:2px solid var(--border)}.step-label{position:absolute;bottom:-20px;font-size:10px;font-weight:600;white-space:nowrap}.step-item.done .step-label{color:var(--success)}.step-item.current .step-label{color:var(--text-primary)}.step-item.pending .step-label{color:var(--text-muted)}.step-line{position:absolute;top:11px;left:50%;width:100%;height:2px;z-index:1;transition:background-color .4s ease}.step-item.done .step-line{background-color:var(--success)}.step-item.pending .step-line,.step-item.current .step-line{background-color:var(--border)}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}.score-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.actions-bar{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}.table-container{border:1px solid var(--border);border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#ffffffeb,#fff);box-shadow:var(--shadow-card)}.dark .table-container{background:linear-gradient(180deg,#232220f5,#1c1b1afa)}.table-container table{width:100%;border-collapse:collapse}.table-container thead{background:linear-gradient(180deg,#f8f8f7fa,#f3f3f2fa)}.dark .table-container thead{background:linear-gradient(180deg,#292524f5,#1c1b1af5)}.table-container th,.table-container td{padding:13px 16px;text-align:left;border-bottom:1px solid var(--border);font-size:12.5px}.table-container th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.table-container tbody tr:hover{background:#1c191705}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c191775;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:300}.modal{width:min(760px,100%);max-height:min(88vh,920px);overflow-y:auto;border-radius:22px;border:1px solid color-mix(in srgb,var(--border) 75%,var(--yellow) 25%);background:var(--gradient-panel);box-shadow:0 30px 80px #1c191738;padding:24px}.dark .modal{background:var(--gradient-dark-panel)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.mobile-bottom-nav{display:none}@media(max-width:768px){.header{height:58px}.header-nav{display:none}.header-container{height:calc(100% - 10px);margin-top:6px;padding:0 14px;border-radius:20px}.header-logo-copy small,.header-user-pill,.version-string{display:none}.main-content{padding:var(--space-5) var(--space-4);padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}.page-title{font-size:20px}.hero-split{grid-template-columns:1fr;padding:22px 18px;border-radius:26px}.hero-title{font-size:2.2rem;max-width:14ch}.hero-subtitle{font-size:.98rem;max-width:none}.hero-mosaic{grid-template-columns:1fr 1fr}.showcase-panel{padding:18px;border-radius:26px}.auth-panel,.landing-hero,.landing-grid{grid-template-columns:1fr}.auth-copy,.auth-card{padding:22px}.auth-oauth-row,.landing-metric-grid{grid-template-columns:1fr}.landing-title{max-width:none;font-size:2.4rem}.landing-proof{flex-direction:column;gap:10px}.card{padding:var(--space-4)}[style*="grid-template-columns: 1fr 1fr"],[style*="gridTemplateColumns: '1fr 1fr'"],[style*="minmax(0, 1fr) minmax(0, 1fr)"],[style*="gridTemplateColumns: 'minmax"]{grid-template-columns:1fr!important}.stat-grid{grid-template-columns:1fr 1fr!important;gap:var(--space-3)!important}.stats-grid{grid-template-columns:1fr 1fr}.pill-group{flex-wrap:wrap}.nudge-bar{flex-direction:column;gap:var(--space-2);text-align:center;padding:var(--space-4)}.page-header{margin-bottom:var(--space-5)}.page-hero{padding:20px 18px}.page-header-row,.actions-bar{flex-direction:column;align-items:stretch}.page-header-actions{width:100%}.page-header-actions .btn{flex:1}.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:calc(64px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background-color:var(--bg-card);border-top:1px solid var(--border);z-index:200;align-items:center;justify-content:space-around}.table-container{overflow-x:auto}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:1;height:100%;color:var(--text-muted);font-size:10px;font-weight:600;text-decoration:none;transition:color .15s ease;padding-bottom:4px}.mobile-nav-item:hover{color:var(--text-primary)}.mobile-nav-item.active{color:var(--yellow-dark)}.mobile-nav-item.primary{flex:1.5;color:#1c1917;background-color:var(--yellow);border-radius:14px;margin:10px 6px;height:calc(100% - 20px);padding-bottom:0;font-weight:700;font-size:11px;gap:4px;transition:background-color .15s ease,transform .1s ease}.mobile-nav-item.primary:hover,.mobile-nav-item.primary:active{background-color:var(--yellow-pop);color:#1c1917;transform:scale(.97)}.mobile-nav-item.primary.active{background-color:var(--yellow);box-shadow:0 0 0 3px #eab30840;color:#1c1917}}@media(max-width:480px){.main-content{padding:var(--space-4) var(--space-3);padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}.page-title{font-size:18px}.hero-title{font-size:1.9rem}.auth-title{font-size:1.7rem}.landing-title{font-size:2rem}.hero-mosaic,.hero-preview-grid,.hero-process-panel,.score-grid,.input-grid,.landing-metric-grid,.landing-grid{grid-template-columns:1fr!important}.page-subtitle{font-size:13px}.btn{font-size:13px;padding:8px 14px}.stat-grid,.stats-grid{grid-template-columns:1fr!important}}.premium-modal{max-width:440px;width:90%;padding:38px 32px;border-radius:24px;border:1px solid color-mix(in srgb,var(--yellow) 30%,var(--border));background:var(--bg-card);box-shadow:0 24px 60px #0000001f,inset 0 1px #fff9;position:relative;overflow:hidden;text-align:center}.dark .premium-modal{background:linear-gradient(180deg,#231f1cfa,#1b1a19fa);border:1px solid rgba(234,179,8,.2);box-shadow:0 24px 60px #0006,inset 0 1px #ffffff0d}.pricing-close-btn{position:absolute;top:16px;right:16px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:50%;display:flex;transition:all .15s ease}.pricing-close-btn:hover{background:var(--bg-surface);color:var(--text-primary);transform:scale(1.05)}.pricing-header{display:flex;flex-direction:column;align-items:center;margin-bottom:28px}.pricing-sparkle{margin-bottom:12px}.pricing-header h2{font-size:1.8rem;font-weight:800;letter-spacing:-.04em;margin-bottom:8px;background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.pricing-header p{color:var(--text-secondary);font-size:.95rem;line-height:1.5;max-width:300px}.pricing-tiers{margin-bottom:24px;text-align:left}.premium-tier{position:relative;padding:24px;border-radius:18px;border:2px solid color-mix(in srgb,var(--yellow) 40%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--yellow) 4%,transparent) 0%,transparent 100%);overflow:hidden}.premium-glow{position:absolute;top:-50px;left:-50px;width:150px;height:150px;background:radial-gradient(circle,color-mix(in srgb,var(--yellow) 30%,transparent) 0%,transparent 70%);pointer-events:none}.tier-badge{position:absolute;top:12px;right:12px;background:var(--yellow-pop);color:#1c1917;font-size:11px;font-weight:800;padding:4px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.05em}.tier-header{margin-bottom:20px}.tier-header h3{font-size:1.1rem;color:var(--text-secondary);margin-bottom:8px}.tier-price{display:flex;align-items:flex-start;gap:4px;color:var(--text-primary)}.tier-price .currency{font-size:1.4rem;font-weight:600;margin-top:4px;color:var(--text-muted)}.tier-price .amount{font-size:3rem;font-weight:800;line-height:1;letter-spacing:-.05em}.tier-features{list-style:none;padding:0;display:flex;flex-direction:column;gap:12px}.tier-features li{display:flex;align-items:flex-start;gap:10px;font-size:.95rem;color:var(--text-secondary);line-height:1.4}.tier-features li strong{color:var(--text-primary)}.feature-icon{color:var(--yellow-dark);flex-shrink:0;margin-top:2px}.pricing-checkout-zone{display:flex;flex-direction:column;gap:14px}.discount-input-wrapper{position:relative}.discount-input{width:100%;padding:14px 16px;border-radius:12px;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-primary);font-size:.95rem;text-align:center;font-weight:500;outline:none;transition:all .2s ease}.discount-input:focus{border-color:var(--yellow);box-shadow:0 0 0 4px var(--focus-ring);background:var(--bg-card)}.btn-checkout{width:100%;padding:16px;border-radius:12px;font-size:1.05rem;font-weight:700;background:var(--gradient-brand);color:#1c1917;border:none;box-shadow:0 6px 16px color-mix(in srgb,var(--yellow) 30%,transparent),inset 0 1px #fff6;cursor:pointer;transition:all .2s ease}.btn-checkout:hover{transform:translateY(-2px);box-shadow:0 10px 24px color-mix(in srgb,var(--yellow) 45%,transparent),inset 0 1px #fff9}.btn-checkout.loading{opacity:.8;pointer-events:none;transform:none}.checkout-trust{font-size:.8rem;color:var(--text-muted);font-weight:500}.pricing-error-banner{display:flex;align-items:center;gap:8px;padding:12px 14px;background:#dc26261a;border:1px solid rgba(220,38,38,.2);border-radius:10px;color:#dc2626;font-size:.9rem;font-weight:600;margin-bottom:20px;text-align:left}.header-credits{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:12px;background:color-mix(in srgb,var(--yellow) 15%,transparent);color:var(--yellow-dark);font-weight:700;font-size:13px;cursor:pointer;border:1px solid color-mix(in srgb,var(--yellow) 30%,transparent);transition:all .15s ease}.dark .header-credits{color:var(--yellow-pop)}.header-credits:hover{background:color-mix(in srgb,var(--yellow) 25%,transparent);transform:translateY(-1px)}@media print{@page{margin:0}body>*:not(#root){display:none!important}.no-print{display:none!important}.app-layout>*:not(.main-content){display:none!important}.main-content>*:not(.print-only){display:none!important}.print-only{display:block!important;position:static;margin:0;padding:0}body,html{background:#fff!important;height:100%}.print-only *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}