:root{--bg-main:#0b0e0d;--bg-surface:#141a17;--bg-elevated:#1f2623;--text-primary:#f0f4f2;--text-secondary:#9aaea6;--text-muted:#576a62;--accent-primary:#00f0ff;--accent-copper:#c86b46;--accent-copper-glow:#c86b4633;--accent-danger:#ff4a4a;--border-light:#9aaea626;--glass-bg:#141a17b3;--glass-border:#9aaea61a;--glass-blur:blur(12px);--font-sans:"Inter", sans-serif}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-primary);line-height:1.5;overflow:hidden}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:12px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:root{--bg-main:#0a0a0a;--bg-surface:#111;--bg-elevated:#1a1a1a;--bg-secondary:#222;--border:#333;--border-light:#2a2a2a;--text-primary:#fff;--text-secondary:#a0a0a0;--text-muted:#666;--accent-primary:#0f8;--accent-copper:#f84;--accent-danger:#f44;--accent-copper-glow:#ff88444d}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg-main);width:100%;height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,sans-serif;overflow:hidden}.app-container{width:100%;height:100%;display:flex;position:relative}.app-container.fullscreen .sidebar{display:none}.app-container.fullscreen .map-area{width:100%}.mobile-header{background:var(--bg-surface);border-bottom:1px solid var(--border);z-index:1001;justify-content:space-between;align-items:center;height:50px;padding:0 16px;display:none;position:absolute;top:0;left:0;right:0}.sidebar{background:var(--bg-surface);border-right:1px solid var(--border);z-index:100;flex-direction:column;width:420px;min-width:380px;height:100%;transition:transform .3s;display:flex}.sidebar-header{border-bottom:1px solid var(--border);padding:20px;position:relative}.close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;position:absolute;top:16px;right:16px}.logo-area{align-items:center;gap:10px;margin-bottom:6px;display:flex}.logo-icon{color:var(--accent-primary)}.logo-text{letter-spacing:-.5px;font-size:1.4rem;font-weight:700}.tagline{color:var(--accent-copper);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.intro-section{border-bottom:1px solid var(--border);padding:16px 20px}.intro-section h2{color:var(--text-primary);margin-bottom:8px;font-size:1rem}.intro-section p{color:var(--text-secondary);margin-bottom:8px;font-size:.85rem}.intro-section .explanation{color:var(--text-muted);margin-bottom:12px;font-size:.75rem;line-height:1.5}.stats-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px;display:grid}.stat-box{background:var(--bg-secondary);text-align:center;color:var(--accent-primary);border-radius:6px;padding:8px}.stat-value{color:var(--text-primary);font-size:1rem;font-weight:700}.stat-label{color:var(--text-muted);margin-top:2px;font-size:.6rem}.btn-expand{background:var(--accent-primary);color:#000;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:8px;padding:10px;font-size:.85rem;font-weight:600;display:flex}.btn-expand.secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border)}.how-it-works,.faq-section{margin-bottom:12px}.step{background:var(--bg-secondary);border-radius:6px;gap:10px;margin-bottom:8px;padding:10px;display:flex}.step-num{background:var(--accent-primary);color:#000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;font-weight:700;display:flex}.step strong{color:var(--text-primary);margin-bottom:2px;font-size:.85rem;display:block}.step p{color:var(--text-muted);font-size:.7rem;line-height:1.4}.faq-item{background:var(--bg-secondary);border-radius:6px;margin-bottom:8px;padding:10px}.faq-item strong{color:var(--accent-primary);margin-bottom:4px;font-size:.8rem;display:block}.faq-item p{color:var(--text-muted);font-size:.7rem;line-height:1.4}.sidebar-content{flex-direction:column;flex:1;gap:12px;padding:16px 20px;display:flex;overflow-y:auto}.search-form{align-items:center;display:flex;position:relative}.search-icon{color:var(--text-muted);position:absolute;left:12px}.search-form input{background:var(--bg-secondary);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:8px;padding:10px 12px 10px 36px;font-size:.9rem}.region-buttons{flex-wrap:wrap;gap:6px;display:flex}.region-buttons button{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:6px;padding:6px 10px;font-size:.75rem}.layer-toggle{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:10px;font-size:.85rem;display:flex}.layer-toggle span{color:var(--text-muted);margin-left:auto;font-size:.7rem}.layer-panel{background:var(--bg-secondary);border-radius:8px;margin-top:-8px;margin-bottom:8px;padding:12px}.layer-panel label{cursor:pointer;color:var(--text-secondary);align-items:center;gap:8px;padding:6px 0;font-size:.85rem;display:flex}.layer-dot{border-radius:50%;width:12px;height:12px}.sidebar-content h3{align-items:center;gap:8px;margin-top:8px;font-size:1rem;display:flex}.parcel-card{background:var(--bg-elevated);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:14px;transition:all .2s}.parcel-card:hover{border-color:var(--accent-copper);transform:translateY(-2px)}.parcel-card.active{border-color:var(--accent-primary);background:#00ff880d}.parcel-header{justify-content:space-between;align-items:flex-start;display:flex}.parcel-header h4{color:var(--text-primary);font-size:.9rem}.parcel-area{color:var(--accent-primary);font-size:.75rem}.threat-profile{color:var(--accent-danger);background:#ff44441a;border-radius:6px;align-items:center;gap:6px;margin-top:10px;padding:8px;font-size:.8rem;display:flex}.parcel-meta{color:var(--text-muted);flex-wrap:wrap;gap:10px;margin-top:8px;font-size:.7rem;display:flex}.threat-badge{text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:.65rem}.threat-badge.critical{color:#fff;background:#f44}.threat-badge.high{color:#000;background:#fa0}.threat-badge.medium{color:#000;background:#0af}.checkout-area{background:var(--bg-elevated);border-top:1px solid var(--border);padding:16px 20px}.parcel-detail h4{margin-bottom:4px;font-size:1rem}.parcel-detail-meta{color:var(--text-muted);font-size:.75rem;line-height:1.4}.why-matters{background:#00ff881a;border:1px solid #0f83;border-radius:8px;margin:12px 0;padding:12px}.why-matters span{color:var(--accent-primary);margin-bottom:4px;font-size:.85rem;font-weight:600;display:block}.why-matters p{color:var(--text-secondary);font-size:.75rem}.price-section{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.price-section small{color:var(--text-muted);font-size:.8rem}.price{color:var(--text-primary);font-size:1.5rem;font-weight:700}.price small{color:var(--text-muted);font-size:.85rem}.btn-primary{background:var(--text-primary);width:100%;color:var(--bg-main);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:1rem;font-weight:600;display:flex}.btn-primary:hover{background:var(--accent-copper);color:#fff}.included{background:var(--bg-secondary);border-radius:8px;margin-top:12px;padding:12px}.included strong{margin-bottom:8px;font-size:.8rem;display:block}.included ul{color:var(--text-muted);margin:0;padding-left:16px;font-size:.75rem}.included li{margin-bottom:4px}.secure-badge{color:var(--text-muted);text-align:center;margin-top:10px;font-size:.7rem}.empty-state{text-align:center;border-top:1px solid var(--border);color:var(--text-muted);padding:20px}.empty-state p{margin-top:8px;font-size:.85rem}.map-area{flex:1;position:relative}.map-controls{z-index:1000;flex-direction:column;gap:8px;display:flex;position:absolute;top:16px;right:16px}.map-controls button{border:1px solid var(--border);width:40px;height:40px;color:var(--text-primary);cursor:pointer;background:#000c;border-radius:8px;justify-content:center;align-items:center;display:flex}.map-legend{z-index:1000;border:1px solid var(--border);background:#000000d9;border-radius:8px;padding:12px;font-size:.75rem;position:absolute;bottom:16px;left:16px}.map-legend strong{margin-bottom:8px;font-size:.8rem;display:block}.map-legend div{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:4px;display:flex}.map-legend span{border-radius:50%;width:10px;height:10px;display:inline-block}.map-legend div:nth-child(2) span{background:#0f8}.map-legend div:nth-child(3) span{background:#0af}.map-legend div:nth-child(4) span{background:#f44}.mobile-parcel-btn{z-index:1000;background:var(--accent-primary);color:#000;cursor:pointer;border:none;border-radius:24px;padding:12px 24px;font-weight:600;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0f86}.leaflet-container{background:var(--bg-main)!important}.leaflet-popup-content-wrapper{background:var(--bg-surface)!important;color:var(--text-primary)!important;border-radius:8px!important}.leaflet-popup-tip{background:var(--bg-surface)!important}.sentinel-marker{background:var(--accent-copper);border:2px solid var(--accent-primary);box-shadow:0 0 12px var(--accent-copper-glow);border-radius:50%}.sentinel-marker.selected{background:var(--accent-primary);border-color:#fff;box-shadow:0 0 20px #00ff8880}.detailed-popup .popup-header{border-bottom:1px solid var(--border);margin-bottom:8px;padding-bottom:8px;font-size:.9rem;font-weight:600}.detailed-popup .popup-body{font-size:.8rem;line-height:1.6}.detailed-popup .popup-body div{color:var(--text-secondary);margin-bottom:4px}.detailed-popup .popup-threat{color:var(--text-muted);margin-top:8px;font-size:.75rem;font-style:italic}.modal-overlay{z-index:2000;background:#0a0a0ae6;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{text-align:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;width:90%;max-width:400px;padding:32px}.loader{border:3px solid var(--border);border-top-color:var(--accent-primary);border-radius:50%;width:48px;height:48px;margin:0 auto 16px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-content h2{margin-bottom:8px;font-size:1.2rem}.modal-content p{color:var(--text-muted);font-size:.9rem}@media (width<=768px){.mobile-header{display:flex}.sidebar{z-index:1000;width:100%;max-width:100%;position:fixed;top:50px;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.stats-grid{grid-template-columns:repeat(2,1fr)}.intro-section h2{font-size:1.1rem}.map-legend{display:none}.map-controls{top:60px}}:fullscreen .app-container{background:#000}:fullscreen .sidebar{display:none}:fullscreen .map-area{width:100vw;height:100vh}:fullscreen .map-controls{top:16px}@media (hover:none){.parcel-card:active{transform:scale(.98)}button:active{transform:scale(.97)}}@supports (padding:env(safe-area-inset-top)){.mobile-header{padding-top:env(safe-area-inset-top)}.sidebar{padding-bottom:env(safe-area-inset-bottom)}}