/* System font stack - Google Fonts blocked in VN */
:root{--ink:#172321;--muted:#71807b;--cream:#f5f6ef;--panel:#fff;--line:#dfe6df;--green:#19785d;--lime:#c8ed75;--orange:#f28b4b;}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;color:var(--ink);font:14px system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;background:#eef2f5;min-height:100vh}.app-frame{display:flex;min-height:100vh}.sidebar{width:238px;flex:none;background:#1f2d33;color:#dce7e9;display:flex;flex-direction:column;min-height:100vh}.brand{height:92px;background:#3b8eb8;display:flex;align-items:center;gap:11px;padding:12px 22px;color:#fff}.brand-mark{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:4px;background:#fff;overflow:hidden;width:76px;height:68px;flex:none}.brand-mark img{display:block;width:100%;height:53px;object-fit:contain}.brand-mark span{display:block;color:#1477a6;font-size:7px;line-height:10px;font-weight:700;letter-spacing:.4px}.login-logo{display:grid;place-items:center;border-radius:4px;background:#fff;overflow:hidden;width:88px;height:72px;margin:0 auto 15px}.login-logo img{display:block;width:100%;height:100%;object-fit:contain}.brand strong{display:block;font:700 17px system-ui,-apple-system,'Segoe UI',sans-serif}.brand small{display:block;color:#d9f4fb;font-size:9px;letter-spacing:1.3px;margin-top:3px}.side-caption{font-size:10px;letter-spacing:1.2px;color:#8ea3aa;padding:25px 18px 10px}.admin-nav{padding:0 10px}.nav-item{display:flex;align-items:center;gap:11px;width:100%;border:0;border-left:3px solid transparent;background:transparent;color:#c6d3d6;padding:14px 10px;text-align:left;font:600 12px system-ui,-apple-system,'Segoe UI',sans-serif;cursor:pointer}.nav-item:hover,.nav-item.active{background:#31464e;color:#fff;border-left-color:#63c9df}.nav-icon{width:20px;text-align:center;color:#72d2e5;font-size:17px}.sidebar-foot{margin-top:auto;border-top:1px solid #33464c;padding:18px;color:#9fb1b5;font-size:12px}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#7c8f93;margin-right:7px}.shell{width:100%;max-width:none;padding:0 24px 24px}.hero{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 -24px 26px;padding:26px 24px;background:#fff;border-bottom:1px solid #d9e2e6}.hero-actions{display:flex;align-items:center;gap:12px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--green)}h1,h2{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;margin:7px 0}h1{font-size:32px}h2{font-size:23px}p{color:var(--muted);margin:0}.live{background:#243238;color:#eaf5d9;padding:11px 14px;border-radius:4px;white-space:nowrap}.live i{display:inline-block;width:8px;height:8px;background:var(--lime);border-radius:50%;margin-right:7px}.login-button,.logout-button{border:0;background:#0d83b8;color:#fff;border-radius:4px;padding:12px 15px;font:700 12px system-ui,-apple-system,'Segoe UI',sans-serif;cursor:pointer}.logout-button{background:#fff;color:#27728e;border:1px solid #c9dce3}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.stats div,.panel,.admin-area{background:#fff;border:1px solid #dce5e9;box-shadow:0 7px 20px #385b6810;border-radius:4px}.stats div{padding:18px 20px}.stats span{color:var(--muted);display:block}.stats strong{font:700 25px system-ui,-apple-system,'Segoe UI',sans-serif;display:block;margin-top:8px}.panel{padding:22px;margin-top:18px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.form-grid label{font-weight:600;color:#41514c}.form-grid input,.form-grid select,.search{width:100%;margin-top:7px;border:1px solid var(--line);background:#fbfcf8;border-radius:4px;padding:12px;color:var(--ink);font:inherit;outline:none}.form-grid input:focus,.form-grid select:focus,.search:focus{border-color:var(--green);box-shadow:0 0 0 3px #19785d18}.primary{align-self:end;border:0;border-radius:4px;padding:13px 18px;background:var(--green);color:#fff;font:700 14px system-ui,-apple-system,'Segoe UI',sans-serif;cursor:pointer}.ghost{border:1px solid var(--line);border-radius:4px;background:transparent;padding:9px 13px;color:var(--muted);cursor:pointer}.search{max-width:290px;margin:0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:900px}th{text-align:left;color:var(--muted);font-size:11px;letter-spacing:.8px;text-transform:uppercase;padding:12px;border-bottom:1px solid var(--line)}td{padding:15px 12px;border-bottom:1px solid #edf0eb}td.num{font-weight:700}.delete{border:0;background:#fff0ea;color:#bf5e39;border-radius:4px;font-size:20px;width:28px;height:28px;cursor:pointer}.empty{text-align:center;color:var(--muted);padding:35px}.notice{min-height:20px;margin-top:12px}.notice.ok{color:var(--green)}.notice.error{color:#c44137}.admin-area{padding:10px 12px 12px;margin-bottom:18px}.admin-top{display:flex;justify-content:flex-end;align-items:flex-start;padding:0 0 8px}.admin-intro{display:flex;align-items:center;gap:17px;padding:22px 4px}.admin-big-icon{width:55px;height:55px;display:grid;place-items:center;background:#e4f3f6;color:#177b96;font-size:26px;border-radius:4px}.admin-intro h3{margin:0 0 6px;font:700 20px system-ui,-apple-system,'Segoe UI',sans-serif}.admin-list{border:1px solid #e0e8eb;border-radius:4px}.admin-row{display:flex;justify-content:space-between;align-items:center;padding:15px 17px;border-bottom:1px solid #e8eef0}.admin-row:last-child{border-bottom:0}.admin-row b,.admin-row small{display:block}.admin-row small{color:var(--muted);margin-top:4px}.row-state{font-size:10px;color:#23805d;background:#e7f4e8;padding:6px 8px;border-radius:3px}.modal-backdrop{position:fixed;inset:0;background:#10202799;display:grid;place-items:center;z-index:20;padding:18px}.login-modal{position:relative;width:min(410px,100%);background:#fff;border-radius:5px;padding:32px;box-shadow:0 18px 60px #10202755}.modal-close{position:absolute;right:13px;top:9px;border:0;background:transparent;color:#6c7b80;font-size:25px;cursor:pointer}.login-modal .eyebrow,.login-modal h2,.login-modal p{text-align:center;display:block}.login-modal label{display:block;margin-top:18px;font-weight:600}.login-modal input{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid var(--line);border-radius:4px;font:inherit}.login-error{height:20px;color:#c44137;margin-top:10px}.login-submit{width:100%;margin-top:4px}footer{color:var(--muted);font-size:12px;padding:20px 4px}code{background:#e7eee4;border-radius:4px;padding:2px 5px}@media(max-width:900px){.sidebar{width:205px}.form-grid{grid-template-columns:1fr 1fr}}@media(max-width:680px){.app-frame{display:block}.sidebar{width:100%;min-height:0}.brand{height:82px}.side-caption,.sidebar-foot{display:none}.admin-nav{display:flex;overflow-x:auto}.nav-item{white-space:nowrap}.shell{padding:0 14px 20px}.hero{margin:0 -14px 18px;padding:20px 14px;display:block}.hero-actions{margin-top:16px;flex-wrap:wrap}.stats{grid-template-columns:1fr}.panel{padding:16px}.admin-area{padding:8px 8px 12px}}@media(max-width:480px){.form-grid{grid-template-columns:1fr}}
 .entry{display:none!important}.hero-copy{display:flex;align-items:center;gap:14px;min-width:0}.hero-copy-text{min-width:0}.operation-logo{display:flex;flex-direction:column;align-items:center;justify-content:center;width:76px;height:70px;flex:none;background:#fff;border-radius:4px;overflow:hidden;padding:3px}.operation-logo img{display:block;width:100%;height:51px;object-fit:contain}.operation-logo span{display:block;color:#1477a6;font-size:7px;line-height:10px;font-weight:700;letter-spacing:.4px}.nav-chevron{margin-left:auto;color:#86c8d8;font-size:16px}.setup-subnav{margin:0 10px 5px 41px;border-left:1px solid #45636c;padding:3px 0 4px 8px}.setup-subnav button{display:block;width:100%;border:0;background:transparent;color:#9fb4b9;text-align:left;padding:8px 5px;font:500 11px system-ui,-apple-system,'Segoe UI',sans-serif;cursor:pointer}.setup-subnav button:hover,.setup-subnav button.active{color:#fff;background:#2d4249}
@media(max-width:680px){html,body{max-width:100%;overflow-x:hidden}.hero{display:block!important;min-width:0;overflow:hidden}.hero-copy{display:flex!important;align-items:flex-start!important;width:100%;min-width:0;max-width:100%}.hero-copy-text{min-width:0;max-width:calc(100% - 70px)}.operation-logo{width:58px;height:62px}.hero h1{font-size:28px;line-height:1.1;overflow-wrap:anywhere}.hero p{overflow-wrap:anywhere}.hero-actions{width:100%;min-width:0}.stats{grid-template-columns:1fr!important;min-width:0}.stats div{min-width:0}.shell{min-width:0}}
@media(max-width:1100px){.app-frame{display:flex!important}.sidebar{width:180px!important;min-height:100vh!important}.brand{height:70px!important;padding:10px!important}.side-caption{display:block!important;padding:18px 10px 8px}.sidebar-foot{display:block!important}.admin-nav{display:block!important;overflow:visible}.nav-item{white-space:normal!important;padding:11px 7px!important}.setup-subnav{display:block!important;margin:0 8px 5px 28px;border-left:1px solid #45636c;border-top:0;padding:3px 0 4px 7px}.setup-subnav button{display:block!important;width:100%!important;padding:7px 4px!important}.shell{width:calc(100% - 180px)!important;padding:0 12px 20px!important;min-width:0}.hero{margin:0 -12px 18px!important;padding:16px 12px!important}.hero-actions{width:100%;flex-wrap:wrap}.stats{grid-template-columns:1fr!important}.form-grid{grid-template-columns:1fr!important}}
.truck-view{display:grid;grid-template-columns:minmax(330px,410px) minmax(0,1fr);gap:12px;background:#08b8c0;border:1px solid #79d7d9;padding:10px;margin:0 -8px -8px;min-width:0}.truck-console{background:#08b8c0;padding:0}.truck-live-screen{height:130px;background:#050707;border:3px solid #9de9e6;display:flex;align-items:center;justify-content:center;color:#35ff24;font:700 76px system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1}.truck-live-screen small{font-size:18px;margin:45px 0 0 6px;color:#65ff58}.truck-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:6px 0 12px}.truck-metrics div{background:#050707;color:#fff;text-align:center;padding:6px 3px}.truck-metrics span{display:block;font-weight:700;font-size:11px}.truck-metrics b{display:block;color:#35ff24;font-size:25px;margin-top:3px}.truck-form{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#08b8c0}.truck-form label{display:grid;grid-template-columns:92px 1fr;align-items:center;background:#d8eeee;color:#1b555b;font-size:12px;font-weight:700}.truck-form input,.truck-form select{width:100%;min-width:0;border:1px solid #63aaa9;border-radius:0;background:#fff;padding:8px 7px;color:#172321;font:inherit}.truck-wide{grid-column:1/-1}.truck-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin-top:4px}.truck-action{border:1px solid #75a6a7;border-radius:0;background:#dbe8e8;color:#1a4b52;padding:9px 4px;font:700 11px system-ui,-apple-system,'Segoe UI',sans-serif;cursor:pointer}.truck-action:hover{filter:brightness(.95)}.truck-action.weigh{color:#70451f}.truck-action.save{color:#39656a}.truck-action.print{color:#53666a}.truck-action.new{color:#27823d}.truck-history{background:#fff;min-width:0;overflow:hidden}.truck-history-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;background:#08b8c0;color:#053d42}.truck-history-head h3{margin:2px 0 0;font:700 24px system-ui,-apple-system,'Segoe UI',sans-serif}.truck-history-head .eyebrow{color:#064d53}.truck-record-count{font-weight:700;white-space:nowrap}.truck-filters{display:grid;grid-template-columns:130px 130px minmax(130px,1fr);gap:8px;align-items:end;padding:10px 12px;background:#eaf5f4;border-bottom:1px solid #c8dddd}.truck-filters label{display:grid;gap:4px;color:#366267;font-size:11px;font-weight:700}.truck-filters input{width:100%;border:1px solid #b6d0d0;padding:8px 7px;background:#fff;font:inherit}.truck-check{grid-column:1/-1;display:flex!important;align-items:center;gap:5px}.truck-check input{width:auto}.truck-table-wrap{overflow:auto}.truck-table{min-width:940px;font-size:11px}.truck-table th{background:#f5f8f7;padding:9px 8px;white-space:nowrap}.truck-table td{padding:10px 8px;white-space:nowrap}.truck-table .truck-empty{text-align:center;padding:50px;color:#7b8f8d}.setup-child{display:flex!important;align-items:center;gap:8px}.setup-child .nav-icon{font-size:13px;width:16px}
@media(max-width:900px){.truck-view{grid-template-columns:1fr;margin:0 -4px -4px}.truck-history{min-height:330px}.truck-filters{grid-template-columns:1fr 1fr}.truck-search{grid-column:1/-1}}
@media(max-width:520px){.truck-form{grid-template-columns:1fr}.truck-wide{grid-column:auto}.truck-actions{grid-template-columns:1fr 1fr}.truck-live-screen{height:105px;font-size:62px}.truck-history-head h3{font-size:19px}}
.truck-records-view{display:block;background:#fff;border:1px solid #dce5e9;padding:0;margin:0;min-width:0}.truck-records-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;background:#f3faf8;border-bottom:1px solid #d8e8e4}.truck-records-head h3{margin:5px 0;font:700 25px system-ui,-apple-system,'Segoe UI',sans-serif;color:#173f3b}.truck-records-head p{font-size:12px}.truck-records-head .truck-record-count{background:#dff2e7;color:#19785d;border-radius:4px;padding:8px 10px}.truck-records-view .truck-filters{grid-template-columns:150px 150px minmax(180px,280px) auto;align-items:end;background:#fff;padding:16px 22px;border-bottom:1px solid #e2ece9}.truck-records-view .truck-check{grid-column:auto;display:flex!important;align-items:center;gap:6px;white-space:nowrap}.truck-records-view .truck-table{min-width:1100px}.truck-records-view .truck-table th{background:#f6f9f7;text-transform:none;letter-spacing:0;color:#526662}.truck-records-view .truck-table td{padding:12px 9px}.truck-delete{width:26px!important;height:26px!important;font-size:18px!important}.truck-records-view .truck-empty{padding:70px 20px}
.truck-records-view .truck-table{border-collapse:collapse;border:1px solid #c9deda}.truck-records-view .truck-table th,.truck-records-view .truck-table td{border:1px solid #d7e6e2}.truck-records-view .truck-table tbody tr:nth-child(even){background:#fbfdfc}.truck-records-view .truck-table tbody tr:hover{background:#edf7f4}
.records-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.export-button{display:inline-flex;align-items:center;text-decoration:none;white-space:nowrap}.hanging-records-view .truck-filters{grid-template-columns:150px 150px minmax(240px,360px)}.hanging-table{min-width:1180px!important}
.setup-download-grid{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:14px}.setup-download-group{border:1px solid #dce5e9;background:#fbfdfc;border-radius:4px;padding:14px}.setup-download-group h3{margin:0 0 12px;font:700 18px system-ui,-apple-system,'Segoe UI',sans-serif;color:#173f3b}.setup-download-section .download-options{gap:8px}.setup-download-section .download-option{background:#fff}
.admin-actions{display:flex;align-items:center;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-left:auto}.admin-actions .export-button{padding:11px 14px;font-size:12px}.truck-records-head{padding:14px 18px}.truck-records-head h3{font-size:22px;margin:3px 0 0}.truck-records-head p{display:none}
@media(max-width:680px){.admin-top{align-items:flex-start}.admin-actions{gap:8px}.admin-actions .export-button,.admin-actions .logout-button{padding:10px 11px;font-size:11px}}
@media(max-width:900px){.truck-records-view .truck-filters{grid-template-columns:1fr 1fr}.truck-records-view .truck-search{grid-column:1/-1}.truck-records-view .truck-check{grid-column:1/-1}}
@media(max-width:760px){.setup-download-grid{grid-template-columns:1fr}}
 .sidebar-toggle{margin-left:auto;width:30px;height:30px;border:1px solid #b9e7f0;border-radius:4px;background:#24799d;color:#fff;font:700 18px/1 system-ui,-apple-system,'Segoe UI',sans-serif;cursor:pointer;display:grid;place-items:center;flex:none}.sidebar-toggle:hover{background:#176987}.sidebar-toggle span{display:block}.app-frame.sidebar-collapsed .sidebar{width:64px!important}.app-frame.sidebar-collapsed .shell{width:calc(100% - 64px)!important}.app-frame.sidebar-collapsed .brand{justify-content:center;gap:0;padding:10px 6px}.app-frame.sidebar-collapsed .brand-copy,.app-frame.sidebar-collapsed .side-caption,.app-frame.sidebar-collapsed .sidebar-foot span:not(.status-dot),.app-frame.sidebar-collapsed .nav-item span:not(.nav-icon),.app-frame.sidebar-collapsed .setup-subnav{display:none!important}.app-frame.sidebar-collapsed .brand-mark{width:48px;height:48px}.app-frame.sidebar-collapsed .brand-mark img{height:38px}.app-frame.sidebar-collapsed .brand-mark span{font-size:5px;line-height:7px}.app-frame.sidebar-collapsed .sidebar-toggle{position:absolute;margin-left:0;top:10px;right:-13px;width:26px;height:26px;border-radius:50%;z-index:2}.app-frame.sidebar-collapsed .admin-nav{padding:0 7px}.app-frame.sidebar-collapsed .nav-item{justify-content:center;padding:12px 0;border-left:0}.app-frame.sidebar-collapsed .nav-icon{width:auto}.app-frame.sidebar-collapsed .sidebar-foot{text-align:center;padding:12px 0}.app-frame:not(.sidebar-collapsed) .sidebar-toggle{position:relative}
@media(max-width:1100px){.app-frame.sidebar-collapsed .shell{width:calc(100% - 64px)!important}.app-frame.sidebar-collapsed .sidebar{width:64px!important}.app-frame.sidebar-collapsed .brand{height:70px!important}.app-frame.sidebar-collapsed .sidebar-foot{display:block!important}.app-frame.sidebar-collapsed .admin-nav{display:block!important;overflow:visible}.app-frame.sidebar-collapsed .nav-item{white-space:normal!important}}
@media(max-width:1100px){#sidebar[hidden]~.shell{width:100%!important}}
.brand{position:relative;overflow:visible}.app-frame.sidebar-collapsed .sidebar-toggle{display:grid!important;position:absolute;right:-13px;top:10px}
@media(max-width:1100px){#sidebar[hidden]~.shell{width:100%!important;padding:0 14px 20px!important}#sidebar[hidden]~.shell .hero{margin:0 -14px 18px!important;padding:20px 14px!important}#sidebar[hidden]~.shell .hero-copy-text{max-width:none}}
@media(max-width:1100px){html,body{max-width:100%;overflow-x:hidden}.app-frame{display:block!important}.sidebar{width:100%!important;min-height:0!important}.brand{height:70px!important}.side-caption,.sidebar-foot{display:none!important}.admin-nav{display:flex!important;overflow-x:auto}.nav-item{white-space:nowrap}.setup-subnav{flex:none;margin:0 8px 5px 0;border-left:0;border-top:1px solid #45636c;padding:4px 0;display:flex;align-items:center}.setup-subnav button{width:auto;white-space:nowrap;padding:8px 10px}.shell{padding:0 14px 20px!important;min-width:0}.hero{margin:0 -14px 18px!important;padding:20px 14px!important;display:block!important;min-width:0;overflow:hidden}.hero-copy{max-width:100%;min-width:0}.hero-actions{width:100%;min-width:0;flex-wrap:wrap;margin-top:16px}.stats{grid-template-columns:1fr!important}.form-grid{grid-template-columns:1fr 1fr}.panel,.admin-area{padding:16px}.table-wrap{overflow-x:auto}}
@media(max-width:1100px){.app-frame{display:flex!important}.sidebar{width:180px!important;min-height:100vh!important}.brand{height:70px!important;padding:10px!important}.side-caption{display:block!important;padding:18px 10px 8px}.sidebar-foot{display:block!important}.admin-nav{display:block!important;overflow:visible}.nav-item{white-space:normal!important;padding:11px 7px!important}.setup-subnav{display:block!important;margin:0 8px 5px 28px;border-left:1px solid #45636c;border-top:0;padding:3px 0 4px 7px}.setup-subnav button{display:block!important;width:100%!important;padding:7px 4px!important}.shell{width:calc(100% - 180px)!important;padding:0 12px 20px!important;min-width:0}.hero{margin:0 -12px 18px!important;padding:16px 12px!important}.hero-actions{width:100%;flex-wrap:wrap}.stats{grid-template-columns:1fr!important}.form-grid{grid-template-columns:1fr!important}}