:root{font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;color:#1A1A1A;background:#F5F7FA;font-synthesis:none;font-size:14px;--navy:#1B2A4A;--muted:#536173;--line:#D8DFE8;--light-blue:#D6E4F7}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #1E6CB8;outline-offset:3px}button{border:0}a{color:inherit;text-decoration:none}.shell{display:flex;min-height:100vh}.sidebar{width:232px;flex-shrink:0;background:#FFFFFF;border-right:1px solid var(--line);padding:32px 20px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:3}.brand{display:flex;gap:11px;align-items:center;margin:0 10px 42px}.brandmark{background:var(--navy);color:var(--light-blue);width:38px;height:40px;display:grid;place-items:center;font-weight:800;font-size:26px;border-radius:9px}.brand strong{font-family:Arial,sans-serif;font-size:22px;letter-spacing:1px}.brand small{display:block;color:#536173;font-size:14px;letter-spacing:2px;text-transform:uppercase;margin-top:2px}.navlabel{font-size:14px;color:#536173;text-transform:uppercase;letter-spacing:1.8px;font-weight:600;margin:0 14px 12px}nav{display:grid;gap:6px}.navitem{width:100%;background:transparent;text-align:left;display:flex;align-items:center;gap:12px;color:#536173;padding:13px 14px;border-radius:7px;font-weight:500}.navitem.active{background:#D6E4F7;color:#1B2A4A;font-weight:700}.navitem .count{margin-left:auto;background:#D8DFE8;min-width:22px;text-align:center;border-radius:5px;padding:2px 5px;font-size:14px}.icon{width:19px;height:19px;vertical-align:middle;flex-shrink:0}.sidebar-bottom{margin-top:auto}.helpbox{padding:18px;background:#F5F7FA;border:1px solid #D8DFE8;border-radius:9px;margin-top:35px}.helpbox strong{display:block;font-size:14px}.helpbox p{font-size:14px;color:#536173;line-height:1.6;margin-bottom:0}.profile{display:flex;gap:10px;align-items:center;padding:24px 5px 0}.avatar{width:34px;height:34px;display:grid;place-items:center;background:#D8DFE8;border-radius:50%;font-size:14px;font-weight:700}.profile strong{font-size:14px}.profile small{display:block;font-size:14px;color:#536173;margin-top:4px}.main{margin-left:232px;width:calc(100% - 232px)}.topbar{height:77px;border-bottom:1px solid var(--line);background:#FFFFFF;display:flex;align-items:center;justify-content:space-between;padding:0 40px}.breadcrumb{font-size:14px;color:#536173}.breadcrumb strong{color:#1B2A4A;font-weight:500}.toptools{display:flex;align-items:center;gap:18px}.facility{display:flex;gap:7px;align-items:center;font-size:14px}.live{font-size:14px;color:#536173;background:#F5F7FA;border:1px solid #D8DFE8;border-radius:30px;padding:6px 11px;display:inline-flex;gap:7px;align-items:center}.dot{width:6px;height:6px;border-radius:50%;background:#1E6CB8}.iconbtn{background:none;color:#536173;padding:5px}.workspace{padding:34px 40px 50px;max-width:1700px;margin:auto}.pagehead{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.eyebrow{color:#536173;font-size:14px;letter-spacing:1.8px;font-weight:600;text-transform:uppercase;margin-bottom:8px}h1,h2,h3,p{margin-top:0}h1{font-family:Arial,sans-serif;font-size:29px;letter-spacing:-1.1px;font-weight:750;margin-bottom:7px}.sub{color:#536173;font-size:14px;line-height:1.6;margin-bottom:0}.headbuttons{display:flex;gap:10px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--navy);color:white;border:1px solid var(--navy);padding:11px 17px;border-radius:6px;font-size:14px;font-weight:600;min-height:40px}.btn.secondary{background:white;color:#536173;border:1px solid #D8DFE8}.btn.light{background:#D6E4F7;border-color:#D8DFE8;color:#1B2A4A}.btn.danger{background:#9E3328;border-color:#9E3328}.btn.small{padding:7px 11px;font-size:14px;min-height:33px}.samplebar{background:#F5F7FA;border:1px solid #D8DFE8;color:#536173;font-size:14px;padding:9px 13px;border-radius:6px;display:flex;align-items:center;gap:8px;margin-bottom:23px}.samplebar button{margin-left:auto;background:none;color:#536173;font-size:14px;text-decoration:underline}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:26px}.stat{background:#FFFFFF;border:1px solid var(--line);border-radius:9px;padding:19px 20px}.stat-top{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#536173}.stat-icon{width:31px;height:31px;background:#F5F7FA;border-radius:7px;display:grid;place-items:center;color:#536173}.stat-value{font-family:Arial,sans-serif;font-size:34px;font-weight:650;letter-spacing:-1.5px;line-height:1.4}.stat-bottom{font-size:14px;color:#536173;display:flex;gap:6px;align-items:center}.stat-bottom b{color:#536173;font-weight:500}.grid-main{display:grid;grid-template-columns:minmax(0,1fr) 302px;gap:23px}.panel{background:#FFFFFF;border:1px solid var(--line);border-radius:9px;overflow:hidden;margin-bottom:24px}.panelheader{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #F5F7FA;gap:10px}.panelheader h2{font-family:Arial,sans-serif;font-size:15px;font-weight:700;margin:0;letter-spacing:-.3px}.panelheader p{font-size:14px;color:#536173;margin:5px 0 0}.textlink{font-size:14px;color:#1E6CB8;background:none;display:flex;gap:5px;align-items:center;white-space:nowrap}.tabs{display:flex;gap:22px;padding:0 22px;border-bottom:1px solid var(--line)}.tab{padding:13px 0;background:none;font-size:14px;color:#536173;border-bottom:2px solid transparent}.tab.active{border-bottom-color:#1E6CB8;color:#1B2A4A;font-weight:600}.tab span{font-size:14px;background:#F5F7FA;padding:2px 5px;border-radius:4px;margin-left:4px}.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left}th{text-transform:uppercase;letter-spacing:.8px;font-size:14px;color:#536173;background:#F5F7FA;font-weight:500;padding:12px 18px}td{padding:16px 18px;border-top:1px solid #F5F7FA;font-size:14px;color:#536173}td strong{font-size:14px;display:block;color:#1B2A4A;font-weight:600}td small{display:block;margin-top:4px;font-size:14px;color:#536173}.badge{display:inline-flex;gap:5px;align-items:center;border-radius:4px;font-size:14px;padding:5px 8px;font-weight:500;background:#F5F7FA;color:#536173}.badge.active{background:#D6E4F7;color:#536173}.badge.waiting{background:#FFF3D9;color:#785600}.badge.blue{background:#F5F7FA;color:#536173}.badge.closed{background:#F5F7FA;color:#536173}.door{display:inline-block;background:#F5F7FA;border:1px solid #D8DFE8;border-radius:4px;padding:5px 8px;font-size:14px}.rowbutton{background:none;color:#1E6CB8;padding:6px}.panel-footer{padding:14px 22px;display:flex;justify-content:space-between;color:#536173;font-size:14px;border-top:1px solid #F5F7FA}.trailergrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:20px}.trailercard{border:1px solid var(--line);border-radius:7px;padding:15px;background:#FFFFFF;position:relative}.trailercard h3{font-size:14px;margin:13px 0 3px}.trailercard .trailerclient{font-size:14px;color:#536173}.trailer-top{display:flex;justify-content:space-between;align-items:center;color:#536173}.trailer-total{display:flex;align-items:baseline;gap:6px;margin-top:16px}.trailer-total strong{font-family:Arial,sans-serif;font-size:25px;letter-spacing:-1px}.trailer-total span{font-size:14px;color:#536173}.trailer-meta{font-size:14px;color:#536173;margin-top:5px;margin-bottom:14px}.trailercard .btn{width:100%;font-size:14px;padding:8px;min-height:34px}.notice{padding:15px;background:#F5F7FA;border-radius:7px;border:1px solid #D8DFE8;margin:18px;font-size:14px;color:#536173;line-height:1.6}.notice strong{color:#536173}.parcel-summary{padding:23px}.parcel-big{font-family:Arial,sans-serif;font-size:37px;letter-spacing:-1px;display:flex;gap:12px;align-items:baseline}.parcel-big small{font:14px Arial,sans-serif;color:#536173}.progress{display:flex;height:7px;gap:3px;border-radius:5px;overflow:hidden;margin:15px 0 20px}.progress span{background:#1E6CB8}.progress span+span{background:#D6E4F7}.legend{display:flex;justify-content:space-between;font-size:14px;margin:12px 0;color:#536173}.legend b{color:#536173;font-weight:600}.bucketrow{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid #F5F7FA;font-size:14px;color:#536173}.bucketrow span:first-child{display:flex;gap:9px;align-items:center}.bucketdot{height:7px;width:7px;border-radius:2px;background:#C1CDD9}.parcel-summary .btn{width:100%;margin-top:14px}.activity{padding:0 20px}.activityitem{display:flex;gap:12px;padding:17px 0;border-bottom:1px solid #F5F7FA}.activityitem:last-child{border:0}.activityicon{width:28px;height:28px;border-radius:50%;background:#F5F7FA;display:grid;place-items:center;flex-shrink:0;color:#536173}.activityicon .icon{width:13px}.activityitem strong{font-size:14px;font-weight:500;line-height:1.5;display:block}.activityitem small{display:block;font-size:14px;color:#536173;margin-top:5px}.bottombar{font-size:14px;color:#536173;display:flex;justify-content:space-between;margin-top:12px}.empty{padding:38px;text-align:center;color:#536173;font-size:14px}.detailtop{display:flex;gap:20px;align-items:center;margin:22px}.detailnumber{font-size:44px;font-family:Arial,sans-serif;font-weight:700;letter-spacing:-2px}.detailbody{padding:22px}.twocol{display:grid;grid-template-columns:1.4fr 1fr;gap:23px}.checklist{display:grid;gap:13px;padding:14px 0}.checklist label{display:flex;gap:10px;align-items:center;font-size:14px}.checklist input{accent-color:var(--navy);width:19px;height:19px}.photozone{border:1px dashed #C1CDD9;border-radius:8px;background:#F5F7FA;padding:24px;text-align:center;display:grid;gap:12px;justify-items:center;color:#536173;font-size:14px}.photozone img{max-width:100%;max-height:190px;border-radius:6px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:grid;gap:7px;font-size:14px;color:#536173}.field input,.field select,.field textarea{width:100%;background:#FFFFFF;border:1px solid #D8DFE8;border-radius:5px;color:#1B2A4A;padding:12px;min-height:44px}.field.full{grid-column:1/-1}.field input:focus,.field select:focus{outline:2px solid #1E6CB8;outline-offset:1px}.scanbox{padding:24px;display:flex;gap:12px;align-items:end}.scanbox .field:first-child{flex:1}.scanbox .field{min-width:140px}.scanbox input{font-family:monospace}.filters{padding:16px 22px;display:flex;gap:10px;align-items:center}.filters input,.filters select{padding:9px;border:1px solid var(--line);border-radius:5px;background:#FFFFFF;color:#536173;font-size:14px}.filters input{flex:1}.metricpair{display:grid;grid-template-columns:1fr 1fr;gap:15px}.metricpair>div{background:#F5F7FA;border-radius:7px;padding:18px}.metricpair strong{display:block;font-size:25px;font-family:Arial,sans-serif}.metricpair small{font-size:14px;color:#536173}.sessionactive{border:1px solid #D8DFE8;background:#F5F7FA;border-radius:7px;padding:18px;margin-bottom:12px}.sessionactive p{font-size:14px;color:#536173;margin:8px 0 15px}.sessionactive .btn{width:100%}.inspectionphoto{width:100%;border-radius:7px;max-height:240px;object-fit:cover}.savedinspection{display:flex;align-items:center;gap:10px;background:#F5F7FA;padding:15px;border-radius:6px;font-size:14px;color:#536173;margin-bottom:18px}dialog{border:1px solid var(--line);border-radius:12px;max-width:520px;width:calc(100% - 28px);padding:27px;box-shadow:0 20px 100px #1B2A4A30;color:#1A1A1A}dialog::backdrop{background:#1B2A4A80;backdrop-filter:blur(3px)}dialog h2{font:700 22px Arial,sans-serif;margin-bottom:9px}dialog .sub{margin-bottom:23px}dialog .actions{display:flex;gap:10px;justify-content:end;margin-top:24px}.error{color:#9E3328;font-size:14px;line-height:1.5;margin-top:15px}.dialogclose{position:absolute;right:15px;top:15px;background:none;color:#536173;font-size:23px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#1B2A4A;color:#F5F7FA;padding:14px 23px;border-radius:8px;font-size:14px;box-shadow:0 5px 30px #1B2A4A30;z-index:20;display:none;max-width:90%;line-height:1.5}#toast.show{display:block}.mobilebrand{display:none}.timechip{font-size:14px;color:#536173}.detailactions{display:flex;gap:10px;flex-wrap:wrap}.timeline{padding-left:16px;border-left:1px solid #D8DFE8;margin:16px 0}.timeline p{padding:0 0 15px 8px;font-size:14px;color:#536173;margin-bottom:0}.timeline small{display:block;font-size:14px;color:#536173;margin-top:5px}
@media(min-width:1500px){.grid-main{grid-template-columns:minmax(0,1fr) 330px}.workspace{padding-top:40px}.stat{padding:24px}.trailercard{padding:20px}}@media(max-width:1200px){.sidebar{width:200px;padding-left:12px;padding-right:12px}.main{margin-left:200px;width:calc(100% - 200px)}.workspace{padding:28px 24px}.topbar{padding:0 24px}.grid-main{grid-template-columns:minmax(0,1fr)}.rightcol{display:grid;grid-template-columns:1fr 1fr;gap:23px}.rightcol .panel{height:max-content}.stat{padding:16px}.stat-top{font-size:14px}.headbuttons .btn{padding:10px 12px}.twocol{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{width:100%;height:65px;top:auto;padding:4px 5px;border-right:0;border-top:1px solid var(--line);background:#FFFFFF;z-index:4}.sidebar .brand,.navlabel,.sidebar-bottom{display:none}.sidebar nav{display:flex;justify-content:space-around;gap:0}.navitem{display:flex;flex-direction:column;padding:7px 3px;gap:3px;font-size:14px;width:25%;border-radius:5px}.navitem .count{display:none}.sidebar nav .navitem:nth-child(n+5){display:none}.main{margin-left:0;width:100%;padding-bottom:65px}.topbar{height:61px;padding:0 18px}.breadcrumb{display:none}.mobilebrand{display:flex;font-size:16px;font-weight:800;letter-spacing:1px;align-items:center;gap:8px}.mobilebrand .brandmark{width:27px;height:28px;font-size:19px;border-radius:5px}.facility{display:none}.toptools{gap:10px}.workspace{padding:25px 16px}.pagehead{align-items:start;flex-direction:column;gap:16px}h1{font-size:26px}.headbuttons{width:100%}.headbuttons .btn{flex:1}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat-top{font-size:14px}.stat-value{font-size:30px}.stat-bottom{font-size:14px}.stat-icon{width:25px;height:25px}.trailergrid{grid-template-columns:1fr;padding:15px}.trailercard{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.trailer-top{grid-column:1/-1}.trailercard h3{margin-top:10px}.trailer-total{margin-top:8px;grid-column:2;grid-row:2/4;justify-content:end}.trailercard .btn{grid-column:2;grid-row:4/6}.trailer-meta{margin-top:8px}.rightcol{display:block}.panelheader{padding:18px}.tabs{gap:17px;padding:0 17px}.tab{font-size:14px}.samplebar{font-size:14px;line-height:1.5;align-items:start}.samplebar button{white-space:nowrap}.scanbox{flex-wrap:wrap;padding:18px}.scanbox .field:first-child{flex-basis:100%}.scanbox .field{flex:1}.scanbox .btn{flex:1}.formgrid{gap:14px}.filters{padding:14px;flex-wrap:wrap}.filters input{min-width:160px}.bottombar{line-height:1.6;gap:10px;font-size:14px}.detailtop{margin:18px}.detailnumber{font-size:36px}.detailbody{padding:18px}.detailactions .btn{flex:1}.metricpair strong{font-size:21px}td,th{padding:13px 14px}.btn{min-height:44px}.rowbutton{min-height:40px;min-width:40px}}