:root{--bg:#f3f5f4;--paper:#fff;--ink:#192e2a;--muted:#798780;--line:#e1e7e3;--green:#256d54;--lime:#c9ed9b;--nav:#152d27;--red:#a14132;--amber:#9c6b1d;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;font-size:14px;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;border:0}button:disabled{opacity:.5;cursor:wait}a{color:var(--green)}.loading{padding:80px;text-align:center}.shell{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.sidebar{background:var(--nav);color:#cad5d0;position:fixed;width:232px;inset:0 auto 0 0;padding:30px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:800;letter-spacing:3px;color:white;padding:0 15px}.brand svg{width:34px;height:34px}.brand-sub{font-size:10px;letter-spacing:1.8px;color:#7e9f92;margin:9px 15px 40px}.nav-caption{text-transform:uppercase;letter-spacing:1.3px;font-size:10px;color:#829a90;margin:20px 15px 10px}.nav-item{display:flex;gap:13px;align-items:center;text-align:left;width:100%;padding:13px 15px;border-radius:7px;background:transparent;color:inherit;margin:3px 0;font-size:13px}.nav-item svg{width:18px;height:18px;opacity:.8}.nav-item:hover{background:#234136}.nav-item.active{background:#c9ed9b;color:#223e2d;font-weight:650}.sidebar-bottom{margin-top:auto;padding:24px 14px 0;font-size:11px;line-height:1.8;color:#86a394}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#a7d97c;margin-right:7px}.main{grid-column:2;min-width:0}.topbar{height:78px;border-bottom:1px solid var(--line);background:white;display:flex;align-items:center;justify-content:space-between;padding:0 38px;gap:20px}.breadcrumb{color:var(--muted);font-size:12px}.breadcrumb b{color:var(--ink);font-weight:500;margin-left:14px}.user-block{display:flex;align-items:center;gap:12px}.avatar{width:35px;height:35px;border-radius:50%;background:#edf2ee;color:var(--green);display:grid;place-items:center;font-weight:700;font-size:12px}.user-name{font-size:12px;font-weight:650}.user-role{font-size:10px;color:var(--muted);margin-top:3px}.link-button{background:none;color:var(--muted);font-size:11px;padding:8px}.content{max-width:1500px;margin:auto;padding:32px 38px 50px}.title-row{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px}h1{font-size:29px;letter-spacing:-.8px;font-weight:650;margin:0 0 9px}h2{font-size:17px;margin:0;font-weight:650}h3{font-size:14px;margin:0 0 14px}.subtitle{font-size:12px;color:var(--muted);line-height:1.7}.eyebrow{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:var(--green);font-weight:700;margin-bottom:14px}.primary{background:var(--green);color:white;border-radius:6px;padding:12px 18px;display:inline-flex;gap:8px;align-items:center;justify-content:center;font-weight:550}.primary:hover{background:#1d5641}.secondary{border:1px solid var(--line);border-radius:6px;background:white;color:var(--ink);padding:10px 15px}.small{padding:8px 12px;font-size:12px}.notice{display:flex;align-items:flex-start;gap:12px;padding:13px 17px;border:1px solid #e5dfce;background:#f8f5ec;border-radius:7px;color:#806939;font-size:12px;line-height:1.6;margin-bottom:23px}.notice.info{background:#eef4f0;border-color:#d9e5db;color:#466553}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin:24px 0}.stat{background:white;border:1px solid var(--line);padding:22px 23px;border-radius:9px}.stat-label{font-size:11px;color:var(--muted);display:flex;justify-content:space-between;align-items:center}.stat-value{font-size:31px;font-weight:600;letter-spacing:-.8px;margin:17px 0 12px}.stat-value small{font-size:14px;font-weight:400;color:var(--muted);letter-spacing:0}.stat-foot{font-size:10px;color:var(--muted)}.stat-foot.good{color:var(--green)}.grid-main{display:grid;grid-template-columns:1.8fr 1fr;gap:20px;margin-bottom:24px}.panel{background:white;border:1px solid var(--line);border-radius:9px;overflow:hidden;margin-bottom:22px}.panel-head{padding:22px 23px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-head .subtitle{margin-top:5px}.panel-body{padding:23px}.warehouse-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.warehouse-card{border:1px solid var(--line);border-radius:7px;padding:17px;text-align:left;background:white;color:var(--ink)}.warehouse-card:hover{border-color:#86ad92;background:#fcfefb}.warehouse-card-top{display:flex;justify-content:space-between;align-items:center}.warehouse-card h3{font-size:12px;margin:0 0 8px}.warehouse-card .amount{font-size:22px;margin:16px 0 10px}.track{height:5px;background:#edf1ee;border-radius:5px;overflow:hidden}.fill{height:100%;background:#719b7d}.warehouse-footer{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:10px}.day-item{border-bottom:1px solid var(--line);padding:17px 0;display:grid;grid-template-columns:50px 1fr;gap:10px}.day-item:first-child{padding-top:0}.day-item:last-child{border:0;padding-bottom:0}.day-time{font-size:11px;color:var(--muted);padding-top:2px}.day-title{font-size:12px;font-weight:600;margin-bottom:8px}.badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;background:#f0f3f1;border:1px solid #e1e8e3;border-radius:5px;font-size:10px;color:#62776b;white-space:nowrap;font-weight:500}.badge.active{background:#e9f3ee;border-color:#d3e7dc;color:#327554}.badge.alert{background:#fcf0e9;border-color:#eed7ca;color:#a66631}.badge.success{background:#e9f1df;border-color:#d8e8cb;color:#577b30}.badge.neutral{background:#f5f5f5;color:#7c8680}.toolbar{display:flex;gap:10px;align-items:center;padding:16px 23px;border-bottom:1px solid var(--line)}input,select,textarea{border:1px solid #dbe3dd;background:white;border-radius:6px;padding:11px 12px;color:var(--ink);width:100%}input:focus,select:focus,textarea:focus{border-color:#57966f;outline:2px solid #e5efe6}input::placeholder{color:#a1aaa4}.toolbar input{max-width:310px;padding:9px 11px;font-size:12px}.toolbar select{width:auto;padding:9px 11px;font-size:12px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:550;background:#fafcfb;padding:13px 21px;border-bottom:1px solid var(--line)}td{padding:18px 21px;border-bottom:1px solid #edf0ee;font-size:12px}tr:last-child td{border-bottom:0}tr.clickable{cursor:pointer}tr.clickable:hover{background:#f9fcf9}.cell-main{font-weight:600;margin-bottom:6px}.cell-sub{color:var(--muted);font-size:10px}.cell-id{font-size:11px;color:var(--green);font-weight:650}.empty{padding:48px 28px;text-align:center;color:var(--muted);font-size:13px;line-height:1.8}.empty strong{display:block;font-size:16px;color:var(--ink);margin-bottom:8px}.bottom-note{font-size:10px;color:var(--muted);margin-top:20px;display:flex;justify-content:space-between;gap:20px}.tabs{display:flex;gap:7px;margin:0 0 23px;flex-wrap:wrap}.tab{padding:11px 16px;background:white;border:1px solid var(--line);border-radius:6px;color:var(--muted);font-size:12px}.tab.active{border-color:var(--green);color:var(--green);background:#eef5ef}.map-area{padding:28px;background-color:#fafcfb;background-image:radial-gradient(#dce4dd 1px,transparent 1px);background-size:17px 17px}.map-box{position:relative;aspect-ratio:1.62;max-width:100%;min-height:310px;border:2px solid #afbeb4;background:rgba(255,255,255,.65);margin:18px 15px 46px;padding:20px}.zone{position:absolute;border:1px solid #b9cdbf;border-radius:5px;background:#edf5ef;padding:17px;display:flex;flex-direction:column;justify-content:space-between;text-align:left}.zone.occupied{background:#daeada;border-color:#8faf92}.zone .zone-id{font-size:10px;color:#78947e;letter-spacing:1px}.zone .zone-name{font-size:13px;font-weight:600;margin-top:6px}.zone .zone-weight{font-size:19px;margin-top:8px}.zone small{font-size:10px;color:#798c7f}.lane{position:absolute;top:44%;height:16%;left:2%;right:2%;display:flex;align-items:center;justify-content:center;gap:20px;font-size:10px;letter-spacing:2px;color:#9daaa0;border-top:1px dashed #d3ddd5;border-bottom:1px dashed #d3ddd5}.map-gates{position:absolute;bottom:-32px;left:6%;right:6%;display:flex;justify-content:space-around;gap:20px}.gate{text-align:center;position:relative;font-size:10px;color:#67846d;padding-top:20px}.gate:before{content:'';position:absolute;height:11px;background:#b6ccb9;border:2px solid #8ca58f;top:0;left:-6px;right:-6px}.gate.outbound:before{background:#eacda5;border-color:#bc9b6e}.gate.outbound{color:#a1804f}.legend{display:flex;gap:22px;font-size:11px;color:var(--muted);flex-wrap:wrap}.legend i{display:inline-block;width:9px;height:9px;background:#dcebdc;margin-right:7px;border-radius:2px}.map-layout{display:grid;grid-template-columns:1fr 260px;gap:22px}.map-info{border-left:1px solid var(--line);padding-left:24px}.mini-row{padding:13px 0;border-bottom:1px solid var(--line);font-size:12px;display:flex;justify-content:space-between;gap:10px}.mini-row span{color:var(--muted)}.login-page{display:grid;grid-template-columns:1.1fr 1fr;min-height:100vh}.login-story{background:var(--nav);color:#eef5ed;padding:55px 60px;display:flex;flex-direction:column;justify-content:space-between}.login-story .brand{padding:0}.login-story h1{font-size:48px;font-weight:500;line-height:1.18;letter-spacing:-1.5px;max-width:450px}.login-story p{color:#9eb9a9;line-height:1.9;max-width:380px}.login-badges{display:flex;gap:20px;border-top:1px solid #345044;padding-top:25px}.login-badges div{font-size:11px;color:#9eb9a9}.login-badges b{display:block;font-size:27px;color:#d4e7cb;margin-bottom:7px}.login-form-area{display:flex;align-items:center;justify-content:center;padding:50px}.login-form{width:100%;max-width:380px}.login-form h2{font-size:27px;margin-bottom:10px}.login-form .subtitle{margin-bottom:25px}label{display:block;font-size:11px;color:#65766b;margin:17px 0 7px;font-weight:550}.login-form .primary{width:100%;margin-top:23px}.login-hint{border:1px solid var(--line);border-radius:6px;padding:15px;margin-top:25px;color:var(--muted);font-size:11px;line-height:1.8}.overlay-backdrop{position:fixed;inset:0;background:#0f231e60;z-index:20;display:flex;justify-content:flex-end}.drawer{background:var(--bg);width:min(700px,100%);height:100%;overflow:auto;box-shadow:-15px 0 60px #10271f25}.drawer-head{padding:27px 29px;background:white;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:2}.drawer-head h2{font-size:20px}.close{font-size:25px;color:var(--muted);background:none;padding:0 6px}.drawer-body{padding:24px 29px}.drawer .panel-body{padding:20px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.fields .full{grid-column:1/-1}.field-value{font-size:13px;line-height:1.7;margin-top:7px}.section-label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:24px 0 12px}.line-input{display:grid;grid-template-columns:1.4fr 1fr 30px;gap:10px;margin:10px 0}.line-input button{background:none;color:var(--muted)}.submit-row{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.flow{display:flex;gap:5px;margin:20px 0}.flow span{height:4px;background:#dde6de;flex:1;border-radius:4px}.flow span.done{background:#5a8b61}.weights{display:flex;justify-content:space-between;text-align:center;gap:10px}.weights div{flex:1;background:#f7f9f6;padding:17px;border-radius:6px;font-size:11px;color:var(--muted)}.weights strong{display:block;font-size:23px;color:var(--ink);margin-top:8px;font-weight:500}.weights div:last-child{background:#eef5e7}.assignment{background:#edf4ea;border:1px solid #dbe7d6;border-radius:7px;padding:18px;font-size:12px;line-height:1.9}.assignment b{font-size:13px;color:#396943}.timeline-item{border-left:1px solid #dbe4dc;margin-left:5px;padding:0 0 21px 21px;position:relative}.timeline-item:before{content:'';position:absolute;left:-4px;top:3px;width:7px;height:7px;background:#72a07b;border-radius:50%}.timeline-item .time{color:var(--muted);font-size:10px;margin-top:6px}.error{background:#fff0eb;border:1px solid #ebd1c7;color:#a1513b;padding:12px;border-radius:6px;font-size:12px;line-height:1.6;margin:15px 0}.toast{position:fixed;bottom:25px;right:25px;padding:16px 22px;background:var(--nav);color:#eef6eb;border-radius:8px;box-shadow:0 5px 25px #0002;z-index:50;max-width:450px;font-size:12px;line-height:1.6}.check-list{line-height:2.4;font-size:12px;color:var(--muted)}.check-list b{color:var(--green)}@media(min-width:1500px){.content{padding-top:38px}.zone{padding:22px}}@media(max-width:1050px){.shell{grid-template-columns:185px 1fr}.sidebar{width:185px;padding:25px 10px}.content{padding:25px}.topbar{padding:0 25px}.grid-main{grid-template-columns:1fr}.stats{gap:10px}.stat{padding:17px}.map-layout{grid-template-columns:1fr}.map-info{border:0;padding:0}.zone{padding:10px}.zone .zone-name{font-size:11px}.login-story{padding:40px}.login-story h1{font-size:39px}}@media(max-width:700px){.shell{display:block}.sidebar{position:static;width:100%;padding:14px;display:block}.brand{font-size:21px;padding:0}.brand-sub,.nav-caption,.sidebar-bottom{display:none}nav{display:flex;overflow:auto;gap:7px;margin-top:15px}.nav-item{width:auto;white-space:nowrap;padding:9px 11px;font-size:11px}.nav-item svg{display:none}.topbar{height:65px;padding:0 17px}.breadcrumb{display:none}.user-block{width:100%}.link-button{margin-left:auto}.content{padding:22px 16px}.stats{grid-template-columns:1fr 1fr}.title-row{align-items:flex-start}h1{font-size:25px}.warehouse-cards{gap:10px}.panel-body,.panel-head{padding:17px}.map-area{padding:8px}.map-box{min-height:310px;margin:15px 6px 40px}.zone .zone-name{font-size:10px}.zone .zone-weight{font-size:15px}.zone small{font-size:8px}.lane{font-size:8px}.login-page{display:block}.login-story{padding:28px;min-height:250px}.login-story h1{font-size:29px;margin:25px 0 0}.login-story p,.login-badges{display:none}.login-form-area{padding:30px 25px}.fields{grid-template-columns:1fr}.drawer-body{padding:20px}.weights strong{font-size:19px}.title-row .primary{font-size:11px;padding:11px}.toolbar{padding:13px;flex-wrap:wrap}.bottom-note{display:block;line-height:1.8}}
.map-layout>div{min-width:0}.map-box{width:calc(100% - 30px);min-width:0}.zone{overflow:hidden}.zone-name{overflow-wrap:anywhere}@media(max-width:700px){.map-box{width:calc(100% - 12px)}}

/* Outbound workflow */
.out-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.out-metrics>div{background:#faf9f5;border:1px solid #dbd9d1;border-radius:8px;padding:18px}.out-metrics span{display:block;font-size:12px;color:#727570}.out-metrics b{display:block;font-size:26px;margin-top:7px}.out-metrics small{font-size:14px}.out-metrics.compact{grid-template-columns:repeat(3,1fr);margin-top:18px}.out-metrics.compact b{font-size:19px}.out-flow{padding:17px;margin-bottom:18px;background:#f1efe8;border-radius:8px;font-size:13px;color:#56605d}.out-card-head,.out-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:18px}.out-card-head>span:last-child{margin-left:auto;color:#777;font-size:12px}.out-timeline-strip{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:18px}.out-timeline-strip span{border:1px solid #ddd;padding:5px 8px;font-size:10px;border-radius:4px;color:#777}.out-timeline-strip .current{background:#c9232c;color:#fff;border-color:#c9232c}.out-history article{border-left:2px solid #c5cbc4;margin-left:5px;padding:8px 16px 18px;font-size:13px}.out-history small{display:block;color:#777;margin-top:5px}.out-history p{margin:8px 0;font-size:12px}.out-document{background:#fff;padding:20px}.out-document h1{font-size:21px}.out-document table{font-size:12px}#out-action-form label{display:block;margin-top:18px}#out-action-form label input{display:block;margin-top:6px;width:100%}@media(max-width:850px){.out-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.out-metrics.compact b{font-size:14px}}