:root{--blue-900: #001a4d;--blue-800: #002366;--blue-700: #0032A0;--blue-600: #1a4fc4;--blue-500: #3d6fd9;--blue-400: #6b93e8;--blue-300: #9bb8f2;--yellow-500: #FFD700;--yellow-400: #ffe44d;--yellow-300: #fff0a0;--red-500: #CC0001;--red-400: #e63946;--red-300: #ff6b6b;--green-500: #06d6a0;--green-400: #2efcb8;--gray-950: #080c14;--gray-900: #0d1117;--gray-850: #111827;--gray-800: #161b22;--gray-700: #1e2533;--gray-600: #2d3748;--gray-500: #4a5568;--gray-400: #718096;--gray-300: #a0aec0;--gray-200: #cbd5e0;--gray-100: #e2e8f0;--gray-50: #f7fafc;--bg-primary: var(--gray-950);--bg-card: rgba(22, 27, 34, .7);--bg-card-hover: rgba(30, 37, 51, .85);--border-card: rgba(255, 255, 255, .06);--text-primary: var(--gray-50);--text-secondary: var(--gray-300);--text-muted: var(--gray-400);--accent: var(--blue-500);--section-gap: 5rem;--card-padding: 1.75rem;--card-radius: 1rem;--border-radius-sm: .5rem;--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--shadow-card: 0 4px 30px rgba(0, 0, 0, .3);--shadow-glow-blue: 0 0 40px rgba(61, 111, 217, .15);--shadow-glow-yellow: 0 0 40px rgba(255, 215, 0, .1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 0%,rgba(0,50,160,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(204,0,1,.08) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(255,215,0,.03) 0%,transparent 70%);pointer-events:none;z-index:0}#root{position:relative;z-index:1}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;color:var(--text-primary)}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.5rem,3vw,2.25rem)}h3{font-size:clamp(1.15rem,2vw,1.5rem)}p{color:var(--text-secondary);max-width:65ch}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.section{padding:var(--section-gap) 0}.section-header{margin-bottom:2.5rem}.section-header h2{margin-bottom:.5rem}.section-header p{font-size:1rem;color:var(--text-muted)}.section-label{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--accent);margin-bottom:.5rem}.card{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-card);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--shadow-card);transition:all .3s ease}.card:hover{background:var(--bg-card-hover);border-color:#ffffff1a;transform:translateY(-2px)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}@media(max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.container{padding:0 1rem}:root{--section-gap: 3rem;--card-padding: 1.25rem}}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}.recharts-tooltip-wrapper{z-index:100!important}.custom-tooltip{background:#0d1117f2!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1)!important;border-radius:.75rem!important;padding:.875rem 1rem!important;box-shadow:0 8px 32px #0006!important}.custom-tooltip .label{font-weight:600;color:var(--text-primary);margin-bottom:.375rem;font-size:.875rem}.custom-tooltip .item{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-secondary);padding:.125rem 0}.custom-tooltip .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600}.badge-up{background:#06d6a026;color:var(--green-500)}.badge-down{background:#e6394626;color:var(--red-400)}.badge-neutral{background:#a0aec026;color:var(--gray-300)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--gray-900)}::-webkit-scrollbar-thumb{background:var(--gray-600);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}.app-nav{position:sticky;top:0;z-index:100;background:#080c14d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06);padding:0}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:56px}.nav-brand{display:flex;align-items:center;gap:.5rem}.nav-flag{font-size:1.25rem}.nav-title{font-family:var(--font-heading);font-size:1rem;font-weight:700;color:var(--text-primary)}.nav-links{display:flex;gap:.25rem;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}.nav-links a{padding:.35rem .65rem;font-size:.75rem;font-weight:500;color:var(--text-muted);text-decoration:none;border-radius:var(--border-radius-sm);transition:all .2s;white-space:nowrap}.nav-links a:hover{background:#ffffff0f;color:var(--text-primary)}.app-footer{border-top:1px solid rgba(255,255,255,.06);padding:2.5rem 0;margin-top:2rem}.footer-content{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:1rem}.footer-title{font-family:var(--font-heading);font-weight:700;font-size:1rem;color:var(--text-primary);margin-bottom:.25rem}.footer-source{font-size:.8rem;color:var(--text-muted)}.footer-source a{color:var(--blue-400);text-decoration:none;transition:color .2s}.footer-source a:hover{color:var(--blue-300);text-decoration:underline}.footer-note{font-size:.75rem;color:var(--gray-500)}@media(max-width:768px){.nav-links{display:none}.footer-content{flex-direction:column;align-items:flex-start}}.hero-section{padding:4rem 0 2rem;min-height:60vh}.hero-header{text-align:center;margin-bottom:3rem}.hero-badge{display:inline-block;padding:.35rem 1rem;background:#3d6fd926;border:1px solid rgba(61,111,217,.3);border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--blue-400);margin-bottom:1rem}.hero-header h1{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;background:linear-gradient(135deg,var(--gray-50) 0%,var(--blue-300) 50%,var(--yellow-400) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.hero-subtitle{font-size:1.125rem;color:var(--text-muted);font-weight:400;margin:0 auto}.hero-main-card{max-width:700px;margin:0 auto 3rem;background:linear-gradient(135deg,#161b22e6,#0032a026);border:1px solid rgba(61,111,217,.2);box-shadow:var(--shadow-glow-blue)}.hero-main-inner{display:flex;justify-content:space-between;align-items:center;gap:2rem}.hero-main-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.hero-main-value{font-family:var(--font-heading);font-size:3.5rem;font-weight:800;color:var(--text-primary);line-height:1.1;margin:.25rem 0 .75rem}.hero-main-changes{display:flex;gap:1.25rem}.hero-change-item{display:flex;flex-direction:column;gap:.25rem}.hero-change-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.hero-main-right{flex-shrink:0}.hero-prev{display:flex;flex-direction:column;gap:.5rem}.hero-prev-item{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:.4rem .75rem;border-radius:var(--border-radius-sm);background:#ffffff08}.hero-prev-item.active{background:#3d6fd926;border:1px solid rgba(61,111,217,.25)}.hero-prev-label{font-size:.75rem;color:var(--text-muted)}.hero-prev-value{font-weight:700;font-size:.95rem;font-family:var(--font-heading)}.hero-categories{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.hero-cat-card{position:relative;overflow:hidden;cursor:default;padding:1.25rem}.hero-cat-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--accent-color);opacity:.7;transition:opacity .3s}.hero-cat-card:hover:before{opacity:1}.hero-cat-code{font-size:.65rem;font-weight:700;color:var(--accent-color);text-transform:uppercase;letter-spacing:.1em;opacity:.7;margin-bottom:.25rem}.hero-cat-name{font-size:.8rem;font-weight:500;color:var(--text-secondary);margin-bottom:.75rem;line-height:1.3;min-height:2.1em}.hero-cat-value{font-family:var(--font-heading);font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.hero-cat-changes{margin-bottom:.75rem}.hero-cat-bar{height:3px;background:#ffffff0f;border-radius:2px;overflow:hidden}.hero-cat-bar-fill{height:100%;background:var(--accent-color);border-radius:2px;transition:width 1.5s cubic-bezier(.4,0,.2,1)}@media(max-width:640px){.hero-main-inner{flex-direction:column;text-align:center}.hero-main-changes{justify-content:center}.hero-main-value{font-size:2.5rem}.hero-categories{grid-template-columns:repeat(2,1fr)}}.trend-toggles{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.trend-toggle{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:var(--text-muted);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .25s ease;font-family:var(--font-body)}.trend-toggle:hover{background:#ffffff0f;border-color:#ffffff26}.trend-toggle.active{background:color-mix(in srgb,var(--toggle-color) 15%,transparent);border-color:color-mix(in srgb,var(--toggle-color) 40%,transparent);color:var(--toggle-color)}.trend-toggle-dot{width:8px;height:8px;border-radius:50%;background:var(--toggle-color);opacity:.4;transition:opacity .25s}.trend-toggle.active .trend-toggle-dot{opacity:1}.yoy-period-selector{margin-bottom:1.5rem}.yoy-select{appearance:none;padding:.5rem 2rem .5rem 1rem;border-radius:var(--border-radius-sm);border:1px solid rgba(255,255,255,.1);background:var(--bg-card);color:var(--text-primary);font-family:var(--font-body);font-size:.875rem;cursor:pointer;transition:border-color .25s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 5l3 3 3-3' fill='none' stroke='%23718096' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.yoy-select:hover{border-color:#fff3}.yoy-select:focus{outline:2px solid var(--accent);outline-offset:2px}.yoy-select option{background:var(--gray-800);color:var(--text-primary)}.sparklines-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.sparkline-card{padding:1rem 1.25rem!important}.sparkline-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.sparkline-dot{width:8px;height:8px;border-radius:50%;background:var(--spark-color)}.sparkline-label{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.sparkline-chart{display:flex;align-items:center;gap:.75rem}.sparkline-latest{font-size:.85rem;font-weight:700;font-family:var(--font-heading);white-space:nowrap;min-width:45px;text-align:right}.sparkline-latest.up{color:var(--green-500)}.sparkline-latest.down{color:var(--red-400)}.treemap-container{height:500px;padding:.75rem!important;overflow:hidden}@media(max-width:640px){.treemap-container{height:380px}}.urban-rural-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.urban-rural-radar-card{padding:.5rem!important}.urban-rural-table-wrap{max-height:400px;overflow-y:auto}.urban-rural-table{width:100%;border-collapse:collapse;font-size:.8rem}.urban-rural-table th{text-align:left;padding:.5rem .75rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);border-bottom:1px solid rgba(255,255,255,.06);position:sticky;top:0;background:var(--bg-card)}.urban-rural-table td{padding:.45rem .75rem;border-bottom:1px solid rgba(255,255,255,.03);color:var(--text-secondary)}.urban-rural-table td.cat-name{font-weight:500;color:var(--text-primary)}.urban-rural-table td.up{color:var(--green-500);font-weight:600}.urban-rural-table td.down{color:var(--red-400);font-weight:600}.urban-rural-table tbody tr:hover{background:#ffffff05}@media(max-width:1024px){.urban-rural-grid{grid-template-columns:1fr}}.dt-search-bar{margin-bottom:1.25rem}.dt-search-input{width:100%;max-width:400px;padding:.6rem 1rem;border-radius:var(--border-radius-sm);border:1px solid rgba(255,255,255,.1);background:var(--bg-card);color:var(--text-primary);font-family:var(--font-body);font-size:.875rem;transition:border-color .25s,box-shadow .25s}.dt-search-input::placeholder{color:var(--gray-500)}.dt-search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #3d6fd926}.dt-card{padding:0!important;overflow:hidden}.dt-table-wrap{max-height:600px;overflow:auto}.dt-table{width:100%;border-collapse:collapse;font-size:.8rem}.dt-table thead th{position:sticky;top:0;z-index:10;background:var(--gray-800);padding:.75rem;text-align:left;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);border-bottom:1px solid rgba(255,255,255,.08);white-space:nowrap}.dt-table td{padding:.5rem .75rem;border-bottom:1px solid rgba(255,255,255,.03);color:var(--text-secondary);white-space:nowrap}.dt-row-main{background:#ffffff05}.dt-row-main td{font-weight:600;color:var(--text-primary)}.dt-expandable{cursor:pointer}.dt-expandable:hover{background:#ffffff0a}.dt-expanded{background:#3d6fd90f!important}.dt-row-child td{font-weight:400}.dt-row-child .dt-name{padding-left:calc(2rem + var(--indent, 0) * 1.25rem)}.dt-row-child:hover{background:#ffffff05}.dt-name{display:flex;align-items:center;gap:.4rem;min-width:280px}.dt-code{font-size:.65rem;font-weight:700;color:var(--accent);background:#3d6fd91f;padding:.1rem .35rem;border-radius:3px;min-width:2.5rem;text-align:center;flex-shrink:0}.dt-code-sub{background:#ffffff0d;color:var(--text-muted)}.dt-chevron{font-size:.7rem;color:var(--text-muted);flex-shrink:0;width:12px}.dt-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dt-weight{font-size:.75rem;color:var(--text-muted)}.dt-mini-bar{display:flex;align-items:center;gap:.5rem;min-width:120px}.dt-mini-bar-fill{height:6px;background:linear-gradient(90deg,var(--blue-600),var(--blue-400));border-radius:3px;min-width:2px;transition:width .6s ease}.dt-mini-bar-label{font-size:.75rem;font-weight:600;color:var(--text-primary);white-space:nowrap}.dt-badge{display:inline-block;padding:.1rem .4rem;border-radius:4px;font-size:.7rem;font-weight:600}.dt-up{background:#06d6a01f;color:var(--green-500)}.dt-down{background:#e639461f;color:var(--red-400)}.dt-neutral{color:var(--gray-400)}.dt-index-col{min-width:120px}@media(max-width:768px){.dt-table-wrap{max-height:500px}}