:root{--app-bg:#eef5f4;--surface:#fff;--side:#073b4c;--side-ink:#f1ffff;--accent:#55d6c2;--accent-ink:#073b4c;--ink:#133b45;--muted:#71868a;--line:#d5e3e2;--soft:#e4f0ef;--radius:19px}.harbor-mini{display:grid;gap:5px;padding:14px;border:1px solid #ffffff24;border-radius:14px;background:#ffffff0b}.harbor-mini small{opacity:.6}.harbor-mini b{font-size:.72rem}.harbor-mini>span{display:flex;align-items:center;gap:7px;font-size:.62rem}.harbor-mini i{width:7px;height:7px;border-radius:50%;background:#55d6c2;box-shadow:0 0 0 4px #55d6c222}.marina-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(285px,.55fr);gap:18px}.marina-map small{color:var(--muted)}.water{height:385px;position:relative;border-radius:14px;overflow:hidden;background:#70bdc3;background-image:radial-gradient(ellipse at center,#ffffff22 0 2px,transparent 3px);background-size:32px 19px}.pier{position:absolute;background:#dfcfaa;border:5px solid #b99e6d;box-shadow:0 5px 0 #7b6b50}.pier.main{right:0;top:26px;bottom:26px;width:55px}.pier.p1,.pier.p2,.pier.p3{height:30px;right:45px;width:62%;}.pier.p1{top:86px}.pier.p2{top:190px}.pier.p3{top:294px}.boat{position:absolute;border:0;background:transparent;color:#063642;cursor:pointer;display:grid;gap:3px;place-items:center}.boat i{display:block;width:64px;height:25px;border-radius:70% 16% 70% 16%;background:#fff;box-shadow:0 5px 12px #07506455}.boat b{font-size:.58rem;background:#ffffffdd;padding:2px 5px;border-radius:4px}.b1{right:30%;top:45px}.b2{right:60%;top:218px}.b3{right:20%;top:254px}.boat.arriving i{background:#ffd089}.harbor-building{position:absolute;right:0;bottom:16px;background:#073b4c;color:#fff;width:130px;padding:15px;border-radius:12px 0 0 12px;font-size:.68rem}.channel{position:absolute;left:5%;top:50%;transform:translateY(-50%);display:grid;place-items:center;color:#075b66}.channel b{font-size:2rem}.channel small{font-size:.58rem}.map-legend{display:flex;gap:18px;margin-top:13px;font-size:.65rem}.map-legend span{display:flex;align-items:center;gap:6px}.map-legend i{width:10px;height:10px;border-radius:3px}.occupied{background:#073b4c!important;color:#fff!important}.reserved{background:#f2bd6a!important;color:#3f3118!important}.available{background:#d9efea!important;color:#1f776b!important}.movement article{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;padding:17px 0;border-top:1px solid var(--line)}.movement article:first-of-type{border:0}.movement-time{font-size:.67rem;font-weight:800}.movement b{font-size:.73rem}.movement p{margin:3px 0;color:var(--muted);font-size:.64rem}.arrival,.departure{font-size:.55rem;border-radius:99px;padding:5px 7px;background:#d8eee9;color:#167667}.departure{background:#e4e7ef;color:#46577c}.berth-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:18px}.berth-plan{display:grid;gap:28px;background:#d8eef0}.dock-row{display:grid;grid-template-columns:38px repeat(5,1fr);gap:8px;align-items:center}.dock-row>b{font-size:1.3rem}.dock-row button{min-height:82px;border:0;border-radius:9px;display:grid;place-items:center;align-content:center;cursor:pointer}.dock-row button span{font-weight:800}.dock-row button small{font-size:.56rem;opacity:.75}.dock-row .pulse{box-shadow:0 0 0 4px #f2bd6a55}.berth-detail{text-align:center}.detail-code{display:inline-grid;place-items:center;width:80px;aspect-ratio:1;border-radius:50%;background:#073b4c;color:#fff;font-weight:800;font-size:1.25rem}.berth-detail h3{font-size:.92rem}.vessel-card{display:flex;align-items:center;text-align:start;gap:12px;padding:14px;background:var(--soft);border-radius:12px}.vessel-icon{font-size:1.5rem;width:42px;aspect-ratio:1;display:grid;place-items:center;background:#fff;border-radius:10px}.vessel-card small{display:block;color:var(--muted)}.berth-detail dl{margin:16px 0;text-align:start}.berth-detail dl div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:.68rem}.berth-detail dt{color:var(--muted)}.berth-detail dd{margin:0;font-weight:700}.service-board{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:start}.service-board>section{background:#e7efef;padding:13px;border-radius:16px;display:grid;gap:12px}.board-title{display:flex;justify-content:space-between;align-items:center;padding:4px 4px 8px}.board-title span{background:#d3dfde;border-radius:99px;padding:3px 8px;font-size:.62rem}.service-ticket{background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px}.service-ticket.urgent{border-top:4px solid #e06a4f}.service-ticket header,.service-ticket footer{display:flex;justify-content:space-between;align-items:center}.ticket-icon{width:34px;aspect-ratio:1;border-radius:9px;background:var(--soft);display:grid;place-items:center}.service-ticket h3{font-size:.78rem;margin:15px 0 4px}.service-ticket p{font-size:.65rem;color:var(--muted)}.service-ticket footer{justify-content:flex-start;gap:8px}.service-ticket .avatar{width:27px;font-size:.6rem}.avatar.blue{background:#81c4d2}.avatar.green{background:#55d6a2}.service-ticket footer small{color:var(--muted)}.service-ticket .progress{margin-top:13px}.service-ticket.done button{width:100%;border:0;background:var(--accent);border-radius:8px;padding:8px;margin-top:14px;cursor:pointer}.weather-hero{border-radius:22px;padding:26px;background:linear-gradient(135deg,#0c6070,#0b8992);color:#fff;display:grid;grid-template-columns:1.5fr repeat(3,1fr);align-items:center;margin-bottom:18px}.weather-hero>article{display:flex;align-items:center;gap:18px}.sun{font-size:4rem}.weather-hero article>div:last-child{display:grid}.weather-hero strong{font-size:3rem;line-height:1}.weather-hero small,.weather-hero span{opacity:.7}.weather-stat{display:grid;padding:0 20px;border-right:1px solid #ffffff30}.weather-stat span{font-size:.66rem}.weather-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(270px,.6fr);gap:18px}.tide-chart{height:220px;position:relative}.tide-chart svg{width:100%;height:100%;overflow:visible}.tide-chart .area{fill:#55d6c233}.tide-chart .line{fill:none;stroke:#159e9b;stroke-width:5}.tide-chart .now{position:absolute;left:52%;top:45%;display:grid;place-items:center;font-size:.6rem}.tide-chart .now i{width:13px;aspect-ratio:1;background:#f2bd6a;border-radius:50%;box-shadow:0 0 0 5px #f2bd6a44}.tide-labels{display:flex;justify-content:space-between}.tide-labels span{display:grid}.tide-labels small{color:var(--muted)}.forecast-row{display:grid;grid-template-columns:1fr auto auto 1.4fr;gap:12px;align-items:center;padding:16px 0;border-top:1px solid var(--line);font-size:.7rem}.forecast-row:first-of-type{border:0}.forecast-row>span{font-size:1.4rem}.forecast-row small{color:var(--muted)}@media(max-width:1060px){.marina-grid,.berth-layout,.weather-grid{grid-template-columns:1fr}.service-board{grid-template-columns:1fr 1fr}.weather-hero{grid-template-columns:1.4fr 1fr 1fr}.weather-stat:last-child{display:none}}@media(max-width:720px){.service-board{grid-template-columns:1fr}.weather-hero{grid-template-columns:1fr 1fr}.weather-hero>article{grid-column:1/-1;margin-bottom:16px}.weather-stat:last-child{display:grid}.dock-row{min-width:700px}.berth-plan{overflow-x:auto}.water{height:330px}}@media(max-width:520px){.weather-hero{grid-template-columns:1fr}.weather-stat{padding:10px 0;border-right:0;border-top:1px solid #ffffff25}.weather-stat:last-child{display:grid}}