*{box-sizing:border-box}body{color:#e8f1f8;background:#07111f;margin:0}.app-shell{min-height:100vh}.sidebar{border-right:1px solid #16304a;position:relative;background:linear-gradient(#091a2d,#071321)!important}.brand{border-bottom:1px solid #16304a;align-items:center;gap:12px;height:78px;padding:0 19px;display:flex}.brand-mark{background:linear-gradient(135deg,#19c6b3,#1970aa);border-radius:12px;place-items:center;width:43px;height:43px;font-size:23px;display:grid}.brand b{letter-spacing:3px;font-size:22px;display:block}.brand span{color:#6e8da7;letter-spacing:1.1px;font-size:9px;display:block}.sidebar .ant-menu{padding:12px 8px;background:0 0!important}.sidebar-status{color:#708ba2;font-size:12px;position:absolute;bottom:22px;left:25px}.sidebar-status i,.live-dot{background:#2fe6ad;border-radius:50%;width:8px;height:8px;margin-right:9px;display:inline-block;box-shadow:0 0 8px #2fe6ad}.topbar{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #173049;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0;background:#081625eb!important;height:66px!important;padding:0 26px!important}.collapse{color:#9db0c1;cursor:pointer;background:0 0;border:0;font-size:19px}.topbar-right{color:#6f8aa1;letter-spacing:1px;align-items:center;gap:10px;font-size:11px;display:flex}.topbar-right .ant-space{margin-left:20px}.user{letter-spacing:0;flex-direction:column;display:flex}.user b{color:#e4edf5;font-size:12px}.user small{color:#728ba0}.content{background:radial-gradient(circle at 80% 0,#0d2940 0,#0000 32%),#07111f;width:100%;padding:26px 30px 40px}.page-heading{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-heading h1{color:#f4f9fc;margin:4px 0;font-size:28px}.page-heading p{color:#7690a6;margin:0}.eyebrow{color:#19c6b3;letter-spacing:2.4px;font-size:10px;font-weight:700}.kpi-card,.section-card,.plant-card,.recommend-card{box-shadow:0 10px 25px #00000021;background:linear-gradient(145deg,#0c1d2f,#0a1726)!important;border:1px solid #18334c!important}.kpi-card{min-height:128px;border-top:3px solid!important}.kpi-card .ant-statistic-title{text-transform:uppercase;letter-spacing:.8px;color:#718ba0;font-size:11px}.kpi-card .ant-statistic-content{font-size:24px}.kpi-icon{color:#47708e;font-size:20px;position:absolute;top:16px;right:16px}.dashboard-grid{margin-top:16px}.section-card{height:100%}.section-card .ant-card-head{border-bottom-color:#18334c}.section-card .ant-card-head-title{letter-spacing:.3px;font-size:13px}.target-ring{justify-content:center;align-items:center;gap:25px;height:250px;display:flex}.target-ring h2{margin:0 0 10px}.target-ring p{color:#718aa0;max-width:120px;font-size:12px}.summary-list>div{border-bottom:1px solid #172b3e;justify-content:space-between;padding:9px 0;display:flex}.summary-list span{color:#7890a4}.summary-list strong{font-size:13px}.forecast-box{background:#0b3037;border:1px solid #175b63;border-radius:10px;grid-template-columns:1fr auto;align-items:center;margin-top:18px;padding:16px;display:grid}.forecast-box span{color:#78aaa8;letter-spacing:1px;font-size:10px}.forecast-box b{color:#34d8bf;font-size:24px}.forecast-box .ant-tag{grid-column:1/-1;width:max-content;margin-top:6px}.impact{background:#0a2637;border-radius:8px;justify-content:space-between;align-items:center;margin-top:18px;padding:14px;display:flex}.impact span{color:#7591a7}.impact strong{color:#f2f7fb;font-size:17px}.alerts{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.system-card{margin-top:16px}.negative{color:#ff6b72}.positive{color:#42d9a5}.plant-card{min-height:250px}.plant-top{justify-content:space-between;display:flex}.plant-top small{color:#19c6b3;text-transform:uppercase;letter-spacing:1px}.plant-top h2{font-size:17px}.plant-hop{align-items:baseline;gap:10px;margin:18px 0;display:flex}.plant-hop b{font-size:45px}.plant-hop span{color:#7e95aa}.plant-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.plant-stats div{background:#0a1726;border-radius:7px;padding:10px}.plant-stats span,.plant-stats b{display:block}.plant-stats span{color:#6f879c;font-size:10px}.plant-stats b{margin-top:4px;font-size:12px}.recommend-card{min-height:390px}.recommend-icon{color:#faad14;margin-bottom:14px;font-size:28px}.gap-big{color:#ffbd52;margin:20px 0;font-size:35px;font-weight:700}.gap-big small{color:#7690a6;font-size:13px}.recommend-card p{color:#88a0b4;line-height:1.65}.confidence{color:#27d4af;margin-top:16px}.form-grid{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.settings-card{max-width:820px}.settings-card p{color:#8299ac}.ant-table{background:0 0!important}.ant-table-thead>tr>th{text-transform:uppercase;font-size:11px;color:#7f97aa!important;background:#0d2236!important}.ant-table-tbody>tr>td{border-bottom-color:#193149!important}.ant-alert{border-color:#26435a!important}@media (width<=1200px){.content{padding:20px}.kpi-card .ant-statistic-content{font-size:19px}}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}.command-shell{color:#eef6ff;background:radial-gradient(circle at 52% -20%,#0b2643 0,#0000 36%),#020c19;width:100%;min-height:100vh;padding:8px 12px 0;overflow-x:hidden}.command-header{border-bottom:1px solid #244d72;grid-template-columns:138px minmax(0,1.55fr) minmax(190px,.72fr) 165px 210px minmax(160px,220px);align-items:center;gap:18px;height:78px;margin-bottom:8px;display:grid}.command-header>*{min-width:0}.command-brand{border-right:1px solid #315878;align-items:center;gap:10px;height:58px;display:flex}.command-brand img{object-fit:contain;width:48px;height:48px}.command-brand b{letter-spacing:1px;font-size:26px;display:block}.command-brand small{font-size:8px;display:block}.command-title h1{letter-spacing:.5px;margin:0;font-size:22px}.header-plant{border-right:1px solid #315878;flex-direction:column;justify-content:center;height:58px;display:flex}.header-plant strong{color:#50afe9;font-size:25px}.header-plant span{font-size:13px}.last-update{align-items:center;gap:10px;display:flex}.last-update>.anticon{font-size:21px}.last-update div,.system-safe div{flex-direction:column;display:flex}.last-update small,.system-safe small,.quick-select small{font-size:9px}.last-update b{font-size:12px}.last-update span{font-size:11px}.system-safe{background:linear-gradient(135deg,#071b2df5,#030f1cfa);border:1px solid #1b4165;border-radius:8px;justify-content:center;align-items:center;gap:12px;height:58px;padding:7px 12px;display:flex}.shield{color:#9cff92;clip-path:polygon(50% 0,92% 15%,88% 66%,50% 100%,12% 66%,8% 15%);filter:drop-shadow(0 0 7px #4ade6940);background:linear-gradient(145deg,#43a85a,#17652e);flex:0 0 42px;place-items:center;width:42px;height:46px;font-size:25px;display:grid}.shield svg{width:3em;height:3em}.system-safe b{color:#43da63;font-size:24px;line-height:1}.system-safe span{color:#8ff28e;margin-top:3px;font-size:10px;line-height:1}.system-safe small{color:#f1f6fa;margin-bottom:2px;line-height:1}.quick-select{flex-direction:column;gap:5px;width:100%;min-width:0;display:flex;overflow:hidden}.quick-select .ant-select{width:100%;min-width:0;max-width:100%}.plant-select .ant-select-selector{height:auto!important;min-height:34px!important;padding:2px 11px!important}.plant-select .ant-select-selection-wrap,.plant-select .ant-select-selection-item{min-width:0;line-height:1.15!important}.plant-select .ant-select-selection-item{text-overflow:ellipsis;display:block;overflow:hidden;white-space:nowrap!important;line-height:28px!important}.command-content{width:100%;min-width:0;overflow-x:hidden}.wallboard{font-size:11px}.board-heading{grid-template-columns:1fr 210px 250px;align-items:center;gap:12px;height:54px;margin-bottom:6px;display:grid}.board-heading>div:first-child span{color:#61aee1;letter-spacing:1.3px;font-size:9px}.board-heading h2{color:#54b7ec;margin:0 14px;font-size:20px;display:inline-block}.board-heading p{color:#9cafbf;margin:0;display:inline-block}.plant-status{border-left:1px solid #2e5575;grid-template-columns:1fr 1fr;padding-left:18px;display:grid}.plant-status span{font-size:9px}.plant-status b{font-size:18px}.plant-status small{grid-column:1/-1}.risk-aman{color:#4edd69}.risk-siaga{color:#ffa02f}.risk-kritis{color:#ff514d}.board-heading label{font-size:9px}.board-heading label .ant-select{width:100%;margin-top:4px;display:block}.kpi-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:10px;margin-left:0!important;margin-right:0!important;display:grid!important}.kpi-row>.ant-col{min-width:0;max-width:none;padding:0!important}.command-shell .kpi-card{height:104px;min-height:0;background:linear-gradient(135deg,#06152a,#0a1e34)!important;border:1px solid #1d4569!important}.command-shell .kpi-card .ant-card-body{padding:12px 14px}.kpi-inner{grid-template-columns:1fr 58px;align-items:center;gap:10px;display:grid}.kpi-copy{min-width:0}.command-shell .kpi-card .ant-statistic-title{color:#edf5fc;height:auto;margin-bottom:2px;font-size:11px;font-weight:700;line-height:1.05}.command-shell .kpi-card .ant-statistic-content{color:#57d56c;font-size:29px;line-height:1}.command-shell .kpi-card .ant-statistic-content-suffix{margin-left:5px;font-size:11px}.command-shell .kpi-icon{color:#8caecb99;opacity:1;justify-self:end;place-items:center;width:54px;height:54px;font-size:36px;display:grid;position:static}.kpi-detail{color:#cad7e3;margin-top:6px;font-size:10px;line-height:1.15}.board-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:8px;display:grid}.board-grid.first,.board-grid.second,.board-grid.third{align-items:stretch}.board-grid.second{grid-template-columns:minmax(0,1.35fr) minmax(420px,.9fr)}.command-shell .section-card{background:linear-gradient(145deg,#031326,#06182c)!important;border-color:#28557e!important;border-radius:6px!important}.command-shell .section-card .ant-card-head{min-height:34px;padding:0 13px}.command-shell .section-card .ant-card-head-title{padding:8px 0;font-size:12px}.command-shell .section-card .ant-card-body{padding:8px 12px}.board-grid.first>.section-card{height:285px}.board-grid.second>.section-card{height:218px}.board-grid.second>.ongoing-panel{grid-column:1/-1;height:126px}.board-grid.third>.section-card{height:174px}.board-grid.third>.trend-panel{height:100%;min-height:174px}.board-grid.third>.shipment-monitor{grid-column:1/3}.board-grid.third>.alert-panel{grid-column:3/4}.command-shell .trend-panel .ant-card-body{height:calc(100% - 34px);min-height:132px;padding-bottom:10px}.board-grid.first>.section-card:first-child{position:relative}.hop-forecast-wrap{grid-template-columns:minmax(0,1fr) 84px;align-items:stretch;gap:10px;height:227px;display:grid}.hop-chart-box{width:100%;min-width:0;height:213px;overflow:hidden}.hop-chart-legend{color:#d5e1eb;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px 12px;min-height:25px;font-size:8px;display:flex}.hop-legend:before{content:"";vertical-align:middle;border-top:2px solid;width:18px;margin-right:4px;display:inline-block}.hop-legend.forecast:before{border-color:#63e66f}.hop-legend.target:before{border-color:#55a7ff;border-top-style:dashed}.hop-legend.warning:before{border-color:#f5c518;border-top-style:dashed}.hop-legend.critical:before{border-color:#ff4040;border-top-style:dashed}.thresholds{text-align:center;border:1px solid #2a577e;border-radius:4px;flex-direction:column;align-self:center;width:84px;display:flex;overflow:hidden}.thresholds .threshold{border-bottom:1px solid #24496a;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-height:46px;padding:4px 2px;display:flex}.thresholds .threshold:last-child{border-bottom:0}.thresholds .threshold span{color:#f0f5f9;font-size:9px;line-height:1.2}.thresholds .threshold b{color:#55e474;font-size:17px;line-height:1.05}.thresholds .target-threshold b{color:#58b7ef}.thresholds .warning-threshold b{color:#ffc42f}.thresholds .critical-threshold b{color:#ff514d}.thresholds .forecast-threshold{min-height:58px}.thresholds small{color:#88c98d;font-size:8px}.hop-forecast-wrap .recharts-responsive-container,.hop-forecast-wrap .recharts-wrapper,.hop-forecast-wrap .recharts-surface{width:100%!important}.hop-chart-canvas{width:100%;min-width:0;height:188px;min-height:188px;overflow:hidden}.supply-chain-wrap{padding-bottom:6px;overflow:auto hidden}.command-shell .supply-panel .ant-card-body{height:calc(100% - 34px);min-height:0;overflow:hidden}.supply-panel-scroll{scrollbar-width:thin;scrollbar-color:#37688f #061528;width:100%;height:100%;min-height:0;padding-right:4px;overflow:auto}.supply-panel-scroll::-webkit-scrollbar{width:6px;height:6px}.supply-panel-scroll::-webkit-scrollbar-track{background:#061528}.supply-panel-scroll::-webkit-scrollbar-thumb{background:#37688f;border-radius:6px}.supply-chain{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:12px 14px;padding:2px 0 10px;display:grid}.supply-caption{letter-spacing:1px;color:#8ea6ba;margin:0 0 6px;font-size:9px}.chain-step-wrap{flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:0;display:flex}.chain-node{background:linear-gradient(#07192e,#071425);border:1px solid #2c5579;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:100%;max-width:126px;height:58px;display:flex}.chain-svg{color:currentColor;place-items:center;width:42px;height:22px;display:grid}.chain-svg svg{width:42px;height:22px;display:block}.chain-node b{letter-spacing:.8px;font-size:10px}.chain-arrow{color:#d8e9f8;flex:none;font-size:18px}.chain-step-wrap:nth-child(3) .chain-arrow,.chain-step-wrap:nth-child(5) .chain-arrow{display:none}.chain-tambang{color:#ffd24d;border-color:#9c7a2a}.chain-jetty{color:#d7e8f6;border-color:#4a6f9f}.chain-tongkang{color:#8ec8ff;border-color:#4e86c9}.chain-pltu{color:#f0f5fb;border-color:#8396aa}.supply-total{border-top:1px solid #27435d;grid-template-columns:1fr repeat(4,1fr);gap:0;margin-top:4px;display:grid}.ai-reason-list{min-height:32px}.supply-total div{padding:7px 6px 2px}.supply-total span{color:#90a5b8;min-height:10px;font-size:8px;display:block}.supply-total b{color:#e7f0f9;margin-top:3px;font-size:12px;display:block}.micro-table .ant-table{font-size:9px!important}.micro-table .ant-table-thead>tr>th{padding:5px!important;font-size:8px!important}.micro-table .ant-table-tbody>tr>td{padding:4px 5px!important}.green{color:#64e776}.rank-table .stars,.stars{color:#e9ef34;letter-spacing:-1px}.rank-table .ant-tag{font-size:8px;line-height:14px}.ranking-panel .ant-card-body{height:calc(100% - 34px);min-height:0;overflow:hidden}.rank-table .ant-table-container,.rank-table .ant-table-body{scrollbar-width:thin;scrollbar-color:#315d7f #061426}.rank-table .ant-table-body::-webkit-scrollbar{width:6px;height:6px}.rank-table .ant-table-body::-webkit-scrollbar-thumb{background:#315d7f;border-radius:6px}.rank-table .ant-table-body::-webkit-scrollbar-track{background:#061426}.ai-panel{background:linear-gradient(135deg,#052216,#062315)!important;border-color:#36993d!important}.ai-panel.ai-aman{background:linear-gradient(135deg,#062515,#052015)!important;border-color:#2f7e3d!important}.ai-panel.ai-siaga{background:linear-gradient(135deg,#2a230d,#151409)!important;border-color:#997b23!important}.ai-panel.ai-kritis{background:linear-gradient(135deg,#2b1010,#140d0d)!important;border-color:#8b2d2d!important}.ai-panel .ant-card-head-title{color:#5ee36e;font-size:16px!important}.ai-head{grid-template-columns:1fr 2.05fr .9fr;align-items:start;gap:8px;display:grid}.ai-gap,.ai-main,.ai-hop{border-left:1px solid #21562e;flex-direction:column;justify-content:flex-start;min-height:84px;padding:0 12px 2px;display:flex}.ai-gap{text-align:center;justify-content:flex-start;align-items:center;min-height:72px;padding-top:1px}.ai-gap b,.ai-hop b{text-align:center;display:block}.ai-head small{color:#ddffd8;text-transform:uppercase;letter-spacing:.4px;font-size:8px;line-height:1.15}.ai-head b{color:#f4c537;font-size:26px;line-height:1.05}.ai-head em{font-size:9px;font-style:normal}.ai-head strong{color:#f6cf45;font-size:14px;line-height:1.25}.ai-main,.ai-hop{justify-content:flex-start;padding-top:1px}.ai-hop-values{color:#8cf084;grid-template-columns:1fr 16px 1fr;align-items:start;gap:8px;margin-top:2px;display:grid}.ai-hop-values>div{flex-direction:column;align-items:center;display:flex}.ai-hop-values b{font-size:22px}.ai-hop-values small{color:#b8d9c0;margin-top:1px;font-size:7px}.ai-hop-values span{color:#f1f6ef;place-items:center;padding-top:6px;font-size:18px;display:grid}.ai-hop-detail{color:#a8c9b0;letter-spacing:.3px;margin-top:2px;font-size:7px;display:block}.ai-reasons{color:#bfecc2;border-top:1px solid #1e592c;grid-template-columns:1fr 140px;gap:8px;margin-top:4px;padding-top:6px;font-size:9px;display:grid}.ai-reason-list{grid-template-columns:1fr 1fr;gap:3px 10px;display:grid}.ai-reason-title{color:#f1ffd9;letter-spacing:.7px;grid-column:1/-1;margin-bottom:1px;font-size:8px}.ai-reasons span{align-items:center;gap:5px;line-height:1.15;display:flex}.ai-reason-list .anticon{color:#92ef8f;flex:none;font-size:9px}.ai-confidence{border-left:1px solid #21562e;flex-direction:column;justify-content:flex-start;align-items:center;min-height:120px;padding-left:12px;display:flex}.ai-confidence small{color:#d6ffd0;opacity:.8;font-size:7px;line-height:1.1}.ai-speedometer{width:76px;height:46px;margin-top:4px;position:relative;overflow:hidden}.ai-speedometer-scale{background:radial-gradient(circle at 50% 100%, transparent 0 28px, #7bff62 29px 30px, transparent 31px), conic-gradient(from 180deg, #17381f 0 30deg, #7bff62 30deg 150deg, #17381f 150deg 180deg);border-radius:78px 78px 0 0;position:absolute;inset:0;-webkit-mask:radial-gradient(circle at 50% 100%,#0000 0 22px,#000 23px);mask:radial-gradient(circle at 50% 100%,#0000 0 22px,#000 23px)}.ai-speedometer:before{content:"";background:#08150d;border:1px solid #2b6a31;border-bottom:0;border-radius:23px 23px 0 0;height:23px;position:absolute;bottom:0;left:11px;right:11px}.ai-speedometer:after{content:"";transform-origin:bottom;width:2px;height:19px;transform:translateX(-50%) rotate(calc(-90deg + (var(--value) * 1.8deg)));background:#8cf084;position:absolute;bottom:6px;left:50%;box-shadow:0 0 8px #8cf08499}.ai-speedometer-inner{z-index:1;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:3px;display:flex;position:relative;inset:0}.ai-speedometer-inner b{color:#8cf084;font-size:17px;line-height:1}.ai-speedometer-inner span{display:none}.ai-title{color:#5ee36e;align-items:center;gap:8px;display:flex}.ai-title .anticon{border:1px solid #5ecf5f;border-radius:4px;padding:3px;font-size:18px}.ongoing-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;display:grid}.ongoing-grid>div{background:#071a30;border:1px solid #275378;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;height:71px;display:flex;position:relative}.ongoing-icon{color:#6f8da8;opacity:.7;font-size:20px;position:absolute;top:8px;right:10px}.ongoing-grid small{font-size:8px}.ongoing-grid b{margin:3px 0;font-size:18px}.ongoing-grid span{color:#91a6ba;font-size:8px}.alert-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.alert-panel{min-height:174px;container-type:inline-size;height:auto!important}.shipment-monitor{min-width:0;margin-bottom:0}.shipment-monitor .ant-card-body{height:calc(100% - 34px);min-height:0;overflow:hidden;padding:7px 8px!important}.shipment-scroll{scrollbar-gutter:stable;overscroll-behavior:contain;width:100%;height:100%;overflow:auto}.shipment-scroll:focus-visible{outline-offset:-1px;outline:1px solid #3c78a6}.shipment-scroll .ant-table-wrapper{min-width:0}.shipment-scroll .ant-table-thead>tr>th{z-index:2;position:sticky;top:0}.shipment-summary{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;min-width:0;margin-bottom:9px;padding-right:1px;display:grid}.shipment-summary>div{background:#071a30;border:1px solid #275378;border-radius:5px;min-width:0;padding:9px 12px}.shipment-summary small,.shipment-summary b,.shipment-summary em{text-overflow:ellipsis;overflow:hidden}.shipment-summary small,.shipment-summary b{display:block}.shipment-summary small{color:#8aa3b8;font-size:8px}.shipment-summary b{color:#63e878;margin-top:3px;font-size:16px}.shipment-summary em{color:#9bb0c2;font-size:8px;font-style:normal}.shipment-summary .shipment-warning{background:#251e08;border-color:#9b7412}.shipment-summary .shipment-warning b{color:#ffc53d}@media (width<=1250px){.board-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.board-grid.second{grid-template-columns:minmax(0,1.25fr) minmax(390px,.9fr)}.board-grid.second>.ongoing-panel{grid-column:1/-1}.board-grid.third>.shipment-monitor,.board-grid.third>.alert-panel{grid-column:auto}}@media (width<=900px){.kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}.board-grid,.board-grid.second{grid-template-columns:1fr}.board-grid.first>.section-card,.board-grid.second>.section-card,.board-grid.third>.section-card{height:auto;min-height:174px}.board-grid.third>.shipment-monitor,.board-grid.third>.alert-panel{grid-column:auto}.hop-forecast-wrap{grid-template-columns:1fr;height:auto}.thresholds{flex-flow:wrap;width:100%}.thresholds .threshold{flex:120px;min-height:42px}.ai-head,.ai-reasons{grid-template-columns:1fr}.ai-confidence{border-top:1px solid #21562e;border-left:0;min-height:0;padding-top:10px;padding-left:0}.ongoing-grid,.alert-cards,.shipment-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.board-grid.second>.ongoing-panel{grid-column:auto;height:auto}.supply-chain{grid-template-columns:repeat(2,minmax(0,1fr))}.chain-step-wrap{flex:none}.shipment-summary,.shipment-scroll .ant-table-wrapper{min-width:0}}@media (width<=700px){.kpi-row,.supply-chain{grid-template-columns:1fr}.chain-arrow{display:none}}@container (width<=540px){.alert-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.alert-tile{min-height:116px}}.alert-tile{background:linear-gradient(#091b30,#081626);border:1px solid #2a4d68;border-radius:8px;grid-template-rows:auto 1fr;grid-template-columns:34px 1fr;gap:10px;min-height:116px;padding:10px;display:grid}.alert-icon{border-radius:50%;align-self:start;place-items:center;width:34px;height:34px;font-size:18px;display:grid}.alert-copy{flex-direction:column;gap:2px;display:flex}.alert-copy b{letter-spacing:.3px;font-size:11px}.alert-copy span{color:#e9f0f7;font-size:11px;line-height:1.25}.alert-copy small{color:#a1b0bf;font-size:9px}.alert-tile em{color:#9fb0c0;grid-column:1/-1;align-self:end;font-size:9px;font-style:normal}.alert-tile.danger{background:linear-gradient(#2a1415,#120d12);border-color:#7a2d27}.alert-tile.danger .alert-icon{color:#201014;background:#ff5b4d}.alert-tile.warning{background:linear-gradient(#241f10,#11120f);border-color:#8a6d27}.alert-tile.warning .alert-icon{color:#241b08;background:#ffd24d}.alert-tile.weather{background:linear-gradient(#252017,#121410);border-color:#8c6a22}.alert-tile.weather .alert-icon{color:#281e0c;background:#ffcf47}.alert-tile.success{background:linear-gradient(#102017,#0d1410);border-color:#2d7a3d}.alert-tile.success .alert-icon{color:#0d1f10;background:#59d269}.bottom-nav{z-index:30;background:#041326;grid-template-columns:1fr 180px;gap:18px;height:50px;margin-top:8px;display:grid;position:sticky;bottom:0}.bottom-links{border:1px solid #21476c;border-radius:5px;grid-template-columns:repeat(8,1fr);display:grid;overflow:hidden}.bottom-links button{color:#9eb2c5;cursor:pointer;background:0 0;border:0;border-right:1px solid #15334f;justify-content:center;align-items:center;gap:9px;font-size:10px;display:flex}.bottom-links button .anticon{font-size:18px}.bottom-links button.active,.bottom-links button:hover{color:#fff;background:#17467b}.account{color:#b6c7d7;border:1px solid #21476c;border-radius:5px;justify-content:center;align-items:center;gap:10px;font-size:10px;display:flex}.command-content>.page-heading,.command-content>.ant-alert,.command-content>.settings-card,.command-content>.section-card,.command-content>div:not(.wallboard){max-width:1500px;margin-left:auto;margin-right:auto}.command-content>.page-heading{margin-top:24px}.command-content>.page-heading~.ant-row,.command-content>.page-heading~.section-card{max-width:1500px;margin-left:auto;margin-right:auto}@media (width<=1300px){.command-header{grid-template-columns:110px minmax(0,1.3fr) minmax(175px,.7fr) 140px minmax(150px,180px);gap:10px;height:auto;min-height:78px}.quick-select{grid-column:5}.command-title h1{font-size:18px}.command-shell{min-width:0}.bottom-links button{font-size:9px}.bottom-links button .anticon{font-size:15px}}@media (width<=1050px){.command-header{grid-template-columns:90px minmax(0,1fr) minmax(180px,.7fr);padding-bottom:8px}.command-title{grid-column:2/4}.system-safe,.last-update,.quick-select{grid-column:auto}}@media (width<=700px){.command-header{grid-template-columns:72px minmax(0,1fr);gap:8px}.command-brand{grid-row:1}.command-title{grid-area:1/2}.system-safe,.last-update,.quick-select{grid-column:1/-1}.quick-select{overflow:visible}}@media (width>=1600px){.command-shell{min-width:0}.wallboard,.bottom-nav{width:100%}}.command-shell{width:100%;overflow-x:hidden}.command-header{grid-template-columns:170px minmax(0,1fr) minmax(190px,210px) minmax(135px,175px) minmax(160px,220px);gap:14px;height:92px;margin-bottom:10px}.command-header>*,.command-title,.quick-select,.quick-select .ant-select{min-width:0}.command-brand{gap:0;height:76px;padding-right:18px}.command-brand img{object-fit:contain;background:#fff;border-radius:6px;width:145px;height:66px;padding:3px 7px}.command-title small{color:#5cb8ef;letter-spacing:1.5px;font-size:9px}.command-title h1{letter-spacing:.3px;color:#f3f8fc;margin:2px 0;font-size:27px}.command-title p{color:#a9bed0;margin:3px 0 0;font-size:12px}.system-safe{height:66px}.quick-select small{color:#7f9bb1;letter-spacing:1px}.wallboard{width:100%}.bottom-nav{width:100%;position:sticky;bottom:0}@media (width<=1599px){.command-header{grid-template-columns:150px minmax(0,1fr) minmax(180px,210px) minmax(130px,160px) minmax(150px,200px);gap:10px}}@media (width<=1050px){.command-header{grid-template-columns:110px minmax(0,1fr) minmax(170px,.65fr);height:auto;min-height:92px;padding-bottom:8px}.command-brand{grid-row:1}.command-title{grid-area:1/2/auto/4}.system-safe,.last-update,.quick-select{grid-column:auto}}@media (width<=700px){.command-header{grid-template-columns:72px minmax(0,1fr)}.command-title{grid-column:2}.system-safe,.last-update,.quick-select{grid-column:1/-1}.command-brand img{width:64px;height:52px}}