:root{--lime:#76b900;--dark:#070a07;--line:#dfe5dc;--muted:#647064}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f3f5f2;color:#151915}a{text-decoration:none;color:inherit}.portal-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.portal-side{background:#070a07;color:#fff;padding:18px 16px}.portal-side img{width:220px}.portal-side h3{color:#8bd000}.portal-side nav{display:flex;flex-direction:column;gap:5px;margin-top:24px}.portal-side nav a{padding:13px;border-radius:7px}.portal-side nav a.active,.portal-side nav a:hover{background:linear-gradient(90deg,#66aa00,#315700)}.portal-main header{height:70px;background:#080b08;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 24px;position:sticky;top:0;z-index:10}.portal-content{padding:24px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}.metric b{display:block;font-size:34px;color:#4e8d00}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:1fr 1fr}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid #e4e8e2;text-align:left;white-space:nowrap}.table th{font-size:11px;text-transform:uppercase;color:#667066}.btn{display:inline-block;background:#72b600;color:#071000;font-weight:900;border:0;border-radius:7px;padding:11px 15px;cursor:pointer}.btn.secondary{background:#fff;border:1px solid #72b600;color:#397000}.btn.danger{background:#fff;border:1px solid #dc493d;color:#c0271e}.badge{display:inline-block;padding:5px 9px;border-radius:7px;font-size:11px;font-weight:800;text-transform:uppercase}.badge-requested{background:#ffe08a}.badge-scheduled{background:#cfe3ff}.badge-en-route{background:#e0d1ff}.badge-arrived{background:#ccecf5}.badge-in-progress{background:#ffd7ae}.badge-completed{background:#d9efc8}.badge-cancelled{background:#eee}.field{display:flex;flex-direction:column;gap:6px}.field input,.field select,.field textarea{padding:12px;border:1px solid #cbd3c9;border-radius:7px;font:inherit}.field textarea{min-height:100px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field.full{grid-column:1/-1}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.photo-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:7px}.priority-row{display:flex;gap:8px;flex-wrap:wrap}.priority-row label{border:1px solid #cdd5cc;border-radius:7px;padding:8px 12px}.flash{padding:12px;border-radius:7px;margin-bottom:12px}.flash.success{background:#e7f7d8}.flash.error{background:#ffe2de}.timeline{display:grid;gap:10px}.timeline div{padding-left:16px;border-left:3px solid #b8c2b7}.timeline div.active{border-color:#72b600}.login-wrap{min-height:100vh;background:#050705;color:#fff;display:grid;place-items:center;padding:25px;background-image:linear-gradient(#030503df,#030503ef),url('../img/hero-truck.jpg');background-size:cover}.login-card{width:min(540px,95vw);background:#0d120d;border:1px solid #74b800;border-radius:17px;padding:34px}.login-card img{width:280px;display:block;margin:auto}.login-card input{background:#060806;color:#fff;border-color:#465246}.hint{color:#707a70;font-size:13px}@media(max-width:900px){.portal-shell{grid-template-columns:1fr}.portal-side{position:relative}.portal-side nav{display:grid;grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:1fr 1fr}.grid-2,.form-grid{grid-template-columns:1fr}}@media(max-width:560px){.portal-content{padding:12px}.cards{grid-template-columns:1fr}.portal-main header{padding:0 12px}.photo-grid{grid-template-columns:1fr 1fr}}