:root{--bg-primary: #090d14;--bg-secondary: #101622;--bg-card: #151d2e;--bg-card-hover: #1b263b;--border-color: #202d42;--border-active: #00f0ff;--text-main: #e2e8f0;--text-muted: #7f93b0;--text-bright: #ffffff;--accent-cyan: #00f0ff;--accent-green: #00ff66;--accent-amber: #ffaa00;--accent-red: #ff3344;--accent-blue: #3b82f6;--radar-glow: rgba(0, 255, 102, .25);--ecdis-bg: #091a29;--font-sans: "Times New Roman", "SimHei", "STHeiti", "Heiti SC", "Microsoft YaHei", sans-serif;--font-mono: "Times New Roman", "SimHei", "STHeiti", "Heiti SC", monospace;--font-digital: "Times New Roman", "SimHei", "STHeiti", "Heiti SC", monospace;--shadow-glow-cyan: 0 0 15px rgba(0, 240, 255, .2);--shadow-glow-red: 0 0 20px rgba(255, 51, 68, .4)}body.mode-night-red{--bg-primary: #0a0000;--bg-secondary: #140202;--bg-card: #1f0505;--bg-card-hover: #2e0808;--border-color: #4a0d0d;--border-active: #ff2222;--text-main: #ff8888;--text-muted: #993333;--text-bright: #ffcccc;--accent-cyan: #ff4444;--accent-green: #ff4444;--accent-amber: #ff6666;--accent-red: #ff0000;--accent-blue: #ff5555;--radar-glow: rgba(255, 0, 0, .3);--ecdis-bg: #120000}body.mode-day{--bg-primary: #edf2f7;--bg-secondary: #e2e8f0;--bg-card: #ffffff;--bg-card-hover: #f7fafc;--border-color: #cbd5e0;--border-active: #0284c7;--text-main: #1a202c;--text-muted: #64748b;--text-bright: #0f172a;--accent-cyan: #0284c7;--accent-green: #16a34a;--accent-amber: #d97706;--accent-red: #dc2626;--accent-blue: #2563eb;--radar-glow: rgba(22, 163, 74, .15);--ecdis-bg: #e0f2fe}body.font-sm{font-size:13px}body.font-md{font-size:14px}body.font-lg{font-size:16px}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}html,body,#root{width:100vw;height:100vh;max-width:100vw;max-height:100vh;overflow:hidden!important;font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-main);transition:background-color .3s ease,color .3s ease;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.console-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000040;display:flex;flex-direction:column;position:relative;overflow:hidden;height:100%;width:100%;min-width:0;min-height:0}.console-header{height:38px;min-height:38px;padding:0 12px;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;letter-spacing:.5px;color:var(--text-bright);flex-shrink:0}.canvas-container-wrapper{flex:1 1 0%;width:100%;height:100%;min-width:0;min-height:0;position:relative;overflow:hidden}.canvas-container-wrapper canvas{position:absolute;top:0;left:0;width:100%;height:100%;display:block}.btn-icon{background:transparent;border:1px solid var(--border-color);color:var(--text-main);border-radius:4px;padding:4px 8px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-family:var(--font-sans);transition:all .15s ease}.btn-icon:hover{background:var(--bg-card-hover);border-color:var(--accent-cyan);color:var(--accent-cyan)}.btn-icon.active{background:#00f0ff26;border-color:var(--accent-cyan);color:var(--accent-cyan)}.leaflet-container{z-index:1!important;font-family:var(--font-sans)!important}.leaflet-map-pane{z-index:1!important}.leaflet-tile-pane{z-index:10!important}.leaflet-overlay-pane{z-index:20!important}.leaflet-marker-pane{z-index:3000!important}.leaflet-tooltip-pane{z-index:4000!important}.leaflet-popup-pane{z-index:5000!important}.leaflet-top,.leaflet-bottom{z-index:100!important}.vessel-leaflet-icon{background:transparent!important;border:none!important;z-index:3000!important}@keyframes alertPulse{0%{box-shadow:0 0 #f349;border-color:var(--accent-red)}70%{box-shadow:0 0 0 12px #f340;border-color:var(--accent-red)}to{box-shadow:0 0 #f340}}.alarm-active-card{animation:alertPulse 1.5s infinite;background:linear-gradient(135deg,rgba(255,51,68,.15),var(--bg-card))!important}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:99999;display:flex;align-items:center;justify-content:center}.modal-content{width:520px;max-width:90vw;background:var(--bg-card);border:2px solid var(--accent-red);border-radius:12px;box-shadow:var(--shadow-glow-red);padding:24px;animation:modalPop .25s cubic-bezier(.175,.885,.32,1.275)}@keyframes modalPop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.drawer-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:99998}.drawer-panel{position:fixed;top:0;left:0;width:480px;max-width:85vw;height:100vh;background:var(--bg-secondary);border-right:1px solid var(--border-color);box-shadow:4px 0 20px #00000080;z-index:99999;display:flex;flex-direction:column;animation:drawerSlide .25s ease-out}@keyframes drawerSlide{0%{transform:translate(-100%)}to{transform:translate(0)}}.resizer-handle{width:8px!important;min-width:8px!important;max-width:8px!important;height:100%!important;min-height:0!important;flex:0 0 8px!important;flex-shrink:0!important;align-self:stretch!important;cursor:col-resize;background-color:var(--bg-primary);display:flex;align-items:center;justify-content:center;z-index:10;transition:background-color .2s ease;position:relative;margin:0!important;padding:0!important;-webkit-user-select:none!important;user-select:none!important}.resizer-handle:after{content:"";width:2px;height:30px;background-color:var(--border-color);border-radius:1px}.resizer-handle:hover,.resizer-handle:active{background-color:#00f0ff33}.resizer-handle:hover:after,.resizer-handle:active:after{background-color:var(--accent-cyan)}