@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-color: #020617;--panel-bg: rgba(30, 41, 59, .6);--panel-border: rgba(255, 255, 255, .08);--text-main: #F8FAFC;--text-muted: #94A3B8;--accent: #3B82F6;--accent-hover: #2563EB;--accent-glow: rgba(59, 130, 246, .4);--success: #10B981;--success-bg: rgba(16, 185, 129, .1);--warning: #F59E0B;--danger: #EF4444}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-main);min-height:100vh;-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15% 50%,rgba(59,130,246,.08),transparent 25%),radial-gradient(circle at 85% 30%,rgba(139,92,246,.08),transparent 25%)}.app-container{max-width:1200px;margin:0 auto;padding:16px;display:flex;flex-direction:column;gap:24px}.header{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--panel-border)}.header-title{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:8px}.tabs{display:flex;gap:8px;background:#0f172a99;padding:4px;border-radius:12px;border:1px solid var(--panel-border)}.tab-btn{background:transparent;border:none;color:var(--text-muted);padding:8px 16px;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.tab-btn:hover{color:var(--text-main);background:#ffffff0d}.tab-btn.active{background:var(--panel-bg);color:var(--text-main);box-shadow:0 2px 8px #0003;border:1px solid var(--panel-border)}.glass-panel{background:var(--panel-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--panel-border);border-radius:20px;padding:24px;box-shadow:0 4px 30px #0003}.panel-header{font-size:1.25rem;font-weight:600;margin-bottom:20px;color:var(--text-main);display:flex;align-items:center;gap:8px}.grid-2{display:grid;grid-template-columns:repeat(1,1fr);gap:16px}@media(min-width:768px){.grid-2{grid-template-columns:repeat(2,1fr)}.app-container{padding:32px}}@media(min-width:1024px){.grid-3{grid-template-columns:repeat(3,1fr)}.dashboard-layout{display:grid;grid-template-columns:1fr 350px;gap:24px;align-items:start}}.input-group{display:flex;flex-direction:column;gap:6px}.input-label{font-size:.875rem;color:var(--text-muted);font-weight:500}.input-wrapper{position:relative;display:flex;align-items:center}.input-prefix{position:absolute;left:12px;color:var(--text-muted);font-size:.875rem}.input-suffix{position:absolute;right:12px;color:var(--text-muted);font-size:.875rem}.app-input{width:100%;background:#02061780;border:1px solid var(--panel-border);color:var(--text-main);padding:12px 14px;border-radius:10px;font-size:1rem;transition:all .2s ease;font-family:inherit}.app-input.has-prefix{padding-left:36px}.app-input.has-suffix{padding-right:48px}.app-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);background:#0f172acc}select.app-input{appearance:none;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' 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}.result-card{background:#0f172a66;border:1px solid var(--panel-border);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:8px;position:relative;overflow:hidden}.result-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),transparent);opacity:.5}.result-card.primary{background:linear-gradient(145deg,#3b82f61a,#0f172a99);border-color:#3b82f64d}.result-card.primary:before{background:linear-gradient(90deg,#60a5fa,#a78bfa);opacity:1}.result-label{font-size:.875rem;color:var(--text-muted);font-weight:500}.result-value{font-size:1.75rem;font-weight:700;color:var(--text-main);letter-spacing:-.02em}.result-card.primary .result-value{color:#60a5fa}.breakdown-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:.875rem}.breakdown-row:last-child{border-bottom:none}.breakdown-label{color:var(--text-muted)}.breakdown-val{font-weight:500}.section-divider{height:1px;background:var(--panel-border);margin:24px 0}.help-text{font-size:.75rem;color:var(--text-muted);margin-top:4px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-4{gap:16px}.gap-6{gap:24px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-12{margin-top:48px}.mr-2{margin-right:8px}.p-5{padding:20px}.h-max{height:max-content}.w-8{width:32px}.h-8{height:32px}.rounded-lg{border-radius:8px}.font-semibold{font-weight:600}.font-medium{font-weight:500}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.text-sm{font-size:.875rem}.text-2xl{font-size:1.5rem}.text-4xl{font-size:2.25rem}.text-center{text-align:center}.bg-accent{background-color:var(--accent)}.text-white{color:#fff}.text-accent{color:var(--accent)}.text-blue-200{color:#bfdbfe}.text-green-400{color:#4ade80}.text-yellow-500{color:#eab308}.text-brand-orange{color:#f97316}.text-gray-300{color:#d1d5db}.text-gray-500{color:#6b7280}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-blue-500\/30{box-shadow:0 10px 15px -3px #3b82f64d}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.space-y-3>*+*{margin-top:12px}.col-span-full{grid-column:1 / -1}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}