*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.app{height:100%;width:100%;position:relative}.map-container{height:100%;width:100%}.layer-controls{position:absolute;top:10px;right:10px;z-index:1000;background:#fffffff2;border-radius:8px;padding:12px;box-shadow:0 2px 10px #0003;min-width:160px}.layer-controls h3{margin-bottom:10px;font-size:14px;color:#333;border-bottom:1px solid #eee;padding-bottom:8px}.layer-toggle{display:flex;align-items:center;margin-bottom:8px;cursor:pointer}.layer-toggle:last-child{margin-bottom:0}.layer-toggle input{margin-right:8px;cursor:pointer}.layer-toggle label{font-size:13px;color:#444;cursor:pointer;display:flex;align-items:center;gap:6px}.layer-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.layer-dot.flights{background:#3498db}.layer-dot.earthquakes{background:#e74c3c}.layer-dot.satellites{background:#f1c40f}.layer-dot.ships{background:#16a34a}.layer-dot.weather{background:#f97316}.layer-dot.news{background:#a855f7}.loading-indicator{position:absolute;bottom:10px;left:10px;z-index:1000;background:#000000b3;color:#fff;padding:8px 12px;border-radius:4px;font-size:12px}.connection-status{position:absolute;bottom:10px;right:10px;z-index:1000;padding:6px 10px;border-radius:4px;font-size:11px;display:flex;align-items:center;gap:6px}.connection-status.connected{background:#27ae60e6;color:#fff}.connection-status.disconnected{background:#e74c3ce6;color:#fff}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.info-popup{min-width:180px}.info-popup h4{margin:0 0 8px;font-size:14px;color:#2c3e50;border-bottom:1px solid #eee;padding-bottom:6px}.info-popup .info-row{display:flex;justify-content:space-between;font-size:12px;margin-bottom:4px}.info-popup .info-row .label{color:#7f8c8d}.info-popup .info-row .value{color:#2c3e50;font-weight:500}.flight-marker{pointer-events:auto}.satellite-marker{border-radius:50%}.satellite-iss{border:2px solid #fff;box-shadow:0 0 8px #f1c40fcc}.ship-marker{pointer-events:auto}.ship-marker span{filter:drop-shadow(0 1px 3px rgba(0,0,0,.3))}.weather-marker{pointer-events:auto}.analytics-panel{position:fixed;top:0;left:0;height:100vh;width:320px;background:#1a202cf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e2e8f0;z-index:1000;overflow-y:auto;box-shadow:2px 0 15px #00000080;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.analytics-panel.closed{transform:translate(-100%)}.analytics-panel.open{transform:translate(0)}.analytics-panel::-webkit-scrollbar{width:8px}.analytics-panel::-webkit-scrollbar-track{background:#0003}.analytics-panel::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.analytics-panel::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.analytics-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(255,255,255,.1);background:#0003;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.analytics-header h2{font-size:18px;font-weight:600;color:#e2e8f0;margin:0}.analytics-close-btn{background:transparent;border:none;color:#cbd5e0;font-size:20px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s;line-height:1}.analytics-close-btn:hover{background:#ffffff1a;color:#fff}.analytics-toggle-btn{position:fixed;top:10px;left:10px;z-index:999;background:#1a202cf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#e2e8f0;font-size:24px;width:48px;height:48px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #0000004d;transition:all .2s}.analytics-toggle-btn:hover{background:#1a202c;transform:scale(1.05)}.analytics-content{padding:20px;flex:1}.analytics-section{margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.1)}.analytics-section:last-child{border-bottom:none}.analytics-section h3{font-size:16px;font-weight:600;color:#e2e8f0;margin:0 0 12px;display:flex;align-items:center;gap:8px}.analytics-section h4{font-size:12px;font-weight:500;color:#a0aec0;margin:12px 0 8px;text-transform:uppercase;letter-spacing:.5px}.stat-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding:8px 12px;background:#ffffff0d;border-radius:6px}.stat-label{font-size:13px;color:#cbd5e0}.stat-value{font-size:18px;font-weight:600;color:#fff}.stat-value.highlight{color:#f1c40f}.stat-breakdown{margin-top:12px}.stat-item{margin-bottom:10px}.stat-item:last-child{margin-bottom:0}.stat-item-label{font-size:12px;color:#cbd5e0;display:block;margin-bottom:4px}.stat-bar-container{position:relative;display:flex;align-items:center;gap:8px}.stat-bar{height:20px;border-radius:4px;transition:width .3s ease;min-width:2px}.stat-bar.flights{background:linear-gradient(90deg,#3498db,#5dade2)}.stat-bar.earthquakes{background:linear-gradient(90deg,#e74c3c,#ec7063)}.stat-bar.satellites{background:linear-gradient(90deg,#f1c40f,#f4d03f)}.stat-bar.ships{background:linear-gradient(90deg,#16a34a,#4ade80)}.stat-bar.weather{background:linear-gradient(90deg,#f97316,#fb923c)}.stat-bar.news{background:linear-gradient(90deg,#a855f7,#c084fc)}.stat-item-value{font-size:12px;font-weight:600;color:#fff;min-width:30px;text-align:right}@media (max-width: 768px){.analytics-panel{width:280px}.analytics-toggle-btn{width:44px;height:44px;font-size:20px}.analytics-header h2{font-size:16px}.analytics-section h3{font-size:14px}}.layer-controls{right:10px;top:10px}.loading-indicator{left:10px;bottom:10px}.connection-status{right:10px;bottom:10px}.marker-cluster-flights{background-color:#3498db99;border:3px solid #3498db}.marker-cluster-flights div{background-color:#3498dbcc;color:#fff;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.marker-cluster-flights div span{line-height:1}.marker-cluster-earthquakes{background-color:#e74c3c99;border:3px solid #e74c3c}.marker-cluster-earthquakes div{background-color:#e74c3ccc;color:#fff;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.marker-cluster-earthquakes div span{line-height:1}.marker-cluster-satellites{background-color:#f1c40f99;border:3px solid #f1c40f}.marker-cluster-satellites div{background-color:#f1c40fcc;color:#fff;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.marker-cluster-satellites div span{line-height:1}.marker-cluster-ships{background-color:#22c55e99;border:3px solid #22c55e}.marker-cluster-ships div{background-color:#22c55ecc;color:#fff;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.marker-cluster-ships div span{line-height:1}.marker-cluster-weather{background-color:#f9731699;border:3px solid #f97316}.marker-cluster-weather div{background-color:#f97316cc;color:#fff;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.marker-cluster-weather div span{line-height:1}.marker-cluster-news{background-color:#a855f799;border:3px solid #a855f7}.marker-cluster-news div{background-color:#a855f7cc;color:#fff;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.marker-cluster-news div span{line-height:1}.news-marker{pointer-events:auto}.marker-cluster-small{width:30px;height:30px}.marker-cluster-small div{font-size:11px}.marker-cluster-medium{width:40px;height:40px}.marker-cluster-medium div{font-size:13px}.marker-cluster-large{width:50px;height:50px}.marker-cluster-large div{font-size:15px;font-weight:900}