:root{--ink:#203d45;--muted:#788c91;--teal:#087f82;--aqua:#45b8b1;--line:#e2eaeb;--paper:#f4f7f8;--orange:#b7752d;--green:#16876d;--sidebar:224px}*{box-sizing:border-box;letter-spacing:0}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:inherit;background:none;border:0}a{color:inherit;text-decoration:none}svg.lucide{width:18px;height:18px;stroke-width:1.7;flex-shrink:0}button:disabled{opacity:.5;cursor:wait}small{display:block;color:var(--muted);font-size:11px}h1,h2,h3,p{margin:0}h1{font-size:27px;font-weight:650;line-height:1.4}h2{font-size:17px;font-weight:650}h3{font-size:14px;font-weight:600}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar);background:#fff;border-right:1px solid var(--line);padding:28px 18px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:11px;font-size:25px;font-weight:700;padding:0 8px 28px}.brand-mark{width:39px;height:44px;display:grid;place-items:center;background:var(--teal);color:white;border-radius:8px}.brand-mark svg{width:27px;height:27px}.brand-en{display:block;font-size:8px;font-weight:600;line-height:1.5;color:#6e898e}.workspace{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 3px;display:flex;gap:10px;align-items:center;font-size:12px;font-weight:600}.workspace-icon{display:grid;place-items:center;background:#eef5f4;width:32px;height:34px;border-radius:5px;color:var(--teal)}.workspace>svg{margin-left:auto;width:14px}.nav-label{font-size:10px;color:#94a4a6;padding:26px 13px 10px}nav{display:grid;gap:7px}nav button{height:44px;width:100%;justify-content:flex-start;padding:0 13px;border-radius:5px;color:#74878c;font-size:13px}nav button:hover{background:#f5f9f9}nav button.active{background:#e7f3f1;color:#087d7e;font-weight:600}nav b{margin-left:auto;font-size:10px;min-width:21px;background:#d4e9e5;border-radius:4px}.sidebar-bottom{margin-top:auto}.sidebar-bottom>button{font-size:12px;color:#71858a;padding:20px 8px}.identity{border-top:1px solid var(--line);padding:20px 4px 0;display:flex;gap:10px;align-items:center;font-size:12px}.identity>span,.avatar{background:#e8f0f0;display:grid;place-items:center;width:33px;height:33px;font-size:11px;font-weight:600;border-radius:50%}.shell{margin-left:var(--sidebar)}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px}.crumb,.top-actions{display:flex;gap:14px;align-items:center;font-size:12px;color:var(--muted)}.crumb strong{font-weight:500;color:var(--ink)}.slash{color:#c5d0d3}.top-actions{gap:10px}.snapshot-dot{width:6px;height:6px;border-radius:50%;background:#31a791}.icon-button{width:34px;height:34px;border:1px solid var(--line);border-radius:5px;background:white}.icon-button:hover{background:#eaf4f3}.top-actions .icon-button{margin:0 10px}main{max-width:1650px;margin:0 auto;padding:30px 32px 20px}.eyebrow{font-size:9px;color:var(--teal);font-weight:650;line-height:1.8;margin-bottom:5px}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.page-heading p{margin-top:8px;font-size:12px;color:var(--muted)}.heading-actions{display:flex;gap:10px}.button{border:1px solid #d9e3e5;border-radius:5px;padding:9px 13px;background:white;font-size:12px;white-space:nowrap;min-height:37px}.button:hover{background:#edf5f4}.button.primary{background:var(--teal);color:white;border-color:var(--teal)}.button.primary:hover{background:#096b6d}.filters{display:flex;gap:12px;align-items:center;margin-bottom:22px;flex-wrap:wrap}.filters>label{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:white;padding:6px 10px;border-radius:5px;font-size:12px;height:36px}.filters svg{width:15px;color:#67878b}select,input{color:var(--ink);background:transparent;border:0;min-width:0}select{max-width:180px;cursor:pointer}.filter-spacer{flex:1}.date-label span{color:var(--muted);margin-right:6px}.date-label input{font-size:12px;width:126px}.overview-banner{display:flex;justify-content:space-between;align-items:center;min-height:139px;padding:25px 27px;background:#0d555e;position:relative;overflow:hidden;color:white;margin-bottom:23px}.overview-banner::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,62,69,.98) 0%,rgba(9,62,69,.89) 35%,rgba(9,62,69,.06) 78%),url('assets/vessel.jpg') center 47%/cover}.overview-banner>*{position:relative}.banner-kicker{font-size:9px;color:#add4d4;margin-bottom:7px}.overview-banner h2{font-size:21px;font-weight:500}.overview-banner p{font-size:11px;color:#c4dfe0;margin-top:7px}.banner-mark{align-self:flex-end;font-size:8px;background:#173d465c;padding:2px 6px;color:#f3ffff}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:26px}.kpi{background:white;border:1px solid var(--line);border-radius:6px;padding:18px 19px}.kpi-title{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#657f85}.kpi-title svg{color:#7ca9a9;width:17px}.kpi-value{font-size:32px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.5;margin:5px 0}.kpi-value span{font-size:12px;color:var(--muted);font-weight:400;margin-left:8px}.kpi-note{font-size:10px;color:var(--muted)}.kpi-note em{font-style:normal;color:var(--teal)}.kpi-note.warn{color:var(--orange)}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px}.section-heading h2 span{font-weight:400;font-size:11px;margin-left:9px;color:var(--muted)}.text-button{font-size:11px;color:var(--teal);padding:4px 0}.text-button svg{width:14px}.vessel-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:28px}.vessel-card{border:1px solid var(--line);background:white;border-radius:6px;padding:16px;cursor:pointer;transition:border-color .15s,box-shadow .15s}.vessel-card:hover{border-color:#74bab6;box-shadow:0 3px 12px #215a6010}.vessel-card.selected{border-color:var(--teal)}.vessel-top{display:flex;justify-content:space-between;gap:5px;align-items:center}.vessel-id{font-size:17px;font-weight:650;font-variant-numeric:tabular-nums}.vessel-top svg{color:#9cb8bb;width:17px}.tag{font-size:10px;padding:2px 6px;background:#eef4f5;color:#6d8589;border-radius:3px;white-space:nowrap;display:inline-block}.tag.green{background:#e9f5ee;color:var(--green)}.tag.teal{background:#e8f5f5;color:var(--teal)}.tag.amber{background:#fbf2e4;color:var(--orange)}.vessel-card>.tag{margin:9px 0 16px}.progress-title{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-bottom:7px}.progress-title b{color:var(--ink);font-size:11px;font-weight:550}.bar{height:5px;background:#eef2f3;overflow:hidden;border-radius:2px;display:flex}.bar .completed{background:var(--teal)}.bar .partial{background:#75c7c2}.vessel-foot{border-top:1px solid #edf1f2;margin-top:16px;padding-top:11px;font-size:10px;color:var(--muted);display:grid;gap:4px}.vessel-foot div{display:flex;justify-content:space-between;gap:3px}.vessel-foot strong{font-weight:500;color:#506d75}.two-column{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr);gap:26px;margin-bottom:28px}.surface{background:white;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px}.surface .section-heading{margin-bottom:21px}.legend{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:10px;flex-wrap:wrap}.legend span{display:flex;align-items:center;gap:5px}.dot{height:7px;width:7px;display:inline-block;border-radius:2px;background:var(--teal)}.dot.partial{background:#75c7c2}.dot.missing{background:#edf2f3;border:1px solid #d8e3e5}.stage-row{display:grid;grid-template-columns:65px minmax(0,1fr) 75px;gap:14px;align-items:center;font-size:11px;margin:25px 0}.stage-bar{height:19px;display:flex;background:#eff3f4;border-radius:2px;overflow:hidden}.stage-bar>span{display:flex;align-items:center;justify-content:center;font-size:9px;color:white;min-width:0;overflow:hidden}.stage-bar .completed{background:#168d8b}.stage-bar .partial{background:#78c7c0;color:#214b50}.stage-row>strong{font-size:10px;text-align:right;font-weight:500;color:#668089}.micro-note{font-size:10px;color:#8a9da1;line-height:1.8}.alert-row{display:grid;grid-template-columns:29px 1fr auto;gap:10px;padding:14px 0;border-bottom:1px solid #edf1f2;align-items:start}.alert-row:last-child{border-bottom:0}.alert-icon{width:27px;height:27px;display:grid;place-items:center;background:#fff4e8;border-radius:4px;color:var(--orange)}.alert-icon svg{width:15px}.alert-row h3{font-size:11px;line-height:1.7}.alert-row p{font-size:10px;color:var(--muted);margin-top:3px}.alert-row button{width:25px;height:27px;color:#98acad}.table-wrap{overflow-x:auto;background:white;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}th{background:#f6f9f9;color:#7b9196;font-size:10px;font-weight:500;padding:13px 16px;white-space:nowrap}td{border-top:1px solid #edf1f2;padding:13px 16px;white-space:nowrap}td strong{font-weight:550}tbody tr:hover{background:#f9fcfc}.milestone-cell{display:flex;gap:9px;align-items:center}.milestone-cell svg{color:var(--teal);width:16px}td .sub{font-size:9px;color:var(--muted);display:block;margin-top:3px}.mono{font-variant-numeric:tabular-nums}.num{text-align:right;font-variant-numeric:tabular-nums}.muted{color:#98a7aa}.compare-table{min-width:700px}.compare-table td{padding:14px 18px}.cell-value{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px}.cell-value strong{color:var(--teal)}.cell-bar{margin-top:7px;width:100%;height:3px;background:#edf1f2}.cell-bar span{display:block;background:var(--teal);height:100%}.group-row td{background:#f0f6f6;color:#528082;font-size:10px;padding:9px 18px}.table-toolbar{display:flex;gap:12px;justify-content:space-between;align-items:center;margin:8px 0 16px;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:8px;background:white;border:1px solid var(--line);padding:8px 11px;border-radius:4px}.search-box svg{color:#829ca0;width:15px}.search-box input{width:190px;font-size:12px}.table-toolbar select{font-size:12px;border:1px solid var(--line);padding:8px 10px;background:white;border-radius:4px}.table-meta{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:11px}.empty{padding:42px 20px;text-align:center;color:var(--muted);background:white}.timeline-list{display:grid;gap:18px}.timeline-vessel{background:white;border-top:1px solid var(--line);padding:23px}.timeline-vessel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.milestone-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}.milestone-node{position:relative;padding-right:12px}.milestone-node:before{content:"";position:absolute;top:7px;left:14px;right:0;height:2px;background:#dfe9e9}.milestone-node:last-child:before{display:none}.milestone-node .node{display:block;width:16px;height:16px;border:3px solid #d5e5e6;background:white;border-radius:50%;position:relative;margin-bottom:13px}.milestone-node.done .node{border-color:var(--teal);background:var(--teal);box-shadow:inset 0 0 0 3px white}.milestone-node.done:before{background:#74b6b4}.milestone-node h3{font-size:12px;margin-bottom:4px}.milestone-node p{font-size:10px;color:var(--muted);margin-top:6px}.milestone-node b{display:block;font-weight:500;font-size:11px;color:var(--ink)}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:16px;margin-top:30px;font-size:9px;color:#8fa1a5}.footer-line{padding:0 8px;color:#becbcc}dialog{border:1px solid var(--line);border-radius:8px;width:min(880px,calc(100% - 28px));max-height:88vh;padding:25px;color:var(--ink);box-shadow:0 20px 90px #123e4933}dialog::backdrop{background:#123b4355;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px}.dialog-head h2{font-size:23px}#dialog-content .kpis{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}#dialog-content .kpi{padding:12px}#dialog-content .kpi-value{font-size:25px}.notes{display:grid;gap:16px;font-size:13px;line-height:1.9}.notes p{color:#5c7980}.notes strong{color:var(--ink)}.source-block{background:#f3f7f7;padding:15px;font-size:12px;overflow-wrap:anywhere}.notes .button{justify-self:start}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#1b484e;color:white;font-size:12px;border-radius:5px;padding:12px 20px;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s;max-width:90vw}#toast.show{opacity:1}.table-link{padding:0;color:var(--teal);font-weight:550}.gap-section{margin-top:26px}.count-label{font-size:11px;color:var(--muted)}
.alerts-scroll{max-height:245px;overflow-y:auto;scrollbar-width:thin}#snapshot-info{font-size:11px;padding:0;gap:5px}#snapshot-info svg{width:13px;height:13px}
@media(min-width:1700px){main{padding-top:35px}.overview-banner{min-height:160px}.vessel-card{padding:21px}.kpi{padding:22px}.stage-row{margin:29px 0}}
@media(max-width:1200px){:root{--sidebar:192px}main{padding:25px 23px}.topbar{padding:0 23px}.vessel-card{padding:12px}.vessel-id{font-size:15px}.vessel-foot div{display:block}.vessel-foot strong{display:block}.two-column{gap:18px;grid-template-columns:minmax(0,1.3fr) minmax(250px,1fr)}.kpi{padding:16px 13px}.kpi-title{font-size:11px}.vessel-top svg{display:none}}
@media(max-width:900px){:root{--sidebar:76px}.sidebar{padding:23px 10px}.brand{padding:0 8px 25px}.brand>span:last-child,.workspace,.nav-label,nav button span,nav button b,.identity,.sidebar-bottom>button{display:none}nav{margin-top:15px}nav button{justify-content:center;padding:0}.brand-mark{width:36px;min-width:36px;height:40px}.two-column{grid-template-columns:1fr}.vessel-grid{grid-template-columns:repeat(3,1fr)}.vessel-foot div{display:flex}.vessel-foot strong{display:inline}.vessel-top svg{display:block}.page-heading{align-items:flex-start}.heading-actions{padding-top:18px}.kpis{gap:10px}.kpi-value{font-size:28px}h1{font-size:24px}}
@media(max-width:620px){:root{--sidebar:0px}.sidebar{position:sticky;top:0;bottom:auto;width:100%;height:55px;padding:0 12px;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid var(--line)}.brand{padding:0;margin-right:auto}.brand-mark{height:32px;width:32px;min-width:32px}.brand-mark svg{width:22px}nav{display:flex;gap:5px;margin:0}nav button{width:44px;height:39px}.sidebar-bottom{display:none}.topbar{height:48px;padding:0 16px}.crumb,.top-actions{font-size:10px;gap:8px}.top-actions .avatar,.top-actions .icon-button{display:none}main{padding:21px 16px}.page-heading{display:block;margin-bottom:18px}.page-heading p{font-size:11px}.heading-actions{padding-top:15px}.heading-actions .button{flex:1}.filters{gap:8px;margin-bottom:17px}.filters>label{flex:1}.filter-spacer{display:none}.filters .date-label{flex-basis:100%;justify-content:space-between}.overview-banner{min-height:137px;padding:20px}.overview-banner h2{font-size:18px}.overview-banner::before{background:linear-gradient(90deg,rgba(9,62,69,.96),rgba(9,62,69,.5)),url('assets/vessel.jpg') center/cover}.banner-mark{display:none}.overview-banner p{max-width:215px}.kpis{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:24px}.kpi{padding:15px}.kpi-title{font-size:11px}.kpi-value{font-size:30px}.kpi-note{font-size:9px}.vessel-grid{grid-template-columns:repeat(2,1fr)}.vessel-card{padding:15px}.vessel-foot div{display:block}.vessel-foot strong{display:inline}.vessel-foot div strong{float:right}.surface{padding:17px 14px}.section-heading h2{font-size:15px}.section-heading h2 span{display:none}.stage-row{grid-template-columns:58px minmax(0,1fr) 55px;gap:8px}.legend{font-size:9px;gap:8px}.section-heading{align-items:flex-start}.surface .section-heading{flex-wrap:wrap}.timeline-vessel{padding:18px}.milestone-track{display:block}.milestone-node{padding:0 0 23px 31px}.milestone-node:before{left:7px;top:16px;bottom:0;width:2px;height:auto;right:auto}.milestone-node .node{position:absolute;left:0;top:3px}.milestone-node p{display:inline-block;margin-right:16px}.milestone-node b{display:inline;margin-left:5px}.milestone-node:last-child{padding-bottom:0}.table-toolbar .search-box{width:100%}.search-box input{width:100%}.table-meta{width:100%;justify-content:space-between}footer{display:block;font-size:9px}footer>span{display:block;margin-bottom:5px}#dialog-content .kpis{gap:6px}#dialog-content .kpi{padding:9px}#dialog-content .kpi-title{font-size:10px}#dialog-content .kpi-value{font-size:23px}dialog{padding:19px}.dialog-head h2{font-size:20px}}
@media print{body{background:white}.sidebar,.topbar,.heading-actions,.filters,.text-button,.icon-button,footer,#toast{display:none!important}.shell{margin:0}main{padding:0;max-width:none}.overview-banner{print-color-adjust:exact;-webkit-print-color-adjust:exact}.kpis,.vessel-grid,.surface,.timeline-vessel{break-inside:avoid}*{print-color-adjust:exact;-webkit-print-color-adjust:exact}.vessel-grid{grid-template-columns:repeat(5,1fr)}.two-column{grid-template-columns:1.5fr 1fr}th,td{padding:8px}.table-wrap{overflow:visible}.page-heading{margin-bottom:16px}@page{size:A4 landscape;margin:12mm}}