:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#182125;background:#edf5f9;font-synthesis:none;text-rendering:optimizeLegibility;--surface: oklch(99% .006 225);--surface-2: oklch(96.5% .012 218);--surface-3: oklch(92.5% .015 220);--line: oklch(84% .017 224);--line-strong: oklch(72% .025 224);--text: oklch(24% .015 232);--muted: oklch(48% .02 232);--accent: oklch(45% .08 188);--accent-strong: oklch(38% .09 188);--accent-soft: oklch(92% .035 188);--warning: oklch(62% .16 68);--warning-soft: oklch(94% .045 72);--danger: oklch(55% .16 30);--danger-soft: oklch(94% .045 30);--ok: oklch(48% .11 152);--ok-soft: oklch(93% .04 152);--fuel-hsfo: oklch(55% .18 255);--fuel-lsfo: oklch(55% .16 145);--fuel-mgo: oklch(67% .19 55);--shadow: 0 14px 34px oklch(25% .02 232 / .1)}*{box-sizing:border-box}body{margin:0;min-width:1100px;background:var(--surface-2)}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 24px 16px;border-bottom:1px solid var(--line);background:var(--surface)}.eyebrow{margin:0 0 3px;color:var(--accent-strong);font-size:12px;font-weight:700;text-transform:uppercase}h1,h2,p{margin:0}h1{font-size:22px;line-height:1.2}h2{font-size:15px;line-height:1.2}.topbar-actions,.toolbar,.toolbar-group,.queue-card-main,.queue-actions,.section-header,.barge-title,.primary-button,.secondary-button,.ghost-button,.tab-button,.status-badge,.fuel-chip{display:flex;align-items:center}.topbar-actions{gap:6px}.tab-button,.primary-button,.secondary-button,.ghost-button,.icon-button,.mini-action-button,.mini-icon-button{border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);transition:background .16s ease-out,border-color .16s ease-out,color .16s ease-out,box-shadow .16s ease-out}.tab-button{gap:8px;height:36px;padding:0 12px;font-size:13px;font-weight:700}.tab-button.is-active,.primary-button{border-color:var(--accent);background:var(--accent);color:#f4faf9}.primary-button,.secondary-button,.ghost-button{gap:8px;height:36px;padding:0 12px;font-size:13px;font-weight:700;white-space:nowrap}.secondary-button:hover,.ghost-button:hover,.tab-button:hover,.mini-action-button:hover{border-color:var(--accent);background:var(--accent-soft)}.primary-button:hover{background:var(--accent-strong)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0}.icon-button.danger{color:var(--danger)}.icon-button.danger:hover,.mini-icon-button.danger:hover{background:var(--danger-soft);border-color:var(--danger)}.mini-action-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:28px;padding:0 9px;font-size:12px;font-weight:800}.mini-icon-button{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0}.mini-icon-button.danger{color:var(--danger)}.workspace{display:grid;gap:12px;padding:14px}.panel{border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.toolbar{gap:16px;min-height:58px;padding:10px 12px}.toolbar-group{gap:8px;color:var(--muted);font-size:13px}.toolbar-group strong{color:var(--text)}.toolbar-label{font-weight:700}.toolbar-spacer{flex:1}.segmented-control{display:inline-grid;grid-template-columns:repeat(3,48px);gap:3px;padding:3px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2)}.segmented-control button{height:28px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:12px;font-weight:800}.segmented-control button.is-selected{background:var(--surface);color:var(--accent-strong);box-shadow:0 1px 5px #2430361f}.date-input{width:138px;height:32px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--text);padding:0 8px;font-size:12px;font-weight:800}.status-strip{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px}.metric{display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.metric span{color:var(--muted);font-size:12px;font-weight:700}.metric strong{font-size:22px}.metric.warning strong{color:var(--warning)}.metric.ok strong{color:var(--ok)}.schedule-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:12px;align-items:start}.section-header{justify-content:space-between;gap:14px;padding:12px 14px;border-bottom:1px solid var(--line)}.section-header p,.admin-toolbar p{margin-top:4px;color:var(--muted);font-size:12px}.issue-panel{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:9px 14px;border-bottom:1px solid var(--line);background:var(--surface-2)}.issue-panel.has-warning{background:var(--warning-soft)}.issue-context{display:grid;gap:2px;min-width:240px}.issue-context span,.issue-note{color:var(--muted);font-size:12px}.issue-panel ul{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;margin:0;padding:0;list-style:none}.issue-panel li{padding:4px 8px;border:1px solid oklch(76% .09 68);border-radius:999px;background:#fff7ee;background:oklch(98% .025 72);color:#583400;color:oklch(36% .09 68);font-size:12px;font-weight:800}.gantt-panel{min-width:0}.gantt-scroll{overflow:auto;max-height:calc(100vh - 244px)}.pending-gantt-scroll{max-height:calc(100vh - 228px)}.gantt-canvas{width:calc(var(--label-width) + var(--timeline-width))}.gantt-header-row,.gantt-row{display:flex;min-width:calc(var(--label-width) + var(--timeline-width))}.gantt-corner,.barge-label{position:sticky;left:0;z-index:3;flex:0 0 var(--label-width);width:var(--label-width);border-right:1px solid var(--line-strong);background:var(--surface)}.gantt-corner{display:flex;align-items:center;justify-content:center;gap:8px;height:56px;padding:0 14px;border-bottom:1px solid oklch(27% .027 245);color:#0b1c2a;font-size:16px;font-weight:800}.time-axis{display:grid;grid-template-rows:26px 30px;height:56px;border-bottom:1px solid var(--line);background:var(--surface-2);color:var(--muted)}.time-day-row,.time-ruler-row{display:flex;min-width:0}.time-day-row{border-bottom:1px solid var(--line);background:var(--surface-2)}.time-day-segment{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--muted);font-size:11px;font-weight:800;white-space:nowrap}.time-day-segment+.time-day-segment:before{content:"";position:absolute;top:0;bottom:0;left:0;width:4px;background:linear-gradient(90deg,var(--line-strong) 0 1px,transparent 1px 3px,var(--line-strong) 3px 4px)}.time-day-segment.is-current{background:#e2f3f1;color:var(--accent-strong)}.time-slot{position:relative;flex:0 0 var(--column-width);width:var(--column-width);padding:15px 0 0;color:var(--muted);font-size:10px;font-weight:800;text-align:center}.time-slot:before{content:"";position:absolute;top:0;left:0;width:0;height:0;background:transparent}.time-slot.is-noon:before{width:1px;height:16px;background:#4e7587}.time-slot.is-six-hour:before{width:0;height:16px;background:transparent;border-left:1px dashed oklch(54% .052 230)}.time-slot.is-day-start:before{width:4px;height:30px;background:linear-gradient(90deg,var(--line-strong) 0 1px,transparent 1px 3px,var(--line-strong) 3px 4px)}.time-slot.is-day-start{background:#e8f5f3b3;color:var(--text)}.time-slot.is-noon{color:var(--text)}.time-slot span{display:block;line-height:1}.gantt-row{min-height:188px;border-bottom:1px solid var(--line)}.barge-label{display:grid;align-content:start;gap:8px;padding:12px 14px}.barge-title{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;min-height:24px;margin-bottom:0;color:#0b1c2a;font-size:16px;letter-spacing:0}.barge-title-name{grid-column:2;display:inline-flex;align-items:center;gap:8px;min-width:0}.barge-title .mini-action-button{grid-column:3;justify-self:end}.stock-table{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:100%;max-width:none}.stock-row{display:grid;grid-template-rows:18px 76px 30px;justify-items:center;gap:6px;min-width:0;padding:0 10px;border-right:1px dashed oklch(78% .025 230)}.stock-row:last-child{border-right:0}.stock-fuel{font-size:12px;font-weight:800}.stock-fuel.hsfo{color:var(--fuel-hsfo)}.stock-fuel.lsfo{color:var(--fuel-lsfo)}.stock-fuel.mgo{color:var(--fuel-mgo)}.stock-gauge{position:relative;display:flex;align-items:flex-end;justify-content:center;width:42px;height:76px;overflow:hidden;border:1px solid var(--line-strong);border-radius:8px;background:linear-gradient(180deg,#f9fcfe,#e5edf1);box-shadow:inset 0 0 0 2px #f9fcfe,0 1px 4px #18232a1f}.stock-gauge-fill{position:absolute;right:4px;bottom:4px;left:4px;min-height:0;border-radius:5px;overflow:hidden;transition:height .16s ease-out}.stock-gauge-fill.hsfo{background:linear-gradient(180deg,oklch(66% .19 245),var(--fuel-hsfo))}.stock-gauge-fill.lsfo{background:linear-gradient(180deg,oklch(66% .17 145),var(--fuel-lsfo))}.stock-gauge-fill.mgo{background:linear-gradient(180deg,oklch(78% .18 65),var(--fuel-mgo))}.stock-percent{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:32px;height:18px;border-radius:999px;background:#f9fcfec2;color:#162127;font-size:10px;font-weight:900;line-height:1;box-shadow:0 1px 3px #18232a24}.stock-amount{display:flex;align-items:baseline;justify-content:center;gap:4px;width:100%;min-width:0;white-space:nowrap;font-variant-numeric:tabular-nums}.stock-amount strong{color:var(--text);font-size:13px}.stock-amount span{color:var(--muted);font-size:11px}.stock-row.is-low .stock-amount strong{color:var(--danger)}.barge-lane{position:relative;flex:0 0 var(--timeline-width);width:var(--timeline-width);min-height:188px;background:var(--surface)}.lane-grid{position:absolute;top:0;right:0;bottom:0;left:0;display:flex}.grid-slot{position:relative;flex:0 0 var(--column-width);width:var(--column-width)}.grid-slot:before{content:"";position:absolute;top:0;bottom:0;left:0;width:0;background:transparent}.grid-slot.is-six-hour:before{width:0;background:transparent;border-left:1px dashed var(--line-strong)}.grid-slot.is-noon:before{width:1px;background:var(--line-strong)}.grid-slot.is-day-start{background:#e3f2f08c}.grid-slot.is-day-start:before{width:4px;background:linear-gradient(90deg,var(--line-strong) 0 1px,transparent 1px 3px,var(--line-strong) 3px 4px)}.schedule-bar{position:absolute;top:50%;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:1fr;align-content:stretch;min-width:44px;height:118px;padding:12px 10px;border:1px solid oklch(57% .08 188);border-radius:7px;background:#c0ece7;color:#002b28;color:oklch(26% .055 188);text-align:left;transform:translateY(-50%);box-shadow:0 8px 18px #24303624}.schedule-card-details{display:grid;grid-template-rows:auto auto auto auto 1fr;align-self:stretch;min-width:0}.schedule-card-details strong,.schedule-card-details span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.schedule-card-details strong{color:inherit;font-size:13px;font-weight:800}.schedule-card-details span{color:#234a47;font-size:11px;line-height:1.25}.schedule-bar svg{grid-row:1;align-self:center;margin-left:5px}.gantt-fuel-badges{display:flex;flex-wrap:wrap;align-content:end;align-self:end;gap:4px;margin-top:8px;overflow:hidden}.gantt-fuel-badge{display:inline-flex;align-items:center;height:18px;padding:0 6px;border-radius:999px;color:#f5f9fc;font-size:10px;font-weight:900;line-height:1}.gantt-fuel-badge.hsfo{background:var(--fuel-hsfo)}.gantt-fuel-badge.lsfo{background:var(--fuel-lsfo)}.gantt-fuel-badge.mgo{background:var(--fuel-mgo)}.schedule-bar.warning{border-color:var(--warning);background:var(--warning-soft);color:#543100;color:oklch(35% .09 68)}.schedule-bar.blocked{border-color:var(--danger);background:var(--danger-soft);color:#621e16}.schedule-bar.replenishment{border-color:#316ca5;background:#d1e7ff;color:#073257}.schedule-bar.is-selected{outline:2px solid var(--accent-strong);outline-offset:2px}.pending-gantt-row,.pending-empty-row{display:flex;min-width:calc(var(--label-width) + var(--timeline-width));min-height:104px;border-bottom:1px solid var(--line)}.pending-vessel-label{position:sticky;left:0;z-index:3;display:grid;align-content:center;gap:5px;flex:0 0 var(--label-width);width:var(--label-width);padding:12px 14px;border-right:1px solid var(--line-strong);background:var(--surface)}.pending-vessel-label strong{color:#0b1c2a;font-size:14px}.pending-vessel-label span{color:var(--muted);font-size:12px}.pending-vessel-label .fuel-chips{margin-top:2px}.pending-vessel-lane{position:relative;flex:0 0 var(--timeline-width);width:var(--timeline-width);min-height:104px;background:var(--surface)}.pending-window-bar{position:absolute;top:50%;z-index:2;display:grid;align-content:center;gap:4px;min-width:112px;height:78px;padding:9px 10px;border:1px solid oklch(57% .08 188);border-radius:7px;background:#cbede9;color:#00312e;color:oklch(28% .055 188);transform:translateY(-50%);box-shadow:0 6px 14px #2430361f}.pending-window-bar strong,.pending-window-bar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pending-window-bar strong{font-size:12px}.pending-window-bar span{color:#234a47;font-size:11px}.pending-window-bar .gantt-fuel-badge{color:#f5f9fc;font-size:10px}.queue-panel{position:sticky;top:12px;max-height:calc(100vh - 146px);overflow:hidden}.queue-list{display:grid;gap:8px;max-height:calc(100vh - 210px);overflow:auto;padding:10px}.queue-card{display:grid;gap:9px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.queue-card.is-selected{border-color:var(--accent);background:var(--accent-soft)}.queue-card.has-warning{border-color:var(--warning)}.queue-card.replenishment{border-color:#88a8c9;background:#eef6ff;background:oklch(97% .018 250)}.queue-card-main{justify-content:space-between;gap:10px}.queue-card-main div{display:grid;gap:2px}.queue-card-main span,.queue-actions span,.queue-times{color:var(--muted);font-size:12px}.queue-times{display:grid;grid-template-columns:1fr 1fr;gap:6px}.fuel-chips{display:flex;flex-wrap:wrap;gap:5px}.fuel-chips.muted{color:var(--muted);font-size:12px}.fuel-chip{gap:5px;min-height:24px;padding:0 7px;border-radius:999px;color:#f5f9fc;font-size:11px;font-weight:800}.fuel-chip.hsfo{background:var(--fuel-hsfo)}.fuel-chip.lsfo{background:var(--fuel-lsfo)}.fuel-chip.mgo{background:var(--fuel-mgo)}.queue-actions{justify-content:space-between;gap:8px}.queue-action-buttons{display:flex;flex-wrap:wrap;gap:6px}.ghost-button.danger{color:var(--danger)}.ghost-button.danger:hover{border-color:var(--danger);background:var(--danger-soft)}.status-badge{justify-content:center;min-width:44px;max-width:132px;height:24px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge.barge-name{min-width:0}.status-badge.idle{background:var(--surface-3);color:var(--muted)}.status-badge.scheduled{background:var(--ok-soft);color:var(--ok)}.status-badge.warning{background:var(--warning-soft);color:var(--warning)}.status-badge.blocked{background:var(--danger-soft);color:var(--danger)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:24px;background:#060f146b}.modal-panel{width:min(560px,100%);max-height:calc(100vh - 48px);overflow:auto;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface);box-shadow:0 22px 60px #0e1d2447}.modal-header{display:flex;align-items:start;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid var(--line)}.modal-header p{margin-top:4px;color:var(--muted);font-size:12px;font-weight:800}.modal-header .icon-button{flex:0 0 auto;font-size:22px;line-height:1}.modal-body{display:grid;gap:12px;padding:16px 18px 10px}.modal-field{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:900}.modal-field input{width:100%;height:36px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);padding:0 10px;font-size:13px}.modal-field input:focus{border-color:var(--accent);outline:2px solid var(--accent-soft)}.modal-fuel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.modal-fuel.hsfo span{color:var(--fuel-hsfo)}.modal-fuel.lsfo span{color:var(--fuel-lsfo)}.modal-fuel.mgo span{color:var(--fuel-mgo)}.modal-note{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.modal-note.warning{color:var(--warning)}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:14px 18px 16px;border-top:1px solid var(--line)}.admin-surface{display:grid;gap:12px}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px}.admin-toolbar-actions{display:flex;align-items:center;gap:8px}.rate-panel{padding-bottom:14px}.rate-grid{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:12px;padding:0 14px}.settings-grid{display:grid;grid-template-columns:minmax(260px,1.3fr) repeat(3,minmax(150px,1fr));gap:12px;padding:0 14px 14px}.alias-strip{display:flex;flex-wrap:wrap;align-items:end;gap:8px}.alias-chip{display:inline-flex;align-items:center;min-height:34px;padding:0 10px;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:12px;font-weight:800}.alias-chip.hsfo{color:var(--fuel-hsfo)}.alias-chip.lsfo{color:var(--fuel-lsfo)}.alias-chip.mgo{color:var(--fuel-mgo)}.number-field{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:800}.number-field input,.data-table input,.data-table select{width:100%;height:34px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--text);padding:0 9px}.number-field input:focus,.data-table input:focus,.data-table select:focus{border-color:var(--accent);outline:2px solid var(--accent-soft)}.admin-table-panel{min-width:0}.table-scroll{overflow:auto}.data-table{width:100%;min-width:1280px;border-collapse:collapse}.compact-data-table{min-width:760px}.manual-replenishment-table{min-width:1120px}.empty-table-note{display:inline-flex;align-items:center;min-height:34px;color:var(--muted);font-size:12px;font-weight:800}.data-table th,.data-table td{padding:8px;border-bottom:1px solid var(--line);text-align:left}.data-table th{background:var(--surface-2);color:var(--muted);font-size:12px;font-weight:800}.data-table td{vertical-align:middle}.data-table .compact-input{max-width:72px}.vessel-data-scroll{max-height:calc(100vh - 178px)}.vessel-data-table{min-width:1160px}@media (max-width: 1240px){body{min-width:980px}.schedule-layout{grid-template-columns:minmax(0,1fr)}.queue-panel{position:static;max-height:none}.queue-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}}