:root {
  --bg: #f5f7fb;
  --surface: #ffffff;
  --surface-soft: #f8fafc;
  --surface-blue: #f2f7ff;
  --ink: #0f172a;
  --ink-soft: #1e293b;
  --muted: #64748b;
  --muted-light: #94a3b8;
  --line: #e5eaf1;
  --line-strong: #d8e0ea;
  --primary: #2563eb;
  --primary-dark: #1d4ed8;
  --primary-soft: #eef4ff;
  --green: #0f9f6e;
  --green-soft: #e9f9f2;
  --violet: #7c3aed;
  --violet-soft: #f3eeff;
  --amber: #d97706;
  --amber-soft: #fff7e8;
  --red: #e11d48;
  --red-soft: #fff1f4;
  --slate-soft: #f1f5f9;
  --radius-xl: 15px;
  --radius-lg: 15px;
  --radius-md: 15px;
  --radius-sm: 15px;
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.04);
  --shadow-md: 0 2px 4px rgba(15, 23, 42, 0.03), 0 14px 36px rgba(15, 23, 42, 0.06);
  --shadow-lg: 0 24px 70px rgba(15, 23, 42, 0.16);
  --font: "Segoe UI Variable", "Segoe UI", -apple-system, BlinkMacSystemFont, "Inter", Roboto, Arial, sans-serif;
  --max-width: 1220px;
}

* {
  box-sizing: border-box;
}

html {
  overflow-y: scroll;
  scrollbar-gutter: stable;
  scrollbar-color: #c2cedd #eef2f7;
  scroll-behavior: smooth;
  scroll-padding-top: 96px;
}

::-webkit-scrollbar {
  width: 12px;
}

::-webkit-scrollbar-track {
  background: #eef2f7;
}

::-webkit-scrollbar-thumb {
  border: 3px solid #eef2f7;
  border-radius: 999px;
  background: #c2cedd;
}

::-webkit-scrollbar-thumb:hover {
  background: #a8b8cc;
}

body {
  margin: 0;
  min-width: 320px;
  color: var(--ink);
  background:
    radial-gradient(900px 420px at 8% -8%, rgba(37, 99, 235, 0.075), transparent 68%),
    radial-gradient(780px 380px at 96% 2%, rgba(14, 165, 233, 0.06), transparent 70%),
    var(--bg);
  font-family: var(--font);
  font-size: 15px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

button,
input,
select,
textarea {
  font: inherit;
}

button,
a {
  -webkit-tap-highlight-color: transparent;
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  max-width: 100%;
}

h1,
h2,
h3,
p {
  margin: 0;
}

button {
  color: inherit;
}

[hidden] {
  display: none !important;
}

::selection {
  color: #fff;
  background: var(--primary);
}

.svg-sprite {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

.icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Header */
.topbar {
  position: sticky;
  top: 0;
  z-index: 40;
  border-bottom: 1px solid rgba(229, 234, 241, 0.82);
  background: rgba(255, 255, 255, 0.82);
  backdrop-filter: saturate(160%) blur(18px);
  -webkit-backdrop-filter: saturate(160%) blur(18px);
}

.topbar-inner {
  display: flex;
  align-items: center;
  gap: 28px;
  width: min(100% - 40px, var(--max-width));
  min-height: 74px;
  margin: 0 auto;
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  flex: 0 0 auto;
}

.brand-mark {
  display: grid;
  width: 64px;
  height: 34px;
  place-items: center;
}

.brand-logo {
  display: block;
  width: 64px;
  height: 34px;
  object-fit: contain;
  filter: drop-shadow(0 6px 14px rgba(37, 99, 235, 0.18));
}

.brand-text {
  display: flex;
  flex-direction: column;
  line-height: 1.12;
}

.brand-text strong {
  font-size: 17px;
  font-weight: 750;
  letter-spacing: -0.025em;
}

.brand-text small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.main-nav {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: 14px;
}

.main-nav a {
  padding: 9px 13px;
  color: var(--muted);
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  transition: color 160ms ease, background 160ms ease;
}

.main-nav a:hover {
  color: var(--ink);
  background: var(--surface-soft);
}

.topbar-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
}

/* Buttons */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 43px;
  padding: 0 17px;
  border: 1px solid transparent;
  border-radius: 12px;
  background: none;
  font-size: 14px;
  font-weight: 650;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease, border-color 160ms ease;
}

.btn .icon {
  width: 18px;
  height: 18px;
}

.btn:hover {
  transform: translateY(-1px);
}

.btn:active {
  transform: translateY(0);
}

.btn:focus-visible,
.icon-btn:focus-visible,
.chip:focus-visible,
.photo-thumb:focus-visible,
.record-card:focus-visible,
.car-show:focus-visible,
.add-car-card:focus-visible {
  outline: 3px solid rgba(37, 99, 235, 0.26);
  outline-offset: 2px;
}

.btn-primary {
  color: #fff;
  background: linear-gradient(145deg, #2f6ff0, #1d4ed8);
  box-shadow: 0 8px 20px rgba(37, 99, 235, 0.2);
}

.btn-primary:hover {
  box-shadow: 0 11px 24px rgba(37, 99, 235, 0.26);
}

.btn:disabled {
  opacity: 0.66;
  cursor: wait;
  transform: none;
  box-shadow: none;
}

.btn-secondary {
  color: var(--ink-soft);
  border-color: var(--line);
  background: var(--surface);
  box-shadow: var(--shadow-sm);
}

.btn-secondary:hover {
  border-color: var(--line-strong);
  background: #fff;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.07);
}

.btn-danger {
  color: #fff;
  background: linear-gradient(145deg, #ef4444, #dc2626);
  box-shadow: 0 8px 20px rgba(220, 38, 38, 0.22);
}

.btn-danger:hover {
  box-shadow: 0 11px 24px rgba(220, 38, 38, 0.28);
}

.btn-lg {
  min-height: 50px;
  padding: 0 21px;
  border-radius: 14px;
  font-size: 15px;
}

.btn-small {
  min-height: 38px;
  padding: 0 14px;
  font-size: 13px;
}

.icon-btn {
  display: inline-grid;
  width: 38px;
  height: 38px;
  padding: 0;
  place-items: center;
  color: var(--muted);
  border: 1px solid transparent;
  border-radius: 10px;
  background: transparent;
  cursor: pointer;
  transition: color 150ms ease, background 150ms ease, border-color 150ms ease;
}

.icon-btn .icon {
  width: 18px;
  height: 18px;
}

.icon-btn:hover {
  color: var(--ink);
  background: var(--surface-soft);
}

.icon-btn-danger:hover {
  color: var(--red);
  border-color: #fbd5de;
  background: var(--red-soft);
}

/* Page and hero */
.page {
  width: min(100% - 40px, var(--max-width));
  margin: 0 auto;
}

.hero {
  display: grid;
  grid-template-columns: minmax(0, 1.06fr) minmax(400px, 0.94fr);
  gap: 52px;
  align-items: center;
  padding: 54px 0 34px;
}

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--primary);
  font-size: 11px;
  font-weight: 750;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.eyebrow-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--primary);
  box-shadow: 0 0 0 5px rgba(37, 99, 235, 0.1);
}

.hero h1 {
  max-width: 700px;
  margin-top: 17px;
  font-size: clamp(42px, 4.6vw, 62px);
  font-weight: 760;
  line-height: 1.03;
  letter-spacing: -0.048em;
}

.hero h1 .accent {
  color: var(--primary);
  background: linear-gradient(120deg, #2563eb 10%, #0ea5e9 90%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.hero-lead {
  max-width: 560px;
  margin-top: 22px;
  color: var(--muted);
  font-size: 17px;
  line-height: 1.65;
}

.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 11px;
  margin-top: 29px;
}

.hero-note {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: 20px;
  color: var(--muted-light);
  font-size: 12px;
  font-weight: 500;
}

.hero-note .icon {
  width: 15px;
  height: 15px;
  color: var(--green);
}

.hero-art {
  position: relative;
  min-height: 358px;
  overflow: hidden;
  border: 1px solid rgba(191, 219, 254, 0.8);
  border-radius: var(--radius-xl);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.86), rgba(238, 245, 255, 0.92)),
    var(--surface-blue);
  box-shadow: 0 28px 80px rgba(37, 99, 235, 0.12);
  isolation: isolate;
}

.hero-art-glow {
  position: absolute;
  top: -80px;
  right: -60px;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(96, 165, 250, 0.32), rgba(96, 165, 250, 0) 68%);
}

.hero-art-grid {
  position: absolute;
  inset: 0;
  opacity: 0.42;
  background-image:
    linear-gradient(rgba(37, 99, 235, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(37, 99, 235, 0.08) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(to bottom, #000, transparent 80%);
  -webkit-mask-image: linear-gradient(to bottom, #000, transparent 80%);
}

.hero-badge {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 7px 11px;
  color: #1e40af;
  border: 1px solid rgba(147, 197, 253, 0.65);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.74);
  backdrop-filter: blur(8px);
  font-size: 11px;
  font-weight: 650;
}

.hero-badge-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--green);
  box-shadow: 0 0 0 4px rgba(15, 159, 110, 0.1);
}

.car-illustration {
  position: absolute;
  z-index: 1;
  top: 42px;
  left: 50%;
  width: 94%;
  filter: drop-shadow(0 16px 20px rgba(30, 64, 175, 0.16));
  transform: translateX(-50%);
}

.hero-last {
  position: absolute;
  right: 18px;
  bottom: 18px;
  left: 18px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  padding: 14px 17px;
  border: 1px solid rgba(255, 255, 255, 0.9);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 10px 30px rgba(30, 64, 175, 0.08);
  backdrop-filter: blur(12px);
}

.hero-last-label {
  color: var(--primary);
  font-size: 9px;
  font-weight: 750;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.hero-last strong {
  margin-top: 3px;
  overflow: hidden;
  font-size: 14px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hero-last > span:last-child {
  margin-top: 2px;
  overflow: hidden;
  color: var(--muted);
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Stats */
.stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 4px 0 56px;
}

.stat-card {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 104px;
  padding: 18px 20px;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: rgba(255, 255, 255, 0.86);
  box-shadow: var(--shadow-sm);
}

.stat-icon {
  display: grid;
  width: 46px;
  height: 46px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 14px;
}

.stat-icon .icon {
  width: 22px;
  height: 22px;
}

.stat-car,
.stat-doc,
.stat-wallet {
  display: block;
  width: 26px;
  height: 24px;
  background: currentColor;
  -webkit-mask-image: var(--stat-mask);
  mask-image: var(--stat-mask);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}

.stat-car {
  --stat-mask: url("data:image/png;base64,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");
}

.stat-doc {
  --stat-mask: url("data:image/png;base64,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");
}

.stat-wallet {
  --stat-mask: url("data:image/png;base64,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");
}

.stat-blue {
  color: var(--primary);
  background: var(--primary-soft);
}

.stat-violet {
  color: var(--violet);
  background: var(--violet-soft);
}

.stat-green {
  color: var(--green);
  background: var(--green-soft);
}

.stat-content {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.stat-label {
  color: var(--muted);
  font-size: 11px;
  font-weight: 650;
  letter-spacing: 0.02em;
}

.stat-value {
  margin-top: 1px;
  overflow: hidden;
  font-size: 27px;
  font-weight: 750;
  line-height: 1.2;
  letter-spacing: -0.035em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.stat-money {
  font-size: clamp(19px, 2vw, 25px);
}

.stat-caption {
  align-self: flex-end;
  margin-left: auto;
  padding-bottom: 3px;
  color: var(--muted-light);
  font-size: 10px;
  white-space: nowrap;
}

/* Section headings */
.section-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 20px;
}

.section-heading h2 {
  margin-top: 5px;
  font-size: clamp(25px, 2.4vw, 31px);
  font-weight: 750;
  line-height: 1.15;
  letter-spacing: -0.035em;
}

/* Onboarding */
.onboarding {
  display: grid;
  grid-template-columns: 150px minmax(220px, 0.8fr) minmax(380px, 1.2fr);
  gap: 32px;
  align-items: center;
  margin: 0 0 64px;
  padding: 34px;
  border: 1px solid var(--line);
  border-radius: var(--radius-xl);
  background: var(--surface);
  box-shadow: var(--shadow-md);
}

.onboarding-art {
  position: relative;
  display: grid;
  width: 138px;
  height: 138px;
  place-items: center;
  border-radius: 50%;
  background:
    radial-gradient(circle at 34% 28%, rgba(255, 255, 255, 0.9), transparent 40%),
    linear-gradient(145deg, #eaf2ff, #dbeafe);
}

.onboarding-icon {
  display: grid;
  width: 100px;
  height: 54px;
  place-items: center;
}

.onboarding-logo {
  display: block;
  width: 100px;
  height: 54px;
  object-fit: contain;
  filter: drop-shadow(0 12px 26px rgba(37, 99, 235, 0.22));
}

.onboarding-spark {
  position: absolute;
  border-radius: 50%;
  background: #93c5fd;
}

.onboarding-spark-1 {
  top: 16px;
  right: 20px;
  width: 9px;
  height: 9px;
}

.onboarding-spark-2 {
  bottom: 24px;
  left: 12px;
  width: 6px;
  height: 6px;
  background: #bfdbfe;
}

.onboarding-copy h2 {
  margin-top: 5px;
  font-size: 27px;
  line-height: 1.2;
  letter-spacing: -0.035em;
}

.onboarding-copy p {
  margin-top: 9px;
  color: var(--muted);
  font-size: 13.5px;
}

.onboarding-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(130px, 0.72fr) auto;
  gap: 11px;
  align-items: end;
}

.onboarding-form .btn {
  min-height: 46px;
}

/* Cars */
.cars-section {
  margin-bottom: 56px;
}

.car-rail {
  display: flex;
  gap: 14px;
  overflow-x: auto;
  padding: 1px 1px 14px;
  scrollbar-width: thin;
  scrollbar-color: var(--line-strong) transparent;
  scroll-snap-type: x proximity;
}

.car-rail::-webkit-scrollbar {
  height: 6px;
}

.car-rail::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: var(--line-strong);
}

.car-card {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 164px;
  flex: 0 0 298px;
  flex-direction: column;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: var(--surface);
  box-shadow: var(--shadow-sm);
  scroll-snap-align: start;
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.car-card:hover {
  border-color: #cbd8e8;
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

.car-card.is-active {
  border-color: rgba(37, 99, 235, 0.46);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.08), var(--shadow-md);
}

.car-card-top {
  position: absolute;
  top: 16px;
  right: 16px;
  display: flex;
  align-items: center;
  gap: 2px;
}

.car-edit,
.car-delete {
  width: 32px;
  height: 32px;
  margin: 0;
  opacity: 0;
}

.car-card:hover .car-edit,
.car-card:hover .car-delete,
.car-card:focus-within .car-edit,
.car-card:focus-within .car-delete {
  opacity: 1;
}

.car-card h3 {
  display: flex;
  align-items: baseline;
  gap: 7px;
  margin-top: 0;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  font-size: 20px;
  font-weight: 720;
  line-height: 1.25;
  letter-spacing: -0.03em;
  white-space: nowrap;
}

.car-name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.car-year {
  flex: none;
  color: var(--muted);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0;
}

.car-title {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 7px;
  padding-right: 72px;
}

.car-title h3 {
  max-width: 100%;
}

.car-title .plate {
  flex: none;
}

.plate {
  display: inline-flex;
  align-self: flex-start;
  padding: 4px 9px;
  color: var(--ink-soft);
  border: 1px solid var(--line-strong);
  border-radius: 7px;
  background: var(--surface-soft);
  font-family: "Segoe UI", var(--font);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.055em;
}

.car-card-meta {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: 14px;
  color: var(--muted);
  font-size: 12px;
}

.meta-dot {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--muted-light);
}

.car-show {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-top: auto;
  padding: 11px 0 0;
  color: var(--primary);
  border: 0;
  border-top: 1px solid var(--line);
  background: transparent;
  font-size: 12px;
  font-weight: 650;
  cursor: pointer;
}

.car-show .icon {
  width: 16px;
  height: 16px;
  transition: transform 160ms ease;
}

.car-show:hover .icon {
  transform: translateX(3px);
}

.add-car-card {
  display: flex;
  min-height: 164px;
  flex: 0 0 236px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 22px;
  color: var(--muted);
  border: 1.5px dashed var(--line-strong);
  border-radius: var(--radius-lg);
  background: rgba(255, 255, 255, 0.45);
  text-align: center;
  cursor: pointer;
  scroll-snap-align: start;
  transition: color 160ms ease, border-color 160ms ease, background 160ms ease;
}

.add-car-card:hover {
  color: var(--primary);
  border-color: #9dbcf5;
  background: var(--primary-soft);
}

.add-car-icon {
  display: grid;
  width: 46px;
  height: 46px;
  margin-bottom: 6px;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 50%;
  background: #fff;
}

.add-car-icon .icon {
  width: 20px;
  height: 20px;
}

.add-car-card strong {
  color: var(--ink-soft);
  font-size: 13px;
  font-weight: 650;
}

.add-car-card > span:last-child {
  font-size: 11px;
}

/* Records */
.records-section {
  margin-bottom: 70px;
}

.records-heading {
  margin-bottom: 18px;
}

.record-total {
  padding: 7px 12px;
  color: var(--muted);
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.8);
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}

.records-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 16px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: rgba(255, 255, 255, 0.72);
  box-shadow: var(--shadow-sm);
}

.filter-chips {
  display: flex;
  gap: 5px;
  overflow-x: auto;
  padding: 1px;
  scrollbar-width: none;
}

.filter-chips::-webkit-scrollbar {
  display: none;
}

.chip {
  flex: 0 0 auto;
  padding: 8px 13px;
  color: var(--muted);
  border: 1px solid transparent;
  border-radius: 9px;
  background: transparent;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: color 150ms ease, background 150ms ease, box-shadow 150ms ease;
}

.chip:hover {
  color: var(--ink);
  background: var(--surface-soft);
}

.chip.is-active {
  color: var(--primary);
  background: var(--primary-soft);
  box-shadow: inset 0 0 0 1px rgba(37, 99, 235, 0.1);
}

.filter-tools {
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
}

.search-field,
.select-field {
  position: relative;
  display: flex;
  align-items: center;
}

.search-field .icon {
  position: absolute;
  left: 11px;
  width: 16px;
  height: 16px;
  color: var(--muted-light);
  pointer-events: none;
}

.search-field input,
.select-field select {
  height: 38px;
  color: var(--ink-soft);
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #fff;
  font-size: 12px;
  font-weight: 550;
  outline: none;
  transition: border-color 150ms ease, box-shadow 150ms ease;
}

.search-field input {
  width: 200px;
  padding: 0 12px 0 35px;
}

.search-field input::placeholder {
  color: var(--muted-light);
}

.search-field input:focus,
.select-field select:focus {
  border-color: #9dbcf5;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

.select-field select {
  min-width: 148px;
  padding: 0 33px 0 12px;
  appearance: none;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 11px center;
  background-size: 15px 15px;
}

.select-field .select-chevron {
  display: none;
}

.select-chevron {
  position: absolute;
  right: 10px;
  z-index: 2;
  width: 14px;
  height: 14px;
  color: var(--muted-light);
  transform: rotate(90deg);
  pointer-events: none;
}

.records-feed {
  display: grid;
  gap: 13px;
}

.record-card {
  position: relative;
  padding: 22px 23px 18px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: var(--surface);
  box-shadow: var(--shadow-sm);
  cursor: pointer;
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
  animation: cardIn 320ms ease both;
}

.record-card::before {
  position: absolute;
  top: 0;
  left: 28px;
  width: 72px;
  height: 2px;
  border-radius: 0 0 999px 999px;
  background: linear-gradient(90deg, rgba(37, 99, 235, 0), rgba(37, 99, 235, 0.5), rgba(37, 99, 235, 0));
  content: "";
  opacity: 0;
  transition: opacity 180ms ease;
}

.record-card:hover {
  border-color: #d4dfec;
  box-shadow: var(--shadow-md);
  transform: translateY(-1px);
}

.record-card:hover::before {
  opacity: 1;
}

.record-topline {
  display: flex;
  align-items: flex-start;
  gap: 15px;
}

.category-icon {
  display: grid;
  width: 50px;
  height: 50px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 15px;
}

.category-icon .icon {
  width: 23px;
  height: 23px;
}

.category-maintenance {
  color: var(--primary);
  background: var(--primary-soft);
}

.category-repair {
  color: var(--amber);
  background: var(--amber-soft);
}

.category-tires {
  color: #475569;
  background: var(--slate-soft);
}

.category-diagnostics {
  color: var(--violet);
  background: var(--violet-soft);
}

.category-parts {
  color: var(--green);
  background: var(--green-soft);
}

.category-other {
  color: var(--muted);
  background: var(--surface-soft);
}

.record-title-wrap {
  min-width: 0;
  flex: 1;
}

.record-kicker {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  min-height: 19px;
}

.category-pill {
  padding: 3px 8px;
  border-radius: 6px;
  font-size: 10px;
  font-weight: 750;
  letter-spacing: 0.035em;
  line-height: 1.5;
  text-transform: uppercase;
}

.category-pill-maintenance {
  color: var(--primary-dark);
  background: var(--primary-soft);
}

.category-pill-repair {
  color: #b45309;
  background: var(--amber-soft);
}

.category-pill-tires {
  color: #475569;
  background: var(--slate-soft);
}

.category-pill-diagnostics {
  color: #6d28d9;
  background: var(--violet-soft);
}

.category-pill-parts {
  color: #087f5b;
  background: var(--green-soft);
}

.category-pill-other {
  color: var(--muted);
  background: var(--surface-soft);
}

.record-date {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 500;
}

.record-date .icon {
  width: 13px;
  height: 13px;
  color: var(--muted-light);
}

.record-title-wrap h3 {
  margin-top: 6px;
  overflow-wrap: anywhere;
  font-size: 19px;
  font-weight: 710;
  line-height: 1.35;
  letter-spacing: -0.02em;
}

.record-car {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 500;
}

.record-car .icon {
  width: 14px;
  height: 14px;
  color: var(--muted-light);
}

.plate-inline {
  display: inline-flex;
  margin-left: 1px;
  padding: 1px 6px;
  color: var(--ink-soft);
  border: 1px solid var(--line-strong);
  border-radius: 5px;
  background: var(--surface-soft);
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.04em;
}

.record-aside {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: flex-end;
  min-width: 88px;
  margin-left: 6px;
}

.record-cost {
  color: var(--ink);
  font-size: 19px;
  font-weight: 750;
  letter-spacing: -0.035em;
  white-space: nowrap;
}

.record-cost-label {
  margin-top: -1px;
  color: var(--muted-light);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.record-actions {
  display: flex;
  align-items: center;
  gap: 2px;
  margin-top: 10px;
}

.record-edit,
.record-delete {
  width: 31px;
  height: 31px;
  opacity: 0;
}

.record-card:hover .record-edit,
.record-card:hover .record-delete,
.record-card:focus-within .record-edit,
.record-card:focus-within .record-delete {
  opacity: 1;
}

.record-description {
  max-width: 900px;
  margin: 14px 0 0 65px;
  color: var(--muted);
  font-size: 13.5px;
  line-height: 1.65;
  white-space: pre-line;
  overflow-wrap: anywhere;
}

.fact {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 550;
  white-space: nowrap;
}

.fact .icon {
  width: 14px;
  height: 14px;
  color: var(--muted-light);
}

.record-car .fact {
  gap: 4px;
  font-size: 11px;
}

.record-car .fact .icon {
  width: 13px;
  height: 13px;
}

.fact-muted {
  color: var(--muted-light);
  font-weight: 450;
}

.photo-thumb {
  position: relative;
  width: 66px;
  height: 66px;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 11px;
  background: var(--surface-soft);
  cursor: zoom-in;
  transition: transform 160ms ease, box-shadow 160ms ease;
}

.photo-thumb.is-extra {
  display: none;
}

.photo-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 240ms ease;
}

.photo-thumb:hover {
  z-index: 1;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.16);
  transform: translateY(-2px) scale(1.02);
}

.photo-thumb:hover img {
  transform: scale(1.06);
}

/* Empty states */
.empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 50px 24px;
  border: 1px dashed var(--line-strong);
  border-radius: var(--radius-lg);
  background: rgba(255, 255, 255, 0.6);
  text-align: center;
}

.empty-icon {
  display: grid;
  width: 58px;
  height: 58px;
  place-items: center;
  color: var(--primary);
  border-radius: 18px;
  background: var(--primary-soft);
}

.empty-icon .icon {
  width: 26px;
  height: 26px;
}

.empty-state h3 {
  margin-top: 16px;
  font-size: 20px;
  font-weight: 720;
  letter-spacing: -0.025em;
}

.empty-state p {
  max-width: 430px;
  margin-top: 6px;
  color: var(--muted);
  font-size: 13px;
}

.empty-state .btn {
  margin-top: 20px;
}

.filtered-empty {
  margin-top: 13px;
}

/* Forms */
.form-stack {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.form-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 15px;
}

.form-row {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 15px;
}

.field {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 6px;
}

.field > span {
  color: var(--ink-soft);
  font-size: 12px;
  font-weight: 650;
}

.field > span small {
  color: var(--muted-light);
  font-size: 10px;
  font-weight: 500;
}

.field input,
.field textarea,
.field select {
  width: 100%;
  color: var(--ink);
  border: 1px solid var(--line-strong);
  border-radius: 11px;
  background: #fff;
  font-size: 14px;
  outline: none;
  transition: border-color 160ms ease, box-shadow 160ms ease;
}

.field input,
.field select {
  height: 46px;
  padding: 0 13px;
}

.field textarea {
  min-height: 102px;
  padding: 12px 13px;
  line-height: 1.55;
  resize: vertical;
}

.field input::placeholder,
.field textarea::placeholder {
  color: var(--muted-light);
}

.field input:focus,
.field textarea:focus,
.field select:focus {
  border-color: #8bb3f8;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

.field input[type="datetime-local"] {
  color-scheme: light;
}

.field-hint {
  color: var(--muted-light);
  font-size: 10.5px;
  line-height: 1.45;
}

.field-full {
  grid-column: 1 / -1;
}

.field-half {
  grid-column: span 1;
}

.select-wrap {
  position: relative;
  display: flex;
  align-items: center;
}

.select-wrap select {
  appearance: none;
  padding-right: 38px;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 13px center;
  background-size: 16px 16px;
}

.select-wrap .select-chevron {
  display: none;
}

/* Styled dropdown list (Chrome/Edge 135+ customizable select).
   The closed control keeps its current look; only the opened list changes. */
@supports (appearance: base-select) {
  .select-wrap select,
  .select-field select {
    appearance: base-select;
    align-items: center;
  }

  .select-wrap select::picker-icon,
  .select-field select::picker-icon {
    display: none;
  }

  .select-wrap select::picker(select),
  .select-field select::picker(select) {
    appearance: base-select;
    margin-top: 7px;
    padding: 6px;
    border: 1px solid var(--line-strong);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 24px 50px -22px rgba(15, 23, 42, 0.4), 0 2px 8px rgba(15, 23, 42, 0.06);
    max-height: min(320px, 60vh);
    opacity: 0;
  }

  /* Fade in only when the list opens; closing is instant so the list
     never lingers (and does not blink) after an option is picked. */
  .select-wrap select:open::picker(select),
  .select-field select:open::picker(select) {
    opacity: 1;
    transition: opacity 120ms ease;
  }

  @starting-style {
    .select-wrap select:open::picker(select),
    .select-field select:open::picker(select) {
      opacity: 0;
    }
  }

  .select-wrap select option,
  .select-field select option {
    padding: 9px 11px;
    border-radius: 9px;
    color: var(--ink-soft);
    background: transparent;
    font: inherit;
    font-size: 13.5px;
    font-weight: 550;
    line-height: 1.35;
  }

  .select-wrap select option:hover,
  .select-wrap select option:focus,
  .select-field select option:hover,
  .select-field select option:focus {
    background: var(--primary-soft);
    color: var(--primary-dark);
  }

  .select-wrap select option:checked,
  .select-field select option:checked {
    background: #e3edff;
    color: var(--primary-dark);
    font-weight: 650;
  }

  .select-wrap select option::checkmark,
  .select-field select option::checkmark {
    color: var(--primary);
  }
}

.plate-input {
  font-weight: 650;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.form-actions {
  display: flex;
  justify-content: flex-end;
  gap: 9px;
  padding-top: 2px;
}

.form-actions .btn {
  min-height: 46px;
}

.form-actions-sticky {
  margin-top: 2px;
  padding-top: 18px;
  border-top: 1px solid var(--line);
}

/* Upload */
.upload-zone {
  position: relative;
  display: flex;
  min-height: 118px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 16px;
  border: 1.5px dashed var(--line-strong);
  border-radius: 14px;
  background: var(--surface-soft);
  cursor: pointer;
  transition: border-color 160ms ease, background 160ms ease;
}

.upload-zone:hover,
.upload-zone.is-dragover {
  border-color: #8bb3f8;
  background: var(--primary-soft);
}

.upload-idle {
  display: flex;
  align-items: center;
  gap: 13px;
  text-align: left;
}

.upload-icon {
  display: grid;
  width: 46px;
  height: 46px;
  flex: 0 0 auto;
  place-items: center;
  color: var(--primary);
  border: 1px solid #dbe7fd;
  border-radius: 13px;
  background: #fff;
}

.upload-icon .icon {
  width: 22px;
  height: 22px;
}

.upload-idle > div {
  display: flex;
  flex-direction: column;
}

.upload-idle strong {
  font-size: 12.5px;
  font-weight: 650;
}

.upload-idle span {
  margin-top: 2px;
  color: var(--muted);
  font-size: 11px;
}

.upload-preview {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(auto-fill, minmax(78px, 1fr));
  gap: 8px;
}

.upload-item {
  position: relative;
  aspect-ratio: 1;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 11px;
  background: #fff;
}

.upload-item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.upload-remove {
  position: absolute;
  top: 4px;
  right: 4px;
  display: grid;
  width: 24px;
  height: 24px;
  padding: 0;
  place-items: center;
  color: #fff;
  border: 0;
  border-radius: 50%;
  background: rgba(15, 23, 42, 0.7);
  cursor: pointer;
  transition: background 150ms ease;
}

.upload-remove:hover {
  background: var(--red);
}

.upload-remove .icon {
  width: 13px;
  height: 13px;
}

.upload-add-more {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 8px 12px;
  color: var(--primary);
  border: 1px solid #dbe7fd;
  border-radius: 9px;
  background: #fff;
  font-size: 11px;
  font-weight: 650;
  cursor: pointer;
}

.upload-add-more .icon {
  width: 14px;
  height: 14px;
}

.edit-photos-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(82px, 1fr));
  gap: 8px;
}

.edit-photo {
  position: relative;
  aspect-ratio: 1;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 11px;
  background: var(--surface-soft);
}

.edit-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.edit-photo-remove {
  position: absolute;
  top: 4px;
  right: 4px;
  display: grid;
  width: 24px;
  height: 24px;
  padding: 0;
  place-items: center;
  color: #fff;
  border: 0;
  border-radius: 50%;
  background: rgba(15, 23, 42, 0.7);
  cursor: pointer;
  transition: background 150ms ease;
}

.edit-photo-remove:hover {
  background: var(--red);
}

.edit-photo-remove .icon {
  width: 13px;
  height: 13px;
}

/* Dialogs */
.modal {
  width: min(calc(100% - 32px), 590px);
  max-width: none;
  max-height: none;
  padding: 0;
  overflow: visible;
  border: 0;
  border-radius: var(--radius-xl);
  background: transparent;
}

.modal-wide {
  width: min(calc(100% - 32px), 790px);
}

.modal::backdrop {
  background: rgba(15, 23, 42, 0.46);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

.modal-panel {
  max-height: calc(100dvh - 40px);
  padding: 27px;
  overflow-y: auto;
  overscroll-behavior: contain;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: var(--radius-xl);
  background: #fff;
  box-shadow: var(--shadow-lg);
  scrollbar-width: thin;
  scrollbar-color: var(--line-strong) transparent;
}

.modal-panel-small {
  width: 100%;
}

.modal[open] .modal-panel {
  animation: modalIn 220ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
}

.modal-head {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  margin-bottom: 22px;
}

.modal-head > div {
  min-width: 0;
  flex: 1;
}

.modal-head h2 {
  margin-top: 5px;
  font-size: 27px;
  font-weight: 750;
  line-height: 1.2;
  letter-spacing: -0.035em;
}

.modal-head p {
  max-width: 540px;
  margin-top: 7px;
  color: var(--muted);
  font-size: 12.5px;
}

.modal-close {
  flex: 0 0 auto;
  margin: -5px -5px 0 0;
  border-color: var(--line);
  background: var(--surface-soft);
}

#recordDialog {
  width: min(calc(100% - 32px), 790px);
}

#recordViewDialog {
  width: min(calc(100% - 32px), 720px);
}

#confirmDialog {
  width: min(calc(100% - 32px), 430px);
}

.confirm-panel {
  padding: 27px;
}

.confirm-icon {
  display: grid;
  width: 46px;
  height: 46px;
  margin-bottom: 15px;
  place-items: center;
  color: var(--red);
  border-radius: 14px;
  background: var(--red-soft);
}

.confirm-icon .icon {
  width: 22px;
  height: 22px;
}

.confirm-panel h2 {
  font-size: 23px;
  font-weight: 750;
  line-height: 1.25;
  letter-spacing: -0.03em;
}

.confirm-message {
  margin-top: 8px;
  color: var(--muted);
  font-size: 13.5px;
  line-height: 1.55;
}

.confirm-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 22px;
}

.view-kicker {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  min-height: 19px;
}

.view-car {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  margin-top: 8px;
  color: var(--muted);
  font-size: 12.5px;
  font-weight: 550;
}

.view-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 18px;
}

.view-fact {
  display: flex;
  min-width: 0;
  flex: 1 1 150px;
  flex-direction: column;
  gap: 2px;
  padding: 11px 15px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--surface-soft);
}

.view-fact-label {
  color: var(--muted-light);
  font-size: 9.5px;
  font-weight: 650;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.view-fact-value {
  color: var(--ink);
  font-size: 16px;
  font-weight: 730;
  letter-spacing: -0.02em;
}

.view-description {
  margin: 0 0 18px;
  color: var(--muted);
  font-size: 13.5px;
  line-height: 1.65;
  white-space: pre-line;
  overflow-wrap: anywhere;
}

.view-photos-block {
  padding-top: 16px;
  border-top: 1px solid var(--line);
}

.view-photos-label {
  display: block;
  margin-bottom: 10px;
  color: var(--muted-light);
  font-size: 9.5px;
  font-weight: 650;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.view-photos {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

.view-photos .photo-thumb {
  width: 86px;
  height: 86px;
  border-radius: 12px;
}

.view-fact[hidden],
.view-description[hidden],
.view-photos-block[hidden],
.view-car .plate-inline[hidden] {
  display: none;
}

/* Lightbox */
.lightbox {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.lightbox::backdrop {
  background: rgba(6, 11, 24, 0.88);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.lightbox-inner {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  padding: 56px 76px;
}

.lightbox-figure {
  display: flex;
  max-width: min(1100px, 100%);
  max-height: 100%;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  margin: 0;
}

.lightbox-figure img {
  max-width: 100%;
  max-height: calc(100dvh - 150px);
  border-radius: 12px;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.4);
  object-fit: contain;
}

.lightbox-figure figcaption {
  color: rgba(255, 255, 255, 0.72);
  font-size: 12px;
  text-align: center;
}

.lightbox-close,
.lightbox-nav {
  position: absolute;
  z-index: 2;
  display: grid;
  width: 46px;
  height: 46px;
  padding: 0;
  place-items: center;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  cursor: pointer;
  transition: background 150ms ease, transform 150ms ease;
}

.lightbox-close:hover,
.lightbox-nav:hover {
  background: rgba(255, 255, 255, 0.18);
}

.lightbox-close {
  top: 20px;
  right: 20px;
}

.lightbox-prev {
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
}

.lightbox-next {
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}

.lightbox-prev:hover,
.lightbox-next:hover {
  transform: translateY(-50%) scale(1.05);
}

.lightbox-nav .icon,
.lightbox-close .icon {
  width: 22px;
  height: 22px;
}

/* Toasts */
.toast-stack {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 100;
  display: flex;
  width: min(380px, calc(100% - 40px));
  flex-direction: column;
  gap: 8px;
  pointer-events: none;
}

.toast {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 13px 14px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.97);
  box-shadow: 0 14px 40px rgba(15, 23, 42, 0.16);
  pointer-events: auto;
  animation: toastIn 260ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
}

.toast.is-hiding {
  animation: toastOut 200ms ease both;
}

.toast-indicator {
  width: 8px;
  height: 8px;
  flex: 0 0 auto;
  margin-top: 6px;
  border-radius: 50%;
  background: var(--primary);
}

.toast-success .toast-indicator {
  background: var(--green);
}

.toast-error .toast-indicator {
  background: var(--red);
}

.toast-warning .toast-indicator {
  background: var(--amber);
}

.toast-message {
  flex: 1;
  color: var(--ink-soft);
  font-size: 12.5px;
  line-height: 1.45;
}

.toast-close {
  display: grid;
  width: 23px;
  height: 23px;
  padding: 0;
  place-items: center;
  color: var(--muted-light);
  border: 0;
  border-radius: 6px;
  background: transparent;
  cursor: pointer;
}

.toast-close:hover {
  color: var(--ink);
  background: var(--surface-soft);
}

.toast-close .icon {
  width: 14px;
  height: 14px;
}

/* Error page */
.error-page {
  display: grid;
  min-height: 100dvh;
  place-items: center;
  padding: 24px;
}

.error-card {
  display: flex;
  width: min(100%, 460px);
  flex-direction: column;
  align-items: center;
  padding: 40px;
  border: 1px solid var(--line);
  border-radius: var(--radius-xl);
  background: #fff;
  box-shadow: var(--shadow-md);
  text-align: center;
}

.error-code {
  margin-top: 32px;
  color: var(--primary);
  font-size: 64px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.06em;
}

.error-card h1 {
  margin-top: 10px;
  font-size: 26px;
  letter-spacing: -0.035em;
}

.error-card p {
  margin-top: 8px;
  color: var(--muted);
  font-size: 13px;
}

.error-card .btn {
  margin-top: 24px;
}

/* Animations */
@keyframes modalIn {
  from {
    opacity: 0;
    transform: translateY(12px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes cardIn {
  from {
    opacity: 0;
    transform: translateY(7px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes toastIn {
  from {
    opacity: 0;
    transform: translateY(10px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes toastOut {
  to {
    opacity: 0;
    transform: translateY(8px);
  }
}

/* Responsive */
@media (max-width: 1080px) {
  .hero {
    grid-template-columns: minmax(0, 1fr) minmax(360px, 0.86fr);
    gap: 34px;
  }

  .hero-art {
    min-height: 330px;
  }

  .car-illustration {
    top: 48px;
  }

  .onboarding {
    grid-template-columns: 120px minmax(200px, 0.8fr) minmax(340px, 1.2fr);
    gap: 22px;
    padding: 28px;
  }

  .onboarding-art {
    width: 112px;
    height: 112px;
  }

  .onboarding-form {
    grid-template-columns: 1fr 1fr;
  }

  .onboarding-form .btn {
    grid-column: 1 / -1;
  }
}

@media (max-width: 900px) {
  .main-nav {
    display: none;
  }

  .hero {
    grid-template-columns: 1fr;
    gap: 30px;
    padding-top: 42px;
  }

  .hero-copy {
    max-width: 720px;
  }

  .hero-art {
    min-height: 310px;
  }

  .car-illustration {
    top: 28px;
    width: 82%;
  }

  .hero-last {
    right: 16px;
    bottom: 16px;
    left: 16px;
  }

  .stats {
    margin-bottom: 44px;
  }

  .stat-caption {
    display: none;
  }

  .onboarding {
    grid-template-columns: 100px 1fr;
  }

  .onboarding-art {
    width: 94px;
    height: 94px;
  }

  .onboarding-form {
    grid-column: 1 / -1;
    grid-template-columns: 1fr 1fr auto;
  }

  .onboarding-form .btn {
    grid-column: auto;
  }

  .records-toolbar {
    align-items: stretch;
    flex-direction: column;
    gap: 9px;
  }

  .filter-tools {
    width: 100%;
  }

  .search-field {
    flex: 1;
  }

  .search-field input {
    width: 100%;
  }
}

@media (max-width: 700px) {
  html {
    scroll-padding-top: 80px;
  }

  .page,
  .topbar-inner {
    width: min(100% - 28px, var(--max-width));
  }

  .topbar-inner {
    min-height: 66px;
    gap: 10px;
  }

  .brand-mark {
    width: 54px;
    height: 29px;
  }

  .brand-logo {
    width: 54px;
    height: 29px;
  }

  .brand-text strong {
    font-size: 16px;
  }

  .brand-text small {
    display: none;
  }

  .btn-add-car span {
    display: none;
  }

  .btn-add-car {
    width: 43px;
    padding: 0;
  }

  .hero {
    padding: 34px 0 28px;
  }

  .hero h1 {
    font-size: clamp(38px, 10.5vw, 52px);
  }

  .hero-lead {
    margin-top: 17px;
    font-size: 15px;
  }

  .hero-actions {
    margin-top: 23px;
  }

  .hero-note {
    align-items: flex-start;
    line-height: 1.45;
  }

  .hero-art {
    min-height: 278px;
    border-radius: 24px;
  }

  .car-illustration {
    top: 35px;
    width: 96%;
  }

  .hero-badge {
    top: 14px;
    right: 14px;
    font-size: 10px;
  }

  .stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 0 0 40px;
  }

  .stat-card {
    min-height: 88px;
    gap: 11px;
    padding: 14px;
    border-radius: 17px;
  }

  .stat-card:last-child {
    grid-column: 1 / -1;
  }

  .stat-icon {
    width: 40px;
    height: 40px;
    border-radius: 12px;
  }

  .stat-icon .icon {
    width: 19px;
    height: 19px;
  }

  .stat-car,
  .stat-doc,
  .stat-wallet {
    width: 23px;
    height: 21px;
  }

  .stat-value {
    font-size: 22px;
  }

  .stat-money {
    font-size: 24px;
  }

  .section-heading {
    align-items: center;
  }

  .section-heading h2 {
    font-size: 24px;
  }

  .onboarding {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 44px;
    padding: 23px;
    border-radius: 22px;
  }

  .onboarding-art {
    width: 72px;
    height: 72px;
  }

  .onboarding-icon {
    width: 82px;
    height: 44px;
  }

  .onboarding-logo {
    width: 82px;
    height: 44px;
  }

  .onboarding-spark {
    display: none;
  }

  .onboarding-copy h2 {
    font-size: 24px;
  }

  .onboarding-form {
    width: 100%;
    grid-template-columns: 1fr;
  }

  .onboarding-form .btn {
    width: 100%;
  }

  .car-card {
    flex-basis: 82vw;
    max-width: 320px;
  }

  .car-edit,
  .car-delete {
    opacity: 1;
  }

  .add-car-card {
    min-height: 164px;
    flex-basis: 64vw;
  }

  .cars-section {
    margin-bottom: 42px;
  }

  .record-total {
    display: none;
  }

  .records-toolbar {
    padding: 8px;
  }

  .filter-tools {
    flex-direction: column;
  }

  .select-field select {
    width: 100%;
  }

  .record-card {
    padding: 18px 17px 15px;
    border-radius: 18px;
  }

  .record-topline {
    gap: 11px;
  }

  .category-icon {
    width: 43px;
    height: 43px;
    border-radius: 13px;
  }

  .category-icon .icon {
    width: 20px;
    height: 20px;
  }

  .record-title-wrap h3 {
    margin-top: 4px;
    font-size: 17px;
  }

  .record-kicker {
    gap: 6px;
  }

  .record-date {
    font-size: 10px;
  }

  .record-aside {
    min-width: 70px;
    margin-left: 0;
  }

  .record-cost {
    font-size: 16px;
  }

  .record-edit,
  .record-delete {
    opacity: 1;
  }

  .record-description {
    margin-left: 54px;
    font-size: 12.5px;
  }

  .photo-thumb {
    width: 60px;
    height: 60px;
    border-radius: 10px;
  }

  .view-photos .photo-thumb {
    width: 76px;
    height: 76px;
  }

  .fact-muted {
    display: none;
  }

  .modal,
  #recordDialog {
    width: 100%;
    max-width: 100%;
    margin: 0;
    border-radius: 0;
  }

  /* Short dialogs read better as centered cards than as a narrow
     strip glued to the bottom of the screen. */
  #recordViewDialog,
  #confirmDialog {
    width: min(calc(100% - 24px), 720px);
    max-width: calc(100% - 24px);
    margin: auto;
    border-radius: var(--radius-xl);
  }

  #recordViewDialog .modal-panel,
  #confirmDialog .modal-panel {
    max-height: calc(100dvh - 48px);
    padding: 22px 18px;
    border-radius: var(--radius-xl);
  }

  .modal-panel {
    width: 100%;
    max-height: 92dvh;
    padding: 22px 18px calc(18px + env(safe-area-inset-bottom));
    border-radius: 24px 24px 0 0;
  }

  .modal {
    position: fixed;
    inset: auto 0 0;
  }

  #recordViewDialog,
  #confirmDialog {
    position: fixed;
    inset: 0;
  }

  .modal[open] .modal-panel {
    animation-name: sheetIn;
  }

  #recordViewDialog[open] .modal-panel,
  #confirmDialog[open] .modal-panel {
    animation-name: modalIn;
  }

  .modal-head h2 {
    font-size: 24px;
  }

  .form-grid {
    grid-template-columns: 1fr;
    gap: 13px;
  }

  .form-row {
    grid-template-columns: 1fr;
    gap: 13px;
  }

  .form-actions {
    position: sticky;
    bottom: -1px;
    z-index: 2;
    margin: 0 -18px -18px;
    padding: 13px 18px calc(13px + env(safe-area-inset-bottom));
    border-top: 1px solid var(--line);
    background: rgba(255, 255, 255, 0.94);
    backdrop-filter: blur(10px);
  }

  .form-actions .btn {
    flex: 1;
  }

  .form-actions-sticky {
    margin-top: 2px;
  }

  .lightbox-inner {
    padding: 60px 14px 74px;
  }

  .lightbox-nav {
    top: auto;
    bottom: 18px;
    transform: none;
  }

  .lightbox-prev {
    left: calc(50% - 60px);
  }

  .lightbox-next {
    right: calc(50% - 60px);
  }

  .lightbox-prev:hover,
  .lightbox-next:hover {
    transform: scale(1.05);
  }

  .lightbox-close {
    top: 14px;
    right: 14px;
  }

  .toast-stack {
    right: 14px;
    bottom: calc(14px + env(safe-area-inset-bottom));
    width: calc(100% - 28px);
  }

  @keyframes sheetIn {
    from {
      opacity: 0.6;
      transform: translateY(100%);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
}

@media (max-width: 430px) {
  .section-heading {
    gap: 10px;
  }

  .section-heading .btn-small {
    padding: 0 11px;
    font-size: 12px;
  }

  .section-heading .btn-small .icon {
    display: none;
  }

  .topbar-actions {
    gap: 7px;
  }

  .topbar-actions .btn-primary {
    width: 43px;
    padding: 0;
  }

  .topbar-actions .btn-primary span {
    display: none;
  }

  .hero-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .hero-actions .btn {
    width: 100%;
  }

  .hero-art {
    min-height: 250px;
  }

  .car-illustration {
    top: 28px;
    width: 104%;
  }

  .hero-last {
    padding: 11px 13px;
  }

  .stat-caption {
    display: none;
  }

  .record-aside {
    min-width: 58px;
  }

  .record-cost {
    font-size: 14px;
  }

  .record-cost-label {
    display: none;
  }

  .record-description {
    margin-left: 0;
  }

  .record-date {
    width: 100%;
  }

  .record-car {
    font-size: 11px;
  }

  .photo-thumb {
    width: 56px;
    height: 56px;
  }
}

/* Account chip in the header */
.user-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  max-width: 180px;
  min-height: 38px;
  padding: 0 12px 0 10px;
  color: var(--ink-soft);
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--surface-soft);
  font-size: 13px;
  font-weight: 650;
}

.user-chip .icon {
  width: 17px;
  height: 17px;
  color: var(--primary);
}

.user-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.logout-form {
  display: inline-flex;
  margin: 0;
}

.logout-btn {
  color: var(--muted);
}

.logout-btn:hover {
  color: var(--red);
  border-color: #fbd5de;
  background: var(--red-soft);
}

/* Login and registration */
.auth-page {
  display: flex;
  min-height: 100dvh;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 32px 16px;
  background:
    radial-gradient(900px 460px at 12% -12%, rgba(37, 99, 235, 0.13), transparent 62%),
    radial-gradient(760px 420px at 92% 6%, rgba(124, 58, 237, 0.1), transparent 58%),
    var(--bg);
}

.auth-shell {
  display: flex;
  width: min(100%, 460px);
  flex-direction: column;
  gap: 20px;
}

.auth-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 4px;
}

.auth-session {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 11px;
  color: var(--muted);
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
  font-size: 11px;
  font-weight: 650;
  white-space: nowrap;
}

.auth-session .icon {
  width: 14px;
  height: 14px;
  color: var(--primary);
}

.auth-card {
  padding: 28px 28px 26px;
  border: 1px solid var(--line);
  border-radius: var(--radius-xl);
  background: #fff;
  box-shadow: var(--shadow-md);
}

.auth-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
  margin-bottom: 24px;
  padding: 4px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--surface-soft);
}

.auth-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  color: var(--muted);
  border-radius: 9px;
  font-size: 13px;
  font-weight: 650;
  text-decoration: none;
  transition: background 150ms ease, color 150ms ease, box-shadow 150ms ease;
}

.auth-tab:hover {
  color: var(--ink-soft);
}

.auth-tab.is-active {
  color: var(--primary);
  background: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06), 0 6px 16px rgba(15, 23, 42, 0.06);
}

.auth-card h1 {
  margin-top: 12px;
  font-size: 27px;
  font-weight: 780;
  letter-spacing: -0.04em;
}

.auth-lead {
  margin-top: 8px;
  color: var(--muted);
  font-size: 13.5px;
  line-height: 1.55;
}

.auth-form {
  margin-top: 22px;
}

.password-field {
  position: relative;
  display: block;
  width: 100%;
}

.field .password-field input {
  padding-right: 84px;
}

.password-toggle {
  position: absolute;
  top: 50%;
  right: 6px;
  padding: 7px 10px;
  color: var(--muted);
  border: none;
  border-radius: 8px;
  background: transparent;
  font-family: inherit;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  transform: translateY(-50%);
  transition: color 150ms ease, background 150ms ease;
}

.password-toggle:hover {
  color: var(--primary);
  background: var(--primary-soft);
}

.password-hint {
  padding: 13px 15px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--surface-soft);
}

.password-hint strong {
  display: block;
  color: var(--ink-soft);
  font-size: 12px;
  font-weight: 700;
}

.password-rules {
  display: grid;
  gap: 5px;
  margin: 9px 0 0;
  padding: 0;
  list-style: none;
}

.password-rules li {
  position: relative;
  padding-left: 20px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
  transition: color 150ms ease;
}

.password-rules li::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 2px;
  width: 11px;
  height: 11px;
  border: 1.5px solid var(--line-strong);
  border-radius: 50%;
  transition: border-color 150ms ease, background 150ms ease;
}

.password-rules li.is-met {
  color: var(--green);
}

.password-rules li.is-met::before {
  border-color: var(--green);
  background:
    linear-gradient(45deg, transparent 44%, #fff 44%, #fff 56%, transparent 56%),
    var(--green);
}

.btn-block {
  width: 100%;
}

.btn-block .icon {
  width: 18px;
  height: 18px;
}

.auth-switch {
  margin-top: 18px;
  color: var(--muted);
  font-size: 13px;
  text-align: center;
}

.auth-switch a {
  color: var(--primary);
  font-weight: 650;
  text-decoration: none;
}

.auth-switch a:hover {
  text-decoration: underline;
}

.auth-note {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  padding: 13px 15px;
  color: var(--muted);
  border: 1px solid rgba(37, 99, 235, 0.16);
  border-radius: 12px;
  background: var(--surface-blue);
  font-size: 12px;
  line-height: 1.5;
}

.auth-note .icon {
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
  margin-top: 1px;
  color: var(--primary);
}

.auth-note strong {
  color: var(--ink-soft);
}

@media (max-width: 700px) {
  .user-name {
    display: none;
  }

  .user-chip {
    max-width: none;
    padding: 0;
    width: 38px;
    justify-content: center;
  }

  .logout-btn {
    width: 38px;
    height: 38px;
  }

  .auth-page {
    padding: 22px 12px;
  }

  .auth-card {
    padding: 22px 18px;
  }

  .auth-card h1 {
    font-size: 23px;
  }

  .auth-top .brand-text small {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}