:root{--bg-dark: #0f172a;--bg-card: #1e293b;--bg-input: #334155;--text-primary: #f8fafc;--text-secondary: #94a3b8;--primary: #6366f1;--primary-hover: #4f46e5;--danger: #ef4444;--success: #22c55e;--border: #334155;--font-family: "Inter", system-ui, sans-serif}body{margin:0;font-family:var(--font-family);background-color:var(--bg-dark);color:var(--text-primary);line-height:1.5}.app-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.main-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px;width:100%;max-width:1100px}@media (max-width: 768px){.main-layout{grid-template-columns:1fr}}.card{background-color:var(--bg-card);border-radius:16px;padding:30px;box-shadow:0 10px 25px #0000004d;border:1px solid var(--border)}.card-header{display:flex;align-items:center;gap:15px;margin-bottom:30px}.icon-box{background:linear-gradient(135deg,var(--primary),#818cf8);padding:12px;border-radius:12px;display:flex;color:#fff}.card-header h1{margin:0;font-size:1.5rem}.status-badge{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.status-dot{width:8px;height:8px;background-color:var(--success);border-radius:50%;box-shadow:0 0 8px var(--success)}.form-content{display:flex;flex-direction:column;gap:20px}.row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.input-group label{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-secondary);margin-bottom:8px;font-weight:500}.label-icon{width:16px;height:16px}.label-icon.green{color:#4ade80}.label-icon.orange{color:#fb923c}.label-icon.blue{color:#60a5fa}.input-wrapper{position:relative}.currency-symbol{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary)}input[type=number],select{width:100%;padding:12px 16px 12px 30px;background-color:var(--bg-dark);border:1px solid var(--border);border-radius:8px;color:#fff;font-size:1rem;outline:none;transition:border-color .2s;box-sizing:border-box}select{padding-left:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%2394a3b8%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 1rem center;background-size:.65em auto}input:focus,select:focus{border-color:var(--primary)}.range-group{background-color:var(--bg-dark);padding:15px;border-radius:12px;border:1px solid var(--border)}.label-row{display:flex;justify-content:space-between;margin-bottom:10px}.value-badge{background-color:#6366f133;color:#818cf8;padding:2px 8px;border-radius:4px;font-size:.8rem;font-weight:700}.range-input{width:100%;height:6px;background:var(--bg-input);border-radius:4px;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none}.range-input::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:var(--primary);border-radius:50%;cursor:pointer;transition:transform .1s}.range-input::-webkit-slider-thumb:hover{transform:scale(1.2)}.range-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-secondary);margin-top:5px}.submit-btn{width:100%;padding:16px;background:linear-gradient(to right,var(--primary),#818cf8);border:none;border-radius:12px;color:#fff;font-weight:700;font-size:1rem;cursor:pointer;transition:opacity .2s;display:flex;justify-content:center;align-items:center}.submit-btn:hover{opacity:.9}.submit-btn:disabled{background:var(--bg-input);cursor:not-allowed;opacity:.7}.spin{animation:spin 1s linear infinite;margin-right:8px;width:18px;height:18px}@keyframes spin{to{transform:rotate(360deg)}}.results-column{display:flex;flex-direction:column}.empty-state{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:2px dashed var(--border);background-color:#1e293b80}.icon-circle{background-color:var(--bg-dark);padding:20px;border-radius:50%;margin-bottom:20px}.icon-large{width:32px;height:32px;color:var(--text-secondary)}.result-card{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;animation:fadeIn .5s ease-out;position:relative;overflow:hidden}.result-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px}.result-card.danger:before{background:var(--danger)}.result-card.safe:before{background:var(--success)}.result-icon-wrapper{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:0 10px 30px #0000004d}.result-card.danger .result-icon-wrapper{background:linear-gradient(135deg,var(--danger),#fca5a5)}.result-card.safe .result-icon-wrapper{background:linear-gradient(135deg,var(--success),#86efac)}.result-icon{width:40px;height:40px;color:#fff}.result-header h2{font-size:2.5rem;margin:0;font-weight:800}.prediction-desc{color:var(--text-secondary);font-size:1.1rem;margin-bottom:40px}.result-card.danger h2,.result-card.danger .prediction-desc{color:#fca5a5}.result-card.safe h2,.result-card.safe .prediction-desc{color:#86efac}.meter-container{width:100%;max-width:300px;margin-bottom:30px}.meter-labels{display:flex;justify-content:space-between;font-size:.9rem;color:var(--text-secondary);margin-bottom:8px}.progress-bg{height:12px;background-color:var(--bg-dark);border-radius:6px;overflow:hidden}.progress-fill{height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}.result-card.danger .progress-fill{background-color:var(--danger)}.result-card.safe .progress-fill{background-color:var(--success)}.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;width:100%;max-width:300px}.metric-box{background-color:#0f172a99;padding:15px;border-radius:12px;border:1px solid var(--border)}.metric-box small{display:block;font-size:.7rem;color:var(--text-secondary);margin-bottom:4px}.metric-box strong{font-size:1.2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}