*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }:root{--color-bg: #f8f9fa;--color-surface: #ffffff;--color-surface-alt: #f1f5f9;--color-border: #e2e8f0;--color-border-strong: #cbd5e1;--color-text: #1e293b;--color-text-soft: #64748b;--color-accent: #2563eb;--color-accent-hover: #1d4ed8;--color-positive: #0f766e;--color-positive-bg: #ecfdf5;--color-warning: #b45309;--color-danger: #dc2626;--color-focus-ring: 34 113 255;--gradient-accent: linear-gradient(135deg,#2563eb 0%,#0ea5e9 100%);--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: clamp(1.75rem, 3vw, 2.25rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--radius-xs: 3px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 999px;--shadow-xs: 0 1px 2px rgba(0,0,0,.05);--shadow-sm: 0 2px 4px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 24px rgba(0,0,0,.1);--shadow-focus: 0 0 0 3px rgba(var(--color-focus-ring)/.35);--content-max: 1280px;--transition-base: .13s cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-height:100vh;margin:0;font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5;background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg,canvas{display:block;max-width:100%}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}.container{width:100%;max-width:var(--content-max);margin-inline:auto}.card{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-6) var(--space-5);box-shadow:var(--shadow-xs);transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base)}.card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.card:focus-within{border-color:var(--color-accent);box-shadow:var(--shadow-focus)}.card-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.card-title{font-size:var(--text-xl);font-weight:600;letter-spacing:-.02em}.card:before{content:"";position:absolute;inset-inline-start:0;top:0;height:100%;width:4px;border-radius:4px 0 0 4px;background:linear-gradient(var(--color-accent),var(--color-accent-hover));opacity:0;transition:opacity var(--transition-base)}.card:hover:before,.card:focus-within:before{opacity:1}.h1{font-size:var(--text-3xl);font-weight:700;letter-spacing:-.03em;margin:0 0 var(--space-2);background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text;color:transparent}.subtitle{font-size:var(--text-lg);color:var(--color-text-soft);margin:0 0 var(--space-6)}.form-grid{display:grid;gap:var(--space-4) var(--space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.form-control{display:flex;flex-direction:column;gap:var(--space-2)}label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-soft)}.input-field,.select-field{font:inherit;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);background:var(--color-surface-alt);color:var(--color-text);border-radius:var(--radius-sm);transition:background var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base);width:100%}.input-field:focus,.select-field:focus{outline:none;background:var(--color-surface);border-color:var(--color-accent);box-shadow:var(--shadow-focus)}.input-inline{display:flex}.input-inline>*:first-child{border-start-end-radius:0;border-end-end-radius:0}.input-inline>*:last-child{border-start-start-radius:0;border-end-start-radius:0}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;background:transparent;cursor:pointer}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background:var(--color-border);height:6px;border-radius:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:18px;width:18px;margin-top:-6px;border-radius:var(--radius-full);background:var(--gradient-accent);border:2px solid var(--color-surface);box-shadow:0 1px 2px #00000040;transition:transform var(--transition-base)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.08)}input[type=range]::-moz-range-track{background:var(--color-border);height:6px;border-radius:3px}input[type=range]::-moz-range-thumb{height:18px;width:18px;border:none;border-radius:var(--radius-full);background:var(--gradient-accent);box-shadow:0 1px 2px #00000040;transition:transform var(--transition-base)}input[type=range]::-moz-range-thumb:hover{transform:scale(1.08)}.btn,.btn-primary{--btn-bg: var(--color-accent);--btn-bg-hover: var(--color-accent-hover);--btn-color: #fff;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-weight:600;font-size:var(--text-sm);border:none;cursor:pointer;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--btn-bg);color:var(--btn-color);box-shadow:var(--shadow-sm);transition:background var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base);position:relative}.btn:hover,.btn-primary:hover{background:var(--btn-bg-hover)}.btn:active,.btn-primary:active{transform:translateY(1px);box-shadow:var(--shadow-xs)}.btn:focus-visible,.btn-primary:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn-block{width:100%}.btn-subtle{--btn-bg: var(--color-surface-alt);--btn-bg-hover: var(--color-border);--btn-color: var(--color-text-soft);box-shadow:none}.btn-positive{--btn-bg: var(--color-positive);--btn-bg-hover:#115e59}.metrics-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.metric{padding:var(--space-4) var(--space-4);background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);position:relative;overflow:hidden;transition:background var(--transition-base),border-color var(--transition-base)}.metric:hover{background:var(--color-surface);border-color:var(--color-border-strong)}.metric.highlight{background:var(--color-positive-bg);border-color:var(--color-positive)}.metric-title{font-size:var(--text-2xl);margin:0;font-weight:600;letter-spacing:-.02em}.metric-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-soft);display:flex;align-items:center;gap:4px}.metric-sub{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--color-text-soft)}.table-wrapper{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}thead th{background:var(--color-surface-alt);font-weight:600;text-align:left;font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:1}tbody td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);white-space:nowrap}tbody tr{transition:background var(--transition-base)}tbody tr:hover{background:var(--color-surface-alt)}tbody tr:last-child td{border-bottom:none}.table-input{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);width:100%;font:inherit;font-size:var(--text-xs)}.table-input:focus{outline:none;background:var(--color-surface);border-color:var(--color-accent);box-shadow:var(--shadow-focus)}.stack-sm>*+*{margin-top:var(--space-2)}.stack>*+*{margin-top:var(--space-4)}.stack-lg>*+*{margin-top:var(--space-6)}.muted{color:var(--color-text-soft)}.divider{height:1px;width:100%;background:linear-gradient(90deg,transparent,var(--color-border),transparent);margin:var(--space-4) 0 var(--space-2)}.sticky-col{position:sticky;left:0;background:var(--color-surface)}*{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:20px;border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)}.chart-container{position:relative;aspect-ratio:16/6;width:100%;max-width:880px;margin-inline:auto}.badge{display:inline-block;font-size:var(--text-xs);padding:2px 6px;border-radius:var(--radius-full);background:var(--color-surface-alt);color:var(--color-text-soft);font-weight:500}.badge.accent{background:var(--color-accent);color:#fff}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.fade-in{animation:fadeInUp .35s ease-out both}.text-green-600{color:var(--color-positive)}.text-red-600{color:var(--color-danger)}.text-blue-600{color:var(--color-accent)}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.rounded-md{border-radius:var(--radius-sm)}.rounded-lg{border-radius:var(--radius-lg)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.w-full{width:100%}.justify-between{justify-content:space-between}.space-x-4>*+*{margin-left:var(--space-4)}.space-y-8>*+*{margin-top:var(--space-8)}.mt-4{margin-top:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}.mb-8{margin-bottom:var(--space-8)}.pb-4{padding-bottom:var(--space-4)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.py-2{padding-block:var(--space-2)}.px-4{padding-inline:var(--space-4)}.mx-auto{margin-inline:auto}.h-96{height:24rem}.overflow-auto{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:8px 12px;text-align:left;border-bottom:1px solid #e5e7eb}.table th{background-color:#f9fafb;font-weight:600}.table tbody tr:hover{background-color:#f9fafb}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:16px}.pagination button{padding:8px 12px;border:1px solid #d1d5db;background:#fff;border-radius:4px;cursor:pointer}.pagination button:hover:not(:disabled){background:#f3f4f6}.pagination button:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background-color:#4b5563;color:#fff;font-weight:500;padding:8px 16px;border-radius:6px;border:none;cursor:pointer;transition:background-color .2s}.btn-secondary:hover{background-color:#374151}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.flex{display:flex}.table{display:table}.min-h-screen{min-height:100vh}.items-center{align-items:center}.text-center{text-align:center}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}@media (min-width: 1024px){.lg\:col-span-2{grid-column:span 2 / span 2}}