:root{--navy:#082943;--deep:#041a2d;--blue:#0e4c81;--orange:#f27600;--paper:#f2f5f7;--white:#fff;--ink:#163247;--muted:#718491;--line:#dce5ea;--green:#198754;--red:#c2261f;--yellow:#e9a600}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}button,input,select,textarea{font:inherit}.topbar{height:72px;background:var(--deep);display:flex;align-items:center;justify-content:space-between;padding:0 1.6rem;position:sticky;top:0;z-index:50;box-shadow:0 5px 20px #0003}.logo{width:270px;max-height:56px;object-fit:contain}.top-actions{display:flex;gap:.7rem;align-items:center}.pill{font-size:.72rem;padding:.4rem .65rem;border-radius:99px}.pill.ok{background:#174b38;color:#b9efd5}.pill.bad{background:#612a2a;color:#ffd2ce}.ghost{background:transparent;border:1px solid #ffffff55;color:#fff;border-radius:6px;padding:.5rem .7rem}.layout{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 72px)}.sidebar{background:#fff;border-right:1px solid var(--line);padding:1rem .8rem;display:flex;flex-direction:column;justify-content:space-between;position:sticky;top:72px;height:calc(100vh - 72px)}.sidebar nav{display:grid;gap:.3rem}.nav{border:0;background:none;text-align:left;border-radius:8px;padding:.8rem .9rem;font-weight:750;color:#587081;cursor:pointer}.nav.active{background:#eaf1f5;color:var(--navy)}.danger-nav{color:var(--red)}.boat-mini{border-top:1px solid var(--line);padding:1rem .7rem;display:grid;gap:.25rem}.boat-mini small,.card small,.head span{color:var(--orange);font-size:.66rem;letter-spacing:.13em;font-weight:900}main{padding:2rem;min-width:0}.view{display:none}.view.active{display:block}.head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.4rem}.head h1{font-size:clamp(2rem,4vw,3.6rem);margin:.15rem 0;letter-spacing:-.045em}.grid{display:grid;gap:1rem}.dashboard{grid-template-columns:1.2fr .8fr}.wide{grid-column:1}.card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:1.3rem;box-shadow:0 8px 25px rgba(8,41,67,.05)}.card h2{margin:.3rem 0 1rem}.card-head{display:flex;justify-content:space-between;gap:1rem}.primary,.secondary,.danger,.link{border:0;border-radius:7px;padding:.8rem 1rem;font-weight:850;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.primary{background:var(--orange);color:#fff}.secondary{background:#edf2f5;color:var(--navy);border:1px solid var(--line)}.danger{background:var(--red);color:#fff}.link{background:none;color:var(--orange);padding:.3rem}.full{width:100%;margin-top:.8rem}.metrics{display:grid;gap:.6rem;margin:1rem 0}.metrics.four{grid-template-columns:repeat(4,1fr)}.metrics.two{grid-template-columns:repeat(2,1fr)}.metrics div{background:#f1f5f7;border-radius:8px;padding:.8rem}.metrics strong,.metrics span{display:block}.metrics strong{font-size:1.3rem}.metrics span{font-size:.67rem;color:var(--muted);margin-top:.2rem}.list{display:grid;gap:.65rem}.log-row,.expense-row{display:grid;grid-template-columns:95px 1fr auto auto;gap:.8rem;align-items:center;border:1px solid var(--line);border-radius:8px;padding:.85rem}.log-row h3,.expense-row h3{margin:0;font-size:.98rem}.log-row p,.expense-row p{margin:.2rem 0 0;color:var(--muted);font-size:.75rem}.muted{color:var(--muted);font-size:.75rem}.toolbar{display:flex;gap:.7rem;margin-bottom:1rem}.toolbar input{flex:1}.toolbar input,.location select,input,select,textarea{border:1px solid var(--line);border-radius:7px;padding:.8rem;background:#fff}.anchor-grid,.harbor-grid,.cash-grid,.nmea-grid,.bsh-grid{grid-template-columns:1fr 1fr}.map-card{min-height:520px}.radar{height:430px;border-radius:50%;max-width:430px;margin:auto;background:radial-gradient(circle,#d9eef4 0 34%,#c7e4ec 35% 36%,#d9eef4 37% 67%,#c7e4ec 68% 69%,#d9eef4 70%);position:relative;overflow:hidden;border:10px solid #fff;box-shadow:inset 0 0 0 1px #b9d3dc}.anchor-point,.boat-point{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:2rem}.boat-point{color:var(--orange);font-size:1.5rem}.radius-ring{position:absolute;border:2px dashed var(--orange);border-radius:50%;width:68%;height:68%;left:16%;top:16%}.notice{padding:.9rem 1rem;border-left:4px solid var(--orange);background:#fff5e9;border-radius:5px;margin-top:1rem;line-height:1.45}.warn{border-color:var(--yellow)}.alarm{background:#ffe7e5;border-color:var(--red);color:var(--red);font-weight:800}.weather-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:.7rem;margin:1rem 0}.weather-cards article{background:#fff;border:1px solid var(--line);border-radius:10px;padding:1rem}.weather-cards span,.weather-cards strong,.weather-cards small{display:block}.weather-cards span,.weather-cards small{font-size:.66rem;color:var(--muted)}.weather-cards strong{font-size:1.3rem;margin:.35rem 0}.forecast{height:230px;display:flex;align-items:flex-end;gap:4px;overflow:auto;padding:1rem 0 1.6rem}.forecast-col{height:100%;min-width:28px;display:flex;align-items:flex-end;position:relative}.forecast-bar{width:100%;background:var(--blue);border-radius:3px 3px 0 0;position:relative}.forecast-gust{position:absolute;left:4px;right:4px;height:3px;background:var(--orange)}.forecast-col small{position:absolute;bottom:-1.2rem;font-size:.56rem;color:var(--muted)}label{display:grid;gap:.45rem;font-size:.82rem;font-weight:750;margin-bottom:1rem}.legend{display:flex;gap:1rem;flex-wrap:wrap}.legend span{font-size:.75rem}.legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:.3rem}.free{background:var(--green)}.held{background:var(--yellow)}.occupied{background:var(--red)}.harbor-plan-wrap{position:relative}.harbor-plan{height:560px;background:#9dd8e5;border-radius:10px;position:relative;overflow:hidden;border:6px solid #d4c39e}.water-label{position:absolute;left:45%;top:45%;color:#ffffffaa;font-weight:900;letter-spacing:.2em;transform:rotate(-18deg)}.pier{position:absolute;background:#d2b782;border:3px solid #a68d5e}.p1{width:65%;height:24px;left:0;top:23%}.p2{width:24px;height:65%;left:45%;top:0}.p3{width:55%;height:24px;right:0;bottom:24%}.berth{position:absolute;border:2px solid #fff;color:#fff;border-radius:5px;font-size:.65rem;font-weight:900;width:46px;height:30px;cursor:pointer}.b1{left:18%;top:16%}.b2{left:28%;top:16%}.b3{left:38%;top:16%}.b4{left:48%;top:31%}.b5{left:48%;top:41%}.b6{left:48%;top:51%}.b7{right:28%;bottom:17%}.b8{right:17%;bottom:17%}.wind-arrow{position:absolute;right:2rem;top:1rem;z-index:3;font-size:3.5rem;color:var(--orange);transform-origin:center}.wind-arrow small{display:block;font-size:.65rem;white-space:nowrap;transform:rotate(var(--counter,0deg));color:var(--navy)}.inline-form{display:flex;gap:.5rem}.inline-form input{flex:1}.crew-chip{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:.6rem 0}.checks{display:flex;flex-wrap:wrap;gap:.7rem}.checks label{display:flex;align-items:center;gap:.3rem;margin:0}.nmea-metrics{margin:0}pre{background:#061b2b;color:#b8d8e8;padding:1rem;border-radius:8px;overflow:auto;min-height:180px}.sos-box{max-width:900px;margin:auto;background:#fff;border:2px solid var(--red);border-radius:16px;padding:2rem;text-align:center}.sos-word{font-size:clamp(4rem,14vw,9rem);font-weight:1000;color:var(--red);letter-spacing:.06em}.sos-data{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem;margin:1.4rem 0}.sos-data div{background:#f5f7f8;border-radius:8px;padding:1rem}.sos-data span,.sos-data strong{display:block}.sos-data span{font-size:.67rem;color:var(--muted)}.sos-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.big{padding:1rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-grid label{margin:0}.form-grid button{justify-self:start}.span2{grid-column:1/-1}dialog{border:0;border-radius:14px;width:min(780px,calc(100% - 1rem));padding:0;box-shadow:0 25px 80px #0007}dialog::backdrop{background:#031421bb}dialog form{padding:1.4rem}.dialog-head,.dialog-actions{display:flex;justify-content:space-between;align-items:center}.dialog-head button{border:0;background:none;font-size:2rem}.dialog-actions{justify-content:flex-end;gap:.6rem;margin-top:1rem}.hidden{display:none!important}.mobile{display:none}.emergency-card{border-color:#e8b5b0}
@media(max-width:1050px){.dashboard,.anchor-grid,.harbor-grid,.cash-grid,.nmea-grid,.bsh-grid{grid-template-columns:1fr}.wide{grid-column:auto}.weather-cards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.topbar{height:64px;padding:0 .8rem}.logo{width:220px;max-height:48px}.layout{display:block}.sidebar{display:none}main{padding:1rem .8rem 5.5rem}.head{align-items:flex-start}.head .primary{white-space:nowrap}.metrics.four{grid-template-columns:repeat(2,1fr)}.weather-cards{grid-template-columns:repeat(2,1fr)}.log-row,.expense-row{grid-template-columns:72px 1fr auto}.log-row>:nth-child(3),.expense-row>:nth-child(3){display:none}.map-card{min-height:auto}.radar{height:min(88vw,420px)}.sos-data,.sos-actions,.form-grid{grid-template-columns:1fr}.span2{grid-column:auto}.mobile{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);z-index:40;padding-bottom:env(safe-area-inset-bottom)}.mobile button{border:0;background:#fff;padding:.65rem .2rem;color:var(--muted);font-weight:800}.mobile span{display:block;font-size:.55rem}.mobile .active{color:var(--orange)}.sos-mobile{color:var(--red)!important}}