:root {
  --bg: #050a12;
  --panel: rgba(9, 18, 31, .78);
  --panel-strong: rgba(8, 19, 34, .94);
  --line: rgba(130, 187, 255, .16);
  --line-strong: rgba(107, 189, 255, .33);
  --text: #f5f9ff;
  --muted: #8ea0b7;
  --blue: #2f8cff;
  --cyan: #59dbff;
  --cyan-soft: #8ae8ff;
  --green: #20c46b;
  --green-soft: #87f3b0;
  --red: #e34a55;
  --radius-xl: 30px;
  --radius-lg: 22px;
  --radius-md: 16px;
  --shadow: 0 25px 75px rgba(0, 0, 0, .42);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color-scheme: dark;
}

* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; background: var(--bg); color: var(--text); }
body { min-height: 100dvh; overflow-x: hidden; }
button, input, textarea { font: inherit; }
button { -webkit-tap-highlight-color: transparent; }
input, textarea { outline: none; }
textarea { resize: vertical; }

.flow-canvas {
  position: fixed; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 0;
  filter: blur(16px) saturate(145%); opacity: .94;
}

.loading-screen {
  position: fixed; inset: 0; z-index: 80; display: grid; place-items: center;
  background: radial-gradient(circle at center, rgba(13, 38, 67, .45), rgba(4, 8, 14, .96) 54%);
  transition: opacity .5s ease, visibility .5s ease;
}
.loading-screen.done { opacity: 0; visibility: hidden; }
.loader-ring {
  width: 132px; height: 132px; border-radius: 50%;
  border: 2px solid rgba(120, 189, 255, .13);
  border-top-color: rgba(94, 215, 255, .92);
  border-right-color: rgba(54, 132, 255, .56);
  box-shadow: 0 0 42px rgba(72, 171, 255, .14), inset 0 0 30px rgba(87, 194, 255, .06);
  animation: loaderSpin 1.15s linear infinite;
}
@keyframes loaderSpin { to { transform: rotate(360deg); } }

.app-shell {
  position: relative; z-index: 2; min-height: 100dvh;
  padding-bottom: calc(96px + env(safe-area-inset-bottom));
  opacity: 0; transform: translateY(6px); transition: opacity .55s ease, transform .55s ease;
}
.app-shell.ready { opacity: 1; transform: translateY(0); }
.main-content { width: min(1180px, calc(100% - 36px)); margin: 0 auto; }
.page { display: none; min-height: calc(100dvh - 100px); padding: 0 0 48px; }
.page.active { display: block; animation: pageIn .35s cubic-bezier(.2,.8,.2,1) both; }
@keyframes pageIn { from { opacity: 0; transform: translateY(5px); } }

.location-header { padding: clamp(20px, 4vh, 34px) 0 12px; text-align: center; }
.terminal-line {
  display: inline-block; font-size: clamp(9px, 1.2vw, 12px); font-weight: 900; letter-spacing: .17em;
  background: linear-gradient(90deg, #78deff, #337dff, #71ecff, #2d73ff, #78deff);
  background-size: 260% 100%; -webkit-background-clip: text; background-clip: text; color: transparent;
  animation: terminalGradient 5.4s linear infinite;
}
@keyframes terminalGradient { to { background-position: 260% 0; } }
.schedule-line { margin-top: 6px; color: #657b91; font-size: clamp(9px, 1vw, 11px); letter-spacing: .08em; }

.hero-wrap {
  position: relative; min-height: clamp(470px, 67dvh, 680px); display: grid; place-items: center;
  overflow: hidden; border-radius: 34px;
}
.hero-content { position: relative; z-index: 2; width: min(680px, 94%); text-align: center; }
.hero-kicker { color: #5c7894; font-size: 9px; font-weight: 850; letter-spacing: .2em; margin-bottom: 10px; }
.hero-content h1 {
  margin: 0; font-size: clamp(44px, 9vw, 92px); line-height: .92; letter-spacing: -.055em; font-weight: 900;
  color: #fff; text-shadow: 0 0 16px rgba(255,255,255,.13), 0 0 42px rgba(132,199,255,.08);
}
.hero-copy { width: min(540px, 92%); margin: 18px auto 28px; color: #8194aa; font-size: clamp(12px, 1.4vw, 14px); line-height: 1.6; }
.hero-actions { width: min(540px, 100%); margin: 0 auto; display: grid; gap: 12px; }
.hero-btn {
  width: 100%; min-height: 58px; border-radius: 17px; border: 1px solid transparent;
  color: #f6fbff; font-weight: 900; letter-spacing: -.01em; cursor: pointer;
  transition: transform .16s ease, box-shadow .22s ease, border-color .22s ease, filter .22s ease;
}
.hero-btn-green { background: linear-gradient(180deg, #1bad60, #0a713c); border-color: rgba(118, 242, 165, .35); box-shadow: 0 14px 38px rgba(11, 109, 56, .16), inset 0 1px rgba(255,255,255,.06); }
.hero-btn-green:hover { box-shadow: 0 0 36px rgba(55, 231, 126, .22), 0 17px 40px rgba(11, 109, 56, .24); border-color: rgba(128, 251, 175, .56); filter: brightness(1.08); transform: translateY(1px) scale(.995); }
.hero-btn-blue { background: linear-gradient(180deg, #187fc1, #0b5894); border-color: rgba(95, 202, 255, .36); box-shadow: 0 14px 38px rgba(13, 90, 147, .17), inset 0 1px rgba(255,255,255,.05); }
.hero-btn-blue:hover { box-shadow: 0 0 36px rgba(72, 190, 255, .22), 0 17px 40px rgba(13, 90, 147, .24); border-color: rgba(104, 214, 255, .62); filter: brightness(1.08); transform: translateY(1px) scale(.995); }
.pressable:active { transform: translateY(3px) scale(.982) !important; filter: brightness(.94); }
.estimate-button-wrap { position: relative; }
.corner-help {
  position: absolute; right: -7px; top: -8px; width: 26px; height: 26px; border-radius: 50%; cursor: pointer;
  border: 1px solid rgba(112, 207, 255, .42); background: rgba(7, 23, 40, .94); color: #bdeeff; font-size: 12px; font-weight: 900;
  box-shadow: 0 0 18px rgba(56, 177, 255, .16); transition: .2s ease;
}
.corner-help:hover { color: #fff; border-color: rgba(129, 221, 255, .75); box-shadow: 0 0 25px rgba(65, 192, 255, .24); transform: scale(1.06); }
.hero-orbit { position: absolute; border-radius: 50%; border: 1px solid rgba(83, 185, 255, .05); pointer-events: none; }
.hero-orbit-a { width: 520px; height: 520px; animation: orbitFloat 9s ease-in-out infinite; }
.hero-orbit-b { width: 680px; height: 680px; animation: orbitFloat 12s ease-in-out infinite reverse; opacity: .5; }
@keyframes orbitFloat { 50% { transform: scale(1.035) translateY(-7px); opacity: .8; } }

.home-note-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; margin: -18px auto 0; width: min(760px, 100%); }
.glass-mini-card, .glass-panel {
  border: 1px solid rgba(106, 177, 239, .16); background: rgba(5, 13, 24, .70);
  backdrop-filter: blur(18px) saturate(140%); box-shadow: 0 20px 55px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.02);
}
.glass-mini-card { border-radius: 18px; padding: 17px 18px; }
.glass-mini-card strong { display: block; font-size: 13px; margin-top: 4px; }
.glass-mini-card p { margin: 6px 0 0; color: #758ba2; font-size: 11px; line-height: 1.5; }
.mini-label, .eyebrow, .modal-kicker { color: #72cfff; font-size: 9px; font-weight: 850; letter-spacing: .16em; }

.page-heading { padding-top: clamp(30px, 6vh, 68px); margin-bottom: 22px; }
.page-heading h2 { margin: 7px 0 7px; font-size: clamp(30px, 5vw, 48px); letter-spacing: -.045em; }
.page-heading p { margin: 0; max-width: 620px; color: var(--muted); font-size: 13px; line-height: 1.6; }
.glass-panel { border-radius: 26px; padding: clamp(20px, 3vw, 32px); }
.empty-state { min-height: 330px; display: grid; place-items: center; align-content: center; text-align: center; }
.empty-state h3 { margin: 9px 0 5px; font-size: 23px; }
.empty-state p { margin: 0 0 20px; color: var(--muted); max-width: 430px; font-size: 12px; line-height: 1.55; }
.empty-icon { font-size: 31px; color: #72cfff; opacity: .76; }
.secondary-action, .submit-action, .disabled-link {
  min-height: 46px; padding: 0 18px; border-radius: 14px; font-weight: 850; cursor: pointer; transition: .2s ease;
}
.secondary-action { border: 1px solid rgba(95, 202, 255, .27); color: #d6f5ff; background: linear-gradient(180deg, rgba(24,127,193,.32), rgba(11,88,148,.22)); }
.secondary-action:hover { border-color: rgba(95, 202, 255, .55); box-shadow: 0 0 26px rgba(72, 190, 255, .12); }

.promo-panel { width: min(720px, 100%); }
.field-label { display: grid; gap: 7px; color: #8ea0b7; font-size: 10px; font-weight: 800; letter-spacing: .04em; }
.field-label input, .form-section textarea, .conditional-text, .profile-fields input, .inline-entry input {
  width: 100%; color: #edf7ff; border: 1px solid rgba(116, 181, 236, .17); background: rgba(3, 11, 20, .62); border-radius: 13px; transition: .2s ease;
}
.field-label input, .profile-fields input, .inline-entry input { height: 48px; padding: 0 14px; }
.form-section textarea, .conditional-text { padding: 13px 14px; min-height: 88px; }
.field-label input:focus, .form-section textarea:focus, .conditional-text:focus, .inline-entry input:focus { border-color: rgba(82, 193, 255, .52); box-shadow: 0 0 0 3px rgba(60, 167, 235, .07); }
.inline-entry { display: grid; grid-template-columns: minmax(0,1fr) 48px; gap: 8px; margin-top: 8px; }
.square-confirm { border: 1px solid rgba(95,202,255,.36); border-radius: 13px; color: #e9fbff; background: linear-gradient(180deg, #187fc1, #0b5894); cursor: pointer; font-size: 18px; }
.section-divider { height: 1px; background: rgba(128,187,235,.10); margin: 26px 0 18px; }
.subheading-row { display: flex; justify-content: space-between; color: #dbe9f5; font-size: 12px; }
.subheading-row span { color: #6f8499; }
.inline-empty { padding: 30px 0 8px; color: #657b91; font-size: 12px; text-align: center; }

.profile-panel { width: min(700px,100%); }
.profile-avatar { width: 68px; height: 68px; border-radius: 20px; display: grid; place-items: center; margin-bottom: 20px; color: #a9edff; font-weight: 900; border: 1px solid rgba(91,196,255,.21); background: linear-gradient(145deg, rgba(38,131,207,.2), rgba(8,38,64,.2)); box-shadow: inset 0 1px rgba(255,255,255,.03); }
.profile-fields { display: grid; gap: 13px; margin-bottom: 18px; }
.muted-field input { color: #668096; }

.about-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.about-card h3, .works-card h3 { margin: 8px 0 4px; font-size: 20px; letter-spacing: -.02em; }
.about-card p, .works-card p { margin: 0; color: #8295a9; font-size: 12px; line-height: 1.55; }
.works-card { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.disabled-link { flex: 0 0 auto; border: 1px solid rgba(116,181,236,.12); color: #64788c; background: rgba(255,255,255,.025); cursor: default; }

.bottom-nav {
  position: fixed; z-index: 30; left: 50%; bottom: max(12px, env(safe-area-inset-bottom)); transform: translateX(-50%);
  width: min(468px, calc(100% - 24px)); height: 64px; padding: 6px; display: grid; grid-template-columns: repeat(6,1fr); gap: 4px;
  border: 1px solid rgba(106, 177, 239, .18); border-radius: 23px; background: rgba(5, 13, 24, .78);
  backdrop-filter: blur(18px) saturate(145%); box-shadow: 0 20px 52px rgba(0,0,0,.42), inset 0 1px rgba(255,255,255,.02);
}
.nav-btn { border: 0; border-radius: 17px; background: transparent; color: #60768d; display: grid; place-items: center; cursor: pointer; transition: .2s ease; }
.nav-btn svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.nav-btn.active { color: #b8efff; background: linear-gradient(180deg, rgba(47,139,255,.22), rgba(35,93,162,.12)); box-shadow: inset 0 0 0 1px rgba(87,192,255,.14), 0 0 21px rgba(67,171,255,.07); }
.nav-btn:hover { color: #9bdfff; }

.modal { position: fixed; inset: 0; z-index: 60; pointer-events: none; opacity: 0; transition: opacity .25s ease; }
.modal.open { opacity: 1; pointer-events: auto; }
.modal-backdrop { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: rgba(1,6,12,.62); backdrop-filter: blur(13px) saturate(115%); }
.modal-card {
  position: absolute; left: 50%; top: 50%; width: min(520px, calc(100% - 28px)); max-height: calc(100dvh - 34px); overflow-y: auto;
  transform: translate(-50%,-46%) scale(.98); padding: 28px; border-radius: 24px; border: 1px solid rgba(110,196,255,.18);
  background: linear-gradient(180deg, rgba(8,21,37,.97), rgba(5,13,24,.985));
  box-shadow: 0 30px 100px rgba(0,0,0,.62), 0 0 55px rgba(43,137,222,.09); transition: transform .28s ease;
  scrollbar-width: thin; scrollbar-color: rgba(87,192,255,.25) transparent;
}
.modal.open .modal-card { transform: translate(-50%,-50%) scale(1); }
.modal-card-tall { width: min(760px, calc(100% - 28px)); }
.modal-close { position: sticky; float: right; right: 0; top: 0; z-index: 5; width: 34px; height: 34px; margin: -8px -8px 0 10px; border: 0; border-radius: 50%; background: rgba(255,255,255,.045); color: #8698aa; font-size: 21px; cursor: pointer; }
.modal-card h2 { margin: 8px 0 8px; font-size: clamp(25px,4vw,34px); letter-spacing: -.04em; }
.modal-intro { margin: 0 0 24px; color: #91a3b6; font-size: 12px; line-height: 1.55; max-width: 620px; }
.form-section { padding: 18px 0; border-top: 1px solid rgba(128,187,235,.09); }
.form-section-title { display: flex; align-items: center; gap: 9px; margin-bottom: 13px; font-size: 12px; font-weight: 900; color: #d8e9f6; }
.form-section-title span { color: #64cfff; font-size: 9px; letter-spacing: .12em; }
.form-grid { display: grid; gap: 9px; }
.form-grid.three { grid-template-columns: 1fr 1.35fr .7fr; }
.form-grid.stack { grid-template-columns: 1fr; margin: 20px 0; }
.field-note { margin-top: 8px; color: #61768b; font-size: 9px; line-height: 1.45; }
.choice-grid { display: grid; gap: 8px; }
.polish-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.choice-card { min-height: 92px; padding: 14px; text-align: left; border-radius: 15px; cursor: pointer; border: 1px solid rgba(113,182,239,.14); background: rgba(4,14,25,.52); color: #eaf4fb; transition: .18s ease; }
.choice-card strong { display: block; font-size: 12px; margin-bottom: 6px; }
.choice-card small { display: block; color: #74899f; line-height: 1.45; font-size: 10px; }
.choice-card:hover, .choice-card.selected { border-color: rgba(82,195,255,.46); background: rgba(16,64,99,.32); box-shadow: 0 0 22px rgba(61,178,245,.07); }
.scope-grid { grid-template-columns: repeat(2,minmax(0,1fr)); margin-bottom: 8px; }
.choice-chip { min-height: 42px; padding: 0 12px; border-radius: 12px; border: 1px solid rgba(113,182,239,.13); background: rgba(4,14,25,.5); color: #9eb1c3; cursor: pointer; transition: .18s ease; }
.choice-chip:hover, .choice-chip.selected { color: #dff7ff; border-color: rgba(82,195,255,.43); background: rgba(16,64,99,.31); }
.upload-zone { min-height: 150px; display: grid; place-items: center; align-content: center; text-align: center; padding: 18px; border-radius: 17px; cursor: pointer; border: 1px dashed rgba(102,220,157,.28); background: rgba(15,86,50,.07); transition: .2s ease; }
.upload-zone:hover { border-color: rgba(102,239,157,.55); background: rgba(15,86,50,.12); box-shadow: 0 0 24px rgba(47,212,113,.06); }
.upload-zone-blue { border-color: rgba(95,202,255,.28); background: rgba(19,83,129,.08); }
.upload-zone-blue:hover { border-color: rgba(95,202,255,.58); background: rgba(19,83,129,.14); box-shadow: 0 0 24px rgba(67,181,246,.07); }
.upload-zone strong { font-size: 12px; }
.upload-zone small { margin-top: 7px; max-width: 420px; color: #70859a; font-size: 9px; line-height: 1.5; }
.upload-plus { width: 36px; height: 36px; display: grid; place-items: center; margin-bottom: 8px; border-radius: 50%; color: #a9f1c4; border: 1px solid rgba(102,239,157,.22); background: rgba(20,139,69,.10); font-size: 21px; font-weight: 300; }
.upload-zone-blue .upload-plus { color: #b9edff; border-color: rgba(95,202,255,.22); background: rgba(24,127,193,.10); }
.submit-action { width: 100%; border: 1px solid transparent; color: #f2fbff; margin-top: 8px; }
.submit-green { background: linear-gradient(180deg, #1bad60, #0a713c); border-color: rgba(118,242,165,.35); }
.submit-blue { background: linear-gradient(180deg, #187fc1, #0b5894); border-color: rgba(95,202,255,.36); }
.compact-card { width: min(510px, calc(100% - 28px)); }
.compare-list { display: grid; gap: 10px; margin: 20px 0; }
.compare-list > div { padding: 14px; border-radius: 15px; border: 1px solid rgba(113,182,239,.12); background: rgba(4,14,25,.45); }
.compare-list strong { font-size: 12px; }
.compare-list p { color: #8397aa; font-size: 11px; line-height: 1.55; margin: 5px 0 0; }

.toast {
  position: fixed; z-index: 90; left: 50%; bottom: calc(94px + env(safe-area-inset-bottom)); transform: translate(-50%,12px); opacity: 0; pointer-events: none;
  padding: 9px 13px; border-radius: 999px; border: 1px solid rgba(107,195,255,.2); background: rgba(5,17,29,.92); color: #d7f5ff; font-size: 11px; backdrop-filter: blur(12px); transition: .2s ease;
}
.toast.show { opacity: 1; transform: translate(-50%,0); }

@media (max-width: 760px) {
  .main-content { width: min(100% - 22px, 1180px); }
  .hero-wrap { min-height: 555px; border-radius: 28px; }
  .hero-content { width: 96%; }
  .hero-copy { width: 95%; margin-top: 15px; }
  .hero-actions { width: 96%; }
  .home-note-grid { grid-template-columns: 1fr; margin-top: -4px; }
  .bottom-nav { height: 61px; width: calc(100% - 18px); bottom: max(8px, env(safe-area-inset-bottom)); border-radius: 21px; padding: 5px; gap: 2px; }
  .nav-btn { border-radius: 16px; }
  .nav-btn svg { width: 20px; height: 20px; }
  .page-heading { padding-top: 29px; }
  .form-grid.three { grid-template-columns: 1fr; }
  .polish-grid, .scope-grid { grid-template-columns: 1fr; }
  .modal-card { padding: 23px 17px; width: calc(100% - 18px); max-height: calc(100dvh - 18px); border-radius: 22px; }
  .modal-card-tall { width: calc(100% - 14px); }
  .about-grid { grid-template-columns: 1fr; }
  .works-card { grid-column: auto; display: grid; gap: 18px; }
  .disabled-link { width: 100%; }
}

@media (min-width: 1200px) {
  .main-content { width: min(1260px, calc(100% - 72px)); }
  .hero-wrap { min-height: min(700px, 72vh); }
  .hero-actions { width: 560px; }
}

@media (max-height: 680px) and (min-width: 720px) {
  .location-header { padding-top: 14px; }
  .hero-wrap { min-height: 480px; }
  .hero-content h1 { font-size: clamp(46px, 8vw, 78px); }
  .hero-copy { margin: 12px auto 19px; }
  .hero-btn { min-height: 52px; }
  .home-note-grid { margin-top: -2px; }
}

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

/* Functional build additions */
[hidden]{display:none!important}.top-gap{margin-top:14px}.section-toolbar{display:flex;justify-content:flex-end;margin:-8px 0 14px}.stack-list{display:grid;gap:10px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.list-card,.car-card,.promo-card,.client-card,.case-card,.metric-card{border:1px solid rgba(110,196,255,.14);background:linear-gradient(180deg,rgba(7,20,34,.78),rgba(4,12,22,.72));backdrop-filter:blur(12px);box-shadow:inset 0 1px rgba(255,255,255,.025),0 18px 50px rgba(0,0,0,.16);border-radius:18px;padding:15px}.clickable{cursor:pointer;transition:.18s ease}.clickable:hover{transform:translateY(-1px);border-color:rgba(98,199,255,.32);box-shadow:0 0 26px rgba(65,174,255,.06),inset 0 1px rgba(255,255,255,.03)}.case-card-head,.card-head,.price-row,.action-row,.subheading-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.case-title{font-size:14px;font-weight:900;color:#edf8ff}.case-meta,.muted,.micro{font-size:10px;color:#74899d;line-height:1.5}.status-pill,.type-pill,.source-pill{font-size:9px;font-weight:850;padding:5px 8px;border-radius:999px;border:1px solid rgba(112,190,246,.17);background:rgba(31,99,151,.13);color:#a9dfff;white-space:nowrap}.status-new{color:#9df6b8;border-color:rgba(71,225,127,.24);background:rgba(22,120,60,.13)}.status-accepted,.status-contacted{color:#9ddfff}.status-scheduled{color:#c9bcff}.status-in_work{color:#ffe69e;border-color:rgba(255,211,91,.24);background:rgba(132,96,18,.13)}.status-completed{color:#a8ffc4}.status-canceled,.status-rejected{color:#ffaaaa;border-color:rgba(255,101,101,.2);background:rgba(126,30,30,.12)}.urgency-green{border-color:rgba(55,223,122,.23)}.urgency-yellow{border-color:rgba(255,211,91,.42);box-shadow:0 0 28px rgba(255,205,62,.05)}.urgency-red{border-color:rgba(255,83,83,.48);box-shadow:0 0 30px rgba(255,60,60,.07)}.warning-tag{color:#ffd57c;font-weight:900;font-size:10px}.case-body{display:grid;gap:5px;margin-top:10px}.case-price{font-size:13px;font-weight:900;color:#eaf7ff}.old-price{text-decoration:line-through;color:#718399}.new-price{color:#67e99a;font-size:15px;font-weight:950}.price-stack{display:flex;align-items:baseline;gap:8px}.empty-block{min-height:190px;display:grid;place-items:center;text-align:center;color:#71859a;border:1px dashed rgba(113,182,239,.12);border-radius:20px;padding:20px}.car-card h3,.promo-card h3,.client-card h3{margin:0 0 5px;font-size:17px}.car-card .action-row,.promo-card .action-row{margin-top:14px}.tiny-btn{min-height:34px;padding:0 11px;border-radius:10px;border:1px solid rgba(95,202,255,.2);background:rgba(20,85,130,.18);color:#bfeaff;font-size:10px;font-weight:800;cursor:pointer}.tiny-btn.green{border-color:rgba(83,235,141,.22);background:rgba(26,119,62,.18);color:#baffd0}.tiny-btn.red{border-color:rgba(255,109,109,.22);background:rgba(119,31,31,.16);color:#ffb9b9}.tiny-btn:disabled{opacity:.4;cursor:not-allowed}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(95px,1fr));gap:8px;margin:10px 0 14px}.photo-item{position:relative;aspect-ratio:1;border-radius:13px;overflow:hidden;border:1px solid rgba(116,181,236,.12);background:#07111d}.photo-item img{width:100%;height:100%;object-fit:cover}.photo-delete{position:absolute;right:5px;top:5px;width:27px;height:27px;border:0;border-radius:50%;background:rgba(2,7,12,.82);color:#ffb0b0;cursor:pointer}.photo-deleted{opacity:.35;filter:grayscale(.65)}.deleted-badge{position:absolute;inset:auto 5px 5px 5px;border-radius:7px;padding:4px;background:rgba(0,0,0,.76);font-size:8px;color:#ffb0b0}.compact-upload{min-height:92px}.case-form select,.settings-form select,.filter-bar select,.field-label select,.search-panel input{width:100%;height:46px;padding:0 12px;border:1px solid rgba(116,181,236,.17);background:rgba(3,11,20,.72);color:#e9f6ff;border-radius:12px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.car-source{margin-bottom:10px}.car-choice-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}.car-select-wrap select{width:100%;height:46px;border-radius:12px;border:1px solid rgba(116,181,236,.17);background:rgba(3,11,20,.72);color:#eaf6ff;padding:0 12px}.new-car-fields.hidden{display:none}.order-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.detail-box{border:1px solid rgba(113,182,239,.12);background:rgba(4,14,25,.44);border-radius:14px;padding:12px}.detail-box .mini-label{margin-bottom:6px}.detail-box strong{font-size:12px}.timeline{display:grid;gap:7px;margin-top:8px}.timeline-item{display:grid;grid-template-columns:105px 1fr;gap:10px;font-size:10px;padding:9px 0;border-bottom:1px solid rgba(128,187,235,.07)}.timeline-item time{color:#62788e}.timeline-item span{color:#c8d7e4}.apply-promo-box{margin-top:14px;padding:14px;border-radius:15px;border:1px solid rgba(71,225,127,.18);background:rgba(19,89,46,.1)}.apply-promo-box select{width:100%;height:43px;margin:8px 0;border-radius:11px;border:1px solid rgba(87,210,137,.2);background:#06150f;color:#dfffea;padding:0 10px}.cancel-reason-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.modal-subpanel{margin-top:16px;padding:15px;border-radius:15px;border:1px solid rgba(113,182,239,.11);background:rgba(4,14,25,.42)}
.admin-content{max-width:1180px}.admin-page{display:none;min-height:calc(100vh - 110px)}.admin-page.active{display:block}.admin-nav{grid-template-columns:repeat(5,1fr);width:min(420px,calc(100% - 24px))}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:24px}.metric-card strong{display:block;font-size:26px;letter-spacing:-.04em}.metric-card span{font-size:9px;color:#71879c;text-transform:uppercase;letter-spacing:.08em}.subsection-title{margin:18px 0 10px;color:#cfe5f4;font-size:12px;font-weight:900}.filter-bar{display:grid;grid-template-columns:1fr 1fr auto;gap:9px;padding:12px}.search-panel{padding:10px}.client-card{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.client-stats{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.stat-chip{font-size:9px;color:#9cb0c2;border:1px solid rgba(113,182,239,.11);border-radius:999px;padding:4px 7px}.notes-preview{display:grid;gap:6px;margin-top:8px}.note-row{padding:9px 10px;border-radius:11px;background:rgba(255,255,255,.025);border:1px solid rgba(116,181,236,.08);font-size:10px;color:#c3d2df}.note-row time{color:#62778c;margin-right:7px}.settings-form{display:grid;gap:12px;width:min(760px,100%)}.admin-form-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.check-list{display:grid;gap:6px;max-height:52vh;overflow:auto;margin:15px 0}.check-row{display:flex;align-items:center;gap:9px;padding:10px;border-radius:11px;border:1px solid rgba(113,182,239,.1);background:rgba(4,14,25,.4);font-size:11px}.check-row input{accent-color:#49bfff}.danger-note{padding:10px 12px;border:1px solid rgba(255,91,91,.18);background:rgba(110,26,26,.1);border-radius:12px;color:#ffb8b8;font-size:10px}.success-note{padding:10px 12px;border:1px solid rgba(65,223,124,.18);background:rgba(23,99,53,.1);border-radius:12px;color:#baffce;font-size:10px}.modal-card input,.modal-card textarea,.modal-card select{font-family:inherit}.modal-card textarea{width:100%;color:#edf7ff;border:1px solid rgba(116,181,236,.17);background:rgba(3,11,20,.62);border-radius:13px;padding:12px;resize:vertical}.button-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.button-grid .secondary-action{width:100%}.line{height:1px;background:rgba(128,187,235,.09);margin:15px 0}.promo-stats{display:flex;gap:12px;flex-wrap:wrap;margin:9px 0}.promo-stats strong{color:#e8f7ff}.price-preview{padding:12px;border-radius:13px;border:1px solid rgba(68,225,126,.15);background:rgba(19,83,45,.1);margin:10px 0}.link-button{border:0;background:none;color:#72cfff;padding:0;cursor:pointer;font:inherit}.modal-kicker{font-size:9px;color:#65cbff;letter-spacing:.14em;font-weight:900}.section-title-line{display:flex;justify-content:space-between;align-items:center;gap:10px}.client-no-show{color:#ffbc76;font-weight:900}
@media(max-width:700px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.two,.detail-grid,.button-grid,.admin-form-row{grid-template-columns:1fr}.filter-bar{grid-template-columns:1fr}.client-card{grid-template-columns:1fr}.modal-card{padding:22px 17px}.timeline-item{grid-template-columns:82px 1fr}.section-toolbar{justify-content:stretch}.section-toolbar .secondary-action{width:100%}}
.contact-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.toast.bad{border-color:rgba(255,91,91,.28);color:#ffd2d2;background:rgba(35,10,14,.94)}
.contact-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.toast.bad{border-color:rgba(255,91,91,.28);color:#ffd2d2;background:rgba(35,10,14,.94)}