:root{--color-bg:#090a0f;--color-panel:#10121a;--color-panel-header:#141722;--color-border:#1a1e29;--color-border-glow:#00f0ff1a;--color-grid-line:#ffffff05;--color-text-primary:#e2e8f0;--color-text-secondary:#8e9bb0;--color-text-muted:#4e5b70;--color-cyan:#00f0ff;--color-green:#39ff14;--color-amber:#fa0;--color-red:#ff003c;--h-cyan:180;--h-green:111;--h-amber:40;--h-red:346;--font-mono:"Space Mono", "Courier New", Courier, monospace;--font-sans:"Inter", system-ui, -apple-system, sans-serif;box-sizing:border-box}*{box-sizing:inherit;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:linear-gradient(var(--color-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--color-grid-line) 1px, transparent 1px);background-size:40px 40px;background-attachment:fixed;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-cyan)}.leaflet-container{border-radius:4px;font-family:var(--font-sans)!important;background-color:#0b0c10!important}.leaflet-bar{border:1px solid var(--color-border)!important;box-shadow:none!important}.leaflet-bar a{background-color:var(--color-panel)!important;color:var(--color-text-primary)!important;border-bottom:1px solid var(--color-border)!important}.leaflet-bar a:hover{background-color:var(--color-panel-header)!important;color:var(--color-cyan)!important}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:var(--color-panel)!important;color:var(--color-text-primary)!important;border:1px solid var(--color-border)!important;border-radius:4px!important;box-shadow:0 4px 20px #00000080!important}.scanline{pointer-events:none;z-index:9999;opacity:.15;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 4px,linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f) 0 0/6px 100%;width:100%;height:100%;position:fixed;top:0;left:0}.tactical-card{background-color:var(--color-panel);border:1px solid var(--color-border);border-radius:4px;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000004d,inset 0 0 10px #00f0ff05}.tactical-card:before{content:"";background:linear-gradient(90deg, transparent, var(--color-border), transparent);width:100%;height:2px;position:absolute;top:0;left:0}.tactical-card.active:before{background:linear-gradient(90deg, transparent, var(--color-cyan), transparent)}.tactical-card-header{background-color:var(--color-panel-header);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.tactical-title{font-family:var(--font-mono);letter-spacing:2px;color:var(--color-text-secondary);text-transform:uppercase;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.tactical-title-dot{background-color:var(--color-cyan);width:6px;height:6px;box-shadow:0 0 8px var(--color-cyan);border-radius:50%;display:inline-block}.tactical-title-dot.green{background-color:var(--color-green);box-shadow:0 0 8px var(--color-green)}.tactical-title-dot.amber{background-color:var(--color-amber);box-shadow:0 0 8px var(--color-amber)}.tactical-title-dot.red{background-color:var(--color-red);box-shadow:0 0 8px var(--color-red)}.tactical-card-body{padding:16px}.tactical-input{border:1px solid var(--color-border);color:var(--color-text-primary);font-family:var(--font-mono);background-color:#0000004d;border-radius:2px;outline:none;padding:8px 12px;font-size:13px;transition:all .2s}.tactical-input:focus{border-color:var(--color-cyan);box-shadow:0 0 8px #00f0ff33}.tactical-btn{border:1px solid var(--color-border);color:var(--color-text-primary);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;background-color:#1a1e29cc;border-radius:2px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.tactical-btn:hover:not(:disabled){border-color:var(--color-cyan);color:var(--color-cyan);background-color:#00f0ff0d;box-shadow:0 0 10px #00f0ff26}.tactical-btn:active:not(:disabled){transform:translateY(1px)}.tactical-btn:disabled{opacity:.3;cursor:not-allowed}.tactical-btn-cyan{border-color:var(--color-cyan);color:var(--color-cyan);background-color:#00f0ff1a}.tactical-btn-cyan:hover:not(:disabled){background-color:var(--color-cyan);color:var(--color-bg)}.tactical-btn-green{border-color:var(--color-green);color:var(--color-green);background-color:#39ff141a}.tactical-btn-green:hover:not(:disabled){background-color:var(--color-green);color:var(--color-bg)}.tactical-btn-red{border-color:var(--color-red);color:var(--color-red);background-color:#ff003c1a}.tactical-btn-red:hover:not(:disabled){background-color:var(--color-red);color:var(--color-bg)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.blink{animation:1s infinite blink}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.scan-bar{background:linear-gradient(to bottom, transparent, var(--color-cyan), transparent);pointer-events:none;opacity:.3;width:100%;height:4px;animation:4s linear infinite scan;position:absolute;top:0;left:0}.tactical-grid{grid-template-columns:repeat(12,1fr);gap:16px;display:grid}.tactical-flex{gap:16px;display:flex}.pulse-marker{background:var(--color-cyan);box-shadow:0 0 12px var(--color-cyan);border:2px solid #fff;border-radius:50%}.main-dashboard{flex-direction:column;max-width:1300px;min-height:100vh;margin:0 auto;padding:16px;display:flex;overflow-y:auto}.dashboard-layout{grid-template-columns:1fr;align-items:start;gap:16px;display:grid;overflow:visible}@media (width>=1024px){.dashboard-layout{grid-template-columns:5fr 7fr}}.dashboard-layout>div{flex-direction:column;gap:16px;min-width:0;display:flex}.dashboard-column{flex-direction:column;gap:16px;display:flex}.grid-cols-2{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=768px){.grid-cols-2{grid-template-columns:1fr 1fr}}.date-selector-tabs{gap:8px;padding-bottom:8px;display:flex;overflow-x:auto}.date-selector-tabs::-webkit-scrollbar{height:4px}.date-selector-tab{border:1px solid var(--color-border);color:var(--color-text-secondary);font-family:var(--font-mono);cursor:pointer;white-space:nowrap;background-color:#0000004d;border-radius:2px;padding:8px 12px;font-size:11px;transition:all .2s}.date-selector-tab.active{border-color:var(--color-cyan);color:var(--color-cyan);background-color:#00f0ff0d}.tide-details-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width>=768px){.tide-details-grid{grid-template-columns:repeat(4,1fr)}}.tactical-gauge{border:2px dashed var(--color-border);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:relative}.tactical-gauge.green{border-color:var(--color-green);box-shadow:0 0 15px #39ff141a,inset 0 0 15px #39ff140d}.tactical-gauge.cyan{border-color:var(--color-cyan);box-shadow:0 0 15px #00f0ff1a,inset 0 0 15px #00f0ff0d}.tactical-gauge.amber{border-color:var(--color-amber);box-shadow:0 0 15px #ffaa001a,inset 0 0 15px #ffaa000d}.tactical-gauge.red{border-color:var(--color-red);box-shadow:0 0 15px #ff003c1a,inset 0 0 15px #ff003c0d}@media (width<=767px){.mobile-hide{display:none!important}}