:root{--primary: #FF9900;--secondary: #63CAFF;--bg-main: #50627C;--panel-bg: rgba(30, 41, 59, .4);--map-stroke: #63CAFF;--text-main: #f8fafc;--text-muted: #e2e8f0;--chart-blue: #63CAFF;--chart-orange: #FF9900;--chart-purple: #CC99FF;--chart-green: #66FF66;--chart-yellow: #FFFF66;--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif}body{background-color:var(--bg-main);color:var(--text-main);margin:0;font-family:var(--font-body);overflow:hidden;height:100vh;width:100vw}.glass{background:var(--panel-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:8px}h1,h2,h3{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.1em}.sidebar-left{background:var(--bg-main);border-right:1px solid rgba(255,255,255,.05)}@keyframes floatingMap{0%{transform:translate(60px) translateY(0) scale(1.4)}50%{transform:translate(60px) translateY(-15px) scale(1.4)}to{transform:translate(60px) translateY(0) scale(1.4)}}.map-3d-animated{animation:floatingMap 8s ease-in-out infinite;transition:transform .5s ease;filter:drop-shadow(0px 10px 15px rgba(0,0,0,.5))}.map-3d-animated:hover{animation-play-state:paused;transform:translate(60px) scale(1.5)}.menu-item{color:var(--text-muted);transition:all .2s}.menu-item:hover{background:#ffffff08;color:var(--primary)}.menu-item.active{background:var(--primary);color:#1e293b!important;font-weight:700}.menu-item.active .icon{color:#1e293b}.neon-white-path{stroke:var(--map-stroke);stroke-width:1.2px;fill:#38bdf80d;transition:all .3s}.neon-white-path.active{fill:#f903;stroke:var(--primary);stroke-width:2.5px;filter:drop-shadow(0 0 8px rgba(255,153,0,.6))}.boundary-line{fill:none;stroke:var(--map-stroke);stroke-width:2px;stroke-opacity:.6}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#ffffff0d}.recharts-text{fill:var(--text-muted)!important;font-size:10px}@media (max-width: 1024px){.desktop-only{display:none!important}}@media (min-width: 1025px){.mobile-only{display:none!important}}@media (max-width: 768px){:root{--header-height: 120px}body{overflow-y:auto!important;height:100%;height:-webkit-fill-available}#root{min-height:100vh;min-height:-webkit-fill-available;display:flex;flex-direction:column}.dashboard-main{flex-direction:column!important;height:auto!important;padding:10px!important;overflow-y:visible!important}.sidebar-left{position:fixed!important;z-index:2000;height:100vh!important;left:0;top:0;bottom:0;box-shadow:20px 0 50px #000c;background:#1a202c!important}.sidebar-left.closed{transform:translate(-105%)}.sidebar-left.open{transform:translate(0)}.map-container{min-height:350px;height:45vh;flex:none!important;margin-bottom:10px;order:1}.info-panel{flex:none!important;height:auto!important;overflow-y:visible!important;order:2}header{flex-direction:column!important;gap:12px!important;padding:15px!important;margin:10px 10px 5px!important}.header-actions{width:100%;justify-content:center!important;border-top:1px solid rgba(255,255,255,.05);padding-top:10px}.logo-overlay{height:50px!important}}.dashboard-main{display:flex;flex:1;overflow:hidden;padding:10px 15px 15px;gap:10px;transition:all .3s ease}.map-container{flex:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#1e293b33}.info-panel{flex:1;display:flex;flex-direction:column;gap:10px;overflow-y:auto}@media (max-width: 768px){@keyframes floatingMapMobile{0%{transform:scale(1.1) translateY(0)}50%{transform:scale(1.1) translateY(-8px)}to{transform:scale(1.1) translateY(0)}}.map-3d-animated{animation:floatingMapMobile 8s ease-in-out infinite;transform:scale(1.1)}}@supports (padding: env(safe-area-inset-top)){header{padding-top:calc(15px + env(safe-area-inset-top))!important}}.login-card{width:450px;padding:50px;background:#1e293b99;border:1px solid rgba(255,153,0,.15);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;border-radius:8px;transition:all .3s ease}@media (max-width: 768px){.login-card{width:90%!important;padding:30px!important}.lang-switcher{top:15px!important;right:15px!important;gap:5px!important}.lang-switcher button{padding:8px 12px!important;font-size:10px!important}}