@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:400;src:url("./media/archivo-latin-400-normal-ZHCBTBXV.woff2") format("woff2"),url("./media/archivo-latin-400-normal-HGLRYRK6.woff") format("woff")}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:500;src:url("./media/archivo-latin-500-normal-XF7B2NIS.woff2") format("woff2"),url("./media/archivo-latin-500-normal-UW43UN7W.woff") format("woff")}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:600;src:url("./media/archivo-latin-600-normal-NPNW5QPI.woff2") format("woff2"),url("./media/archivo-latin-600-normal-FSIEWSU4.woff") format("woff")}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:700;src:url("./media/archivo-latin-700-normal-WQ7U2ON6.woff2") format("woff2"),url("./media/archivo-latin-700-normal-YCEQ6GHI.woff") format("woff")}:root{--navy:#0b2545;--teal:#0e7c7b;--text:#1a2e43;--muted:#617284;--border:#e1e7e9;--background:#f3f6f8;--surface:#fff;font-family:Archivo,system-ui,sans-serif;color:var(--text);background:var(--background);font-synthesis:none;line-height:1.5}*{box-sizing:border-box}body{margin:0;font-size:16px}button,input,select,textarea{font:inherit}button{cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}button:disabled{cursor:default;opacity:.48}button,input,select,textarea,a{outline-offset:3px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #149b94}a{color:var(--teal);text-underline-offset:3px}button{color:inherit}app-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}h1,h2,h3,p{margin-top:0}h1{font-size:32px;line-height:1.25;letter-spacing:-.8px;margin-bottom:7px;color:var(--navy);font-weight:600}h2{font-size:19px;font-weight:600;line-height:1.4;margin-bottom:8px;color:var(--navy)}h3{font-size:17px;line-height:1.4;font-weight:600;margin-bottom:5px}p{line-height:1.65}small,.small{font-size:13px}.muted{color:var(--muted)}.teal{color:var(--teal)}.mt{margin-top:24px}.full{width:100%}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}.app-shell{display:grid;grid-template-columns:246px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--navy);color:#b2c3d5;display:flex;flex-direction:column;padding:28px 18px 16px;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{color:#fff;text-decoration:none;display:flex;align-items:center;gap:11px;font-size:24px;font-weight:700;letter-spacing:.6px;margin:0 8px 28px}.brand-mark{background:#158b87;color:#fff;border-radius:11px;width:43px;height:43px;display:grid;place-items:center;font-size:35px;font-weight:500;letter-spacing:-2px;padding-right:3px}.brand small{display:block;font-size:12px;font-weight:400;color:#a9bfce;letter-spacing:1px;margin-top:-2px}.port-name{background:#153351;border:1px solid #294660;border-radius:9px;padding:14px;display:flex;align-items:center;gap:11px;font-size:14px;color:#eef5fc;margin-bottom:26px}.port-name small{display:block;color:#9eb5ca;font-size:12px}.port-name app-icon{color:#5bc4bd}.nav-label{font-size:11px;letter-spacing:1.5px;color:#8fa8be;margin:0 14px 10px}nav{display:grid;gap:3px}nav button,.sidebar-bottom>button{background:transparent;color:#b5c6d6;border:0;display:flex;align-items:center;gap:12px;padding:11px 12px;min-height:45px;border-radius:7px;font-size:14px;text-align:left;width:100%;line-height:1.3}nav button:hover,.sidebar-bottom>button:hover{background:#183a59;color:#fff}nav button.active,.sidebar-bottom>button.active{background:#0e7c7b;color:#fff;box-shadow:inset 3px 0 #69d5c9}.nav-counter{margin-left:auto;font-size:12px;background:#2c4760;color:#fff;padding:2px 7px;border-radius:5px}.sidebar-bottom{margin-top:auto;padding-top:20px}.user{display:flex;align-items:center;gap:10px;border-top:1px solid #2a425a;margin-top:16px;padding:18px 4px 0;font-size:13px;color:#e6edf4}.user small{display:block;color:#9bb0c4;font-size:11px;margin-top:4px}.avatar{background:#e0eeec;color:#0d6769;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;font-weight:600;flex-shrink:0}.avatar.large{width:60px;height:60px;font-size:24px}.main-shell{min-width:0}.topbar{height:76px;padding:0 36px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--surface);gap:16px}.breadcrumb{display:flex;gap:13px;font-size:14px;color:var(--muted)}.breadcrumb strong{font-weight:500;color:var(--navy)}.breadcrumb span{color:#c0c9d0}.top-actions{display:flex;gap:16px;align-items:center}.demo-tag{font-size:10px;font-weight:600;letter-spacing:1.1px;color:#537485;background:#edf3f6;padding:5px 9px;border-radius:4px}.role-label select{font-size:14px;padding:8px 12px;min-height:40px;border-color:var(--border);background:#fff}.icon-button{border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:42px;border-radius:7px;padding:8px;color:var(--muted)}.icon-button:hover{background:#edf3f5}main{padding:20px 36px 30px;max-width:1780px;margin:auto}.demo-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:26px;color:var(--muted);font-size:12px}.demo-line>span{display:flex;align-items:center;gap:7px}.demo-line button{border:0;background:none;color:#516d81;font-size:12px;min-height:30px;text-decoration:underline;text-underline-offset:3px}.tiny-square{width:6px;height:6px;background:#809aaa;border-radius:2px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:1.3px;color:#607b8f;text-transform:uppercase;margin:0 0 10px}.subtitle{margin:0;color:var(--muted);font-size:14px}.primary,.secondary{border:1px solid var(--teal);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:7px;font-size:14px;font-weight:500;padding:10px 17px;white-space:normal;line-height:1.45}.primary{background:var(--teal);color:#fff}.primary:hover{background:#0b6b69;border-color:#0b6b69}.secondary{border-color:#cedbdf;background:#fff;color:var(--navy)}.secondary:hover{background:#f1f7f7;border-color:#92b2b7}.text-button{border:0;background:transparent;color:var(--teal);font-size:14px;font-weight:500;padding:8px 0;min-height:40px;line-height:1.4}.text-button:hover{text-decoration:underline}.panel{background:var(--surface);border:1px solid var(--border);border-radius:11px;padding:24px;min-width:0;box-shadow:0 2px 3px #14345202}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.section-head h2{margin:0}.section-head p{font-size:13px;color:var(--muted);margin:5px 0 0}.section-head>.eyebrow{margin:0}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:26px}.stats.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stats article{background:#fff;border:1px solid var(--border);padding:20px 22px;border-radius:10px;position:relative}.stat-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;color:var(--muted);margin-bottom:14px}.stat-label app-icon{color:#8aa0ad}.stats strong{display:block;font-size:34px;line-height:1.3;letter-spacing:-1px;color:var(--navy);font-weight:600;margin-bottom:9px}.stats strong>span{font-size:14px;color:var(--muted);letter-spacing:0;font-weight:400;margin-left:6px}.stats .money-stat{font-size:28px;white-space:nowrap}.stats .text-stat{font-size:24px;letter-spacing:-.4px}.stat-bottom{font-size:12px;color:var(--muted)}.stat-bottom.teal{color:#0b7a6d}.mini-track{height:4px;background:#ebf2f3;border-radius:4px;margin-top:16px;overflow:hidden}.mini-track span{display:block;height:100%;background:var(--teal);border-radius:4px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:24px;margin-bottom:24px}.mini-port{background:#edf6fa;border:1px solid #d6e8ee;border-radius:9px;display:flex;justify-content:space-around;padding:26px 18px 45px;position:relative;min-height:224px;gap:24px}.mini-ponton{position:relative;flex:1;max-width:180px}.mini-ponton>span{font-size:11px;color:#607b8e;margin-bottom:12px;display:block;text-align:center;font-weight:500}.mini-finger{position:absolute;left:50%;top:45px;bottom:-7px;width:7px;background:#bbcbd1;transform:translate(-50%);border-radius:2px}.mini-places{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:6px 15px}.mini-place{border:1px solid #d0dbe2;border-radius:4px;height:23px;display:grid;place-items:center;font-size:10px;font-weight:500}.mini-water-label{position:absolute;bottom:11px;left:50%;transform:translate(-50%);font-size:10px;letter-spacing:2px;color:#91aebb;white-space:nowrap}.legend{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:16px;font-size:12px;color:var(--muted)}.legend>span{display:flex;align-items:center;gap:6px}.legend i{width:9px;height:9px;border:1px solid #b9cbd1;border-radius:2px;display:inline-block}.occupied{background:#e4edf8;color:#305c83;border-color:#bed0e3!important}.free{background:#dff2e9;color:#1d7160;border-color:#b3d7c6!important}.reserved{background:#fff0d9;color:#936825;border-color:#ead3a5!important}.absent{background:repeating-linear-gradient(135deg,#e7f3f5,#e7f3f5 4px,#d1e6e9 4px 6px);color:#467a86;border-color:#b1cfd5!important}.blocked{background:#e9edf0;color:#657788;border-color:#cdd5dc!important}.pill{display:inline-flex;align-items:center;font-size:11px;line-height:1.4;padding:5px 9px;border-radius:5px;background:#e2f2ea;color:#1d6b57;white-space:normal}.pill.blue,.blue{background:#e9f0fa;color:#3d648a}.pill.amber,.amber{background:#fff0d9;color:#93621d}.pill.rose,.rose{background:#fcedec;color:#a34943}.priority-row{display:flex;align-items:center;gap:12px;width:100%;padding:16px 0;border:0;border-bottom:1px solid #edf1f3;text-align:left;background:transparent}.priority-row>div{min-width:0;flex:1}.priority-row strong{display:block;font-size:14px;font-weight:500}.priority-row small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.priority-icon{width:38px;height:38px;border-radius:8px;display:grid;place-items:center;background:#e8f4f1;color:var(--teal);flex-shrink:0}.tip{display:flex;align-items:center;gap:10px;margin-top:23px;border-radius:7px;background:#f0f7f5;color:#50796d;padding:12px}.tip p{font-size:12px;margin:0;line-height:1.6}.movement{display:flex;align-items:center;gap:14px;padding:17px 0;border-bottom:1px solid #edf1f3}.movement:last-child{border:0}.movement>div{flex:1;min-width:0}.movement strong{font-size:14px;font-weight:500;display:block}.movement small{display:block;font-size:12px;color:var(--muted);margin-top:5px}.movement-symbol{display:grid;place-items:center;background:#edf5f4;width:40px;height:40px;border-radius:9px;flex-shrink:0}.movement .secondary{font-size:12px;min-height:37px;padding:6px 12px}.timeline{padding:0 0 0 10px}.timeline>div{position:relative;padding:0 0 22px 22px;border-left:1px solid #dde8ec}.timeline>div:last-child{padding-bottom:0}.timeline strong{display:block;font-weight:500;font-size:13px;line-height:1.6}.timeline small{font-size:12px;color:var(--muted);display:block;margin-top:5px}.timeline-dot{position:absolute;left:-4px;top:7px;width:7px;height:7px;border-radius:50%;background:#72a4ae;border:2px solid #e9f3f5}.toolbar{display:flex;gap:13px;align-items:center;padding:15px 20px;margin-bottom:22px;flex-wrap:wrap}.search{position:relative;flex:1;min-width:220px}.search app-icon{position:absolute;top:50%;left:13px;transform:translateY(-50%);color:#8297a5}.search input{padding-left:44px}.toolbar>select{width:auto;min-width:155px}.toolbar .legend{margin:0}.toolbar .inline-label{display:flex;align-items:center;gap:12px;margin:0}.toolbar .inline-label input{max-width:175px}.segmented{display:flex;background:#f2f5f7;border-radius:7px;padding:3px;border:1px solid #e2e9ed}.segmented button{border:0;background:transparent;padding:8px 14px;border-radius:5px;font-size:13px;color:var(--muted);min-height:35px}.segmented button.active{background:#fff;color:var(--navy);box-shadow:0 1px 3px #17324914}.plan-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;align-items:start}.plan-workspace.with-detail{grid-template-columns:minmax(0,1fr) 300px}.marina-plan{border:1px solid #d7e5ea;border-radius:8px;overflow:hidden}.quay{display:flex;justify-content:space-around;background:#dce7e9;padding:17px 10px;color:#577583;font-size:10px;font-weight:600;letter-spacing:1px;border-bottom:4px solid #a6bec4;gap:10px}.water{position:relative;background:#edf6fa;display:flex;justify-content:space-around;gap:24px;padding:27px 22px 58px}.ponton{position:relative;max-width:250px;flex:1;min-width:0}.ponton-title{font-size:13px;text-align:center;color:#36596b;margin-bottom:20px;font-weight:500}.ponton-title small{display:block;font-size:10px;color:#7b97a5;margin-top:2px}.finger{position:absolute;left:50%;top:65px;bottom:-15px;width:10px;transform:translate(-50%);background:#b4cbd1;border-radius:2px;border:1px solid #9fb6be}.berths{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px 19px}.berth{border:1px solid #b8cbd5;border-radius:5px;padding:9px 5px;min-height:52px;min-width:0;text-align:center;transition:transform .15s}.berth:hover,.rack-place:hover{box-shadow:0 2px 5px #123b5420;transform:translateY(-1px)}.berth strong{display:block;font-size:12px;font-weight:600}.berth span{display:block;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:3px}.berth.chosen,.rack-place.chosen{outline:2px solid #0e7c7b;outline-offset:2px}.basin-caption{position:absolute;bottom:15px;left:50%;transform:translate(-50%);font-size:11px;letter-spacing:3px;color:#95afbc;white-space:nowrap}.land{background:#f4f4ef;padding:22px;border-top:1px solid #ced9d6}.rack-row{display:flex;align-items:center;gap:18px;margin-bottom:14px}.rack-row:last-child{margin:0}.rack-label{width:88px;font-size:13px;flex-shrink:0;color:#5f716c}.rack-label small{display:block;font-size:10px;margin-top:2px}.rack-places{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;flex:1}.rack-place{border:1px solid #c4d6cf;min-height:47px;border-radius:4px;padding:7px 3px;min-width:0}.rack-place strong{font-size:10px;display:block}.rack-place small{display:block;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin-top:3px}.tech-places{display:flex;gap:12px;padding:17px 22px;background:#f9faf9;border-top:1px solid var(--border)}.technical{flex:1;min-width:0;padding:11px;border:1px solid #cadfd6;border-radius:5px;font-size:12px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.technical strong{font-size:11px;font-weight:500}.technical small{font-size:10px;margin-left:auto}.place-detail{position:sticky;top:20px}.place-detail h2{font-size:27px;margin-bottom:12px}.place-detail>.full{margin-top:12px}.place-detail dl,.boat-portal dl{margin:24px 0;font-size:13px}.place-detail dl>div,.boat-portal dl>div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid #e7edef}.place-detail dt,.boat-portal dt{color:var(--muted)}dd{margin:0;text-align:right;font-weight:500}.occupant{border:1px solid #dce9ed;background:#f6fafc;padding:16px;border-radius:7px}.occupant small{font-size:10px;letter-spacing:1px;color:var(--muted);display:block}.occupant strong{display:block;font-size:19px;margin:9px 0 3px}.occupant span{font-size:13px;color:var(--muted)}.occupant p{font-size:12px;color:var(--muted);margin:8px 0 0}.occupant button{font-size:12px}.table-wrap{overflow:auto;max-width:100%}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;white-space:nowrap;padding:13px 12px;color:#617b8e;font-size:11px;font-weight:500;letter-spacing:.5px;background:#f4f7f9;border-bottom:1px solid var(--border)}td{padding:16px 12px;border-bottom:1px solid #e7edef;vertical-align:middle}td>small{display:block;color:var(--muted);margin-top:5px;font-size:12px}td strong{font-weight:500}td .secondary{font-size:12px;min-height:36px;padding:7px 12px}.boat-name{border:0;background:none;color:var(--navy);font-size:14px;font-weight:500;text-align:left;padding:5px 0}.boat-name:hover{color:var(--teal);text-decoration:underline}.calendar-scroll{max-height:565px}.calendar-table{font-size:11px;min-width:1000px;table-layout:fixed}.calendar-table th:first-child{width:85px;position:sticky;left:0;z-index:2;background:#f4f7f9}.calendar-table thead{position:sticky;top:0;z-index:3}.calendar-table th,.calendar-table td{padding:4px;border-right:1px solid #e2e9ec}.calendar-table td{height:34px}.calendar-table .text-button{font-size:11px;padding:3px;min-height:28px}.cal-cell{width:100%;min-height:29px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid transparent;border-radius:3px;padding:4px;display:block}.quay-stats{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:18px}.quay-stats .panel{padding:20px}.quota{display:flex;align-items:center;justify-content:space-between;margin-top:12px;font-size:13px;color:var(--muted)}.quota strong{color:var(--navy);font-weight:500}.dispatch-panel{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.dispatch-panel>div{flex:1}.dispatch-panel strong{font-size:14px}.dispatch-panel p{font-size:12px;color:var(--muted);margin:5px 0 0}.dispatch-panel small{flex-basis:100%;font-size:12px;color:var(--muted)}.planned-row{display:flex;align-items:center;gap:16px;border-top:1px solid var(--border);padding:13px 0}.planned-row>div{flex:1;min-width:0}.planned-row strong{display:block;font-size:14px;font-weight:500}.planned-row small{display:block;font-size:12px;color:var(--muted);margin-top:4px}.kanban{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;align-items:start}.kanban>section{padding:13px 11px 16px;background:#eaf0f3;border-radius:9px;min-height:275px}.kanban-heading{display:flex;align-items:center;gap:8px;justify-content:space-between;margin:4px 3px 16px}.kanban-heading h2{font-size:13px;margin:0}.kanban-heading>span{background:#fff;border-radius:4px;padding:2px 7px;font-size:11px;color:var(--muted)}.mission-card{background:#fff;border:1px solid #d9e3e8;border-radius:8px;padding:17px 15px;margin-top:12px;box-shadow:0 2px 2px #133b5010}.mission-card .section-head{margin-bottom:14px;gap:4px}.mission-card .section-head .small{font-size:10px;color:#758a9a}.mission-card h3{font-size:16px}.mission-card>p{font-size:12px;color:var(--muted);margin:5px 0 16px}.mission-meta{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);margin-top:9px}.mission-meta svg{width:14px;height:14px}.mission-progress{display:flex;gap:4px;margin:18px 0}.mission-progress>span{height:3px;flex:1;border-radius:2px;background:#e5edef}.mission-progress>span.done{background:#42a496}.mission-card .primary{font-size:12px;padding:10px 8px}.check-line{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--muted);font-weight:400;line-height:1.5;margin:15px 0;cursor:pointer}.check-line input{min-height:18px;width:18px;flex-shrink:0;padding:0;accent-color:var(--teal)}.mission-card .check-line{font-size:11px;align-items:start}.completed{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--teal);font-size:13px;padding:10px}.kanban-empty{padding:48px 5px;text-align:center;color:#8fa5b0;display:grid;justify-content:center;gap:9px;font-size:12px}.kanban-empty app-icon{margin:auto}details{font-size:12px;color:var(--muted);margin-top:12px}summary{cursor:pointer;min-height:30px}input,select,textarea{border:1px solid #cbd8de;border-radius:7px;padding:11px 12px;background:#fff;color:var(--text);display:block;width:100%;min-width:0;min-height:44px;font-size:14px}input:disabled,select:disabled{background:#f4f6f7;color:#627689}label{display:block;font-size:14px;font-weight:500;margin-bottom:17px;color:#425d70}label>input,label>select,label>textarea{margin-top:7px}textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.info-banner,.help-banner{display:flex;align-items:center;gap:13px;border:1px solid #d7e8eb;border-radius:8px;padding:15px 20px;background:#edf6f8;color:#3b6b7c;margin-bottom:24px}.info-banner p{margin:0;font-size:13px;line-height:1.65}.help-banner{align-items:start}.help-banner strong{font-size:14px}.help-banner p{font-size:13px;margin:6px 0 0}.help-banner>div{flex:1}.alert{padding:14px;border-radius:7px;line-height:1.6;font-size:13px;margin:14px 0}.alert.warning{background:#fff3dc;color:#896520}.alert.error{background:#fcebe8;color:#a04336}.alert button{color:inherit;background:transparent;border:0;margin-left:14px;text-decoration:underline}.empty{text-align:center;padding:35px 15px;color:var(--muted);font-size:14px}.empty app-icon{margin-bottom:14px;color:#89aca8}.rank{width:30px;height:30px;background:#edf5f5;border-radius:5px;display:grid;place-items:center;color:var(--teal);font-size:14px;font-weight:500}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.access-card{max-width:500px}.access-card h2{font-size:18px}.access-card>p{color:var(--muted);font-size:13px;margin-bottom:20px}.access-icon{display:grid;place-items:center;padding:13px;background:#e8f4f1;color:var(--teal);border-radius:10px}.credential{background:#f4f7f9;border-radius:7px;display:flex;align-items:center;gap:13px;padding:14px;margin-bottom:20px}.credential strong{font-size:13px;color:#4c6f84}.credential span{font-size:12px;font-family:monospace;overflow-wrap:anywhere}.feature-note{margin:26px 0;background:#edf2f5;border-radius:8px;padding:20px 24px;color:#5f7586}.feature-note strong{font-size:13px;color:#426176}.feature-note p{font-size:13px;margin:7px 0 0;line-height:1.7}.incident-row{display:flex;gap:16px;align-items:center;border-bottom:1px solid #e7edef;padding:20px 0}.incident-row:first-child{padding-top:4px}.incident-row:last-child{border:0}.incident-row>div{flex:1}.incident-row h3{font-size:15px}.incident-row p{font-size:12px;color:var(--muted);margin:5px 0 0}.bar-row{display:flex;align-items:center;gap:15px;margin:20px 0;font-size:13px;color:var(--muted)}.bar-row>span{width:100px}.bar-track{background:#f0f4f6;border-radius:5px;height:12px;flex:1;overflow:hidden}.bar-track>div{height:100%;border:0;min-width:0}.portal-heading{display:flex;align-items:center;gap:18px;padding:12px 0 28px}.portal-heading>div{flex:1}.portal-heading h2{font-size:24px}.portal-heading p{color:var(--muted);font-size:14px;margin:0}.portal-heading>label{width:320px;margin:0}.portal-grid{display:grid;grid-template-columns:350px minmax(0,1fr);gap:24px}.boat-portal>app-icon{margin-bottom:18px;background:#eef5f8;padding:20px;border-radius:13px;color:var(--teal)}.boat-portal>app-icon svg{height:48px;width:48px}.boat-portal h2{font-size:25px}.boat-portal>p{font-size:14px;color:var(--muted)}.boat-portal .full{margin-top:10px}.settings-panel{max-width:940px}.settings-panel h2{margin-bottom:28px}.tabs{display:flex;gap:12px;border-bottom:1px solid var(--border);margin-bottom:25px;flex-wrap:wrap}.tabs button{background:none;border:0;border-bottom:3px solid transparent;font-size:14px;padding:12px 15px;color:var(--muted);min-height:45px}.tabs button.active{color:var(--teal);border-color:var(--teal);font-weight:500}.vision-intro h2{font-size:25px;max-width:690px;margin-bottom:18px}.vision-intro p{max-width:920px;color:var(--muted);font-size:15px}.phase{display:block;color:#6c9b9a;font-size:30px;margin-bottom:19px}.cards-grid p{font-size:14px;color:var(--muted);line-height:1.75}.architecture{max-width:700px;margin:30px auto;display:grid;text-align:center;gap:12px}.architecture>div,.architecture-branches>div{background:#eaf3f5;border:1px solid #b6d6db;padding:19px;border-radius:8px;font-size:15px;color:#2e6572}.architecture small{display:block;font-size:12px;color:#637e89;margin-top:6px}.architecture>span{font-size:12px;color:var(--muted)}.architecture .architecture-branches{display:grid;grid-template-columns:1fr 1fr;gap:18px;border:0;padding:0;background:transparent}.source-row{padding:15px 0;border-bottom:1px solid var(--border)}.source-row a{font-size:15px;font-weight:500}.source-row p{font-size:13px;color:var(--muted);margin:5px 0 0}footer{display:flex;justify-content:space-between;color:#8a9ba8;font-size:11px;padding-top:20px;margin-top:30px;border-top:1px solid var(--border);gap:20px}.overlay{position:fixed;inset:0;background:#0b254560;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;display:flex;align-items:center;justify-content:center;padding:24px}.dialog{background:#fff;border:1px solid #d2e0e5;border-radius:15px;box-shadow:0 15px 60px #09213e35;width:600px;max-width:100%;max-height:90vh;overflow:auto;padding:28px}.dialog h2{font-size:25px;margin-bottom:18px}.dialog>.section-head{margin-bottom:15px}.dialog-actions{display:flex;gap:12px;justify-content:space-between;margin-top:20px}.wizard-steps{display:flex;gap:22px;margin:5px 0 24px;padding-bottom:16px;border-bottom:1px solid var(--border);font-size:12px;color:var(--muted)}.wizard-steps .active{color:var(--teal);font-weight:600}.boat-summary{display:flex;align-items:center;gap:12px;background:#edf5f7;border:1px solid #d3e5e8;padding:15px;border-radius:8px;margin-bottom:20px}.boat-summary strong{display:block;font-size:14px;font-weight:500}.boat-summary small{display:block;color:var(--muted);font-size:12px;margin-top:6px}.suggestions{max-height:330px;overflow:auto;padding:3px}.suggestion{display:flex;align-items:center;justify-content:space-between;text-align:left;padding:15px;width:100%;border:1px solid #d6e2e6;border-radius:8px;background:#fff;margin-bottom:9px;gap:12px}.suggestion.selected{border:2px solid var(--teal);padding:14px;background:#f2f9f7}.suggestion strong{font-size:16px;margin-right:12px}.suggestion small{display:block;color:var(--muted);font-size:12px;margin-top:8px;line-height:1.6}.suggestion small.teal{color:var(--teal)}.radio{width:19px;height:19px;border:1px solid #abc1c7;border-radius:50%;flex-shrink:0}.radio.checked{background:var(--teal);border:4px solid #d5e9e4;box-shadow:0 0 0 1px var(--teal)}.estimate{display:flex;justify-content:space-between;align-items:center;background:#f5f7f8;border-radius:7px;padding:15px;margin:20px 0;font-size:13px;color:var(--muted)}.estimate strong{font-size:20px;font-weight:500;color:var(--navy)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:70;background:#0b4f51;color:#fff;padding:16px 23px;border-radius:9px;box-shadow:0 5px 20px #0b254526;max-width:90vw;display:flex;align-items:center;gap:12px;font-size:14px;line-height:1.5}.toast app-icon{color:#90d6c7}@media(min-width:1600px){main{padding:26px 44px 34px}.topbar{padding:0 44px}.water{gap:45px;padding:30px 50px 58px}.berth{min-height:62px}.berth span{font-size:12px}.rack-place{min-height:56px}.rack-place small{font-size:11px}}@media(max-width:1250px){.app-shell{grid-template-columns:216px minmax(0,1fr)}.sidebar{padding:22px 12px 16px}nav button,.sidebar-bottom>button{font-size:13px;gap:9px;padding:10px}.brand{font-size:21px}.topbar{padding:0 24px}main{padding:20px 24px 30px}.stats{gap:12px}.stats article{padding:17px}.stat-bottom{font-size:11px}.dashboard-grid{grid-template-columns:1.2fr 1fr;gap:18px}.panel{padding:20px}.plan-workspace.with-detail{grid-template-columns:minmax(0,1fr)}.place-detail{position:static}.kanban{grid-template-columns:repeat(2,minmax(0,1fr))}.quay-stats{grid-template-columns:1fr 1fr}.dispatch-panel{grid-column:1/-1}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.water{gap:20px;padding:20px 15px 52px}.berths{gap:8px 16px}.tech-places{padding:14px}.technical{padding:10px}.mini-port{gap:16px;padding:22px 12px 40px}.priority-row .pill{display:none}.movement{gap:10px}.movement .secondary{font-size:11px}.portal-grid{grid-template-columns:300px minmax(0,1fr)}}@media(max-width:1000px){.dashboard-grid{grid-template-columns:1fr}.stats,.stats.three{grid-template-columns:1fr 1fr}.stats.three article:last-child{grid-column:1/-1}.portal-grid{grid-template-columns:1fr}.portal-heading{flex-wrap:wrap}.portal-heading>label{width:100%}.rack-places{grid-template-columns:repeat(4,minmax(0,1fr))}.cards-grid{grid-template-columns:1fr}.breadcrumb{font-size:12px}.demo-tag{display:none}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:static;height:auto;padding:17px 16px 8px;overflow:visible}.brand{margin:0 0 14px;font-size:22px}.brand-mark{width:37px;height:37px;font-size:30px}.brand small{font-size:10px}.port-name,.nav-label,.sidebar-bottom .user{display:none}nav{display:flex;overflow-x:auto;gap:5px;padding-bottom:6px}nav button{min-width:max-content;font-size:12px;padding:9px 12px;min-height:40px}nav app-icon svg{width:17px;height:17px}.sidebar-bottom{display:flex;padding:5px 0 0;gap:12px}.sidebar-bottom>button{width:auto;font-size:11px;min-height:34px;padding:4px 9px}.sidebar-bottom app-icon svg{width:16px;height:16px}.topbar{height:62px;padding:0 16px}.breadcrumb{gap:7px;font-size:11px}.top-actions{gap:4px}.role-label select{font-size:12px;min-height:36px;padding:7px;max-width:152px}.icon-button{min-width:36px;min-height:36px;padding:6px}main{padding:16px 14px 25px}.demo-line{font-size:10px;margin-bottom:20px;align-items:start}.demo-line button{font-size:10px;flex-shrink:0;min-height:28px;padding:0}.page-heading{align-items:start;gap:12px;margin-bottom:20px;flex-wrap:wrap}h1{font-size:26px;letter-spacing:-.5px}.eyebrow{font-size:10px}.subtitle{font-size:12px}.page-heading>.primary{padding:9px 12px;min-height:40px;font-size:12px}.stats{gap:10px;margin-bottom:18px}.stats article{padding:15px 13px}.stat-label{font-size:12px;margin-bottom:11px}.stats strong{font-size:29px}.stats .money-stat{font-size:24px}.stats strong>span{font-size:12px}.stat-bottom{font-size:10px}.panel{padding:17px}.section-head{gap:12px;margin-bottom:17px;flex-wrap:wrap}.section-head h2{font-size:17px}.section-head p,.section-head .text-button{font-size:12px}.dashboard-grid{gap:18px;margin-bottom:18px}.mini-port{gap:17px;padding:20px 16px 42px}.movement{flex-wrap:wrap}.movement>div{flex:1;min-width:150px}.movement .secondary{margin-left:auto}.legend{gap:9px;font-size:10px}.toolbar{padding:12px;gap:10px}.toolbar .search{flex-basis:100%;min-width:0}.toolbar>select{flex:1;min-width:0;font-size:12px}.segmented{margin-left:auto}.water{gap:12px;padding:18px 8px 40px}.ponton-title{font-size:11px}.ponton-title small{font-size:9px}.berths{gap:8px 13px}.berth{min-height:40px;padding:6px 2px}.berth strong{font-size:10px}.berth span{font-size:8px}.finger{width:7px;top:58px;bottom:-8px}.basin-caption{font-size:9px;letter-spacing:1.7px;bottom:12px}.quay{font-size:8px;letter-spacing:.5px;padding:14px 5px}.rack-label{font-size:11px;width:61px}.rack-label small{font-size:9px}.rack-row{gap:10px}.land{padding:16px 12px}.rack-places{gap:5px}.rack-place strong{font-size:9px}.tech-places{gap:7px;padding:12px 8px}.technical{padding:8px;font-size:10px;display:block;text-align:center}.technical strong,.technical small{display:block;font-size:9px;margin-top:3px}.quay-stats{gap:10px}.quay-stats .panel{padding:15px 12px}.quay-stats h2{font-size:14px}.quota{font-size:11px;gap:4px}.kanban{gap:12px}.kanban>section{padding:10px 8px}.kanban-heading h2{font-size:12px}.mission-card{padding:14px 11px}.mission-card h3{font-size:15px}.mission-meta{font-size:10px;line-height:1.5}.planned-row{gap:10px;flex-wrap:wrap}.planned-row .text-button{font-size:12px}.form-grid{gap:0 12px}.info-banner{padding:13px;gap:10px}.info-banner p{font-size:12px}.incident-row{flex-wrap:wrap;gap:12px}.incident-row>div{min-width:190px}.incident-row .secondary{margin-left:auto}.portal-heading h2{font-size:22px}.dialog{padding:21px;max-height:92vh;border-radius:12px}.dialog h2{font-size:23px}.overlay{padding:12px}.dialog .form-grid{grid-template-columns:1fr 1fr}.dialog-actions{gap:10px}.dialog-actions button{font-size:12px;padding:10px}.wizard-steps{gap:14px;font-size:11px}.suggestion{padding:12px}.suggestion.selected{padding:11px}.suggestion small{font-size:11px}.estimate{padding:12px;font-size:12px}.toast{font-size:13px;padding:13px 16px;bottom:15px;min-width:280px}.tabs{gap:3px}.tabs button{font-size:12px;padding:10px}.architecture .architecture-branches{grid-template-columns:1fr}.vision-intro h2{font-size:22px}.stats.three .text-stat{font-size:21px}footer{font-size:10px;gap:8px;flex-wrap:wrap}}@media(max-width:430px){.kanban{grid-template-columns:1fr}.berth span{display:none}.berth{min-height:36px}.ponton-title{font-size:10px}.mission-card .primary{font-size:14px}.mission-meta{font-size:12px}.mission-card .check-line{font-size:13px}.form-grid,.dialog .form-grid{grid-template-columns:1fr}.toolbar .inline-label{flex-wrap:wrap;gap:5px}.toolbar .inline-label input{width:100%}.topbar .breadcrumb>strong{max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .breadcrumb>span{display:none}.topbar .breadcrumb{gap:4px}.stats .money-stat{font-size:21px}.stats strong{font-size:27px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}.point-actions{display:flex;gap:8px;flex-wrap:wrap}.point-actions .text-button{font-size:12px;min-height:36px}a.primary{text-decoration:none}.connected-nav{display:flex;gap:12px;align-items:center;color:#fff;width:100%;background:#0e7c7b;padding:14px;border-radius:9px;margin:15px 0}.future-nav{display:block;font-size:10px;color:#9bb7bf;margin-top:3px}.brand-mark img{display:block;border-radius:10px}.live-intro h2{font-size:26px}.live-counts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.live-counts>div{background:#f2f6f6;border-radius:10px;padding:12px;display:grid;gap:7px}.live-counts strong{font-size:23px}.live-counts small{overflow-wrap:anywhere;color:var(--muted)}.live-list{margin:20px 0}.live-record{padding:15px 0;border-bottom:1px solid var(--line)}.live-record summary{cursor:pointer;padding:8px 0}.live-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:15px}.live-fields dt{font-size:12px;color:var(--muted)}.live-fields dd{margin:4px 0;overflow-wrap:anywhere}.live-observation{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.live-tabs{flex-wrap:wrap}.live-intro a{color:#0e7c7b}.live-intro .toolbar{flex-wrap:wrap}.live-intro .form-grid button{align-self:end}.live-intro label{min-width:0}.marine-title,.marine-controls,.marine-actions,.marine-record{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.marine-title h2{margin:.2rem 0}.marine-controls label{flex:1;min-width:170px}.marine-conditions,.marine-admin{margin-top:1.25rem}.marine-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.marine-grid label{display:grid;gap:.4rem}.marine-weather{display:flex;gap:.7rem;overflow-x:auto;max-width:100%;padding-bottom:.8rem}.marine-weather>div{display:grid;gap:.35rem;min-width:140px;border:1px solid var(--border,#dce4ee);border-radius:12px;padding:.85rem}.marine-tides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.marine-tides>div{display:grid;gap:.3rem;padding:.7rem;background:var(--surface-soft,#eef5fc);border-radius:10px}.marine-curve{width:100%;height:130px;color:var(--primary,#287cff)}.marine-attribution{font-size:.8rem;color:var(--muted,#61728f);margin-top:1rem}.marine-slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.8rem}.marine-slot{display:grid;gap:.3rem;text-align:left;background:#ecf4e9;color:#375931;border-color:#b8cead}.marine-slot small{color:inherit}.marine-record{padding:1rem 0;border-bottom:1px solid var(--border,#dce4ee)}.marine-checklist{display:grid;gap:.7rem;margin:1rem 0}.marine-checklist label{display:flex;gap:.7rem;align-items:center}.marine-checklist input{width:auto}.marine-admin details{margin:1rem 0}.marine-admin summary{cursor:pointer;font-weight:600;padding:.7rem 0}.marine-conditions a{color:inherit;text-decoration:underline}.marine-admin fieldset{border:0;padding:0}.marine-record h3{margin:.2rem 0}.marine-record p{margin:.35rem 0}@media(max-width:720px){.marine-grid{grid-template-columns:1fr}.marine-controls{align-items:stretch}.marine-controls label{width:100%}.marine-curve{height:110px}}.marine-grid>div{min-width:0}.marine-conditions .freshness{white-space:normal;overflow-wrap:anywhere}owner-navigation fieldset{min-width:0;border:0;margin:0;padding:0}owner-navigation{display:block;min-width:0}.marine-admin,.marine-conditions{padding:24px;background:var(--surface,#fff);border:1px solid var(--line,#deded8);border-radius:18px}.marine-admin label{display:grid;gap:6px}.marine-admin .checkbox{display:flex;align-items:center}.marine-admin .feedback.error{color:#913225}.marine-admin .feedback{padding:12px;background:#eef5f3;border-radius:12px}.booking-candidates{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;max-height:520px;overflow:auto;padding:4px}.booking-candidate{border:1px solid #d6e0e8;border-radius:14px;padding:16px;background:#fff}.booking-candidate.selected{outline:2px solid #008b8b;background:#effbfa}.booking-candidate .pill{display:inline-block;margin-top:8px}.booking-candidate ul{padding-left:18px;font-size:13px;color:#a54429}.booking-confirm{max-width:760px;margin:24px 0;padding:20px;border-radius:16px;background:#f3f8fa}.booking-confirm label{display:grid;gap:8px;margin:16px 0}.booking-confirm textarea{min-height:90px;border:1px solid #cbd9e2;border-radius:10px;padding:12px;font:inherit;width:100%;box-sizing:border-box}