[data-v-6300e17c]{margin:0;padding:0;box-sizing:border-box}[data-v-6300e17c]:root{--bg: #0d0d0d;--bg-elev: #1a1a1a;--bg-elev-2: #232323;--border: #2a2a2a;--text: #e8e8e8;--text-dim: #9a9a9a;--accent: #ff7a1a;--accent-hover: #ff9444;--error: #ff4d4f;--success: #52c41a;--positive: #52c41a;--negative: #ff4d4f}html[data-v-6300e17c]{font-size:16px}body[data-v-6300e17c]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6}#app[data-v-6300e17c]{min-height:100vh;display:flex;flex-direction:column}.header[data-v-6300e17c]{background:linear-gradient(135deg,#1a1a1a,#2a1a0d);color:#fff;padding:24px;border-bottom:2px solid var(--accent)}.header h1[data-v-6300e17c]{font-size:22px;font-weight:600;margin-bottom:8px}.header .subtitle[data-v-6300e17c]{font-size:14px;color:var(--text-dim);font-weight:400}.main[data-v-6300e17c]{flex:1;padding:20px 16px;max-width:1200px;margin:0 auto;width:100%}.section-wrapper[data-v-6300e17c]{display:flex;flex-direction:row;gap:24px}.section-wrapper .section[data-v-6300e17c]{flex:1}.section[data-v-6300e17c]{margin-bottom:24px;background:var(--bg-elev);border-radius:12px;padding:20px;border:1px solid var(--border);box-shadow:0 2px 8px #0003}.section .section-header[data-v-6300e17c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section .section-header h2[data-v-6300e17c]{font-size:18px;font-weight:600;color:var(--accent);letter-spacing:.5px}.section .section-header .action-buttons[data-v-6300e17c]{display:flex;gap:8px}.section .section-header .action-buttons button[data-v-6300e17c]{padding:8px 16px;font-size:13px;border-radius:4px;font-weight:500;cursor:pointer;transition:all .15s;border:none}.section .section-header .action-buttons button.btn-primary[data-v-6300e17c]{background:var(--accent);color:#000}.section .section-header .action-buttons button.btn-secondary[data-v-6300e17c]{background:var(--bg-elev-2);color:var(--text);border:1px solid var(--border)}.section .section-header .action-buttons button[data-v-6300e17c]:hover{opacity:.9}.revenue-section[data-v-6300e17c]{display:flex;gap:24px}.input-group[data-v-6300e17c]{display:flex;align-items:center;gap:12px;margin-bottom:12px}.input-group .label[data-v-6300e17c]{min-width:100px;font-size:14px;color:var(--text)}.input-group input[type=number][data-v-6300e17c]{flex:1;max-width:280px;padding:10px 14px;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:14px;transition:all .2s}.input-group input[type=number][data-v-6300e17c]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #ff7a1a26}.input-group input[type=number][data-v-6300e17c]::placeholder{color:var(--text-dim)}.stats-summary[data-v-6300e17c]{display:flex;gap:16px;margin-top:12px}.stats-summary .stat-item[data-v-6300e17c]{flex:1;max-width:280px}.stats-summary .stat-item .stat-label[data-v-6300e17c]{display:block;font-size:13px;color:var(--text-dim);margin-bottom:6px}.stats-summary .stat-item input[type=number][data-v-6300e17c]{width:100%;padding:10px 14px;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:14px}.stats-summary .stat-item input[type=number][data-v-6300e17c]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #ff7a1a26}.stats-summary .stat-item input[type=number][data-v-6300e17c]::placeholder{color:var(--text-dim)}.results-grid[data-v-6300e17c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.result-card[data-v-6300e17c]{background:var(--bg-elev-2);border-radius:8px;padding:16px;border:1px solid var(--border);transition:all .2s}.result-card[data-v-6300e17c]:hover{border-color:var(--accent);box-shadow:0 4px 12px #ff7a1a26}.result-card .card-value[data-v-6300e17c]{font-size:28px;font-weight:700;color:var(--accent);margin-bottom:8px;text-align:center}.result-card .card-value.positive[data-v-6300e17c]{font-size:28px;color:var(--positive)}.result-card .card-value.negative[data-v-6300e17c]{color:var(--negative)}.result-card .card-value.error[data-v-6300e17c]{font-size:28px;color:var(--error)}.result-card .card-label[data-v-6300e17c]{display:block;font-size:13px;color:var(--text-dim);margin-bottom:8px;text-align:center;font-weight:500}.result-card .card-explanation[data-v-6300e17c]{font-size:12px;color:var(--text-dim);line-height:1.6;border-top:1px solid var(--border);padding-top:8px}.result-card .card-explanation span[data-v-6300e17c]{display:block;margin-bottom:4px}.result-card .card-explanation .formula[data-v-6300e17c]{font-family:SF Mono,Menlo,Monaco,Courier New,monospace;background:var(--bg);padding:4px 8px;border-radius:4px;display:inline-block;color:var(--text-dim);font-size:11px}.result-card .card-explanation .error[data-v-6300e17c]{color:var(--error);font-weight:500;margin-top:4px}.result-card .card-explanation .positive[data-v-6300e17c]{color:var(--success);font-weight:500;margin-top:4px}.highlight[data-v-6300e17c]{border-color:var(--accent);box-shadow:0 0 12px #ff7a1a33}.result-card.spread[data-v-6300e17c]{grid-column:1 / -1}.empty-state[data-v-6300e17c]{text-align:center;padding:60px 20px;color:var(--text-dim)}.empty-state .empty-icon[data-v-6300e17c]{font-size:48px;margin-bottom:16px}.empty-state .empty-title[data-v-6300e17c]{font-size:18px;font-weight:500;margin-bottom:8px;color:var(--text)}.empty-state .empty-hint[data-v-6300e17c]{font-size:14px}.footer[data-v-6300e17c]{text-align:center;padding:12px 20px;color:var(--text-dim);font-size:13px;border-top:1px solid var(--border);background:var(--bg-elev)}.footer a[data-v-6300e17c]{color:var(--accent);text-decoration:none}.footer a[data-v-6300e17c]:hover{text-decoration:underline}.footer p[data-v-6300e17c]{margin-bottom:8px}.footer .footer-note[data-v-6300e17c]{font-size:12px;color:var(--text-dim);opacity:.7}@media (max-width: 900px){.header[data-v-6300e17c]{padding:20px 16px}.header h1[data-v-6300e17c]{font-size:18px}.header .subtitle[data-v-6300e17c]{font-size:13px}.main[data-v-6300e17c],.section[data-v-6300e17c]{padding:16px}.input-group input[type=number][data-v-6300e17c]{max-width:200px}.stats-summary[data-v-6300e17c]{flex-direction:column;gap:12px}.result-card[data-v-6300e17c]{min-height:auto}.card-value[data-v-6300e17c]{font-size:24px}}@media (max-width: 600px){.header[data-v-6300e17c]{padding:16px}.header h1[data-v-6300e17c]{font-size:16px}.header .subtitle[data-v-6300e17c]{display:none}.main[data-v-6300e17c]{padding:12px}.section[data-v-6300e17c]{padding:14px 12px}.input-group input[type=number][data-v-6300e17c]{max-width:100%;width:100%}.stats-summary[data-v-6300e17c]{flex-direction:column}.results-grid[data-v-6300e17c]{grid-template-columns:1fr}.card-value[data-v-6300e17c]{font-size:22px}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0d0d0d;--bg-elev: #1a1a1a;--bg-elev-2: #232323;--border: #2a2a2a;--text: #e8e8e8;--text-dim: #9a9a9a;--accent: #ff7a1a;--accent-hover: #ff9444;--error: #ff4d4f;--success: #52c41a;--positive: #52c41a;--negative: #ff4d4f}html{font-size:16px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6}#app{min-height:100vh;display:flex;flex-direction:column}.header{background:linear-gradient(135deg,#1a1a1a,#2a1a0d);color:#fff;padding:24px;border-bottom:2px solid var(--accent)}.header h1{font-size:22px;font-weight:600;margin-bottom:8px}.header .subtitle{font-size:14px;color:var(--text-dim);font-weight:400}.main{flex:1;padding:20px 16px;max-width:1200px;margin:0 auto;width:100%}.section-wrapper{display:flex;flex-direction:row;gap:24px}.section-wrapper .section{flex:1}.section{margin-bottom:24px;background:var(--bg-elev);border-radius:12px;padding:20px;border:1px solid var(--border);box-shadow:0 2px 8px #0003}.section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section .section-header h2{font-size:18px;font-weight:600;color:var(--accent);letter-spacing:.5px}.section .section-header .action-buttons{display:flex;gap:8px}.section .section-header .action-buttons button{padding:8px 16px;font-size:13px;border-radius:4px;font-weight:500;cursor:pointer;transition:all .15s;border:none}.section .section-header .action-buttons button.btn-primary{background:var(--accent);color:#000}.section .section-header .action-buttons button.btn-secondary{background:var(--bg-elev-2);color:var(--text);border:1px solid var(--border)}.section .section-header .action-buttons button:hover{opacity:.9}.revenue-section{display:flex;gap:24px}.input-group{display:flex;align-items:center;gap:12px;margin-bottom:12px}.input-group .label{min-width:100px;font-size:14px;color:var(--text)}.input-group input[type=number]{flex:1;max-width:280px;padding:10px 14px;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:14px;transition:all .2s}.input-group input[type=number]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #ff7a1a26}.input-group input[type=number]::placeholder{color:var(--text-dim)}.stats-summary{display:flex;gap:16px;margin-top:12px}.stats-summary .stat-item{flex:1;max-width:280px}.stats-summary .stat-item .stat-label{display:block;font-size:13px;color:var(--text-dim);margin-bottom:6px}.stats-summary .stat-item input[type=number]{width:100%;padding:10px 14px;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:14px}.stats-summary .stat-item input[type=number]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #ff7a1a26}.stats-summary .stat-item input[type=number]::placeholder{color:var(--text-dim)}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.result-card{background:var(--bg-elev-2);border-radius:8px;padding:16px;border:1px solid var(--border);transition:all .2s}.result-card:hover{border-color:var(--accent);box-shadow:0 4px 12px #ff7a1a26}.result-card .card-value{font-size:28px;font-weight:700;color:var(--accent);margin-bottom:8px;text-align:center}.result-card .card-value.positive{font-size:28px;color:var(--positive)}.result-card .card-value.negative{color:var(--negative)}.result-card .card-value.error{font-size:28px;color:var(--error)}.result-card .card-label{display:block;font-size:13px;color:var(--text-dim);margin-bottom:8px;text-align:center;font-weight:500}.result-card .card-explanation{font-size:12px;color:var(--text-dim);line-height:1.6;border-top:1px solid var(--border);padding-top:8px}.result-card .card-explanation span{display:block;margin-bottom:4px}.result-card .card-explanation .formula{font-family:SF Mono,Menlo,Monaco,Courier New,monospace;background:var(--bg);padding:4px 8px;border-radius:4px;display:inline-block;color:var(--text-dim);font-size:11px}.result-card .card-explanation .error{color:var(--error);font-weight:500;margin-top:4px}.result-card .card-explanation .positive{color:var(--success);font-weight:500;margin-top:4px}.highlight{border-color:var(--accent);box-shadow:0 0 12px #ff7a1a33}.result-card.spread{grid-column:1 / -1}.empty-state{text-align:center;padding:60px 20px;color:var(--text-dim)}.empty-state .empty-icon{font-size:48px;margin-bottom:16px}.empty-state .empty-title{font-size:18px;font-weight:500;margin-bottom:8px;color:var(--text)}.empty-state .empty-hint{font-size:14px}.footer{text-align:center;padding:12px 20px;color:var(--text-dim);font-size:13px;border-top:1px solid var(--border);background:var(--bg-elev)}.footer a{color:var(--accent);text-decoration:none}.footer a:hover{text-decoration:underline}.footer p{margin-bottom:8px}.footer .footer-note{font-size:12px;color:var(--text-dim);opacity:.7}@media (max-width: 900px){.header{padding:20px 16px}.header h1{font-size:18px}.header .subtitle{font-size:13px}.main,.section{padding:16px}.input-group input[type=number]{max-width:200px}.stats-summary{flex-direction:column;gap:12px}.result-card{min-height:auto}.card-value{font-size:24px}}@media (max-width: 600px){.header{padding:16px}.header h1{font-size:16px}.header .subtitle{display:none}.main{padding:12px}.section{padding:14px 12px}.input-group input[type=number]{max-width:100%;width:100%}.stats-summary{flex-direction:column}.results-grid{grid-template-columns:1fr}.card-value{font-size:22px}}