@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;900&display=swap");*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d0d0d;--surface:#141414;--surface2:#1c1c1c;--surface3:#222;--border:#272727;--border2:#333;--text:#e8e8e8;--text-muted:#777;--text-dim:#444;--red:#ef4444;--orange:#ff6b00;--yellow:#eab308;--green:#22c55e;--blue:#3b82f6;--sidebar-w:60px;--panel-w:340px}[data-theme=light]{--bg:#f0f0f0;--surface:#fff;--surface2:#f5f5f5;--surface3:#ebebeb;--border:#e0e0e0;--border2:#d0d0d0;--text:#111;--text-muted:#666;--text-dim:#aaa}body,html{background:var(--bg);color:var(--text);font-family:Cairo,sans-serif;min-height:100vh;overflow:hidden}.app-shell{display:flex;height:100vh;width:100vw;overflow:hidden;direction:ltr}.app-sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;padding:12px 0;z-index:200;gap:4px}.app-map{flex:1 1;position:relative;overflow:hidden}.app-panel{width:var(--panel-w);flex-shrink:0;background:var(--surface);border-left:1px solid var(--border);overflow:hidden;z-index:100;direction:rtl}.app-panel,.sidebar-logo{display:flex;flex-direction:column}.sidebar-logo{align-items:center;gap:5px;padding-bottom:14px;margin-bottom:6px;border-bottom:1px solid var(--border);width:100%}.sidebar-logo-text{font-size:18px;font-weight:900;color:var(--red);line-height:1;direction:rtl}.live-dot{width:7px;height:7px;border-radius:50%;background:#444;transition:background .3s,box-shadow .3s}.live-dot.connected{background:var(--green);box-shadow:0 0 7px var(--green);animation:livePulse 2s ease-in-out infinite}@keyframes livePulse{0%,to{box-shadow:0 0 7px var(--green)}50%{box-shadow:0 0 14px var(--green)}}.sidebar-nav{flex-direction:column;gap:4px;flex:1 1;width:100%;padding:0 6px}.sidebar-icon-btn,.sidebar-nav{display:flex;align-items:center}.sidebar-icon-btn{position:relative;justify-content:center;width:44px;height:44px;border-radius:12px;background:transparent;border:none;cursor:pointer;color:var(--text-muted);text-decoration:none;transition:background .15s,color .15s;font-size:19px}.sidebar-icon-btn:hover{background:var(--surface2);color:var(--text)}.sidebar-icon-btn.active-red{background:rgba(239,68,68,.12);color:var(--red)}.sidebar-icon-btn.active-orange{background:rgba(255,107,0,.12);color:var(--orange)}.sidebar-badge{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 5px var(--orange);animation:livePulse 1.5s ease-in-out infinite}.sidebar-bottom{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px 0;border-top:1px solid var(--border);width:100%}.panel-header{padding:14px 16px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.panel-title{font-size:16px;font-weight:700;color:var(--text);line-height:1.3}.panel-subtitle{font-size:12px;color:var(--text-muted);margin-top:2px}.panel-scroll{flex:1 1;overflow-y:auto}.alert-card{padding:12px 16px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .12s;direction:rtl}.alert-card:hover{background:var(--surface2)}.alert-card:last-child{border-bottom:none}.alert-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.alert-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.3px}.badge-strike{background:rgba(239,68,68,.15);color:var(--red);border:1px solid rgba(239,68,68,.3)}.badge-drone{background:rgba(255,107,0,.15);color:var(--orange);border:1px solid rgba(255,107,0,.3)}.badge-artillery{background:rgba(234,179,8,.15);color:var(--yellow);border:1px solid rgba(234,179,8,.3)}.alert-time{font-size:11px;color:var(--text-muted);white-space:nowrap}.alert-title{font-size:14px;font-weight:700;color:var(--text);margin-bottom:4px;line-height:1.4}.alert-areas,.alert-source{font-size:12px;color:var(--text-muted);line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.alert-source{margin-top:4px}.panel-empty{flex-direction:column;justify-content:center;height:200px;color:var(--text-dim);font-size:13px;gap:8px}.drone-banner,.panel-empty{display:flex;align-items:center}.drone-banner{position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:500;background:rgba(20,5,0,.92);border:1px solid var(--orange);border-radius:12px;padding:10px 16px;gap:10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);direction:rtl;white-space:nowrap;max-width:calc(100% - 24px);animation:bannerSlideDown .3s ease-out}@keyframes bannerSlideDown{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOutDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(20px);opacity:0}}.toast-enter{animation:slideInUp .25s ease-out forwards}.toast-exit{animation:slideOutDown .25s ease-in forwards}@keyframes toast-shrink{0%{width:100%}to{width:0}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@media (min-width:769px){.app-panel:not(.panel-open){display:none}}@media (max-width:768px){:root{--panel-w:100vw}.app-sidebar{position:fixed;bottom:0;left:0;right:0;top:auto;width:100%;height:56px;flex-direction:row;justify-content:space-around;border-right:none;border-top:1px solid var(--border);padding:0 12px;z-index:1100}.sidebar-logo{display:none}.sidebar-nav{flex-direction:row;flex:none;gap:0;width:auto;padding:0}.sidebar-bottom{flex-direction:row;border-top:none;padding:0;width:auto}.sidebar-icon-btn{border-radius:8px}.app-map{height:calc(100vh - 56px);max-height:calc(100vh - 56px)}.app-panel{position:fixed;top:0;left:0;right:0;bottom:56px;width:100%;transform:translateX(100%);transition:transform .3s ease;z-index:1050}.app-panel.panel-open{transform:translateX(0)}}.leaflet-container{background:#1a1a2e!important}.leaflet-tile-pane{filter:brightness(.85) saturate(.8)}.drone-map-light.leaflet-container{background:#e8e4e0!important}.drone-map-light .leaflet-tile-pane{filter:none!important}@keyframes pulse-ring{0%{transform:scale(.5);opacity:1}to{transform:scale(2.5);opacity:0}}@keyframes marker-drop{0%{transform:translateY(-30px);opacity:0}60%{transform:translateY(4px)}to{transform:translateY(0);opacity:1}}.marker-pulse{animation:marker-drop .4s ease-out forwards}.marker-pulse:before{content:"";position:absolute;inset:0;border-radius:50%;animation:pulse-ring 1.5s ease-out 3}.marker-red:before{background:rgba(239,68,68,.4)}.marker-orange:before{background:rgba(249,115,22,.4)}.marker-yellow:before{background:rgba(234,179,8,.4)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}.leaflet-popup-content-wrapper{color:var(--text)!important;border:1px solid var(--border)!important;border-radius:8px!important}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:var(--surface)!important}.admin-shell{display:flex;height:100vh;background:#0a0a0a;direction:rtl}.admin-sidebar{width:220px;flex-shrink:0;background:#0f0f0f;border-left:1px solid #1f1f1f;display:flex;flex-direction:column;padding:20px 0;transition:transform .25s ease}.admin-main{flex:1 1;overflow:auto;min-width:0}.admin-topbar{display:none;align-items:center;padding:12px 16px;background:#0f0f0f;border-bottom:1px solid #1f1f1f;gap:12px;flex-shrink:0}.admin-hamburger{background:none;border:1px solid #2a2a2a;border-radius:6px;color:#888;cursor:pointer;padding:6px 10px;font-size:16px;display:flex;align-items:center}.admin-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:199}@media (max-width:768px){.admin-sidebar{position:fixed;right:0;top:0;bottom:0;z-index:200;transform:translateX(100%)}.admin-sidebar.open{transform:translateX(0)}.admin-topbar{display:flex}.admin-overlay.visible{display:block}.admin-main{display:flex;flex-direction:column}}html{transition:background-color .2s ease,color .2s ease}