@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0a0f1a;color:#e2e8f0;overflow-x:hidden}.app-layout{display:flex;min-height:100vh}.sidebar{width:72px;background:#0f172a;border-right:1px solid #1e293b;display:flex;flex-direction:column;align-items:center;padding:1rem 0;position:fixed;top:0;left:0;bottom:0;z-index:50}.sidebar-logo{margin-bottom:2rem}.logo-icon{width:42px;height:42px;background:linear-gradient(135deg,#2dd4bf,#3b82f6);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#0f172a}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}.nav-btn{width:42px;height:42px;border:none;background:transparent;color:#64748b;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.nav-btn:hover{background:#1e293b;color:#94a3b8}.nav-btn.active{background:linear-gradient(135deg,#1e3a5f,#2d5a87);color:#2dd4bf}.sidebar-sections{margin-top:auto;display:flex;flex-direction:column;gap:.25rem;width:100%;padding:0 .5rem}.sidebar-section{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:8px;font-size:.7rem;color:#64748b;cursor:pointer;transition:all .2s;white-space:nowrap;overflow:hidden}.sidebar-section:hover,.sidebar-section.active{background:#1e293b;color:#2dd4bf}.main-content{flex:1;margin-left:72px;padding:1.5rem 2rem;max-width:100%}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.dashboard-title{font-size:1.75rem;font-weight:700;color:#f1f5f9;letter-spacing:-.025em}.dashboard-subtitle{font-size:.875rem;color:#64748b;margin-top:.25rem}.header-filters{display:flex;gap:.75rem;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:.5rem;background:#1e293b;border:1px solid #334155;border-radius:10px;padding:.5rem .75rem;position:relative;color:#94a3b8}.filter-select{background:transparent;border:none;color:#e2e8f0;font-size:.8rem;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:1.25rem}.filter-select option{background:#1e293b;color:#e2e8f0}.select-arrow{position:absolute;right:.5rem;pointer-events:none;color:#64748b}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.kpi-card{border-radius:16px;padding:1.25rem;position:relative;overflow:hidden}.kpi-card:after{content:"";position:absolute;top:0;right:0;width:120px;height:120px;background:#ffffff08;border-radius:50%;transform:translate(30px,-30px)}.kpi-card-inner{display:flex;justify-content:space-between;align-items:flex-start}.kpi-content{display:flex;flex-direction:column;gap:.25rem}.kpi-label{font-size:.8rem;color:#ffffffb3;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.kpi-value{font-size:1.75rem;font-weight:700;color:#fff;letter-spacing:-.025em}.kpi-sub{font-size:.7rem;color:#ffffff80}.kpi-icon{width:40px;height:40px;background:#ffffff26;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fffc}.charts-grid{display:grid;gap:1rem;margin-bottom:1.5rem}.charts-grid.two-col{grid-template-columns:1fr 1fr}.chart-card{background:#111827;border:1px solid #1e293b;border-radius:16px;padding:1.25rem}.chart-title{font-size:.9rem;font-weight:600;color:#e2e8f0;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.chart-title svg{color:#2dd4bf}.insights-section{margin-bottom:1.5rem}.section-title{font-size:1.1rem;font-weight:600;color:#f1f5f9;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.section-title svg{color:#2dd4bf}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.insight-card{background:#111827;border:1px solid #1e293b;border-radius:16px;padding:1.25rem;transition:transform .2s,box-shadow .2s}.insight-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.insight-card h3{font-size:.85rem;font-weight:600;color:#f1f5f9;margin-bottom:.5rem}.insight-text{font-size:.8rem;color:#94a3b8;line-height:1.6}.insight-warning h3{color:#fbbf24}.insight-success h3{color:#34d399}.insight-info h3{color:#60a5fa}.insight-warning{border-color:#fbbf2433}.insight-success{border-color:#34d39933}.insight-info{border-color:#60a5fa33}.stats-section{margin-bottom:1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}.stat-item{background:#111827;border:1px solid #1e293b;border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.25rem;text-align:center}.stat-label{font-size:.7rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:1rem;font-weight:700;color:#2dd4bf}.table-section{background:#111827;border:1px solid #1e293b;border-radius:16px;padding:1.25rem;margin-bottom:2rem}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.table-search{background:#0f172a;border:1px solid #334155;border-radius:8px;padding:.5rem .75rem;color:#e2e8f0;font-size:.8rem;width:280px;outline:none;transition:border-color .2s}.table-search:focus{border-color:#2dd4bf}.table-search::placeholder{color:#475569}.table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:.75rem 1rem;font-size:.75rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #1e293b;background:#0f172a}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s}.sortable-th:hover{color:#2dd4bf}.sort-indicator{color:#2dd4bf;font-weight:700}.data-table td{padding:.6rem 1rem;font-size:.8rem;color:#cbd5e1;border-bottom:1px solid #1e293b}.data-table tbody tr:hover{background:#2dd4bf0a}.country-badge{background:linear-gradient(135deg,#1e3a5f,#2d5a87);padding:.2rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600;color:#2dd4bf}.number-cell{font-family:SF Mono,Fira Code,monospace;text-align:right;color:#f1f5f9}.table-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;flex-wrap:wrap;gap:.5rem}.pagination-info{font-size:.75rem;color:#64748b}.pagination-buttons{display:flex;gap:.25rem}.page-btn{background:#1e293b;border:1px solid #334155;color:#94a3b8;padding:.4rem .75rem;border-radius:6px;font-size:.75rem;cursor:pointer;transition:all .2s}.page-btn:hover:not(:disabled){background:#334155;color:#e2e8f0}.page-btn.active{background:#2dd4bf;border-color:#2dd4bf;color:#0f172a;font-weight:600}.page-btn:disabled{opacity:.4;cursor:not-allowed}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#0a0f1a}.spinner{width:48px;height:48px;border:3px solid #1e293b;border-top-color:#2dd4bf;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#0a0f1a}.error-message{text-align:center;color:#ef4444}.error-message h2{margin-top:1rem;font-size:1.25rem}.error-message p{color:#94a3b8;margin-top:.5rem}.recharts-default-tooltip{background:#1e293b!important;border:1px solid #334155!important;border-radius:8px!important}@media (max-width: 1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.charts-grid.two-col{grid-template-columns:1fr}.sidebar{display:none}.main-content{margin-left:0;padding:1rem}}@media (max-width: 640px){.kpi-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-header{flex-direction:column}.header-filters{width:100%}.filter-group{flex:1}.table-search{width:100%}}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{min-height:100vh;background:#0a0f1a}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0f172a}::-webkit-scrollbar-thumb{background:#334155;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#475569}