:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-card: #1e293b;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-primary: #3b82f6;--accent-secondary: #8b5cf6;--accent-success: #10b981;--accent-warning: #f59e0b;--accent-danger: #ef4444;--border-color: #475569;--shadow-color: rgba(0, 0, 0, .3)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.App.dark-theme{background:var(--bg-primary);color:var(--text-primary)}.dashboard-header{background:var(--bg-secondary);border-radius:12px;padding:20px 32px;margin-bottom:24px;box-shadow:0 4px 12px var(--shadow-color);border:1px solid var(--border-color)}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dashboard-header h1{color:var(--text-primary);margin:0;font-size:24px;font-weight:600}.header-controls{display:flex;gap:12px}.formula-toggle{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.formula-toggle:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.formula-toggle.active{background:linear-gradient(135deg,var(--accent-warning),#f97316)}.tabs{display:flex;gap:8px;border-bottom:2px solid var(--border-color);padding-bottom:4px}.tab{padding:12px 24px;background:transparent;border:none;border-radius:8px 8px 0 0;font-size:16px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.tab.active{background:var(--accent-primary);color:#fff;position:relative}.tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--accent-primary)}.dashboard-container{background:var(--bg-secondary);border-radius:12px;padding:32px;box-shadow:0 4px 12px var(--shadow-color);border:1px solid var(--border-color);margin-bottom:24px}.dashboard-grid{display:grid;grid-template-columns:1fr 2fr;gap:32px}@media (max-width: 1024px){.dashboard-grid{grid-template-columns:1fr}}.parameters-panel{background:var(--bg-card);border-radius:12px;padding:24px;border:1px solid var(--border-color)}.parameters-panel h2{color:var(--text-primary);margin-bottom:24px;font-size:20px;font-weight:600;display:flex;align-items:center;gap:10px}.parameter-group{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.parameter-group:last-child{border-bottom:none}.parameter-group label{display:block}.param-label{display:block;color:var(--text-primary);font-weight:500;margin-bottom:8px;font-size:14px}.param-value{display:block;font-size:18px;font-weight:600;color:var(--accent-primary);margin-bottom:12px}.parameter-group input[type=range]{width:100%;margin:12px 0;-webkit-appearance:none;height:6px;background:var(--bg-tertiary);border-radius:3px;outline:none}.parameter-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:var(--accent-primary);border-radius:50%;cursor:pointer;border:2px solid var(--bg-primary);box-shadow:0 2px 4px var(--shadow-color)}.parameter-group input[type=range]::-moz-range-thumb{width:20px;height:20px;background:var(--accent-primary);border-radius:50%;cursor:pointer;border:2px solid var(--bg-primary);box-shadow:0 2px 4px var(--shadow-color)}.param-help{font-size:12px;color:var(--text-muted);margin-top:8px;line-height:1.4}.checkbox-group{display:flex;flex-direction:column}.checkbox-group label{display:flex;align-items:center;gap:10px;cursor:pointer}.checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-primary)}.checkbox-label{color:var(--text-primary);font-weight:500}.formulas-panel{background:var(--bg-tertiary);border-radius:8px;padding:20px;margin-top:24px;border:1px solid var(--border-color)}.formulas-panel h3{color:var(--text-primary);margin-bottom:16px;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}.formula-item{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.formula-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.formula-title{color:var(--text-secondary);font-size:12px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.formula{color:var(--accent-success);font-family:Courier New,monospace;font-size:14px;background:rgba(16,185,129,.1);padding:8px 12px;border-radius:4px;margin:4px 0;border-left:3px solid var(--accent-success)}.formula-note{color:var(--text-muted);font-size:11px;font-style:italic;margin-top:4px}.results-panel h2{color:var(--text-primary);margin-bottom:24px;font-size:20px;font-weight:600;display:flex;align-items:center;gap:10px}.results-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:32px}@media (max-width: 768px){.results-grid{grid-template-columns:1fr}}.metric-card{background:var(--bg-card);border-radius:12px;padding:20px;border:1px solid var(--border-color);border-left:4px solid var(--accent-primary);transition:transform .3s ease}.metric-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px var(--shadow-color)}.metric-card.highlight{background:linear-gradient(135deg,var(--bg-card),rgba(59,130,246,.1));border-left-color:var(--accent-warning)}.metric-card h3{color:var(--text-primary);font-size:16px;margin-bottom:12px;font-weight:600;display:flex;align-items:center;gap:8px}.metric-value{font-size:28px;font-weight:700;color:var(--accent-primary);margin-bottom:8px}.metric-card.highlight .metric-value{color:var(--accent-warning)}.formula-display{font-family:Courier New,monospace;font-size:12px;color:var(--accent-success);background:rgba(16,185,129,.1);padding:6px 10px;border-radius:4px;margin:8px 0;border-left:2px solid var(--accent-success)}.metric-subtitle{font-size:14px;color:var(--text-secondary);line-height:1.4}.fee-breakdown{background:var(--bg-card);border-radius:12px;padding:24px;margin-bottom:32px;border:1px solid var(--border-color)}.fee-breakdown h3{color:var(--text-primary);margin-bottom:20px;font-size:18px;font-weight:600;display:flex;align-items:center;gap:8px}.fee-bars{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.fee-bar{height:40px;background:var(--bg-tertiary);border-radius:8px;overflow:hidden;position:relative}.fee-amount{height:100%;transition:width .3s ease}.fee-bar.fixed .fee-amount{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.fee-bar.variable .fee-amount{background:linear-gradient(90deg,#10b981,#34d399)}.fee-bar.operational .fee-amount{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.fee-bar.recovery .fee-amount{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.fee-label{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#fff;font-weight:600;font-size:14px;text-shadow:1px 1px 2px rgba(0,0,0,.5);z-index:1}.fee-percentage{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#fff;font-weight:600;font-size:14px;text-shadow:1px 1px 2px rgba(0,0,0,.5);z-index:1}.total-fee{text-align:center;font-size:24px;font-weight:700;color:var(--text-primary);padding-top:16px;border-top:2px solid var(--border-color);display:flex;justify-content:center;align-items:center;gap:8px}.capped-indicator{font-size:14px;color:var(--accent-warning);font-weight:500}.scenario-summary,.scenario-analysis,.yield-breakdown{background:var(--bg-card);border-radius:12px;padding:24px;margin-bottom:24px;border:1px solid var(--border-color)}.scenario-summary h3,.scenario-analysis h3,.yield-breakdown h3,.insights h3{color:var(--text-primary);margin-bottom:20px;font-size:18px;font-weight:600;display:flex;align-items:center;gap:8px}.scenario-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.scenario-item{background:var(--bg-tertiary);padding:16px;border-radius:8px;border:1px solid var(--border-color)}.scenario-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.scenario-value{font-size:20px;font-weight:700;color:var(--accent-primary)}table{width:100%;border-collapse:collapse;background:var(--bg-tertiary);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px var(--shadow-color)}thead{background:var(--accent-primary)}th{padding:16px;text-align:left;font-weight:600;color:#fff;font-size:14px}tbody tr:nth-child(2n){background:rgba(255,255,255,.05)}tbody tr:hover{background:rgba(59,130,246,.1)}td{padding:16px;color:var(--text-primary);border-bottom:1px solid var(--border-color);font-size:14px}td:first-child{font-weight:600}.yield-components{display:flex;flex-direction:column;gap:12px}.yield-component{background:var(--bg-tertiary);padding:12px 16px;border-radius:8px;border:1px solid var(--border-color)}.yield-component.negative{border-color:var(--accent-danger)}.yield-component.total{border-color:var(--accent-success);background:rgba(16,185,129,.1)}.yield-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px;color:var(--text-primary)}.yield-value{font-weight:600;color:var(--accent-primary)}.yield-component.negative .yield-value{color:var(--accent-danger)}.yield-component.total .yield-value{color:var(--accent-success)}.yield-bar{height:6px;background:var(--accent-primary);border-radius:3px;transition:width .3s ease}.yield-component.negative .yield-bar{background:var(--accent-danger)}.yield-component.total .yield-bar{background:var(--accent-success)}.insights{background:var(--bg-card);border-radius:12px;padding:24px;border:1px solid var(--border-color);border-left:4px solid var(--accent-warning)}.insights ul{list-style:none;padding-left:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}.insights li{padding:12px 0 12px 24px;color:var(--text-primary);position:relative;font-size:14px;border-bottom:1px solid var(--border-color)}.insights li:last-child{border-bottom:none}.insights li:before{content:"→";color:var(--accent-warning);font-weight:700;position:absolute;left:0}.insights strong{color:var(--accent-warning)}.dashboard-footer{text-align:center;padding:20px;color:var(--text-secondary);font-size:14px;border-top:1px solid var(--border-color);margin-top:20px}.disclaimer{font-size:12px;color:var(--text-muted);margin-top:8px;font-style:italic}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:5px}::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.metric-value.changing{animation:pulse .3s ease}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a2980,#26d0ce);padding:20px}.login-card{background:white;border-radius:20px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:480px;overflow:hidden}.login-header{background:linear-gradient(135deg,#1a2980,#26d0ce);color:#fff;padding:40px;text-align:center}.login-logo{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:20px}.login-logo h1{margin:0;font-size:28px;font-weight:700}.login-subtitle{margin:0;opacity:.9;font-size:14px}.login-form{padding:40px}.input-group{margin-bottom:24px}.input-group label{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-weight:600;color:#1a2980;font-size:14px}.input-group input{width:100%;padding:14px 16px;border:2px solid #e1e8f0;border-radius:12px;font-size:16px;transition:all .3s}.input-group input:focus{outline:none;border-color:#1a2980;box-shadow:0 0 0 3px #1a29801a}.error-message{background:#fee;color:#c00;padding:12px;border-radius:8px;margin:16px 0;font-size:14px;border-left:4px solid #c00}.login-button{width:100%;background:linear-gradient(135deg,#1a2980,#26d0ce);color:#fff;border:none;padding:16px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;margin-top:8px}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #1a298033}.login-button:disabled{opacity:.6;cursor:not-allowed}.demo-logins{margin-top:32px;padding-top:24px;border-top:1px solid #e1e8f0}.demo-title{font-size:14px;color:#64748b;margin-bottom:12px;text-align:center}.demo-buttons{display:flex;gap:12px;margin-bottom:12px}.demo-button{flex:1;padding:12px;border:2px solid #e1e8f0;border-radius:8px;background:white;color:#1a2980;font-weight:600;cursor:pointer;transition:all .3s}.demo-button:hover{transform:translateY(-2px)}.demo-button.admin:hover{border-color:#1a2980;background:#1a2980;color:#fff}.demo-button.analyst:hover{border-color:#26d0ce;background:#26d0ce;color:#fff}.demo-button.viewer:hover{border-color:#64748b;background:#64748b;color:#fff}.demo-hint{text-align:center;font-size:12px;color:#94a3b8;margin:0}.login-footer{padding:24px 40px;background:#f8fafc;border-top:1px solid #e1e8f0}.disclaimer{font-size:12px;color:#64748b;text-align:center;margin-bottom:12px;line-height:1.5}.support{font-size:12px;color:#1a2980;text-align:center;margin:0}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a2980,#26d0ce);color:#fff}.spinner{animation:spin 1s linear infinite;margin-bottom:24px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header-left{display:flex;flex-direction:column;gap:8px}.user-info{display:flex;align-items:center;gap:8px;font-size:14px;color:#64748b}.user-role{background:#1a2980;color:#fff;padding:2px 8px;border-radius:4px;font-size:12px}.user-dept{font-size:12px;opacity:.8}.logout-button{display:flex;align-items:center;gap:8px;background:#fee;color:#c00;border:none;padding:10px 16px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s}.logout-button:hover{background:#fcc}.session-info{display:flex;gap:16px;font-size:12px;color:#64748b;margin-top:8px}.session-time{font-family:monospace}.restricted{opacity:.6;pointer-events:none}