@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_5972bc34-module__OU16Qa__className{font-family:Inter,Inter Fallback;font-style:normal}
:root{--bg:#f4f7f5;--surface:#fff;--surface-soft:#f8faf9;--text:#15201b;--muted:#6a756f;--line:#e2e8e4;--primary:#176b4d;--primary-dark:#0f5139;--primary-soft:#e8f4ee;--teal:#0f766e;--indigo:#4f46a5;--orange:#b45309;--orange-soft:#fff4e5;--red:#b42318;--red-soft:#fff0ee;--green:#15803d;--green-soft:#edf8f0;--blue:#1d4ed8;--blue-soft:#edf4ff;--sidebar:#10251c;--radius:16px;--shadow:0 10px 28px #12372712}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:var(--bg);margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.app-shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.sidebar{z-index:40;background:var(--sidebar);color:#dbe8e1;flex-direction:column;width:248px;padding:22px 16px;display:flex;position:fixed;inset:0 auto 0 0;overflow:auto}.brand{color:#fff;align-items:center;gap:11px;padding:0 8px 24px;display:flex}.brand-mark{width:38px;height:38px;color:var(--primary-dark);background:#e2f2e9;border-radius:12px;place-items:center;font-weight:800;display:grid}.brand strong{letter-spacing:.02em;font-size:15px;display:block}.brand span{color:#9db5aa;margin-top:2px;font-size:11px;display:block}.nav-label{color:#769186;letter-spacing:.11em;text-transform:uppercase;padding:16px 12px 7px;font-size:10px;font-weight:800}.nav-link{color:#bed0c7;border-radius:11px;align-items:center;gap:11px;min-height:43px;margin:2px 0;padding:0 12px;font-weight:600;display:flex}.nav-link:hover{color:#fff;background:#ffffff0f}.nav-link.active{color:#fff;background:#74c69e2e}.nav-icon{place-items:center;width:19px;height:19px;display:inline-grid}.nav-badge{color:#fff;text-align:center;background:#d97706;border-radius:999px;min-width:21px;margin-left:auto;padding:2px 6px;font-size:11px}.sidebar-user{border-top:1px solid #ffffff1a;align-items:center;gap:10px;margin-top:auto;padding:12px;display:flex}.avatar{width:34px;height:34px;color:var(--primary-dark);background:#d7e9df;border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.sidebar-user strong,.sidebar-user span{display:block}.sidebar-user strong{color:#fff;font-size:12px}.sidebar-user span{color:#8fa89c;margin-top:2px;font-size:10px}.logout-link{color:#9db5aa;margin-top:8px;font-size:11px;font-weight:700}.workspace{grid-column:2;min-width:0}.topbar{z-index:30;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;align-items:center;gap:18px;height:72px;padding:0 28px;display:flex;position:sticky;top:0}.mobile-menu{display:none}.search{border:1px solid var(--line);background:var(--surface-soft);border-radius:12px;align-items:center;gap:10px;width:min(470px,52vw);height:42px;padding:0 14px;display:flex}.search svg{width:18px;color:var(--muted)}.search input{width:100%;color:var(--text);background:0 0;border:0;outline:0}.topbar-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.branch-switcher,.icon-button{border:1px solid var(--line);background:#fff;border-radius:11px;height:40px}.branch-switcher{color:var(--text);padding:0 12px}.icon-button{width:40px;color:var(--muted);place-items:center;display:grid;position:relative}.icon-button svg{width:19px}.notification-count{color:#fff;background:#d97706;border:2px solid #fff;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:9px;font-weight:800;display:grid;position:absolute;top:-6px;right:-5px}.content{width:100%;max-width:1600px;margin:0 auto;padding:28px}.page-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.eyebrow{color:var(--primary);letter-spacing:.1em;text-transform:uppercase;margin:0 0 5px;font-size:11px;font-weight:800}h1{letter-spacing:-.03em;margin:0;font-size:clamp(24px,2.4vw,32px);line-height:1.15}.page-subtitle{color:var(--muted);margin:8px 0 0}.button{border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 15px;font-weight:700;display:inline-flex}.button-primary{background:var(--primary);color:#fff}.button-primary:hover{background:var(--primary-dark)}.button-secondary{border:1px solid var(--line);color:var(--text);background:#fff}.button-ghost{color:var(--primary);background:var(--primary-soft)}.button-danger{color:var(--red);background:var(--red-soft)}.button-sm{min-height:34px;padding:0 11px;font-size:12px}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:18px;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.kpi-card{padding:18px}.kpi-head{color:var(--muted);justify-content:space-between;align-items:center;font-size:12px;font-weight:600;display:flex}.kpi-icon{background:var(--primary-soft);width:34px;height:34px;color:var(--primary);border-radius:10px;place-items:center;display:grid}.kpi-icon.warn{background:var(--orange-soft);color:var(--orange)}.kpi-icon.blue{background:var(--blue-soft);color:var(--blue)}.kpi-icon.red{background:var(--red-soft);color:var(--red)}.kpi-value{letter-spacing:-.03em;margin:14px 0 6px;font-size:29px;font-weight:800;line-height:1}.kpi-note{color:var(--muted);font-size:11px}.kpi-note strong{color:var(--green)}.dashboard-grid{grid-template-columns:minmax(0,1.65fr) minmax(300px,.8fr);gap:18px;display:grid}.panel{padding:20px}.panel+.panel{margin-top:18px}.panel-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.panel-title{margin:0;font-size:15px;font-weight:800}.panel-caption{color:var(--muted);margin:5px 0 0;font-size:11px}.legend{color:var(--muted);flex-wrap:wrap;gap:12px;font-size:11px;display:flex}.legend span{align-items:center;gap:6px;display:flex}.dot{background:var(--primary);border-radius:50%;width:8px;height:8px;display:inline-block}.dot.asset{background:var(--indigo)}.branch-chart{border-left:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-around;align-items:flex-end;gap:24px;height:245px;padding:20px 8px 0 42px;display:flex;position:relative}.chart-grid{pointer-events:none;background:repeating-linear-gradient(to top, transparent 0, transparent 48px, var(--line) 49px);position:absolute;inset:0}.axis-label{color:#8d9892;font-size:9px;position:absolute;left:-41px}.axis-1{bottom:48px}.axis-2{bottom:98px}.axis-3{bottom:148px}.axis-4{bottom:198px}.branch-group{z-index:1;justify-content:center;align-items:flex-end;gap:7px;min-width:80px;height:100%;display:flex;position:relative}.bar{background:var(--primary);border-radius:6px 6px 0 0;width:28px;min-height:4px;position:relative}.bar.asset{background:var(--indigo)}.bar:hover:after{content:attr(data-value);white-space:nowrap;background:var(--text);color:#fff;border-radius:7px;padding:4px 7px;font-size:9px;position:absolute;top:-29px;left:50%;transform:translate(-50%)}.branch-name{color:var(--muted);white-space:nowrap;font-size:10px;position:absolute;bottom:-25px;left:50%;transform:translate(-50%)}.chart-foot{text-align:center;color:var(--muted);margin-top:33px;font-size:10px}.heatmap{border-spacing:7px;width:100%;font-size:11px}.heatmap th{color:var(--muted);text-align:center;font-weight:700}.heatmap th:first-child{text-align:left}.heatmap td{background:var(--primary-soft);min-width:60px;height:36px;color:var(--primary-dark);text-align:center;border-radius:8px;font-weight:800}.heatmap td:first-child{color:var(--text);text-align:left;background:0 0;padding-right:8px;font-weight:600}.heatmap .medium{color:#845500;background:#fff1cf}.heatmap .low{background:var(--red-soft);color:var(--red)}.heatmap .asset-cell{color:var(--indigo);background:#f6f5ff;border:1px dashed #cfcbe9}.transfer-list{gap:10px;display:grid}.transfer-card{border:1px solid var(--line);background:var(--surface-soft);border-radius:12px;padding:13px}.transfer-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.transfer-no{font-size:12px;font-weight:800}.status{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:800}.status.transit{color:var(--orange);background:var(--orange-soft)}.status.approved{color:var(--blue);background:var(--blue-soft)}.status.received{color:var(--green);background:var(--green-soft)}.status.pending{color:#59625e;background:#edf0ee}.status.discrepancy{color:var(--red);background:var(--red-soft)}.transfer-route{margin:9px 0 4px;font-weight:700}.transfer-summary,.transfer-time{color:var(--muted);font-size:10px;line-height:1.5}.action-list{gap:8px;display:grid}.action-row{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:11px 0;display:flex}.action-row:last-child{border-bottom:0}.action-symbol{background:var(--orange-soft);width:30px;height:30px;color:var(--orange);border-radius:9px;place-items:center;display:grid}.action-row strong,.action-row span{display:block}.action-row strong{font-size:11px}.action-row span{color:var(--muted);margin-top:3px;font-size:9px}.text-link{color:var(--primary);margin-left:auto;font-size:10px;font-weight:800}.filters{flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:14px;padding:14px;display:flex}.tabs{background:#eef2ef;border-radius:11px;gap:3px;padding:4px;display:inline-flex}.tab{min-height:33px;color:var(--muted);background:0 0;border:0;border-radius:8px;padding:0 12px;font-size:11px;font-weight:700}.tab.active{color:var(--text);background:#fff;box-shadow:0 2px 8px #142b2114}.filter-spacer{flex:1}.field{border:1px solid var(--line);height:38px;color:var(--text);background:#fff;border-radius:10px;outline:0;padding:0 11px;font-size:11px}.field.area{height:auto;padding:10px 11px}.filter-search{min-width:210px}.check{color:var(--muted);align-items:center;gap:7px;font-size:11px;font-weight:600;display:inline-flex}.check input{accent-color:var(--primary)}.table-card{overflow:hidden}.data-table{border-collapse:collapse;width:100%}.data-table th{border-bottom:1px solid var(--line);background:var(--surface-soft);color:var(--muted);text-align:left;letter-spacing:.06em;text-transform:uppercase;padding:12px 15px;font-size:9px}.data-table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:13px 15px}.data-table tbody tr:hover{background:#fbfdfc}.data-table tbody tr:last-child td{border-bottom:0}.product{align-items:center;gap:10px;display:flex}.product-image{width:40px;height:40px;color:var(--primary);background:#edf2ef;border-radius:10px;flex:none;place-items:center;font-weight:800;display:grid}.product strong,.product small{display:block}.product strong{font-size:12px}.product small{color:var(--muted);margin-top:4px;font-size:9px}.badge{letter-spacing:.05em;align-items:center;gap:5px;font-size:9px;font-weight:900;display:inline-flex}.badge.bhp{color:var(--teal);background:#effbf8;border:1px solid #78c4b8;border-radius:999px;padding:5px 8px}.badge.asset{color:var(--indigo);background:#f5f4ff;border:1px solid #aba6d9;border-radius:5px;padding:5px 7px}.stock-number{font-size:12px;font-weight:800}.stock-detail{color:var(--muted);margin-top:3px;font-size:9px;display:block}.health{align-items:center;gap:6px;font-size:10px;font-weight:700;display:inline-flex}.health:before{content:"";background:var(--green);border-radius:50%;width:7px;height:7px}.health.low{color:var(--red)}.health.low:before{background:var(--red)}.health.transit{color:var(--orange)}.health.transit:before{background:var(--orange)}.table-empty{color:var(--muted);text-align:center;padding:42px}.notification-menu{z-index:80;border:1px solid var(--line);background:#fff;border-radius:14px;width:min(370px,100vw - 24px);display:none;position:fixed;top:62px;right:28px;overflow:hidden;box-shadow:0 18px 48px #122d202e}.notification-menu.open{animation:.18s rise;display:block}.notification-head{border-bottom:1px solid var(--line);justify-content:space-between;padding:14px 16px;display:flex}.notification-head strong{font-size:13px}.notification-head button{color:var(--primary);background:0 0;border:0;font-size:10px;font-weight:800}.notification-item{border-bottom:1px solid var(--line);gap:11px;padding:13px 16px;display:flex}.notification-item.unread{background:#f5fbf8}.notification-icon{background:var(--orange-soft);width:32px;height:32px;color:var(--orange);border-radius:9px;flex:none;place-items:center;display:grid}.notification-copy strong,.notification-copy span{display:block}.notification-copy strong{font-size:11px;line-height:1.4}.notification-copy span{color:var(--muted);margin-top:4px;font-size:9px}.transfer-tabs{margin-bottom:14px}.tab-count{background:#dce5e0;border-radius:999px;margin-left:5px;padding:2px 5px;font-size:9px}.tab.active .tab-count{color:#fff;background:var(--primary)}.route-cell{align-items:center;gap:8px;font-weight:700;display:flex}.route-arrow{color:var(--muted)}.banner{background:var(--orange-soft);border:1px solid #f4d39d;border-radius:14px;align-items:center;gap:13px;margin-bottom:16px;padding:15px 17px;display:flex}.banner-icon{width:38px;height:38px;color:var(--orange);background:#fff;border-radius:11px;flex:none;place-items:center;display:grid}.banner strong,.banner span{display:block}.banner strong{font-size:12px}.banner span{color:#82570f;margin-top:3px;font-size:10px}.banner .button{margin-left:auto}.modal-backdrop{z-index:100;background:#0c1b148c;place-items:center;padding:20px;display:none;position:fixed;inset:0}.modal-backdrop.open{display:grid}.modal{background:#fff;border-radius:18px;width:min(560px,100%);animation:.2s rise;overflow:hidden;box-shadow:0 24px 80px #00000038}.modal.wide{width:min(720px,100%)}.modal-head{justify-content:space-between;align-items:flex-start;gap:15px;padding:19px 20px 14px;display:flex}.modal-head h2{margin:0;font-size:18px}.modal-head p{color:var(--muted);margin:5px 0 0;font-size:11px}.modal-close{background:var(--surface-soft);width:32px;height:32px;color:var(--muted);border:0;border-radius:9px}.modal-body{padding:0 20px 18px}.modal-flow{background:var(--surface-soft);border-radius:12px;grid-template-columns:1fr auto 1fr;align-items:center;gap:11px;padding:15px;display:grid}.flow-box{border:1px solid var(--line);text-align:center;background:#fff;border-radius:10px;padding:10px}.flow-box strong,.flow-box span{display:block}.flow-box strong{font-size:11px}.flow-box span{color:var(--muted);margin-top:4px;font-size:9px}.flow-arrow{color:var(--primary);font-weight:900}.modal-note{border-left:3px solid var(--orange);background:var(--orange-soft);color:#764e0b;margin:13px 0 0;padding:11px;font-size:10px;line-height:1.5}.modal-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:9px;padding:14px 20px;display:flex}.toast{z-index:120;color:#fff;background:var(--primary-dark);opacity:0;pointer-events:none;border-radius:12px;align-items:center;gap:9px;max-width:340px;padding:13px 15px;transition:all .25s;display:flex;position:fixed;bottom:24px;right:24px;transform:translateY(100px);box-shadow:0 15px 40px #0003}.toast.show{opacity:1;transform:translateY(0)}.toast span{font-size:11px;font-weight:700}.login-wrap{background:radial-gradient(circle at top,#1a3a2c,#10251c 55%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{width:min(420px,100%);box-shadow:var(--shadow);background:#fff;border-radius:20px;padding:28px}.login-card h1{font-size:24px}.login-form{gap:12px;margin-top:18px;display:grid}.login-form label{color:var(--muted);gap:6px;font-size:11px;font-weight:700;display:grid}.login-form .field,.login-form .button{width:100%}.form-error{color:var(--red);margin:0;font-size:12px;font-weight:700}.login-hint{color:var(--muted);margin:16px 0 0;font-size:11px;line-height:1.5}.login-hint code{font-size:10px}.drawer{max-width:420px;margin-left:auto}.line-grid{gap:10px;display:grid}.line-row{border:1px solid var(--line);background:var(--surface-soft);border-radius:12px;padding:12px}.qty-input{width:88px}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.right-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.right-column .panel+.panel{margin-top:0}}@media (max-width:820px){.app-shell{display:block}.workspace{grid-column:auto}.sidebar{transition:transform .25s;transform:translate(-100%);box-shadow:18px 0 60px #0000002e}.sidebar.open{transform:translate(0)}.mobile-menu{border:1px solid var(--line);background:#fff;border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.topbar{padding:0 16px}.content{padding:20px 16px}.data-table{min-width:760px}.table-card{overflow-x:auto}}@media (max-width:600px){.search{flex:1;width:auto}.kpi-grid{grid-template-columns:1fr 1fr}.page-head{flex-direction:column}.page-head .button{width:100%}.right-column{grid-template-columns:1fr}.banner{flex-wrap:wrap}.banner .button{width:100%;margin-left:0}}