@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#172923;background:#f3f5f1;font-synthesis:none;text-rendering:optimizeLegibility;--ink:#172923;--muted:#79857f;--line:#e3e9e3;--green:#174c3b;--acid:#c6ed6b;--paper:#fff;--red:#d94a40;--yellow:#dcaa28;--good:#309469;--shadow:0 18px 55px #142a201a}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 82% 0%,#e4eee2 0,transparent 34%),#f3f5f1}.topbar{height:68px;background:#102b24;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100vw - 1280px)/2),28px);border-bottom:1px solid #ffffff18}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none}.brand-mark{height:24px;width:25px;display:flex;align-items:flex-end;gap:3px}.brand-mark span{width:6px;background:var(--acid);border-radius:1px 1px 0 0}.brand-mark span:nth-child(1){height:12px}.brand-mark span:nth-child(2){height:19px}.brand-mark span:nth-child(3){height:24px}.brand-name{font-size:14px;font-weight:700;letter-spacing:1.2px}.brand-name span{color:#a4b3aa;font-size:11px;margin-left:5px}.topbar-right{display:flex;align-items:center;gap:20px}.facility{font-size:10px;letter-spacing:1.25px;color:#c6d2ca;font-weight:700}.live-dot{display:inline-block;width:7px;height:7px;background:var(--acid);border-radius:50%;margin-right:8px;box-shadow:0 0 0 4px #c6ed6b22}.icon-button{width:36px;height:36px;border:1px solid #ffffff33;color:white;background:transparent;border-radius:4px;font-size:21px;cursor:pointer}.shell{max-width:1280px;margin:auto;padding:48px 28px 28px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:27px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;color:#718179;margin:0 0 8px}.page-heading h1,.dialog h2{font-family:'Barlow Condensed',sans-serif;font-weight:600;letter-spacing:0;margin:0;font-size:44px;line-height:1.03}.heading-period{color:#6c9c50}.heading-actions{display:flex;gap:10px}.button{font:600 12px 'DM Sans',sans-serif;border:0;border-radius:4px;height:42px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;transition:transform .16s,background .16s}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--green);color:white}.button-primary:hover,.button-dark:hover{background:#246349}.button-quiet{background:#fff;color:#263c31;border:1px solid var(--line)}.button-quiet:hover{background:#f8faf7}.button-dark{height:38px;background:#17392e;color:#fff}.button-icon{font-size:17px}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-radius:5px;margin-bottom:18px;box-shadow:0 2px 9px #253b2b05}.summary-item{padding:18px 22px 17px;border-right:1px solid var(--line);display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:12px}.summary-item:last-child{border-right:0}.summary-label{font-size:11px;color:#68776f;font-weight:600}.summary-item strong{grid-row:2;font-family:'Barlow Condensed',sans-serif;font-size:32px;line-height:1.05;font-weight:600;color:#152a22}.summary-item .summary-note{grid-row:3;font-size:10px;color:#929c96;margin-top:3px}.summary-item .metric-time{font-size:24px}.summary-capacity strong small{font:500 11px 'DM Sans',sans-serif;color:#87928b}.scan-strip{display:flex;align-items:center;justify-content:space-between;background:#dce9dc;border:1px solid #cbdccc;border-radius:5px;padding:13px 15px;margin-bottom:38px;gap:16px}.scan-copy{display:flex;align-items:center;gap:12px}.scan-symbol{display:grid;place-items:center;width:34px;height:34px;background:#fff;border-radius:4px;color:#275941;font-size:20px}.scan-copy div{display:flex;flex-direction:column;gap:3px}.scan-copy strong{font-size:12px}.scan-copy div span{font-size:10px;color:#687970}.scan-form{display:flex;gap:7px}.scan-form input{height:38px;width:210px;border:1px solid #bdcdbf;background:#fafff9;border-radius:4px;padding:0 11px;font:12px 'DM Sans',sans-serif;outline:none}.scan-form input:focus,.field input:focus,.filters input:focus{border-color:#60846e;box-shadow:0 0 0 3px #1b56351a}.agenda-section{background:#fff;border:1px solid var(--line);border-radius:5px;overflow:hidden}.section-topline{display:flex;justify-content:space-between;align-items:flex-end;padding:23px 22px 18px}.section-topline h2{font-family:'Barlow Condensed',sans-serif;font-size:27px;line-height:1.05;font-weight:600;margin:0;letter-spacing:0}.filters{display:flex;gap:8px}.filters input{height:36px;border:1px solid var(--line);border-radius:4px;background:white;padding:0 10px;font:11px 'DM Sans',sans-serif;color:var(--ink);outline:none}.date-filter input{width:140px}.search-filter{position:relative}.search-filter>span:first-child{position:absolute;left:10px;top:6px;font-size:19px;color:#849087}.search-filter input{width:205px;padding-left:32px}.status-tabs{display:flex;gap:21px;border-bottom:1px solid var(--line);padding:0 22px}.status-tab{position:relative;display:flex;align-items:center;gap:7px;padding:0 0 13px;background:none;border:0;color:#78847c;font:600 11px 'DM Sans',sans-serif;cursor:pointer}.status-tab span{font-size:10px;background:#f1f4f1;padding:2px 6px;border-radius:8px;color:#748077}.status-tab.active{color:#193c2e}.status-tab.active:after{position:absolute;content:'';height:2px;background:#38704e;left:0;right:0;bottom:-1px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%}.red{background:var(--red)}.yellow{background:var(--yellow)}.green{background:var(--good)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}thead th{text-align:left;height:39px;padding:0 13px;background:#fafbf9;color:#87928b;font-size:9px;letter-spacing:.8px;font-weight:700}thead th:first-child,tbody td:first-child{padding-left:22px}tbody td{height:66px;border-top:1px solid #edf0ed;padding:8px 13px;font-size:11px;color:#26372f}.loading-cell{text-align:center!important;color:var(--muted);height:100px}.token-primary{font-weight:700;color:#183a2d;font-size:11px}.token-secondary{font-size:9px;color:#89948d;margin-top:4px}.party-cell{font-weight:600;max-width:200px;overflow:hidden;text-overflow:ellipsis}.party-order{display:block;color:#8b958f;font-size:9px;font-weight:400;margin-top:4px}.flow-badge{display:inline-flex;align-items:center;gap:5px;color:#53645a;font-size:10px}.flow-arrow{font-size:14px;color:#5f8c6a}.carrier-name{font-weight:500}.plate{display:block;font-size:9px;color:#8a958e;margin-top:4px;letter-spacing:.4px}.state{display:inline-flex;align-items:center;gap:6px;border-radius:3px;padding:5px 8px;font-size:9px;font-weight:700}.state .status-dot{width:6px;height:6px}.state-booked{background:#fff0ed;color:#a9433b}.state-active{background:#fff7df;color:#956d0a}.state-done{background:#e9f5ee;color:#317353}.late{display:block;color:#c4493c;font-weight:700;font-size:9px;margin-top:4px}.pdf-button{border:1px solid #e5eae5;background:white;color:#476154;border-radius:3px;width:30px;height:29px;cursor:pointer;font-size:12px}.pdf-button:hover{background:#eff6ed}.empty-state{padding:55px 20px;display:flex;flex-direction:column;align-items:center;gap:7px;color:#839087}.empty-state[hidden]{display:none}.empty-state strong{font-size:13px;color:#405449}.empty-state span:last-child{font-size:11px}.empty-mark{font-size:30px;color:#adbbb0}.page-footer{display:flex;justify-content:space-between;padding:18px 1px;color:#8a958e;font-size:9px;letter-spacing:.3px}.page-footer span:first-child{font-weight:700;letter-spacing:1px}.dialog{width:min(500px,calc(100% - 30px));border:0;border-radius:6px;padding:25px;box-shadow:var(--shadow);color:var(--ink);max-height:calc(100vh - 30px);overflow:auto}.dialog-wide{width:min(680px,calc(100% - 30px))}.dialog::backdrop{background:#11251dcc;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.dialog h2{font-size:34px}.close-button{border:0;background:#f1f4f1;width:30px;height:30px;font-size:22px;line-height:1;color:#607067;border-radius:3px;cursor:pointer}.direction-switch{display:grid;grid-template-columns:1fr 1fr;background:#f1f4f1;padding:4px;border-radius:4px;margin-bottom:18px}.direction-switch input{position:absolute;opacity:0}.direction-switch label span{display:flex;align-items:center;gap:8px;padding:10px;border-radius:3px;cursor:pointer;font-size:11px;font-weight:700}.direction-switch label span b{font-size:18px;color:#56815e}.direction-switch label small{margin-left:auto;font-weight:400;color:#89938d;font-size:9px}.direction-switch input:checked+span{background:#fff;box-shadow:0 1px 4px #102b2417}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:flex;flex-direction:column;gap:6px}.field-full{grid-column:1/-1}.field>span{font-size:10px;color:#5e6c63;font-weight:600}.field i{color:#c4493c;font-style:normal}.field input{height:38px;border:1px solid #dfe5df;border-radius:3px;padding:0 10px;font:11px 'DM Sans',sans-serif;outline:none;width:100%;color:var(--ink)}.field input::placeholder{color:#a8b0aa}.form-hint{background:#f5f7f4;padding:10px 12px;border-left:2px solid #82a45f;color:#718078;font-size:10px;line-height:1.55;margin:16px 0}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#17392e;color:#fff;padding:12px 17px;border-radius:4px;font-size:11px;opacity:0;pointer-events:none;transition:.2s;box-shadow:var(--shadow);z-index:5}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.error{background:#8e342e}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.topbar{padding:0 18px}.shell{padding:30px 16px 20px}.page-heading{align-items:flex-start;gap:18px;flex-direction:column}.page-heading h1{font-size:38px}.heading-actions{width:100%}.heading-actions .button{flex:1}.summary-grid{grid-template-columns:1fr 1fr}.summary-item{padding:15px;border-bottom:1px solid var(--line)}.summary-item:nth-child(2){border-right:0}.summary-item:nth-child(3),.summary-item:nth-child(4){border-bottom:0}.scan-strip{align-items:flex-start;flex-direction:column}.scan-form{width:100%}.scan-form input{flex:1;width:auto;min-width:0}.scan-form .button{white-space:nowrap;padding:0 10px;font-size:10px}.section-topline{align-items:flex-start;flex-direction:column;gap:14px;padding:19px 15px 14px}.filters{width:100%}.date-filter input{width:132px}.search-filter{flex:1}.search-filter input{width:100%}.status-tabs{overflow-x:auto;gap:17px;padding:0 15px}.status-tab{white-space:nowrap}thead th:first-child,tbody td:first-child{padding-left:15px}.page-footer{gap:16px}.page-footer span:last-child{text-align:right}.dialog{padding:20px}.direction-switch label span{flex-wrap:wrap}.direction-switch label small{width:100%;margin:0 0 0 26px}.settings-grid{grid-template-columns:1fr}.facility{font-size:9px}.topbar-right{gap:12px}}
@media(max-width:420px){.summary-item{padding:12px}.summary-item strong{font-size:28px}.scan-form{flex-wrap:wrap}.scan-form input,.scan-form .button{width:100%}.heading-actions .button{padding:0 10px;font-size:11px}.form-grid{grid-template-columns:1fr}.field-full{grid-column:auto}.direction-switch label span{padding:8px 5px}.page-footer{font-size:8px}}