@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{--ink:#172426;--muted:#6b7778;--line:#dfe5e4;--paper:#fff;--canvas:#f4f7f6;--teal:#087f75;--teal-dark:#065f58;--teal-soft:#e5f5f2;--cyan:#147da0;--amber:#c57b11;--green:#2b7a4b;--red:#be3b3b;--shadow:0 8px 24px rgba(24,50,48,.07)}*{box-sizing:border-box}html{font-size:15px}body{margin:0;background:var(--canvas);color:var(--ink);font-family:DM Sans,sans-serif;letter-spacing:0}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}svg{width:18px;height:18px;stroke-width:1.9}.app-shell{min-height:100vh}.sidebar{position:fixed;z-index:30;inset:0 auto 0 0;width:244px;background:#102b2b;color:#dceae8;display:flex;flex-direction:column;padding:20px 14px}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 22px}.brand-logo-icon{width:42px;height:42px;flex:0 0 auto;border-radius:7px;background:#fff;object-fit:contain;padding:2px}.brand-mark{width:38px;height:38px;border-radius:7px;background:#13a89a;display:grid;place-items:center;color:#fff}.brand-mark svg{width:23px;height:23px}.brand strong{font:800 20px Manrope}.brand strong span,.login-brand strong span{color:#36d2c1}.brand small,.login-brand small{display:block;color:#86aaa6;font-size:10px;text-transform:uppercase;letter-spacing:1.3px}.sidebar-close{display:none;margin-left:auto}.primary-nav{display:flex;flex-direction:column;gap:3px;overflow:auto}.nav-section{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:#789d99;padding:18px 11px 7px}.primary-nav a{height:40px;display:flex;align-items:center;gap:11px;padding:0 11px;border-radius:6px;color:#bcd1cf;font-weight:500;font-size:14px}.primary-nav a:hover{background:#173a39;color:#fff}.primary-nav a.active{background:#1b4542;color:#fff;box-shadow:inset 3px 0 #37c8b8}.primary-nav a.active svg{color:#3bd4c3}.sidebar-account{margin-top:auto;border-top:1px solid #254544;padding:16px 7px 0;display:grid;grid-template-columns:34px 1fr 32px;align-items:center;gap:9px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#d5ebe7;color:#0a5e58;font-weight:700}.sidebar-account strong{display:block;font-size:13px;color:#fff}.sidebar-account small{display:block;color:#86aaa6;text-transform:capitalize;font-size:11px}.icon-button{width:34px;height:34px;padding:0;border:0;background:transparent;display:inline-grid;place-items:center;border-radius:6px;cursor:pointer;color:inherit}.icon-button:hover{background:#7f969324}.main-area{margin-left:244px;min-height:100vh}.topbar{height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:20}.topbar-title{display:flex;align-items:center;gap:10px}.topbar h1{font:700 20px Manrope;margin:0}.topbar p{margin:3px 0 0;color:var(--muted);font-size:12px}.top-actions{display:flex;align-items:center;gap:12px}.plant-status{display:flex;align-items:center;gap:7px;color:var(--green);font-size:12px;font-weight:600}.plant-status svg{width:16px}.button{min-height:38px;border-radius:6px;border:1px solid var(--line);padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:13px;cursor:pointer;background:#fff}.button:hover{border-color:#9fb1af}.button.primary{background:var(--teal);border-color:var(--teal);color:#fff}.button.primary:hover{background:var(--teal-dark)}.button.danger{color:var(--red);border-color:#efcaca}.button.full{width:100%;height:44px}.menu-button{display:none}.content-wrap{max-width:1540px;margin:0 auto;padding:26px 30px 44px}.alert{border:1px solid;display:flex;align-items:center;gap:10px;border-radius:6px;padding:10px 12px;margin-bottom:18px;font-size:13px}.alert .icon-button{margin-left:auto}.alert div span{display:block}.alert.success{background:#effaf4;border-color:#b8e4cb;color:#23623c}.alert.danger{background:#fff4f4;border-color:#efc6c6;color:#973333}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric{background:#fff;border:1px solid var(--line);border-radius:7px;padding:17px;display:flex;align-items:center;gap:14px}.metric-icon{width:42px;height:42px;border-radius:7px;display:grid;place-items:center;flex:0 0 auto}.metric-icon.teal{background:var(--teal-soft);color:var(--teal)}.metric-icon.amber{background:#fff1dc;color:var(--amber)}.metric-icon.blue{background:#e4f2f8;color:var(--cyan)}.metric-icon.green{background:#e8f4ea;color:var(--green)}.metric span{display:block;color:var(--muted);font-size:12px}.metric strong{font:700 21px Manrope;display:block;margin:2px 0}.metric small{color:#8a9495;font-size:11px}.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.dashboard-grid.lower{margin-top:18px}.span-2{grid-column:span 2}.panel{background:#fff;border:1px solid var(--line);border-radius:7px;min-width:0}.panel-head{min-height:66px;padding:15px 18px;border-bottom:1px solid #e8eceb;display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-head h2{font:700 15px Manrope;margin:0}.panel-head p{margin:3px 0 0;font-size:11px;color:var(--muted)}.summary-chip{background:#edf6f4;color:#176b64;border-radius:5px;padding:6px 9px;font-size:11px;font-weight:600}.text-link{font-size:12px;font-weight:600;color:var(--teal);white-space:nowrap}.bar-chart{height:230px;padding:28px 24px 16px;display:flex;align-items:flex-end;gap:14px}.bar-column{height:100%;flex:1;display:grid;grid-template-rows:18px 1fr 18px;text-align:center;min-width:0}.bar-value{font-size:9px;color:var(--muted)}.bar-track{height:100%;display:flex;align-items:flex-end;background:linear-gradient(to top,transparent 24%,#edf0ef 25%,transparent 26%,transparent 49%,#edf0ef 50%,transparent 51%,transparent 74%,#edf0ef 75%,transparent 76%)}.bar-fill{width:min(38px,70%);margin:0 auto;background:#1c9a8e;border-radius:3px 3px 0 0;min-height:4px;transition:height .5s}.bar-column small{padding-top:6px;color:var(--muted);font-size:10px}.stack-list,.route-list{padding:5px 17px}.stack-item,.route-item{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #edf0ef}.stack-item:last-child,.route-item:last-child{border:0}.stack-item>div:nth-child(2),.route-item>div:nth-child(2){min-width:0;flex:1}.stack-item strong,.route-item strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stack-item small,.route-item small{display:block;color:var(--muted);font-size:10px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-dot{width:9px;height:9px;border-radius:50%;background:#e3a232}.product-dot.danger{background:var(--red)}.stock-count{font-size:11px;font-weight:700;color:#9b6715}.stock-count.danger{color:var(--red)}.route-time{font:700 12px Manrope;color:var(--teal);width:38px}.empty-compact{min-height:130px;display:grid;place-content:center;justify-items:center;color:#7a8988;text-align:center}.empty-compact svg{width:25px;height:25px;color:#54a49b}.empty-compact p{font-size:12px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse}th{height:38px;text-align:left;padding:0 16px;color:#74807f;background:#fafbfb;font-size:10px;text-transform:uppercase;letter-spacing:.5px;font-weight:700;border-bottom:1px solid var(--line)}td{height:50px;padding:8px 16px;border-bottom:1px solid #edf0ef;font-size:12px;white-space:nowrap}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcfc}.number{text-align:right}.strong{font-weight:700}.strong-link{font-weight:700;color:#146d66}.badge{display:inline-flex;align-items:center;min-height:23px;padding:2px 7px;border-radius:4px;background:#eef1f1;color:#586463;font-size:10px;font-weight:700;text-transform:capitalize}.badge.delivered,.badge.paid,.badge.passed,.badge.active{background:#e4f4e9;color:#277144}.badge.confirmed,.badge.en_route,.badge.partial{background:#e4f2f8;color:#176d89}.badge.scheduled,.badge.loaded,.badge.conditional{background:#fff0d9;color:#986217}.badge.cancelled,.badge.failed,.badge.unpaid,.badge.inactive{background:#fbe5e5;color:#a53636}.empty-row{text-align:center;color:var(--muted);height:110px}.page-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.page-tools form{display:flex;gap:8px;flex:1}.search-box{position:relative;width:min(360px,100%)}.search-box svg{position:absolute;left:11px;top:10px;width:16px;color:#81908f}.search-box input{padding-left:35px;margin:0}.filters{display:flex;gap:8px}.filters select{margin:0;min-width:130px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid .full-span{grid-column:1/-1}label{display:block;font-size:12px;font-weight:600}input,select,textarea{display:block;width:100%;border:1px solid #ccd5d4;background:#fff;border-radius:5px;padding:9px 10px;margin-top:6px;font-size:13px;outline:none}input,select{height:39px}textarea{min-height:82px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#2c968c;box-shadow:0 0 0 3px #198f841a}.check-row{display:flex;align-items:center;gap:8px;font-weight:500}.check-row input{width:16px;height:16px;margin:0}.modal{position:fixed;inset:0;z-index:50;background:#091b1a80;display:none;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-card{width:min(620px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:7px;box-shadow:0 25px 80px #00000038}.modal-head,.modal-foot{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0;font:700 16px Manrope}.modal-body{padding:18px}.modal-foot{border-top:1px solid var(--line);border-bottom:0;justify-content:flex-end;gap:8px}.pagination{padding:14px 16px;border-top:1px solid var(--line)}nav[role=navigation]{font-size:12px}.section-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:18px}.detail-list{padding:10px 18px}.detail-row{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid #edf0ef;font-size:12px}.detail-row:last-child{border:0}.detail-row span{color:var(--muted)}.detail-row strong{text-align:right}.money-total{font:800 22px Manrope;color:var(--teal)}.stat-strip{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.stat-strip>div{padding:15px 18px;border-right:1px solid var(--line)}.stat-strip>div:last-child{border:0}.stat-strip span{display:block;color:var(--muted);font-size:11px}.stat-strip strong{display:block;font:700 17px Manrope;margin-top:3px}.tabs{display:flex;gap:18px;border-bottom:1px solid var(--line);margin-bottom:18px}.tabs a{padding:0 2px 10px;font-size:12px;font-weight:600;color:var(--muted)}.tabs a.active{color:var(--teal);border-bottom:2px solid var(--teal)}.item-builder{border:1px solid var(--line);border-radius:6px;overflow:hidden}.item-builder-head,.order-item-row{display:grid;grid-template-columns:minmax(180px,2fr) 90px 110px 110px 42px;gap:10px;align-items:end;padding:10px}.item-builder-head{background:#f7f9f8;color:var(--muted);font-size:10px;text-transform:uppercase;font-weight:700}.order-item-row{border-top:1px solid var(--line)}.order-item-row input,.order-item-row select{margin:0}.order-item-row .icon-button{margin-bottom:2px;color:var(--red)}.form-section{margin-bottom:22px}.form-section h3{font:700 14px Manrope;margin:0 0 4px}.form-section>p{font-size:11px;color:var(--muted);margin:0 0 13px}.login-page{background:#eef4f2;min-height:100vh}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(400px,46%) 1fr}.login-visual{background:#103331;color:#fff;padding:42px clamp(35px,6vw,90px);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-visual:after{content:"";position:absolute;width:480px;height:480px;border:80px solid rgba(67,207,192,.08);border-radius:50%;right:-220px;bottom:-170px}.login-brand{display:flex;align-items:center;gap:13px;position:relative;z-index:1}.login-brand-logo{width:72px;height:86px;border-radius:7px;background:#fff;object-fit:contain;padding:3px}.login-brand strong{font:800 22px Manrope}.login-message{position:relative;z-index:1}.eyebrow{text-transform:uppercase;letter-spacing:1.4px;font-size:10px;font-weight:700;color:#58d7c8}.login-message h1{font:800 clamp(36px,4.5vw,62px) Manrope;line-height:1.08;margin:14px 0 22px;letter-spacing:0}.login-message>p:last-child{color:#b7cfcc;line-height:1.65;max-width:460px}.login-stat{position:relative;z-index:1;display:flex;align-items:center;gap:15px}.login-stat strong{font:800 25px Manrope;color:#54d4c5}.login-stat span{font-size:12px;color:#acc5c2}.login-form-wrap{display:grid;place-items:center;padding:30px}.login-form{width:min(390px,100%)}.login-form h2{font:800 26px Manrope;margin:6px 0}.login-form>div:first-child>p:last-child{color:var(--muted);margin:0 0 30px}.login-form>label{margin-top:17px}.password-field{position:relative}.password-field input{padding-right:42px}.password-field .icon-button{position:absolute;right:3px;top:8px}.login-form .check-row{margin:17px 0}.login-help{display:block;text-align:center;color:#85908f;margin-top:14px}.sidebar-scrim{display:none}.actions{display:flex;align-items:center;gap:8px}.muted{color:var(--muted)}.text-danger{color:var(--red)}.mb{margin-bottom:18px}.padded{padding:18px}.invoice-title{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.invoice-title h2{font:800 24px Manrope;margin:0}.invoice-title p{margin:5px 0;color:var(--muted);font-size:12px}.invoice-brand{text-align:right}.invoice-brand strong{display:block;font:800 18px Manrope;color:var(--teal)}@media(max-width:1100px){.metrics-grid,.dashboard-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid>.panel:not(.span-2){grid-column:span 2}.section-grid{grid-template-columns:1fr}}@media(max-width:760px){.login-brand-logo{width:54px;height:64px}.sidebar{transform:translate(-100%);transition:transform .2s}.sidebar.open{transform:none}.sidebar-close,.menu-button{display:inline-grid}.sidebar-scrim{position:fixed;inset:0;z-index:25;background:#08191873}.sidebar.open~.sidebar-scrim{display:block}.main-area{margin-left:0}.topbar{height:70px;padding:0 15px}.topbar h1{font-size:17px}.topbar p,.plant-status,.top-actions .button span{display:none}.top-actions .button{width:38px;padding:0}.content-wrap{padding:18px 14px 34px}.metrics-grid{grid-template-columns:1fr 1fr;gap:9px}.metric{padding:13px;gap:10px}.metric-icon{width:35px;height:35px}.metric strong{font-size:17px}.metric small{display:none}.dashboard-grid{grid-template-columns:1fr}.span-2,.dashboard-grid>.panel:not(.span-2){grid-column:span 1}.bar-chart{height:210px;padding-left:12px;padding-right:12px;gap:6px}.page-tools{align-items:stretch;flex-direction:column}.page-tools form{width:100%}.filters{overflow:auto}.form-grid{grid-template-columns:1fr}.form-grid .full-span{grid-column:auto}.item-builder{overflow:auto}.item-builder-head,.order-item-row{min-width:650px}.login-shell{grid-template-columns:1fr}.login-visual{min-height:230px;padding:25px}.login-message h1{font-size:32px;margin:25px 0 8px}.login-message>p:last-child,.login-stat{display:none}.login-form-wrap{padding:35px 22px}.stat-strip{grid-template-columns:1fr}.stat-strip>div{border-right:0;border-bottom:1px solid var(--line)}}@media(max-width:470px){.metrics-grid{grid-template-columns:1fr}.panel-head{align-items:flex-start}.summary-chip{display:none}th,td{padding-left:12px;padding-right:12px}.modal{padding:8px}.modal-card{max-height:96vh}.login-visual{min-height:205px}}@media print{.sidebar,.topbar,.alert,.no-print{display:none!important}.main-area{margin:0}.content-wrap{padding:0}.panel{border:0}.section-grid{display:block}}