:root{--bg:#090d14;--panel:#151b26;--line:#2d3748;--text:#f8fafc;--muted:#a7b0be;--brand:#f97316;--accent:#facc15;--danger:#fb7185;--warn:#facc15;--button-text:#111827}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at top left,rgba(249,115,22,.18),transparent 34%),linear-gradient(135deg,var(--bg),#111827 55%,#1f2937);color:var(--text)}a{color:var(--accent);text-decoration:none}.container{width:min(1160px,92%);margin:auto}.hero{padding:82px 0}.nav{display:flex;align-items:center;justify-content:space-between;padding:18px 0}.brand{font-size:24px;font-weight:900;color:var(--text);display:flex;align-items:center;gap:10px}.brand span{color:var(--brand)}.brand.has-logo span{color:var(--text)}.brand img{max-height:58px;max-width:230px;object-fit:contain}.btn,button{background:var(--brand);border:0;color:var(--button-text);padding:11px 16px;border-radius:12px;font-weight:800;cursor:pointer}.btn.secondary{background:color-mix(in srgb, var(--panel) 80%, var(--accent) 20%);color:var(--text);border:1px solid var(--line)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 20px 50px rgba(0,0,0,.22)}h1{font-size:clamp(38px,6vw,72px);line-height:.98;margin:16px 0}h2{font-size:32px}.muted{color:var(--muted)}.layout{display:grid;grid-template-columns:245px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,#05070b,#111827);border-right:1px solid var(--line);padding:20px;position:sticky;top:0;height:100vh}.sidebar a{display:block;padding:12px;border-radius:12px;color:var(--text);margin:5px 0}.sidebar a:hover,.sidebar a.active{background:color-mix(in srgb, var(--panel) 75%, var(--accent) 25%)}.main{padding:26px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.stat{background:linear-gradient(145deg,#10233c,#0b1b31);border:1px solid var(--line);padding:20px;border-radius:18px}.stat strong{font-size:32px}table{width:100%;border-collapse:collapse;background:var(--panel);border-radius:16px;overflow:hidden}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left}th{color:var(--muted);font-size:13px;text-transform:uppercase}input,select,textarea{width:100%;padding:11px;border-radius:12px;border:1px solid var(--line);background:color-mix(in srgb, var(--bg) 80%, #000 20%);color:var(--text)}label{font-weight:700;font-size:13px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.badge{padding:5px 10px;border-radius:999px;background:color-mix(in srgb, var(--panel) 75%, var(--accent) 25%);color:var(--text);font-size:12px}.danger{background:var(--danger);color:white}.warn{background:var(--warn);color:#111}.success{background:var(--brand);color:#03140e}@media(max-width:800px){.layout{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.main{padding:16px}}

.notice,.alert{padding:12px 14px;border-radius:14px;margin:0 0 16px;background:rgba(56,189,248,.12);border:1px solid rgba(56,189,248,.35)}
.danger{background:#ef4444;color:white;border:0;border-radius:10px;padding:9px 12px;cursor:pointer}
.success{background:rgba(46,229,157,.14);border:1px solid rgba(46,229,157,.35)}
code{background:rgba(255,255,255,.08);padding:2px 5px;border-radius:6px}


/* Complete dashboard upgrade */
.landing-grid{margin-top:28px}.chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;margin:18px 0}.alert-card strong{color:#fecaca}.danger-panel{border-color:rgba(239,68,68,.35)}.alert-box{background:rgba(239,68,68,.14);border:1px solid rgba(239,68,68,.45);color:#fecaca;padding:10px 12px;border-radius:10px;margin:8px 0}.cards .card strong{font-size:30px;display:block;margin-top:8px}.hero{display:none!important}

/* Production notifications / toast UI */
.topbar-actions{display:flex;gap:10px;align-items:center;margin-left:auto}.notification-panel{display:none;position:fixed;right:24px;top:72px;width:340px;max-width:calc(100vw - 32px);background:#fff;color:#111;border:1px solid #ddd;border-radius:12px;box-shadow:0 15px 40px rgba(0,0,0,.18);padding:14px;z-index:9998}.notification-panel.open{display:block}.notification-panel h4{margin:0 0 10px}.notification-item{border-bottom:1px solid #eee;padding:9px 4px;font-size:14px}.notification-item:last-child{border-bottom:0}.notification-item.high{border-left:4px solid #f59e0b;padding-left:8px}.notification-item.critical{border-left:4px solid #dc2626;padding-left:8px}#toastContainer{position:fixed;top:20px;right:20px;z-index:9999}.toast{background:#111827;color:#fff;border-radius:10px;padding:12px 16px;margin-bottom:10px;box-shadow:0 8px 22px rgba(0,0,0,.24);animation:fleetToastIn .25s ease}.toast.high{background:#b45309}.toast.critical{background:#b91c1c}@keyframes fleetToastIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.check-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border-bottom:1px solid rgba(255,255,255,.12)}
.check-item label{display:flex;align-items:center;gap:8px;flex:1}.check-item input[type=checkbox]{transform:scale(1.15)}
button:disabled{opacity:.5;cursor:not-allowed}

/* Mobile technician, GPS, photos, signatures */
.mobile-tech { background:#f3f4f6; color:#111827; font-family:system-ui,Arial,sans-serif; }
.mobile-header { position:sticky; top:0; z-index:10; display:flex; justify-content:space-between; align-items:center; padding:14px 16px; background:var(--primary,#111827); color:#fff; }
.mobile-header a { color:#fff; text-decoration:none; }
.mobile-list,.mobile-detail { padding:12px; display:grid; gap:12px; }
.mobile-card { display:block; background:#fff; border-radius:14px; padding:14px; box-shadow:0 2px 10px rgba(0,0,0,.08); color:#111827; text-decoration:none; }
.mobile-card.critical { border-left:6px solid #dc2626; }
.mobile-card.high { border-left:6px solid #f59e0b; }
.button-row { display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; }
.button-row button,.mobile-card button { min-height:42px; border:0; border-radius:10px; padding:10px 14px; background:var(--secondary,#2563eb); color:#fff; font-weight:700; }
.check-row { display:flex; gap:10px; align-items:center; padding:12px 0; border-bottom:1px solid #e5e7eb; font-size:17px; }
.check-row input { width:22px; height:22px; }
#sig { display:block; width:100%; max-width:360px; height:160px; background:#fff; border:2px dashed #9ca3af; border-radius:10px; touch-action:none; }
.thumbs { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
.thumbs img { width:92px; height:92px; object-fit:cover; border-radius:10px; }
.signature-img { display:block; max-width:320px; width:100%; background:#fff; border:1px solid #ddd; border-radius:8px; margin-top:10px; }

/* Clean dashboard layout */
.dashboard-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;background:linear-gradient(135deg,rgba(249,115,22,.18),rgba(15,23,42,.88));}
.dashboard-hero h1{font-size:clamp(30px,4vw,46px);margin:6px 0 8px;line-height:1.05}.eyebrow{margin:0;color:var(--brand);font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:12px}.quick-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:18px 0}.stat-card{background:linear-gradient(145deg,#111827,#172033);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 18px 42px rgba(0,0,0,.18)}.stat-card span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.stat-card strong{display:block;font-size:30px;margin:8px 0;color:var(--text)}.stat-card small{color:var(--muted)}.stat-card.is-danger{border-color:rgba(251,113,133,.55);background:linear-gradient(145deg,rgba(127,29,29,.55),#172033)}.stat-card.is-warning{border-color:rgba(250,204,21,.55);background:linear-gradient(145deg,rgba(113,63,18,.5),#172033)}.dashboard-two-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;margin:18px 0}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.panel-heading h3{margin:0}.dash-list{display:grid;gap:3px;padding:12px 0;border-bottom:1px solid var(--line)}.dash-list:last-child{border-bottom:0}.dash-list small{color:var(--muted)}.danger-line{border-left:4px solid var(--danger);padding-left:12px}.empty-state{color:var(--muted);background:rgba(255,255,255,.04);border:1px dashed var(--line);border-radius:14px;padding:16px}.table-wrap{overflow-x:auto}@media(max-width:800px){.dashboard-hero{align-items:flex-start;flex-direction:column}.quick-actions{justify-content:flex-start}.stat-card strong{font-size:26px}}