:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#111827;background:#f3f4f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}.loginPage{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,#dbeafe 0,#f8fafc 38%,#eef2f7)}.loginCard{width:min(420px,100%);background:#fff;border-radius:22px;padding:30px;box-shadow:0 18px 60px #0f172a1f}.brandMark{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:#111827;color:#fff}.loginCard h1{margin:16px 0 4px}.loginCard p{margin:0 0 22px;color:#64748b}.loginCard label{display:block;font-weight:700;margin-bottom:8px}.loginCard input{width:100%;padding:14px 16px;border:1px solid #cbd5e1;border-radius:12px;font-size:24px;letter-spacing:8px;text-align:center}.primary{width:100%;border:0;background:#2563eb;color:#fff;padding:13px 16px;border-radius:11px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px}.primary:disabled{opacity:.45;cursor:not-allowed}.loginCard small{display:block;color:#94a3b8;text-align:center;margin-top:12px}.entryCard{width:min(620px,100%);background:#fff;border-radius:22px;padding:32px;box-shadow:0 18px 60px #0f172a1f}.entryCard h1{margin:16px 0 4px}.entryCard>p{margin:0 0 22px;color:#64748b}.loginChoices{display:grid;grid-template-columns:1fr 1fr;gap:14px}.loginChoices button{min-height:112px;padding:18px;border:1px solid #cbd5e1;border-radius:15px;display:flex;align-items:center;gap:14px;text-align:left}.loginChoices b,.loginChoices small{display:block}.loginChoices b{font-size:18px}.loginChoices small{margin-top:4px;color:#64748b}.bayChoice{background:#eff6ff;color:#1d4ed8}.adminChoice{background:#f8fafc;color:#334155}.prototypeNote{display:block;margin-top:18px;text-align:center;color:#94a3b8}.bayLoginPage{background:radial-gradient(circle at top,#bfdbfe 0,#eff6ff 40%,#f8fafc)}.adminLoginPage{background:radial-gradient(circle at top,#cbd5e1 0,#f8fafc 42%,#eef2f7)}.backBtn{border:0;background:transparent;color:#475569;padding:8px 0;margin-bottom:16px;display:flex;align-items:center;gap:6px;font-weight:700}.loginForm{display:grid;gap:8px}.loginForm label{margin:6px 0 0}.loginCard .loginForm input{font-size:17px;letter-spacing:normal;text-align:left}.bayLoginCard .loginForm input{min-height:58px}.bayLoginCard .loginForm input[type=password]{font-size:24px;letter-spacing:8px;text-align:center}.bayLoginCard .primary{min-height:58px;margin-top:8px;font-size:17px}.adminLoginCard .primary{margin-top:8px}.loginError{padding:11px 12px;border:1px solid #fecaca;border-radius:10px;background:#fef2f2;color:#b91c1c;font-weight:700}.appShell{min-height:100vh}header{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:#111827;color:#fff}header strong{display:block;font-size:20px}header span{display:block;color:#cbd5e1;font-size:12px;margin-top:2px}.iconBtn{border:0;background:#1f2937;color:#fff;width:40px;height:40px;border-radius:10px;display:grid;place-items:center}nav{position:sticky;top:68px;z-index:4;display:flex;gap:8px;padding:10px 16px;background:#fff;border-bottom:1px solid #e5e7eb;overflow:auto}nav button{border:0;background:transparent;padding:10px 12px;border-radius:10px;display:flex;align-items:center;gap:7px;white-space:nowrap;font-weight:700;color:#475569}nav button.active{background:#e0e7ff;color:#1d4ed8}nav b{background:#dc2626;color:#fff;border-radius:999px;padding:1px 6px;font-size:11px}main{max-width:1100px;margin:0 auto;padding:22px 16px 56px}.sectionHead{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}.sectionHead h2{margin:0}.sectionHead p{margin:5px 0 0;color:#64748b}.compact{width:auto}.trailerGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:14px}.trailerCard,.reportCard,.adminPanel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 16px #0f172a0a}.trailerCard{padding:17px;border-top:4px solid #cbd5e1;display:flex;flex-direction:column;min-height:290px}.trailerCard--loaded{border-top-color:#3b82f6}.trailerCard--left_site{border-top-color:#22c55e}.cardTop,.reportHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.08em;color:#64748b}.cardTop h3,.reportHeader h3{margin:2px 0 0;font-size:27px}.carrierName{margin:3px 0 0;color:#334155;font-size:15px;font-weight:700}.status,.reportStatus{font-size:11px;font-weight:900;padding:6px 8px;border-radius:999px}.status.booked{background:#f1f5f9;color:#475569}.status.loaded{background:#dbeafe;color:#1d4ed8}.status.left_site{background:#dcfce7;color:#166534}.meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.meta span{color:#64748b;font-size:12px}.meta b{display:block;color:#111827;font-size:15px;margin-top:2px}.trailerMetrics{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:15px 0}.trailerMetrics span{padding:9px;border-radius:9px;background:#f8fafc;color:#64748b;font-size:11px;font-weight:700}.trailerMetrics b{display:block;margin-top:3px;color:#111827;font-size:16px}.actions{display:flex;gap:8px;margin-bottom:12px}.actions button,.completeBtn{border:1px solid #cbd5e1;background:#fff;padding:10px 12px;border-radius:10px;font-weight:800;display:flex;align-items:center;gap:7px}.actions .loadedBtn{background:#2563eb;color:#fff;border-color:#2563eb}.actions .departBtn{background:#16a34a;color:#fff;border-color:#16a34a}.cardActions{margin-top:auto;align-items:center}.cardActions .loadedBtn,.cardActions .departBtn{min-height:44px}.optionalAction{color:#475569}.actionHint{color:#64748b;font-size:12px}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px;padding-top:12px;border-top:1px solid #eef2f7;color:#64748b;font-size:11px}.timeline span{min-width:0}.timeline b{display:block;margin-top:3px;color:#111827;font-size:13px}.driverInEdit{display:block;margin:14px 0;padding:12px;border-radius:10px;background:#f8fafc;font-weight:800}.driverInEdit input{display:block;width:180px;margin-top:7px;padding:9px;border:1px solid #cbd5e1;border-radius:8px;background:#fff}.loadingForm{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 12px;padding:12px;border-radius:12px;background:#eff6ff}.loadingForm label{font-size:12px;font-weight:800;color:#334155}.loadingForm input{display:block;width:100%;margin-top:5px;padding:10px;border:1px solid #93c5fd;border-radius:9px;background:#fff}.loadingForm>div,.varianceWarning{grid-column:1 / -1}.loadingForm>div{display:flex;justify-content:flex-end;gap:8px}.loadingForm button{border-radius:9px;padding:10px 12px;font-weight:800;display:flex;align-items:center;gap:6px}.loadingForm .loadedBtn{border:1px solid #2563eb;background:#2563eb;color:#fff}.varianceWarning{margin:0 0 12px;padding:9px 11px;border-radius:9px;background:#fff7ed;color:#9a3412;font-size:12px}.reportList{display:grid;gap:12px}.reportCard{padding:16px}.reportCard p{color:#334155}.reportStatus.pending{background:#fef3c7;color:#92400e}.reportStatus.completed{background:#dcfce7;color:#166534}.photoPlaceholder{border:1px dashed #cbd5e1;border-radius:12px;padding:14px;display:flex;gap:9px;align-items:center;color:#64748b;background:#f8fafc}.completeBtn{margin-top:12px;color:#166534;border-color:#86efac;background:#f0fdf4}.reportFormPanel{background:#fff;border:1px solid #bfdbfe;border-radius:18px;padding:20px;margin-bottom:20px;box-shadow:0 8px 28px #2563eb14}.formTitle{display:flex;justify-content:space-between;gap:16px;margin-bottom:18px}.formTitle h2{margin:3px 0 0}.closeBtn{width:44px;height:44px;border:0;border-radius:11px;color:#475569;background:#f1f5f9;display:grid;place-items:center}.reportForm{display:grid;grid-template-columns:1fr 1fr;gap:16px}.reportForm label,.fieldLabel{display:block;font-weight:800;color:#1e293b}.wideField,.photoField,.formActions{grid-column:1 / -1}.reportForm input,.reportForm select,.reportForm textarea{display:block;width:100%;margin-top:7px;border:1px solid #cbd5e1;border-radius:11px;padding:12px;color:#111827;background:#fff}.reportForm textarea{resize:vertical;min-height:110px}.reportForm input:focus,.reportForm select:focus,.reportForm textarea:focus{outline:3px solid #dbeafe;border-color:#2563eb}.optional,.fieldHint{font-size:12px;font-weight:500;color:#64748b}.fieldHint{display:block;text-align:right;margin-top:4px}.photoPicker{min-height:88px;margin-top:7px;padding:15px;border:2px dashed #93c5fd;border-radius:13px;background:#eff6ff;display:flex!important;align-items:center;gap:12px;color:#1d4ed8!important;cursor:pointer}.photoPicker small{display:block;margin-top:3px;font-weight:500;color:#64748b}.photoPicker input{position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);margin:0;padding:0;border:0}.photoPreviewGrid,.reportPhotos{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin-top:12px}.photoPreview{position:relative;margin:0;aspect-ratio:1}.photoPreview img,.reportPhotos img{width:100%;height:100%;object-fit:cover;border-radius:11px;display:block}.photoPreview button{position:absolute;top:6px;right:6px;width:36px;height:36px;border:0;border-radius:50%;display:grid;place-items:center;color:#fff;background:#0f172ad1}.formActions{display:flex;justify-content:flex-end;gap:10px}.secondaryBtn{border:1px solid #cbd5e1;background:#fff;padding:12px 18px;border-radius:11px;font-weight:800}.reportMeta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.reportMeta div{background:#f8fafc;padding:10px;border-radius:10px}.reportMeta dt,.reportDescription span{font-size:11px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:#64748b}.reportMeta dd{margin:3px 0 0;font-weight:700;overflow-wrap:anywhere}.reportDescription p{margin:5px 0 14px;white-space:pre-wrap}.reportPhotos a{aspect-ratio:4/3;min-height:90px}.completionNote{display:flex;gap:8px;margin-top:12px;padding:11px;color:#166534;background:#f0fdf4;border-radius:10px;font-size:13px}.adminPanel{padding:16px;display:grid;gap:18px}.planningSection{margin-bottom:18px}.adminTabs{display:flex;gap:8px;margin:-4px 0 18px;padding:6px;width:max-content;border:1px solid #e2e8f0;border-radius:12px;background:#fff}.adminTabs button{min-width:120px;padding:10px 16px;border:0;border-radius:8px;background:transparent;color:#475569;font-weight:800}.adminTabs button.active{background:#1e293b;color:#fff}.dateNavigator{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:16px;padding:14px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 16px #0f172a0a}.dateArrow{width:46px;height:46px;flex:0 0 auto;border:1px solid #cbd5e1;border-radius:11px;background:#f8fafc;color:#334155;display:grid;place-items:center}.selectedDate{min-width:240px;text-align:center}.selectedDate b{display:block;font-size:17px}.selectedDate input{margin-top:5px;padding:6px 9px;border:1px solid #cbd5e1;border-radius:8px;color:#475569;background:#fff}.todayBtn{min-height:44px;padding:0 16px;border:1px solid #93c5fd;border-radius:10px;background:#eff6ff;color:#1d4ed8;font-weight:800}.todayBtn:disabled{opacity:.45;cursor:default}.addTrailerPanel{margin-bottom:16px;padding:18px;background:#fff;border:1px solid #bfdbfe;border-radius:16px;box-shadow:0 8px 28px #2563eb14}.addTrailerPanel h3{margin:3px 0 0;font-size:22px}.trailerPlanForm{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.trailerPlanForm label{font-weight:800;color:#1e293b}.trailerPlanForm input{display:block;width:100%;min-height:45px;margin-top:6px;padding:10px 11px;border:1px solid #cbd5e1;border-radius:10px;background:#fff}.trailerPlanForm .formActions{grid-column:1 / -1}.planSummary{display:flex;justify-content:space-between;gap:12px;color:#64748b}.planSummary b{color:#1e293b}.emptyDay{padding:28px 18px;text-align:center;border:1px dashed #cbd5e1;border-radius:13px;background:#f8fafc}.emptyDay h3{margin:0 0 5px}.emptyDay p{margin:0;color:#64748b}.userPanel{padding:18px;background:#fff;border:1px solid #e2e8f0;border-radius:16px}.userPanel h2{margin:0 0 4px}.userPanel>div>p{margin:0 0 16px;color:#64748b}.userList{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.userCard{padding:15px;border:1px solid #e2e8f0;border-radius:13px;background:#f8fafc}.userOpenBtn{width:100%;border:0;background:transparent;padding:0;display:flex;align-items:center;gap:9px;text-align:left;color:#1e293b}.userOpenBtn b,.userOpenBtn small{display:block}.userOpenBtn small{margin-top:3px;color:#64748b}.userCard dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.userCard dl div{padding:8px;background:#fff;border-radius:8px}.userCard dt{color:#64748b;font-size:11px;font-weight:800;text-transform:uppercase}.userCard dd{margin:3px 0 0;font-size:13px;font-weight:700}.lockedText,.activeText{display:flex;align-items:center;gap:4px}.lockedText{color:#b91c1c}.activeText{color:#166534}.unlockBtn,.blockBtn{border-radius:9px;padding:10px 14px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:7px}.unlockBtn{border:1px solid #86efac;background:#f0fdf4;color:#166534}.blockBtn{border:1px solid #fecaca;background:#fef2f2;color:#b91c1c}.accountActions{display:flex;gap:10px;margin-top:14px}.accountActions button{flex:1}.accountActions button:disabled{opacity:.45;cursor:not-allowed}.userDetails .formTitle p,.trailerDetails .formTitle p{margin:4px 0 0;color:#64748b}.activitySection{margin-top:20px;padding-top:16px;border-top:1px solid #e2e8f0}.activitySection h3{display:flex;align-items:center;gap:7px;margin:0 0 10px}.activitySection ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}.activitySection li{display:flex;justify-content:space-between;gap:12px;padding:10px;border-radius:9px;background:#f8fafc}.activitySection li span{color:#64748b;font-size:12px;text-align:right}.activitySection>p{color:#64748b}.adminTableWrap{overflow:auto}.rowDetailsBtn{border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;padding:8px 11px;border-radius:8px;font-weight:800}.varianceText{color:#c2410c}.lifecycle{margin-top:18px}.lifecycle h3{margin:0 0 10px}.lifecycle>div{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.lifecycleStep{min-height:82px;padding:9px;border:1px solid #e2e8f0;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;color:#94a3b8;font-size:11px}.lifecycleStep.complete{color:#166534;border-color:#bbf7d0;background:#f0fdf4}.lifecycleStep span{color:#64748b;font-size:11px}.actionTimes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 0}.actionTimes div{padding:10px;border-radius:9px;background:#f8fafc}.actionTimes dt{color:#64748b;font-size:11px;font-weight:800;text-transform:uppercase}.actionTimes dd{margin:4px 0 0;font-weight:700;font-size:13px}table{width:100%;border-collapse:collapse;min-width:700px}th,td{padding:10px;border-bottom:1px solid #e5e7eb;text-align:left}th{font-size:12px;color:#64748b}td input{width:100%;padding:8px;border:1px solid #cbd5e1;border-radius:8px}footer{text-align:center;color:#94a3b8;font-size:12px;padding:24px}.reportSummary{display:grid;gap:12px}.summaryLine{display:flex;flex-wrap:wrap;gap:6px 16px;color:#64748b;font-size:13px}.summaryLine b{color:#334155}.detailsBtn{justify-self:end;border:0;background:transparent;color:#1d4ed8;padding:8px 0;font-weight:800;display:flex;align-items:center;gap:4px}.detailsBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:20px;background:#0f172a8c}.reportDetails{width:min(720px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:18px;padding:22px;box-shadow:0 24px 70px #0f172a4d}@media(max-width:640px){.loginPage{padding:14px}.entryCard,.loginCard{padding:22px}.loginChoices{grid-template-columns:1fr}.loginChoices button{min-height:100px}.bayLoginCard{padding:24px 20px}.bayLoginCard .loginForm{gap:10px}.sectionHead{align-items:flex-start;flex-direction:column}.compact{width:100%}.trailerGrid{grid-template-columns:1fr}.trailerCard{min-height:0}.trailerMetrics{grid-template-columns:repeat(2,1fr)}.cardActions{flex-direction:column;align-items:stretch}.cardActions button{min-height:48px;justify-content:center}.actionHint{text-align:center}.timeline{grid-template-columns:1fr 1fr 1fr}nav{top:68px}main{padding:18px 12px 48px}.reportFormPanel{padding:16px}.reportForm{grid-template-columns:1fr}.reportForm label,.wideField,.photoField,.formActions{grid-column:1}.reportForm input,.reportForm select,.reportForm textarea{min-height:48px}.formActions{flex-direction:column-reverse}.formActions button{width:100%;min-height:48px}.reportMeta{grid-template-columns:1fr}.photoPreviewGrid,.reportPhotos{grid-template-columns:repeat(2,1fr)}.detailsBackdrop{padding:0;align-items:end}.reportDetails{max-height:92vh;border-radius:18px 18px 0 0;padding:18px}.detailsBtn{min-height:44px}.loadingForm{grid-template-columns:1fr}.loadingForm label,.loadingForm>div,.loadingForm .varianceWarning{grid-column:1}.loadingForm>div{flex-direction:column-reverse}.loadingForm button{min-height:46px;justify-content:center}.userList{grid-template-columns:1fr}.userCard dl{grid-template-columns:1fr 1fr}.dateNavigator{display:grid;grid-template-columns:46px 1fr 46px;gap:8px;padding:11px}.selectedDate{min-width:0}.selectedDate input{width:100%;min-height:42px}.todayBtn{grid-column:1 / -1}.trailerPlanForm{grid-template-columns:1fr}.trailerPlanForm label,.trailerPlanForm .formActions{grid-column:1}.addTrailerPanel{padding:15px}.planSummary{flex-direction:column;gap:3px}.adminTabs{width:100%}.adminTabs button{flex:1;min-width:0}.accountActions,.activitySection li{flex-direction:column}.activitySection li span{text-align:left}.lifecycle>div{grid-template-columns:1fr}.lifecycleStep{min-height:52px;flex-direction:row;justify-content:flex-start}.actionTimes{grid-template-columns:1fr}}