*{box-sizing:border-box}body{margin:0;background:#f4f6f9;color:#172033;font:15px/1.55 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.topbar{min-height:68px;background:#111827;color:#fff;display:flex;align-items:center;gap:30px;padding:0 max(22px,calc((100% - 1080px)/2));box-shadow:0 2px 12px #11182718}.brand{font-size:21px;font-weight:800;letter-spacing:-.7px;color:#fff;text-decoration:none;white-space:nowrap}.brand span{color:#67d5b2}.main-nav{display:flex;gap:20px;flex:1}.main-nav a{color:#d1d5db;text-decoration:none;font-size:14px}.main-nav a:hover{color:#fff}.logout-form{margin:0}.link-button{background:none;border:0;color:#d1d5db;cursor:pointer;font:inherit}.container{width:min(1080px,calc(100% - 36px));margin:38px auto;min-height:calc(100vh - 180px)}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.4px;color:#0f9b78}.muted{color:#697386}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.page-heading h1{font-size:clamp(27px,4vw,36px);letter-spacing:-1.2px;line-height:1.15;margin:8px 0}.page-heading p{margin:0}.primary{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;background:#087b60;color:white;font:inherit;font-weight:700;padding:12px 16px;cursor:pointer;text-decoration:none}.primary:hover{background:#06694f}.button-link{white-space:nowrap}.panel,.vehicle-card,.empty-state{background:#fff;border:1px solid #e7eaf0;border-radius:18px;padding:23px;box-shadow:0 8px 24px #17203308}.form-panel{margin-bottom:22px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.panel-head h2{margin:0;font-size:20px}.text-link{color:#087b60;text-decoration:none;font-weight:650}.vehicle-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;font-weight:650}.field input,.field select,.field textarea{width:100%;padding:11px 12px;border:1px solid #dce1e9;border-radius:10px;background:#fff;font:inherit;color:#172033}.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:#0f9b78;box-shadow:0 0 0 3px #0f9b7818}.wide{grid-column:1/-1}.vehicle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.vehicle-card{display:flex;gap:16px;align-items:flex-start}.vehicle-symbol{width:54px;height:54px;flex:none;border-radius:15px;background:#e5f8f1;display:grid;place-items:center;font-size:27px}.vehicle-info{flex:1;min-width:0}.vehicle-info h2{margin:0;font-size:19px}.vehicle-info p{margin:3px 0 12px;font-size:13px}.vehicle-meta{display:flex;flex-wrap:wrap;gap:8px}.vehicle-meta span{background:#f2f5f8;border-radius:7px;padding:5px 8px;font-size:12px;color:#4b5563}.vehicle-actions{display:flex;gap:12px;align-items:center;font-size:13px}.vehicle-actions form{margin:0}.danger-link{border:0;background:none;color:#b42318;font:inherit;cursor:pointer;padding:0}.empty-state{text-align:center;padding:48px 20px}.empty-state h2{margin:8px 0}.empty-icon{font-size:42px}.footer{text-align:center;color:#929aaa;font-size:12px;padding:20px}@media(max-width:700px){.topbar{gap:14px;flex-wrap:wrap;padding:13px 18px}.main-nav{order:3;flex-basis:100%;gap:18px}.container{margin:26px auto}.page-heading{align-items:flex-start;flex-direction:column}.vehicle-form,.vehicle-grid{grid-template-columns:1fr}.vehicle-card{flex-wrap:wrap}.vehicle-actions{width:100%;padding-left:70px}.panel,.vehicle-card{padding:18px}}


/* Navigation refinement */
.topbar { justify-content: space-between; }
.topbar .main-nav {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 28px !important;
  flex: 1 1 auto;
  min-width: 0;
}
.topbar .main-nav a,
.topbar .main-nav a:visited {
  display: inline-flex;
  align-items: center;
  color: #e5e7eb !important;
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  padding: 10px 2px;
  border-bottom: 2px solid transparent;
  transition: color .18s ease, border-color .18s ease;
}
.topbar .main-nav a:hover,
.topbar .main-nav a:focus-visible {
  color: #ffffff !important;
  border-bottom-color: #67d5b2;
  outline: none;
}
.topbar .logout-form { margin-left: auto; }
@media(max-width:700px) {
  .topbar .main-nav {
    order: 0;
    flex: 1 1 100%;
    justify-content: flex-start;
    gap: 22px !important;
    padding-top: 8px;
  }
}