:root{--background:#ffffff;--foreground:#0f172a;--card:#ffffff;--card-foreground:#0f172a;--primary:#0f172a;--primary-foreground:#f8fafc;--secondary:#f1f5f9;--secondary-foreground:#0f172a;--muted:#f1f5f9;--muted-foreground:#64748b;--border:#e2e8f0;--input:#e2e8f0;--ring:#64748b;--radius:0.5rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background-color:var(--background);color:var(--foreground);line-height:1.5}.hidden{display:none!important}p{margin:0}.badge:not([data-badge])::after,.badge[data-badge]::after{display:none}#btn-loading{display:inline-flex;align-items:center;justify-content:center}.flex{display:flex}.justify-between{justify-content:space-between}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.gap-x-3{column-gap:.75rem}.min-h-screen{min-height:100vh}.max-w-md{max-width:28rem}.max-w-2xl{max-width:42rem}.max-w-7xl{max-width:80rem}.mx-auto{margin-left:auto;margin-right:auto}.w-full{width:100%}.flex-1{flex:1}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pt-4{padding-top:1rem}.mb-2{margin-bottom:.5rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mt-4{margin-top:1rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:#f3f4f6}.bg-red-50{background-color:#fef2f2}.bg-amber-50{background-color:#fffbeb}.bg-transparent{background-color:transparent}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-900{color:#111827}.text-red-600{color:#dc2626}.text-amber-600{color:#d97706}.text-emerald-600{color:#059669}.text-blue-600{color:#2563eb}.text-green-600{color:#16a34a}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-center{text-align:center}.text-right{text-align:right}.leading-relaxed{line-height:1.625}.tracking-tight{letter-spacing:-.025em}.border{border-width:1px}.border-t{border-top-width:1px}.border-gray-200{border-color:#e5e7eb}.border-red-200{border-color:#fecaca}.border-amber-200{border-color:#fde68a}.rounded-md{border-radius:.375rem}.card{background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.card-header{padding:1.5rem!important;padding-bottom:1rem!important}.card-title{font-size:1.125rem;font-weight:600;color:var(--card-foreground)}.card-description{color:var(--muted-foreground);font-size:.875rem;margin-top:.25rem}.card-content{padding:1.5rem;padding-top:0}.shadow-sm{box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.input{width:100%;padding:.5rem .75rem;border:1px solid var(--input);border-radius:var(--radius);background-color:var(--background);color:var(--foreground);font-size:.875rem;transition:border-color .2s,box-shadow .2s}.input:focus{outline:0;border-color:var(--ring);box-shadow:0 0 0 1px var(--ring)}.input:disabled{background-color:var(--muted);color:var(--muted-foreground);cursor:not-allowed}.h-8{height:2rem}.roi-calculator-wrapper .btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:var(--radius);font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s;border:1px solid transparent}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{border-color:var(--primary)!important;background-color:var(--primary)!important;color:var(--primary-foreground)!important}.btn-primary:hover:not(:disabled){background-color:#1e293b}.btn-outline{border:1px solid var(--border)!important;background-color:transparent;color:var(--foreground)}.btn-outline:hover:not(:disabled){background-color:var(--secondary)}.btn-ghost{background-color:transparent;border:none;padding:.25rem .5rem}.btn-ghost:hover:not(:disabled){background-color:var(--secondary)}.separator{height:1px;background-color:var(--border);width:100%}.h-3{height:.75rem;width:.75rem}.w-3{width:.75rem}.h-4{height:1rem;width:1rem}.w-4{width:1rem}.h-5{height:1.25rem;width:1.25rem}.w-5{width:1.25rem}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.metric-card{background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;text-align:center}.metric-header{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem}.metric-icon{width:1rem;height:1rem}.metric-title{font-size:.75rem;font-weight:500;color:var(--muted-foreground)}.metric-value{font-size:1.5rem;font-weight:600;color:var(--foreground);margin-bottom:.25rem}.metric-description{font-size:.75rem;color:var(--muted-foreground)}.chart-container{height:240px;width:100%;position:relative;display:flex;align-items:center;justify-content:center}.chart-wrapper{display:flex;width:100%;height:100%;position:relative}.y-axis{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;width:40px;height:140px;padding-right:8px;margin-top:10px}.y-axis-label{font-size:.65rem;color:var(--muted-foreground);font-weight:500;line-height:1}.chart-area{flex:1;display:flex;flex-direction:column;height:100%}.chart-bar-container{display:flex;align-items:flex-end;justify-content:space-around;height:140px;width:100%;padding:10px 1rem 0;position:relative;border-left:1px solid var(--border);border-bottom:1px solid var(--border)}.chart-bar{display:flex;flex-direction:column;align-items:center;width:100px;height:100%;position:relative;justify-content:flex-end}.chart-bar-fill{width:50px;min-height:4px;border-radius:4px 4px 0 0;transition:height .3s ease;position:relative;display:block;margin:0 auto}.chart-bar-fill.baseline{background-color:#6b7280}.chart-bar-fill.projected{background-color:#059669}.chart-bar-label{font-size:.75rem;font-weight:500;color:var(--muted-foreground);text-align:center;position:absolute;bottom:-20px;width:100px;left:0}.chart-bar-value{font-size:.875rem;font-weight:600;color:var(--foreground);text-align:center;position:absolute;bottom:-40px;width:100px;left:0}.x-axis-label{text-align:center;font-size:.75rem;color:var(--muted-foreground);font-weight:500;margin-top:50px;padding-left:40px}.conversion-progress{width:100%;padding:2rem 1rem}.conversion-bar{width:100%;height:8px;background-color:var(--muted);border-radius:4px;overflow:hidden;margin-bottom:1rem}.conversion-bar-fill{height:100%;background:linear-gradient(to right,#6b7280,#059669);border-radius:4px;transition:width .3s ease}.conversion-labels{display:flex;justify-content:space-between;font-size:.875rem;font-weight:500}.line-chart-container{width:100%;padding:1rem}.line-chart{width:100%;height:150px;background-color:#fff;border-radius:4px;margin-bottom:1rem}.chart-legend{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem}.legend-color{width:12px;height:12px;border-radius:50%;border:2px solid #fff}.legend-line{width:20px;height:2px;position:relative}.legend-color.current{background-color:#6b7280}.legend-color.target{background-color:#059669}.legend-line.current{background-color:#dc2626;position:relative}.legend-line.target{background-color:#2563eb;position:relative}.legend-line.current::before,.legend-line.target::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(to right,currentColor 0,currentColor 3px,transparent 3px,transparent 6px)}.legend-line.current::before{color:#dc2626}.legend-line.target::before{color:#2563eb}.legend-label{color:var(--muted-foreground);font-weight:500}.responsive-grid-main{display:grid;grid-template-columns:1fr;gap:1.5rem}.responsive-grid-metrics{display:grid;grid-template-columns:1fr;gap:.75rem}.responsive-grid-charts{display:grid;grid-template-columns:1fr;gap:1rem}.responsive-grid-breakdown{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width:768px){.responsive-grid-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.responsive-grid-breakdown{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.responsive-grid-main{grid-template-columns:1fr 2fr}.responsive-grid-charts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1280px){.responsive-grid-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}}@media (min-width:1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.hover\\:text-gray-900:hover{color:#111827}.focus\\:border-gray-400:focus{border-color:#9ca3af}.focus\\:ring-0:focus{box-shadow:none}.cursor-not-allowed{cursor:not-allowed}html.dark body{background-color:#0f172a;color:#f8fafc}html.dark .bg-gray-50{background-color:#191919}html.dark .bg-gray-100{background-color:#334155}html.dark .bg-red-50{background-color:#450a0a}html.dark .bg-amber-50{background-color:#78350f}html.dark .bg-transparent{background-color:transparent}html.dark .text-gray-500{color:#94a3b8}html.dark .text-gray-600{color:#cbd5e1}html.dark .text-gray-700{color:#e2e8f0}html.dark .text-gray-900{color:#f8fafc}html.dark .text-red-600{color:#f87171}html.dark .text-amber-600{color:#fbbf24}html.dark .text-emerald-600{color:#34d399}html.dark .text-blue-600{color:#60a5fa}html.dark .text-green-600{color:#4ade80}html.dark .border-gray-200{border-color:#334155}html.dark .border-red-200{border-color:#7f1d1d}html.dark .border-amber-200{border-color:#92400e}html.dark .card,html.dark .metric-card{background-color:#232323;border-color:#333}html.dark .card-title{color:#f8fafc}html.dark .card-description,html.dark .chart-bar-label,html.dark .legend-label,html.dark .metric-description,html.dark .metric-title,html.dark .x-axis-label{color:#94a3b8}html.dark .chart-bar-value,html.dark .metric-value{color:#f8fafc}html.dark .input{background-color:#191919;color:#f8fafc;border-color:#333}html.dark .input:focus{border-color:#94a3b8;box-shadow:0 0 0 1px #94a3b8}html.dark .input:disabled{background-color:#333;color:#64748b}html.dark .btn-primary{background-color:#f8fafc!important;border-color:#f8fafc!important;color:#0f172a!important}html.dark .btn-primary:hover:not(:disabled){background-color:#cbd5e1!important}html.dark .btn-outline{border-color:#333!important;color:#f8fafc;background-color:#333}html.dark .btn-ghost:hover:not(:disabled),html.dark .btn-outline:hover:not(:disabled){background-color:#334155}html.dark .separator{background-color:#334155}html.dark .chart-bar-container{border-left:1px solid #334155;border-bottom:1px solid #334155}html.dark .chart-bar-fill.baseline{background-color:#94a3b8}html.dark .chart-bar-fill.projected{background-color:#34d399}html.dark .conversion-bar{background-color:#334155}html.dark .conversion-bar-fill{background:linear-gradient(to right,#94a3b8,#34d399)}html.dark .line-chart{background-color:#191919}html.dark .legend-color{border-color:#191919}html.dark .legend-color.current{background-color:#94a3b8}html.dark .legend-color.target{background-color:#34d399}html.dark .legend-line.current{background-color:#f87171}html.dark .legend-line.target{background-color:#60a5fa}html.dark .legend-label{color:#94a3b8}html.dark .focus\:border-gray-400:focus{border-color:#64748b}html.dark .hover\:text-gray-900:hover{color:#f8fafc}