:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#1f2937;background:#f8fafc;--brand: #96c11f;--brand-dark: #6f9a00;--brand-ink: #1f2937;--surface: #ffffff;--surface-alt: #f1f5f9;--border: #e2e8f0}*{box-sizing:border-box}body{margin:0}.layout{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.sidebar{background:#0f172a;color:#fff;padding:24px}.sidebar nav{display:grid;gap:12px}.sidebar a{color:#cbd5e1;text-decoration:none}.sidebar a:hover{color:#fff}.content{padding:24px}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:12px}.header-actions{display:flex;gap:10px;align-items:center}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px}button{border:0;border-radius:8px;padding:10px 14px;cursor:pointer;background:var(--brand);color:#fff}button:hover{background:var(--brand-dark)}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#e8f1d1,#f8fafc 55%);padding:24px}.login-card{background:var(--surface);border-radius:16px;border:1px solid var(--border);padding:32px;max-width:440px;width:100%;display:grid;gap:16px;box-shadow:0 18px 35px #0f172a1f}.mode-picker{display:grid;gap:8px;font-weight:600}.mode-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mode-buttons button{background:var(--surface-alt);color:var(--brand-ink)}.mode-buttons button.active{background:var(--brand);color:#0f172a}.role-buttons{display:grid;gap:10px}.employee-login{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.layout-mobile{grid-template-columns:1fr;grid-template-rows:auto 1fr}.layout-mobile .sidebar{display:grid;grid-template-columns:1fr;gap:12px}.layout-mobile .sidebar nav{grid-auto-flow:column;grid-auto-columns:minmax(120px,1fr);overflow-x:auto;padding-bottom:6px}.layout-mobile .content{padding:18px}input,select{border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:14px}.vehicle-form{margin:18px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.list{margin-top:16px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.error{color:#b91c1c;font-weight:600}