@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-sans: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--bg-base: #070b14;--bg-surface: #0d1220;--bg-card: #111827;--bg-card-hover: #161f30;--bg-glass: rgba(255, 255, 255, .04);--bg-glass-border: rgba(255, 255, 255, .08);--bg-input: rgba(255, 255, 255, .06);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #475569;--text-accent: #38bdf8;--accent-blue: #38bdf8;--accent-blue-dim: rgba(56, 189, 248, .15);--accent-green: #34d399;--accent-red: #f87171;--accent-amber: #fbbf24;--silver-primary: #94a3b8;--silver-glow: rgba(148, 163, 184, .3);--silver-gradient: linear-gradient(135deg, #94a3b8 0%, #64748b 100%);--gold-primary: #fbbf24;--gold-glow: rgba(251, 191, 36, .3);--gold-gradient: linear-gradient(135deg, #fde68a 0%, #d97706 100%);--platinum-primary: #a78bfa;--platinum-glow: rgba(167, 139, 250, .3);--platinum-gradient: linear-gradient(135deg, #ddd6fe 0%, #7c3aed 100%);--tier-primary: var(--silver-primary);--tier-glow: var(--silver-glow);--tier-gradient: var(--silver-gradient);--border-subtle: rgba(255, 255, 255, .06);--border-mid: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .16);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--shadow-card: 0 4px 24px rgba(0, 0, 0, .4);--shadow-glow: 0 0 32px var(--tier-glow);--content-max: 1400px;--sidebar-width: 360px;--transition-fast: .15s ease;--transition-mid: .25s ease;--transition-slow: .4s ease}body[data-tier=silver]{--tier-primary: var(--silver-primary);--tier-glow: var(--silver-glow);--tier-gradient: var(--silver-gradient)}body[data-tier=gold]{--tier-primary: var(--gold-primary);--tier-glow: var(--gold-glow);--tier-gradient: var(--gold-gradient)}body[data-tier=platinum]{--tier-primary: var(--platinum-primary);--tier-glow: var(--platinum-glow);--tier-gradient: var(--platinum-gradient)}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}#root{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--bg-glass-border);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--border-mid)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;letter-spacing:-.02em}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.currency{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.glass-card{background:var(--bg-glass);border:1px solid var(--bg-glass-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes pulse-glow{0%,to{box-shadow:0 0 16px var(--tier-glow)}50%{box-shadow:0 0 32px var(--tier-glow),0 0 64px var(--tier-glow)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeInUp .4s ease forwards}:focus-visible{outline:2px solid var(--tier-primary);outline-offset:2px;border-radius:var(--radius-sm)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{opacity:1;height:20px}.app-wrapper{display:flex;flex-direction:column;min-height:100vh}.app-header{position:sticky;top:0;z-index:100;background:#070b14d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);padding:0 2rem}.header-inner{max-width:var(--content-max);margin:0 auto;height:68px;display:flex;align-items:center;gap:1.5rem}.header-logo{display:flex;align-items:center;gap:.75rem}.logo-icon{width:36px;height:36px;border-radius:var(--radius-md);background:var(--tier-gradient);display:flex;align-items:center;justify-content:center;font-size:1rem;transition:box-shadow var(--transition-mid);box-shadow:0 0 16px var(--tier-glow)}.logo-text{display:flex;flex-direction:column;line-height:1.1}.logo-title{font-size:.95rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.logo-subtitle{font-size:.7rem;font-weight:400;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.header-divider{flex:1}.header-tier-badge{display:flex;align-items:center;gap:.5rem;padding:.35rem .85rem;border-radius:99px;background:var(--bg-glass);border:1px solid var(--border-mid);font-size:.78rem;font-weight:600;color:var(--tier-primary);text-transform:uppercase;letter-spacing:.08em;transition:all var(--transition-mid)}.tier-badge-dot{width:7px;height:7px;border-radius:50%;background:var(--tier-primary);box-shadow:0 0 6px var(--tier-glow)}.disclaimer-banner{display:flex;align-items:flex-start;justify-content:center;gap:.75rem;padding:.75rem 2rem;background:#fbbf240f;border-bottom:1px solid rgba(251,191,36,.18);text-align:center}.disclaimer-icon{font-size:.95rem;color:#fbbf24;flex-shrink:0;margin-top:1px;line-height:1.5}.disclaimer-text{font-size:.775rem;line-height:1.55;color:var(--text-secondary);margin:0;max-width:var(--content-max)}.disclaimer-text strong{color:#fbbf24;font-weight:600}.app-main{flex:1;display:flex;max-width:var(--content-max);margin:0 auto;width:100%;padding:2rem;gap:2rem;align-items:flex-start}.content-area{flex:1;min-width:0;display:flex;flex-direction:column;gap:1.5rem}.tier-selector-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:1.75rem;box-shadow:var(--shadow-card)}.section-header{display:flex;align-items:center;gap:.6rem;margin-bottom:1.25rem}.section-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.section-pip{width:4px;height:4px;border-radius:50%;background:var(--text-muted)}.tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.tier-option{position:relative;cursor:pointer}.tier-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.tier-card{border:2px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.25rem 1rem;text-align:center;transition:all var(--transition-mid);background:var(--bg-surface);cursor:pointer}.tier-card:hover{border-color:var(--border-mid);background:var(--bg-card-hover);transform:translateY(-2px)}.tier-option.tier-silver input:checked+.tier-card{border-color:var(--silver-primary);background:var(--bg-card-hover);box-shadow:0 0 0 1px var(--silver-primary),0 8px 32px var(--silver-glow)}.tier-option.tier-gold input:checked+.tier-card{border-color:var(--gold-primary);background:var(--bg-card-hover);box-shadow:0 0 0 1px var(--gold-primary),0 8px 32px var(--gold-glow)}.tier-option.tier-platinum input:checked+.tier-card{border-color:var(--platinum-primary);background:var(--bg-card-hover);box-shadow:0 0 0 1px var(--platinum-primary),0 8px 32px var(--platinum-glow)}.tier-icon{font-size:1.75rem;margin-bottom:.5rem;display:block}.tier-name{font-size:.95rem;font-weight:700;letter-spacing:.03em;margin-bottom:.75rem}.tier-silver .tier-name{color:var(--silver-primary)}.tier-gold .tier-name{color:var(--gold-primary)}.tier-platinum .tier-name{color:var(--platinum-primary)}.tier-stats{display:flex;flex-direction:column;gap:.3rem}.tier-stat{display:flex;justify-content:space-between;align-items:center;font-size:.72rem;color:var(--text-secondary);gap:.5rem}.tier-stat-value{font-weight:600;font-family:var(--font-mono);color:var(--text-primary)}.modules-grid{display:flex;flex-direction:column;gap:1rem}.module-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;transition:border-color var(--transition-mid),box-shadow var(--transition-mid);box-shadow:var(--shadow-card)}.module-card:hover{border-color:var(--border-mid)}.module-card-header{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:#ffffff05;border-bottom:1px solid transparent;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast),border-color var(--transition-fast)}.module-card.expanded .module-card-header{border-bottom-color:var(--border-subtle)}.module-card-header:hover{background:#ffffff0a}.module-icon-wrap{width:40px;height:40px;border-radius:var(--radius-md);background:var(--bg-glass);border:1px solid var(--border-mid);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.module-title{flex:1;font-size:.925rem;font-weight:600;color:var(--text-primary)}.module-revenue-preview{font-family:var(--font-mono);font-size:.82rem;font-weight:600;color:var(--accent-green);opacity:.8;transition:opacity var(--transition-fast)}.module-card-header:hover .module-revenue-preview{opacity:1}.module-chevron{width:18px;height:18px;color:var(--text-muted);transition:transform var(--transition-mid),color var(--transition-fast);flex-shrink:0}.module-card.expanded .module-chevron{transform:rotate(180deg);color:var(--tier-primary)}.module-card-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.module-card.expanded .module-card-body{grid-template-rows:1fr}.module-card-body-inner{overflow:hidden}.module-fields{padding:1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:900px){.module-fields{grid-template-columns:1fr}}.field-group{display:flex;flex-direction:column;gap:.4rem}.field-label{font-size:.72rem;font-weight:500;letter-spacing:.04em;color:var(--text-secondary);text-transform:uppercase}.field-display{height:42px;padding:0 .875rem;background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:.875rem;font-family:var(--font-mono);font-weight:500;color:var(--text-secondary);display:flex;align-items:center;gap:.4rem}.field-display .lock-icon{font-size:.65rem;opacity:.5}.field-input{height:42px;padding:0 .875rem;background:var(--bg-input);border:1px solid var(--border-mid);border-radius:var(--radius-md);font-size:.9rem;font-family:var(--font-mono);font-weight:500;color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);width:100%}.field-input:hover{border-color:var(--border-strong);background:#ffffff14}.field-input:focus{outline:none;border-color:var(--tier-primary);background:#ffffff14}.field-input.silver-focus:focus{border-color:var(--silver-primary);box-shadow:0 0 0 3px var(--silver-glow)}.field-input.gold-focus:focus{border-color:var(--gold-primary);box-shadow:0 0 0 3px var(--gold-glow)}.field-input.platinum-focus:focus{border-color:var(--platinum-primary);box-shadow:0 0 0 3px var(--platinum-glow)}.module-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--border-subtle)}.module-metric{padding:.875rem 1rem;text-align:center;border-right:1px solid var(--border-subtle)}.module-metric:last-child{border-right:none}.module-metric-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.25rem}.module-metric-value{font-size:.85rem;font-weight:600;font-family:var(--font-mono);color:var(--text-primary)}.module-metric-value.positive{color:var(--accent-green)}.module-metric-value.negative{color:var(--accent-red)}.sidebar{width:var(--sidebar-width);flex-shrink:0;position:sticky;top:88px;height:calc(100vh - 120px);overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.totals-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-card)}.totals-header{padding:1.25rem 1.5rem;background:#ffffff08;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;gap:.75rem}.totals-header-icon{font-size:1rem}.totals-header-title{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary)}.totals-body{padding:1rem 1.5rem;display:flex;flex-direction:column;gap:.1rem}.totals-row{display:flex;align-items:center;justify-content:space-between;padding:.55rem 0;border-bottom:1px solid rgba(255,255,255,.04);gap:.5rem}.totals-row:last-child{border-bottom:none}.totals-row.separator{margin-top:.5rem;padding-top:1rem;border-top:1px solid var(--border-mid)}.totals-row.highlight{background:#ffffff08;margin:.1rem -.5rem;padding:.6rem .5rem;border-radius:var(--radius-sm);border-bottom:none}.totals-row.large{background:linear-gradient(135deg,#34d39914,#38bdf80f);margin:.5rem -1.5rem 0;padding:1rem 1.5rem;border-bottom:none;border-top:1px solid rgba(52,211,153,.15)}.totals-label{font-size:.75rem;font-weight:500;color:var(--text-secondary);flex:1;min-width:0}.totals-row.highlight .totals-label{color:var(--text-primary)}.totals-row.separator .totals-label{color:var(--text-primary);font-weight:600}.totals-row.large .totals-label{font-size:.82rem;font-weight:700;color:var(--text-primary)}.totals-value{font-size:.82rem;font-weight:600;font-family:var(--font-mono);color:var(--text-primary);text-align:right;white-space:nowrap}.totals-row.highlight .totals-value{color:var(--accent-green)}.totals-row.large .totals-value{font-size:1.05rem;font-weight:700;color:var(--accent-green)}.totals-value.negative{color:var(--accent-red)}.totals-value.zero{color:var(--text-muted)}.op-expense-wrap{display:flex;gap:.5rem;align-items:center;flex:1;justify-content:flex-end}.op-expense-input{width:130px;height:32px;padding:0 .65rem;background:var(--bg-input);border:1px solid var(--border-mid);border-radius:var(--radius-sm);font-size:.78rem;font-family:var(--font-mono);font-weight:500;color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);text-align:right}.op-expense-input:focus{outline:none;border-color:var(--tier-primary);box-shadow:0 0 0 2px #38bdf81a}.commission-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:1.25rem 1.5rem;box-shadow:var(--shadow-card)}.commission-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:1rem}.commission-tier-row{display:flex;align-items:center;justify-content:space-between;padding:.45rem 0;border-bottom:1px solid var(--border-subtle)}.commission-tier-row:last-child{border-bottom:none}.commission-tier-name{font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.commission-tier-dot{width:6px;height:6px;border-radius:50%}.commission-tier-pct{font-size:.8rem;font-family:var(--font-mono);font-weight:600;color:var(--text-secondary)}.commission-tier-name.silver{color:var(--silver-primary)}.commission-tier-name.silver .commission-tier-dot{background:var(--silver-primary)}.commission-tier-name.gold{color:var(--gold-primary)}.commission-tier-name.gold .commission-tier-dot{background:var(--gold-primary)}.commission-tier-name.platinum{color:var(--platinum-primary)}.commission-tier-name.platinum .commission-tier-dot{background:var(--platinum-primary)}.bg-mesh{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.bg-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.12}.bg-orb-1{width:600px;height:600px;background:var(--tier-primary);top:-200px;right:-100px;animation:orb-float 12s ease-in-out infinite}.bg-orb-2{width:400px;height:400px;background:var(--accent-blue);bottom:100px;left:-100px;animation:orb-float 10s ease-in-out infinite reverse;opacity:.07}@keyframes orb-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,15px) scale(.96)}}@media(max-width:1100px){.app-main{flex-direction:column}.sidebar{width:100%;position:static;height:auto}}@media(max-width:640px){.app-main{padding:1rem}.tier-grid{grid-template-columns:1fr}.module-metrics{grid-template-columns:repeat(2,1fr)}.module-fields{grid-template-columns:1fr}.module-metric:nth-child(2){border-right:none}.module-metric:nth-child(3){border-right:1px solid var(--border-subtle)}}