@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.collapse{visibility:collapse}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.z-50{z-index:50}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.table{display:table}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--bg-page:#0b1220;--bg-card:#111827;--bg-card-hover:#1f2937;--bg-elevated:#0f172a;--bg-input:#111827;--border-default:#1f2937;--border-subtle:#374151;--text-primary:#f9fafb;--text-secondary:#9ca3af;--text-muted:#6b7280;--accent-primary:#3b82f6;--accent-hover:#2563eb;--accent-teal:#14b8a6;--accent-purple:#8b5cf6;--positive:#22c55e;--negative:#ef4444;--warning:#f59e0b;--score-high:#22c55e;--score-mid:#3b82f6;--score-low:#f59e0b;--score-poor:#ef4444;--score-excellent:#22c55e;--score-good:#3b82f6;--score-average:#f59e0b;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-heading:"Manrope","Inter",sans-serif;--font-mono:"SF Mono","Consolas","Monaco",monospace;--text-xs:11px;--text-sm:12px;--text-base:14px;--text-md:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:28px;--text-4xl:32px;--text-5xl:36px;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:40px;--space-6:48px;--space-8:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #00000080,0 4px 6px -2px #0006;--shadow-xl:0 20px 25px -5px #0009,0 10px 10px -5px #0006;--bg-primary:#0b1220;--bg-surface:#111827;--bg-surface-alt:#111827;--border-color:#1f2937;--accent-positive:#3b82f6;--accent-warning:#f59e0b;--accent-negative:#ef4444;--font-primary:var(--font-body);--font-display:var(--font-heading)}*{box-sizing:border-box;max-width:100%;margin:0;padding:0}html,body{max-width:100vw;font-family:var(--font-body);font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden;background-color:var(--bg-page)!important;color:var(--text-primary)!important}.bg-white,[class*=bg-white],.bg-gray-50,.bg-gray-100,.bg-gray-200,[class*=bg-gray]{background-color:var(--bg-card)!important}.text-black,[class*=text-black],.text-gray-900,.text-gray-800,.text-gray-700{color:var(--text-primary)!important}.text-gray-600,.text-gray-500{color:var(--text-secondary)!important}.text-gray-400,.text-gray-300{color:var(--text-muted)!important}@media (min-width:768px){html,body{font-size:var(--text-md)}}a{color:inherit;text-decoration:none;transition:color .2s}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-input)}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--border-subtle)}.numeric-cell{font-family:var(--font-mono);font-variant-numeric:tabular-nums}input,select,textarea,button{background-color:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default)}select option{background-color:var(--bg-card);color:var(--text-primary)}table{background-color:#0000}thead{color:var(--text-secondary)}tbody{color:var(--text-primary)}tr{border-bottom:1px solid var(--border-default)}tr:hover{background-color:#ffffff08}div{background-color:inherit}canvas{background-color:#0000!important}@layer components{.card-premium{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-2);transition:all .2s}.card-premium:hover{border-color:var(--border-subtle);box-shadow:var(--shadow-lg);transform:translateY(-2px)}@media (min-width:768px){.card-premium{padding:var(--space-3)}}.score-badge{font-family:var(--font-mono);font-weight:var(--weight-extrabold);padding:var(--space-1)var(--space-2);border-radius:var(--radius-md);border:2px solid var(--score-excellent);background:#10b9811a;flex-direction:column;justify-content:center;align-items:center;min-width:60px;display:inline-flex}.score-badge.excellent{border-color:var(--score-excellent);color:var(--score-excellent);background:#22c55e1a}.score-badge.good{border-color:var(--score-good);color:var(--score-good);background:#3b82f61a}.score-badge.average{border-color:var(--score-average);color:var(--score-average);background:#f59e0b1a}.score-badge.poor{border-color:var(--score-poor);color:var(--score-poor);background:#ef44441a}.btn-premium{min-height:44px;font-weight:var(--weight-semibold);font-size:var(--text-base);border-radius:var(--radius-md);background:var(--accent-primary);color:#fff;cursor:pointer;box-shadow:var(--shadow-sm);border:none;justify-content:center;align-items:center;padding:12px 24px;transition:all .2s;display:inline-flex}.btn-premium:hover{box-shadow:var(--shadow-md);background:#1d4ed8;transform:translateY(-2px)}.btn-premium:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.btn-secondary{color:var(--accent-primary);border:1px solid var(--accent-primary);background:0 0}.btn-secondary:hover{background:var(--accent-primary);color:#fff}.input-premium{background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;font-size:var(--text-base);color:var(--text-primary);outline:none;min-height:44px;padding:12px 16px;transition:all .2s}.input-premium::placeholder{color:var(--text-muted)}.input-premium:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a}.section-container{margin-bottom:var(--space-4)}@media (min-width:768px){.section-container{margin-bottom:var(--space-6)}}.grid-responsive{gap:var(--space-2);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:768px){.grid-responsive{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.chart-container{width:100%;height:300px;position:relative}@media (min-width:768px){.chart-container{height:400px}}.nav-pill{white-space:nowrap;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-default);color:var(--text-secondary);font-weight:var(--weight-medium);font-size:var(--text-base);cursor:pointer;align-items:center;min-height:44px;padding:12px 20px;text-decoration:none;transition:all .2s;display:inline-flex}.nav-pill:hover{background:var(--bg-card-hover);border-color:var(--border-subtle);color:var(--text-primary)}.nav-pill.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;font-weight:var(--weight-semibold)}.heading-primary{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--text-primary);line-height:1.2}@media (min-width:768px){.heading-primary{font-size:var(--text-4xl)}}.heading-section{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:var(--space-2);line-height:1.3}@media (min-width:768px){.heading-section{font-size:var(--text-xl)}}.metric-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--weight-semibold)}.metric-value{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}@media (min-width:768px){.metric-value{font-size:var(--text-2xl)}}.skeleton{background:linear-gradient(90deg,var(--bg-card)0%,var(--bg-card-hover)50%,var(--bg-card)100%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{padding:var(--space-6);text-align:center;color:var(--text-muted);background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-default);flex-direction:column;justify-content:center;align-items:center;display:flex}.page-transition{animation:.3s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}}@layer utilities{.hide-mobile{display:none}@media (min-width:768px){.hide-mobile{display:block}}.show-mobile{display:block}@media (min-width:768px){.show-mobile{display:none}}.padding-responsive{padding:var(--space-2)}@media (min-width:768px){.padding-responsive{padding:var(--space-3)}}@media (min-width:1024px){.padding-responsive{padding:var(--space-4)}}.gap-responsive{gap:var(--space-2)}@media (min-width:768px){.gap-responsive{gap:var(--space-3)}}.responsive-grid-2{grid-template-columns:repeat(1,1fr)}@media (min-width:768px){.responsive-grid-2{grid-template-columns:repeat(2,1fr)}}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}.scroll-container{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:var(--space-1);padding:var(--space-1)0;display:flex;overflow:auto hidden}.scroll-container::-webkit-scrollbar{display:none}}*{background-color:inherit}#__next,#__next>div,main,[role=main]{background-color:var(--bg-page)!important}[style*="background: white"],[style*="background: #fff"],[style*="background: #ffffff"],[style*="background-color: white"],[style*="background-color: #fff"],[style*="background-color: #ffffff"],[style*="background-color: rgb(255, 255, 255)"],[style*="background-color: rgba(255, 255, 255"]{background-color:var(--bg-card)!important}section,article,aside{background-color:inherit}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}