:root{font-family:Segoe UI Variable Text,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Aptos,Tahoma,Arial,sans-serif;color:#14241e;background:#e8f1ed;font-synthesis:none;--green-950: #082a22;--green-900: #0b3a2f;--green-800: #0e5642;--green-700: #137054;--green-600: #15986d;--green-100: #dff2e9;--green-050: #eff8f3;--page-bg: #e8f1ed;--surface: rgba(250, 253, 251, .82);--surface-solid: #f9fcfa;--text: #14241e;--muted: #66766f;--line: rgba(94, 126, 112, .22);--shadow-dark: rgba(42, 67, 57, .18);--shadow-light: rgba(255, 255, 255, .88);color-scheme:light}*{box-sizing:border-box}html{min-width:320px;min-height:100%;scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;background:var(--page-bg)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.62}h1,h2,h3,h4,p{margin-top:0}.center-page,.login-page{min-height:100vh;display:grid;place-items:center;padding:28px 18px}.login-page{background:var(--page-bg)}.login-card,.loading-card{width:min(470px,100%);border:1px solid rgba(255,255,255,.72);border-radius:30px;background:#f0f8f4e0;box-shadow:24px 24px 58px #00000047,-10px -10px 38px #ffffff14,inset 1px 1px #ffffffe0;backdrop-filter:blur(22px);padding:38px}.loading-card{display:grid;justify-items:center;gap:18px;text-align:center}.loading-card p{margin:0;color:var(--muted)}.brand-logo{display:block;width:min(290px,82%);height:auto;margin:0 auto 28px}.environment-badge{display:block;margin:0 0 22px;padding:9px 12px;border:1px solid #bd7c0d;border-radius:12px;background:#fff0c8;color:#6b3e00;font-size:.72rem;font-weight:900;letter-spacing:.1em;text-align:center}.environment-badge.compact{margin:0;width:auto;padding:7px 10px;font-size:.65rem}.compat-badge{margin:-11px 0 22px;color:#486258;font-size:.78rem;font-weight:700;text-align:center}.eyebrow{display:block;margin-bottom:8px;color:var(--green-700);font-size:.72rem;font-weight:900;letter-spacing:.17em}.login-card h1{margin-bottom:9px;font-size:clamp(2rem,7vw,2.6rem);letter-spacing:-.04em}.intro{margin-bottom:26px;color:var(--muted);font-size:1rem;line-height:1.55}.form-stack{display:grid;gap:15px}label{display:grid;gap:7px;color:#2d4038;font-size:.9rem;font-weight:750}input{width:100%;min-height:52px;border:1px solid rgba(80,109,96,.42);border-radius:15px;padding:12px 14px;outline:0;color:var(--text);background:#f8fcfab8;box-shadow:inset 3px 3px 8px #334a401f,inset -3px -3px 8px #ffffffdb}input:focus{border-color:var(--green-600);box-shadow:0 0 0 4px #15986d1f,inset 2px 2px 7px #334a401a}.primary-button,.secondary-button,.refresh-button,.link-button{min-height:48px;border:0;border-radius:15px;padding:11px 17px;font-weight:800}.primary-button{color:#fff;background:linear-gradient(145deg,#1cab78,#087550);box-shadow:7px 7px 15px #07563a47,-4px -4px 11px #ffffff80,inset 1px 1px #ffffff6b}.secondary-button,.refresh-button{color:var(--green-900);background:#f4faf7c7;border:1px solid var(--line);box-shadow:5px 5px 13px #2f4a3e21,-5px -5px 13px #ffffffbf}.link-button{min-height:42px;color:var(--green-700);background:transparent;text-decoration:underline}.form-message{min-height:22px;margin:0;color:var(--muted);font-size:.88rem;line-height:1.45;text-align:center}.form-message.error{color:#a23636}.form-message.success{color:#176b46}.spinner{width:38px;height:38px;border:4px solid #c9ddd4;border-top-color:var(--green-600);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.portal-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--page-bg)}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:82px;padding:14px max(22px,calc((100vw - 1180px)/2));border-bottom:1px solid rgba(104,132,120,.18);background:#e8f1edf0;backdrop-filter:blur(18px)}.brand-link{display:block}.brand-link .brand-logo{width:205px;margin:0}.topbar-actions{display:flex;align-items:center;gap:11px}.portal-main{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:34px 0 52px}.hero-card{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:32px;border:1px solid rgba(255,255,255,.72);border-radius:28px;background:linear-gradient(135deg,#f8fdfad6,#e1f0e9c7);box-shadow:13px 13px 32px var(--shadow-dark),-11px -11px 30px var(--shadow-light),inset 1px 1px #ffffffe0}.hero-card h1{margin-bottom:8px;font-size:clamp(2rem,5vw,3.35rem);line-height:1.04;letter-spacing:-.05em}.hero-card p{margin:0;color:var(--muted);font-size:1.05rem}.refresh-button{flex:0 0 auto}.refresh-button span{margin-right:5px;font-size:1.25rem}.refresh-meta{margin:14px 6px 25px;color:var(--muted);font-size:.83rem;text-align:right}.orders{display:grid;gap:25px}.order-card{padding:25px;border:1px solid rgba(255,255,255,.76);border-radius:26px;background:var(--surface);box-shadow:11px 11px 28px var(--shadow-dark),-9px -9px 24px var(--shadow-light);backdrop-filter:blur(16px)}.order-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;padding:0 4px}.order-number,.unit-label,.process-category{display:block;color:var(--green-700);font-size:.72rem;font-weight:900;letter-spacing:.12em}.order-header h2{margin:5px 0 0;font-size:1.5rem}.order-count{padding:7px 10px;border-radius:999px;color:#53665d;background:#e2eee8d1;font-size:.78rem;font-weight:800}.vessels{display:grid;gap:14px}.vessel-card{overflow:hidden;border:1px solid rgba(93,124,110,.2);border-radius:21px;background:#f9fcfac2;box-shadow:inset 1px 1px #ffffffe6,5px 5px 14px #374e441c}.vessel-card summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:21px 22px;cursor:pointer;list-style:none}.vessel-card summary::-webkit-details-marker{display:none}.vessel-card summary h3{margin:4px 0 3px;font-size:1.28rem}.vessel-card summary p{margin:0;color:var(--muted);font-size:.9rem}.progress-summary{min-width:82px;text-align:right}.progress-summary strong{display:block;color:var(--green-800);font-size:1.55rem}.progress-summary span{color:var(--muted);font-size:.75rem}.progress-track{display:block;width:calc(100% - 44px);height:8px;margin:0 22px;overflow:hidden;border:0;border-radius:99px;background:#dce9e3;box-shadow:inset 2px 2px 4px #374e4424;appearance:none}.progress-track::-webkit-progress-bar{border-radius:99px;background:#dce9e3}.progress-track::-webkit-progress-value{border-radius:99px;background:linear-gradient(90deg,#20bb82,#0b7955);box-shadow:0 0 10px #18a16f61}.progress-track::-moz-progress-bar{border-radius:99px;background:linear-gradient(90deg,#20bb82,#0b7955)}.flow-heading{margin:24px 22px 5px;padding-left:12px;border-left:4px solid var(--green-600)}.flow-heading h4{margin-bottom:3px;font-size:1.05rem}.flow-heading p{margin:0;color:var(--muted);font-size:.85rem}.process-list{display:grid;margin:0;padding:10px 22px 24px;list-style:none}.process-row{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px}.timeline-marker{display:grid;grid-template-rows:28px 1fr;justify-items:center;color:var(--green-600);font-size:.75rem;font-weight:900}.timeline-marker i{width:3px;min-height:54px;border-radius:3px;background:#d5e5dd}.process-copy{padding:2px 0 23px}.process-copy h4{margin:3px 0 5px;font-size:1.06rem}.process-copy p{max-width:760px;margin:0 0 11px;color:var(--muted);font-size:.9rem;line-height:1.5}.status-pill{display:inline-flex;padding:6px 10px;border-radius:999px;background:#e9eeeb;color:#536159;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.status-pill.active{color:#175f8a;background:#e3eff7}.status-pill.review{color:#805a16;background:#f7eedb}.status-pill.success{color:#176b46;background:#ddf1e6}.empty-card{padding:38px;border:1px solid var(--line);border-radius:24px;background:var(--surface);text-align:center;box-shadow:9px 9px 24px var(--shadow-dark),-8px -8px 22px var(--shadow-light)}.empty-card h2{margin-bottom:8px}.empty-card p{margin:0;color:var(--muted)}footer{margin-top:auto;padding:24px;color:var(--muted);font-size:.8rem;text-align:center}html.portal-dashboard-active,html.portal-dashboard-active body{height:100%;overflow:hidden}.portal-dashboard-active .portal-shell{height:100vh;height:100dvh;min-height:0;overflow:hidden}.portal-dashboard-active .topbar{position:relative;flex:0 0 68px;min-height:68px;padding-top:8px;padding-bottom:8px}.portal-dashboard-active .brand-link .brand-logo{width:178px;max-height:48px;object-fit:contain}.portal-dashboard-active .secondary-button,.portal-dashboard-active .refresh-button{min-height:42px;padding:8px 14px;border-radius:13px}.dashboard-main{flex:1 1 auto;min-height:0;width:min(1180px,calc(100% - 32px));margin:0 auto;padding:14px 0;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:12px;overflow:hidden}.dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:0;padding:13px 17px;border:1px solid rgba(255,255,255,.76);border-radius:20px;background:#f8fcfac2;box-shadow:7px 7px 19px #2a433921,-6px -6px 17px #ffffffb8}.dashboard-title{min-width:0}.dashboard-title .eyebrow{margin-bottom:3px}.dashboard-title h1{margin:0;overflow:hidden;font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.08;letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap}.dashboard-title p{margin:4px 0 0;overflow:hidden;color:var(--muted);font-size:.88rem;text-overflow:ellipsis;white-space:nowrap}.dashboard-controls{display:flex;align-items:end;gap:10px;flex:0 0 auto}.vessel-picker{display:grid;gap:3px;color:var(--muted);font-size:.7rem;font-weight:800}.vessel-picker select{min-width:200px;height:42px;border:1px solid var(--line);border-radius:13px;padding:0 34px 0 12px;outline:0;color:var(--text);background:#f8fcfad6;box-shadow:inset 2px 2px 6px #334a401a,inset -2px -2px 6px #ffffffc7}.vessel-picker select:focus{border-color:var(--green-600);box-shadow:0 0 0 3px #15986d1f}.dashboard-grid{display:grid;grid-template-columns:1.12fr 1.45fr 1.2fr;gap:12px;min-width:0}.progress-hero{min-width:0;min-height:142px;padding:18px 22px;display:grid;align-content:center;gap:13px;overflow:hidden;border:1px solid rgba(255,255,255,.82);border-radius:24px;background:linear-gradient(135deg,#f8fdfaf0,#d7efe4e6);box-shadow:11px 11px 27px #2a43392b,-9px -9px 24px #ffffffd4,inset 1px 1px #ffffffe6;backdrop-filter:blur(16px)}.progress-hero-heading{display:flex;align-items:end;justify-content:space-between;gap:18px}.progress-hero-heading span{color:var(--green-700);font-size:.75rem;font-weight:950;letter-spacing:.14em}.progress-hero-heading p{margin:5px 0 0;color:var(--muted);font-size:.9rem;font-weight:750}.progress-hero-heading strong{color:var(--green-800);font-size:clamp(3.2rem,7vw,5.4rem);line-height:.78;letter-spacing:-.07em}.progress-hero .progress-track{width:100%;height:18px;margin:0;border-radius:999px}.progress-hero .progress-track::-webkit-progress-bar,.progress-hero .progress-track::-webkit-progress-value,.progress-hero .progress-track::-moz-progress-bar{border-radius:999px}.progress-hero small{overflow:hidden;color:var(--muted);font-size:.72rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.progress-card,.metrics-grid,.focus-card,.stages-panel{min-width:0;border:1px solid rgba(255,255,255,.78);background:#f8fcfac7;box-shadow:7px 7px 19px #2a433921,-6px -6px 17px #ffffffb8,inset 1px 1px #ffffffc7;backdrop-filter:blur(14px)}.progress-card,.focus-card{min-height:118px;padding:15px 17px;border-radius:20px}.progress-card{display:grid;align-content:center;gap:9px}.progress-card>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.progress-card span,.focus-card>span{color:var(--green-700);font-size:.67rem;font-weight:900;letter-spacing:.1em}.progress-card strong{color:var(--green-800);font-size:1.85rem;line-height:1}.progress-card .progress-track{width:100%;height:8px;margin:0}.progress-card small{overflow:hidden;color:var(--muted);font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;overflow:hidden;border-radius:20px;background:#718b7f26}.metrics-grid article{display:grid;place-content:center;gap:2px;min-width:0;padding:9px;background:#f8fcfadb;text-align:center}.metrics-grid strong{color:var(--green-900);font-size:1.45rem;line-height:1}.metrics-grid span{overflow:hidden;color:var(--muted);font-size:.72rem;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.focus-card{display:grid;align-content:center;gap:5px;border-left:5px solid #9eaaa4}.focus-card.active{border-left-color:#4b96c3}.focus-card.review{border-left-color:#d5a845}.focus-card.success{border-left-color:#21a270}.focus-card h2{display:-webkit-box;margin:0;overflow:hidden;font-size:1rem;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}.focus-card p{margin:0;color:var(--muted);font-size:.78rem;font-weight:750}.stages-panel{min-height:0;padding:13px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;overflow:hidden;border-radius:22px}.stages-panel>header{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;padding:0 3px}.stages-panel>header .eyebrow{margin-bottom:1px}.stages-panel>header h2{margin:0;font-size:1.05rem}.page-count{flex:0 0 auto;color:var(--muted);font-size:.75rem;font-weight:800}.stage-grid{min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:10px}.stage-tile{min-width:0;min-height:0;padding:12px 13px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:7px;overflow:hidden;border:1px solid rgba(103,129,117,.18);border-radius:16px;background:#f9fcfad6;box-shadow:4px 4px 11px #2a433917,-3px -3px 9px #ffffffb3}.stage-tile-top{display:flex;align-items:center;justify-content:space-between}.stage-number{color:var(--green-700);font-size:.69rem;font-weight:900;letter-spacing:.08em}.stage-dot{width:9px;height:9px;border-radius:50%;background:#9eaaa4;box-shadow:0 0 0 4px #7888811c}.stage-tile.active .stage-dot{background:#4b96c3;box-shadow:0 0 0 4px #4b96c321}.stage-tile.review .stage-dot{background:#d5a845;box-shadow:0 0 0 4px #d5a84524}.stage-tile.success .stage-dot{background:#21a270;box-shadow:0 0 0 4px #21a27021}.stage-tile h3{display:-webkit-box;align-self:center;margin:0;overflow:hidden;overflow-wrap:anywhere;font-size:clamp(.82rem,1.15vw,1rem);line-height:1.28;-webkit-box-orient:vertical;-webkit-line-clamp:3}.stage-status{overflow:hidden;color:var(--muted);font-size:.7rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.stages-panel:has(.all-stages){grid-template-rows:auto minmax(0,1fr)}.stage-grid.all-stages{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:minmax(0,1fr)}.stage-grid.all-stages.dense{grid-template-columns:repeat(5,minmax(0,1fr))}.stage-grid.all-stages.ultra-dense{grid-template-columns:repeat(6,minmax(0,1fr))}.stage-grid.all-stages .stage-tile{padding:9px 10px;display:grid;grid-template-columns:9px minmax(0,1fr);grid-template-rows:minmax(0,1fr);align-items:stretch;gap:9px}.vertical-progress{position:relative;width:9px;min-height:100%;overflow:hidden;align-self:stretch;border-radius:999px;background:#dbe6e1;box-shadow:inset 1px 1px 3px #2a43392b}.vertical-progress span{position:absolute;right:0;bottom:0;left:0;min-height:4px;border-radius:999px;background:#9eaaa4}.vertical-progress.active span{height:45%;background:#4b96c3}.vertical-progress.review span{height:75%;background:#d5a845}.vertical-progress.success span{height:100%;background:linear-gradient(0deg,#0b7955,#29b980);box-shadow:0 0 8px #18a16f4d}.stage-copy{min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:3px;overflow:hidden}.stage-copy h3{align-self:center}.stage-pagination{display:grid;grid-template-columns:minmax(112px,auto) 1fr minmax(112px,auto);align-items:center;gap:10px}.stage-pagination button{min-height:36px;border:1px solid var(--line);border-radius:12px;padding:6px 12px;color:var(--green-900);background:#f4faf7cc;font-size:.77rem;font-weight:850;box-shadow:3px 3px 8px #2f4a3e1a,-3px -3px 8px #ffffffa6}.stage-pagination button:disabled{cursor:default;opacity:.38}.stage-pagination span{color:var(--muted);font-size:.72rem;font-weight:800;text-align:center}.empty-dashboard{grid-column:1 / -1;display:grid;place-items:center;color:var(--muted);text-align:center}.dashboard-main>.empty-card{align-self:center;justify-self:center;width:min(620px,100%)}@media(max-width:680px){.login-card,.loading-card{padding:29px 23px;border-radius:25px}.brand-logo{width:min(255px,86%)}.topbar{min-height:72px;padding:12px 16px}.brand-link .brand-logo{width:150px}.environment-badge.compact{display:none}.portal-main{width:min(100% - 22px,1180px);padding-top:20px}.hero-card{display:grid;gap:20px;padding:24px 21px;border-radius:24px}.refresh-button{width:100%}.order-card{padding:17px;border-radius:23px}.order-header{display:grid;gap:11px}.order-count{width:fit-content}.vessel-card summary{padding:19px 17px}.progress-track{width:calc(100% - 34px);margin:0 17px}.flow-heading{margin-left:17px;margin-right:17px}.process-list{padding-left:14px;padding-right:17px}.portal-dashboard-active .topbar{flex-basis:58px;min-height:58px;padding:6px 12px}.portal-dashboard-active .brand-link .brand-logo{width:126px;max-height:40px}.portal-dashboard-active .secondary-button{min-height:38px;padding:6px 12px}.dashboard-main{width:calc(100% - 14px);padding:7px 0;gap:7px}.dashboard-heading{gap:9px;padding:9px 11px;border-radius:16px}.dashboard-title .eyebrow{font-size:.6rem}.dashboard-title h1{font-size:1.12rem}.dashboard-title p{max-width:46vw;font-size:.72rem}.dashboard-controls{gap:6px}.dashboard-controls .refresh-button{width:auto;min-height:38px;padding:6px 9px;font-size:.72rem}.vessel-picker{font-size:.6rem}.vessel-picker select{min-width:116px;max-width:34vw;height:38px;padding-left:8px;font-size:.68rem}.dashboard-grid{grid-template-columns:.9fr 1.1fr;gap:7px}.progress-hero{min-height:112px;padding:12px 14px;gap:8px;border-radius:18px}.progress-hero-heading span{font-size:.6rem}.progress-hero-heading p{margin-top:2px;font-size:.68rem}.progress-hero-heading strong{font-size:clamp(2.7rem,15vw,4rem)}.progress-hero .progress-track{height:14px}.progress-hero small{font-size:.61rem}.progress-card,.focus-card{min-height:83px;padding:9px 11px;border-radius:16px}.progress-card{gap:5px}.progress-card span,.focus-card>span{font-size:.55rem}.progress-card strong{font-size:1.35rem}.progress-card small{display:none}.metrics-grid{grid-column:1 / -1;grid-row:2;min-height:58px;grid-template-columns:repeat(4,minmax(0,1fr));border-radius:16px}.metrics-grid article{padding:6px 3px}.metrics-grid strong{font-size:1.05rem}.metrics-grid span{font-size:.58rem}.focus-card h2{font-size:.78rem;line-height:1.18}.focus-card p{font-size:.65rem}.stages-panel{padding:8px;gap:6px;border-radius:17px}.stages-panel>header h2{font-size:.87rem}.stages-panel>header .eyebrow{font-size:.56rem}.page-count{font-size:.62rem}.stage-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:6px}.stage-grid.all-stages{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:minmax(0,1fr)}.stage-grid.all-stages.dense,.stage-grid.all-stages.ultra-dense{grid-template-columns:repeat(2,minmax(0,1fr))}.stage-grid.all-stages .stage-tile{padding:7px 9px;grid-template-columns:7px minmax(0,1fr);gap:8px}.vertical-progress{width:7px}.stage-tile{padding:8px 9px;gap:4px;border-radius:13px}.stage-number{font-size:.62rem}.stage-status{font-size:.64rem}.stage-dot{width:7px;height:7px}.stage-tile h3{font-size:clamp(.78rem,3.35vw,.88rem);line-height:1.18;-webkit-line-clamp:4}.stage-pagination{grid-template-columns:minmax(88px,auto) 1fr minmax(88px,auto);gap:5px}.stage-pagination button{min-height:32px;padding:4px 7px;font-size:.65rem}.stage-pagination span{font-size:.6rem}}@media(max-height:700px){.portal-dashboard-active .topbar{flex-basis:56px;min-height:56px}.dashboard-main{padding:6px 0;gap:6px}.dashboard-heading{padding-top:7px;padding-bottom:7px}.dashboard-title p{display:none}.progress-hero{min-height:92px;padding-top:9px;padding-bottom:9px;gap:6px}.progress-hero-heading strong{font-size:2.8rem}.progress-hero .progress-track{height:12px}.progress-hero small{display:none}.progress-card,.focus-card{min-height:72px;padding-top:7px;padding-bottom:7px}.metrics-grid{min-height:52px}.stages-panel,.stage-tile{padding-top:7px;padding-bottom:7px}}@media(max-width:680px)and (max-height:700px){.stage-grid.all-stages,.stage-grid.all-stages.dense,.stage-grid.all-stages.ultra-dense{grid-template-columns:repeat(3,minmax(0,1fr))}.stage-grid.all-stages .stage-tile{padding:5px 6px;gap:5px}.stage-tile h3{font-size:.72rem;line-height:1.14;-webkit-line-clamp:3}.stage-number,.stage-status{font-size:.56rem}}html[data-compat=legacy] body{background:#f3f5f4;color:#18231f}html[data-compat=legacy] .login-page{background:#f3f5f4}html[data-compat=legacy] .login-card,html[data-compat=legacy] .loading-card,html[data-compat=legacy] .hero-card,html[data-compat=legacy] .order-card,html[data-compat=legacy] .vessel-card,html[data-compat=legacy] .dashboard-heading,html[data-compat=legacy] .progress-hero,html[data-compat=legacy] .progress-card,html[data-compat=legacy] .metrics-grid,html[data-compat=legacy] .focus-card,html[data-compat=legacy] .stages-panel,html[data-compat=legacy] .stage-tile,html[data-compat=legacy] .empty-card{background:#fff;border:1px solid #dce4df;box-shadow:0 12px 40px #14271f14;backdrop-filter:none}html[data-compat=legacy] .login-card{border-radius:18px}html[data-compat=legacy] .topbar{background:#f3f5f4;backdrop-filter:none}html[data-compat=legacy] input{background:#fff;box-shadow:none;border-radius:9px}html[data-compat=legacy] .primary-button{background:#174d3d;box-shadow:none;border-radius:9px}html[data-compat=legacy] .secondary-button,html[data-compat=legacy] .refresh-button{background:#e7eeea;box-shadow:none;border-radius:9px}html[data-compat=legacy] .vessel-picker select,html[data-compat=legacy] .stage-pagination button{background:#fff;box-shadow:none;border-radius:9px}html[data-compat=legacy] .brand-logo{filter:none}html[data-compat=legacy] .hero-card,html[data-compat=legacy] .order-card,html[data-compat=legacy] .vessel-card,html[data-compat=legacy] .dashboard-heading,html[data-compat=legacy] .progress-hero,html[data-compat=legacy] .progress-card,html[data-compat=legacy] .metrics-grid,html[data-compat=legacy] .focus-card,html[data-compat=legacy] .stages-panel,html[data-compat=legacy] .stage-tile{border-radius:14px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}