:root{--teal:#0f7a7e;--teal-dark:#0a5c5f;--teal-soft:#e6f4f3;--teal-mid:#1a8d91;--bg:#f3f5f7;--card:#fff;--text:#1a1d21;--muted:#6b7280;--border:#e5e7eb;--danger:#dc4c4c;--danger-soft:#fde8e8;--ok:#1f9d63;--ok-soft:#e6f7ef;--shadow:0 8px 24px #0f7a7e14;--radius:16px;--nav-h:72px;--safe-b:env(safe-area-inset-bottom,0px);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Manrope,system-ui,sans-serif;line-height:1.4}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100%;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}.app-shell{max-width:480px;min-height:100dvh;padding:0 16px calc(var(--nav-h) + var(--safe-b) + 12px);margin:0 auto;position:relative}.app-shell.no-nav{padding-bottom:24px}.page-header{z-index:20;background:linear-gradient(180deg, var(--bg) 70%, transparent);justify-content:space-between;align-items:center;gap:12px;padding:16px 0 12px;display:flex;position:sticky;top:0}.page-header h1{letter-spacing:-.02em;text-align:center;flex:1;margin:0;font-size:20px;font-weight:800}.icon-btn{width:40px;height:40px;color:var(--teal);background:var(--card);box-shadow:var(--shadow);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.btn{border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:52px;font-size:15px;font-weight:700;transition:transform .15s,opacity .15s,background .15s;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--teal);color:#fff}.btn-primary:hover{background:var(--teal-dark)}.btn-ghost{background:var(--card);color:var(--teal);border:1px solid var(--border)}.btn-danger{background:var(--danger-soft);color:var(--danger)}.field{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.field label{color:var(--muted);font-size:13px;font-weight:600}.field input,.field textarea,.field select{border:1px solid var(--border);background:#fff;border-radius:12px;outline:none;width:100%;padding:14px}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0f7a7e1f}.muted{color:var(--muted);font-size:14px}.stack{flex-direction:column;gap:12px;display:flex}.bottom-nav{width:min(480px,100%);height:calc(var(--nav-h) + var(--safe-b));padding:8px 8px calc(8px + var(--safe-b));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);z-index:50;background:#ffffffeb;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav a{color:var(--muted);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.bottom-nav a.active{color:var(--teal)}.bottom-nav svg{width:22px;height:22px}.slots-heading{justify-content:space-between;align-items:center;gap:12px;margin:4px 0 10px;display:flex}.slots-heading-text{flex:1;min-width:0;margin:0;font-weight:700}.slots-heading-text span{color:var(--teal)}.slots-heading-pick{flex:none;min-width:72px;animation:.28s slot-pick-in;min-height:44px!important;padding:8px 12px!important}.slot-grid-wrap{opacity:1;grid-template-rows:1fr;margin-bottom:4px;transition:grid-template-rows .28s,opacity .22s,margin .22s;display:grid}.slot-grid-wrap>.slot-grid{min-height:0;overflow:hidden}.slot-grid-wrap.is-collapsed{opacity:0;pointer-events:none;grid-template-rows:0fr;margin-bottom:0}.slot-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.slot-grid.dense{grid-template-columns:repeat(4,1fr)}.slot{background:var(--teal);color:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:52px;padding:6px 4px;font-size:13px;font-weight:700;transition:transform .15s,background .15s,outline .15s;display:flex}.slot.busy,.slot.closed{color:var(--muted);background:#eceff2}.slot.selected{background:var(--teal-dark);outline:3px solid #0f7a7e59;box-shadow:0 6px 16px #0f7a7e38}.slot .sub{font-size:11px;font-weight:500}@keyframes slot-pick-in{0%{opacity:0;transform:translate(8px)scale(.92)}to{opacity:1;transform:translate(0)scale(1)}}.slot.free-admin{background:var(--ok-soft);color:var(--ok)}.slot.closed-admin{background:var(--danger-soft);color:var(--danger)}.car-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);grid-template-columns:72px 1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.car-card-main{text-align:left;width:100%;color:inherit;background:0 0;border:none;padding:0}.car-avatar{background:linear-gradient(145deg,#d9eef0,#b7dfe2);border-radius:14px;flex-shrink:0;place-items:center;width:72px;height:72px;padding:0;font-size:28px;display:grid;overflow:hidden}.car-avatar img{object-fit:cover;width:100%;height:100%}.photo-picker{aspect-ratio:16/10;border:1.5px dashed var(--border);background:var(--teal-soft);cursor:pointer;border-radius:14px;place-items:center;width:100%;display:grid;overflow:hidden}.photo-picker img{object-fit:cover;width:100%;height:100%}.photo-picker-empty{color:var(--teal);flex-direction:column;align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.photo-picker-empty span:first-child{font-size:28px}.plate{border:1.5px solid var(--teal);color:var(--teal);letter-spacing:.04em;border-radius:8px;align-items:center;margin-top:6px;padding:4px 8px;font-size:13px;font-weight:800;display:inline-flex}.rus-plate{color:#111;-webkit-user-select:none;user-select:none;background:#fff;border:1.5px solid #111;border-radius:5px;grid-template-columns:1fr auto;align-items:stretch;min-width:148px;height:34px;margin-top:8px;font-family:Manrope,Arial Narrow,Arial,sans-serif;line-height:1;display:inline-grid;overflow:hidden;box-shadow:0 1px #0000000f,inset 0 0 0 .5px #0000001f}.rus-plate-main{letter-spacing:.08em;white-space:nowrap;justify-content:center;align-items:center;padding:0 8px 1px;font-size:15px;font-weight:800;display:flex}.rus-plate-side{border-left:1.5px solid #111;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-width:36px;padding:2px 5px 2px 4px;display:flex}.rus-plate-region{letter-spacing:.02em;font-size:12px;font-weight:800}.rus-plate-country{letter-spacing:.04em;align-items:center;gap:3px;font-size:7px;font-weight:800;display:inline-flex}.rus-plate-flag{background:linear-gradient(#fff 0 33.33%,#0039a6 33.33% 66.66%,#d52b1e 66.66% 100%);border:.5px solid #00000059;border-radius:.5px;flex-shrink:0;width:10px;height:7px;display:inline-block}.rus-plate--raw .rus-plate-main{letter-spacing:.04em;padding:0 6px;font-size:12px}.rus-plate--raw .rus-plate-region{opacity:.35}.choice{text-align:left;background:var(--card);width:100%;box-shadow:var(--shadow);border:2px solid #0000;border-radius:14px;padding:16px;font-weight:700}.choice.active{border-color:var(--teal);background:var(--teal-soft);color:var(--teal-dark)}.flow-wrap{background:radial-gradient(120px 40px at 20% 80%,#0f7a7e14,#0000),linear-gradient(#ffffffb3,#f3f5f733);border-radius:18px;margin:0 0 10px;padding:4px 0 2px}.flow-track{scrollbar-width:none;scroll-behavior:smooth;padding:0 4px 2px;overflow:auto hidden}.flow-track::-webkit-scrollbar{display:none}.flow-track-inner{flex-direction:column;width:max-content;min-width:100%;display:flex;position:relative}.flow-steps{gap:6px;padding:2px 0 6px;display:flex}.flow-chip{color:var(--muted);background:#eceff2;border-radius:999px;flex:none;align-items:center;gap:6px;padding:6px 10px 6px 6px;font-size:11px;font-weight:700;transition:background .3s,color .3s,transform .3s,box-shadow .3s;display:inline-flex}.flow-chip em{background:#d7dde4;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;font-style:normal;display:grid}.flow-chip.done{color:var(--teal-dark);background:#dff3f2}.flow-chip.done em{color:#fff;background:#67b8bb}.flow-chip.on{background:var(--teal-soft);color:var(--teal);transform:translateY(-1px);box-shadow:0 6px 16px #0f7a7e29}.flow-chip.on em{background:var(--teal);color:#fff}.flow-lane{width:max-content;min-width:100%;height:86px;margin:0;position:relative;overflow:visible}.flow-lane--hero{height:128px}.flow-lane-glow{pointer-events:none;background:radial-gradient(closest-side,#0f7a7e1f,#0000 70%);height:28px;position:absolute;inset:auto 0 8px}.flow-lane-line{background:linear-gradient(90deg,#9fd5d7,#d7dde4 45%,#eceff2);border-radius:99px;height:4px;position:absolute;top:68px;left:0;right:0}.flow-lane--hero .flow-lane-line{top:112px}.flow-lane-dots{pointer-events:none;height:12px;position:absolute;top:64px;left:0;right:0}.flow-lane--hero .flow-lane-dots{top:108px}.flow-lane-dots i{background:#d7dde4;border-radius:50%;width:10px;height:10px;position:absolute;top:0;transform:translate(-50%);box-shadow:0 0 0 3px #ffffffb3}.flow-lane-dots i.on{background:var(--teal)}.flow-runner{will-change:transform;transition:none;position:absolute;top:0;left:0}.flow-runner.is-moving{transition:transform .8s cubic-bezier(.45,.05,.2,1)}.mech-sprite{transform-origin:50% 100%;filter:drop-shadow(0 8px 14px #0f283c38);width:108px;height:118px;position:relative}.mech-sprite--reverse{transform:scaleX(-1)}.mech-sprite-shadow{filter:blur(2px);z-index:0;background:#00000038;border-radius:50%;width:54px;height:10px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.mech-sprite-frame{object-fit:contain;object-position:bottom center;opacity:0;z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;width:auto;max-width:104px;height:108px;transition:opacity .28s,transform .35s;position:absolute;bottom:6px;left:50%;transform:translate(-50%)translateY(4px)scale(.96)}.mech-sprite-frame.is-active{opacity:1;z-index:2;transform:translate(-50%)translateY(0)scale(1)}.mech-sprite--idle .mech-sprite-frame.is-active,.mech-sprite--calendar .mech-sprite-frame.is-active{animation:2.8s ease-in-out infinite mech-idle-bob}.mech-sprite--push .mech-sprite-frame.is-active{animation:.95s ease-in-out mech-push-bounce}.mech-sprite--scratch .mech-sprite-frame.is-active{animation:2s ease-in-out mech-scratch-nudge}.mech-sprite--sleep .mech-sprite-frame.is-active{filter:brightness(.96)saturate(.92);animation:2.8s ease-in-out infinite mech-doze}.mech-sleep-overlay{z-index:3;pointer-events:none;width:52px;height:64px;position:absolute;top:8%;left:62%}.mech-sleep-overlay .zzz{color:var(--teal);text-shadow:0 2px 8px #0f7a7e40;opacity:0;font-family:Manrope,system-ui,sans-serif;font-weight:800;line-height:1;animation:2.4s ease-out infinite mech-zzz;position:absolute;bottom:0;left:0}.mech-sleep-overlay .z1{font-size:18px;left:2px}.mech-sleep-overlay .z2{font-size:14px;animation-delay:.45s;left:14px}.mech-sleep-overlay .z3{color:#67b8bb;font-size:11px;animation-delay:.9s;left:24px}@keyframes mech-doze{0%,to{transform:translate(-50%)translateY(0)rotate(0)scale(1)}40%{transform:translate(-50%)translateY(2px)rotate(3deg)scale(.99)}70%{transform:translate(-50%)translateY(1px)rotate(2deg)scale(.995)}}@keyframes mech-zzz{0%{opacity:0;transform:translateY(8px)scale(.5)rotate(-8deg)}18%{opacity:1}to{opacity:0;transform:translate(10px,-36px)scale(1.15)rotate(12deg)}}@keyframes mech-idle-bob{0%,to{transform:translate(-50%)translateY(0)scale(1)}50%{transform:translate(-50%)translateY(-3px)scale(1)}}@keyframes mech-push-bounce{0%,to{transform:translate(-50%)translateY(0)scale(1)rotate(0)}35%{transform:translate(-50%)translateY(-2px)scale(1.02)rotate(2deg)}70%{transform:translate(-50%)translateY(1px)scale(1)rotate(1deg)}}@keyframes mech-scratch-nudge{0%,to{transform:translate(-50%)translateY(0)rotate(0)}30%,55%{transform:translate(-50%)translateY(-2px)rotate(-3deg)}70%{transform:translate(-50%)translateY(-1px)rotate(-1deg)}}@media (prefers-reduced-motion:reduce){.flow-runner.is-moving,.mech-sprite--idle .mech-sprite-frame.is-active,.mech-sprite--push .mech-sprite-frame.is-active,.mech-sprite--scratch .mech-sprite-frame.is-active,.mech-sprite--sleep .mech-sprite-frame.is-active,.mech-sleep-overlay .zzz{transition:none!important;animation:none!important}}.detail-rows{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.detail-row{border-bottom:1px solid var(--border);grid-template-columns:40px 1fr;align-items:center;gap:10px;padding:14px 16px;display:grid}.detail-row:last-child{border-bottom:none}.detail-row .ico{background:var(--teal-soft);width:36px;height:36px;color:var(--teal);border-radius:50%;place-items:center;font-size:16px;display:grid}.detail-row .label{color:var(--muted);font-size:12px;font-weight:600}.detail-row .value{font-size:15px;font-weight:700}.hero{color:#fff;background:radial-gradient(circle at 85% 15%,#ffffff38,#0000 40%),linear-gradient(145deg,#0f7a7e,#0a5c5f 55%,#083f42);border-radius:24px;margin-bottom:16px;padding:28px 20px;box-shadow:0 16px 40px #0f7a7e47}.hero h2{letter-spacing:-.03em;margin:0 0 8px;font-size:26px;font-weight:800}.toast{left:50%;bottom:calc(var(--nav-h) + 16px + var(--safe-b));color:#fff;z-index:100;background:#1a1d21;border-radius:12px;max-width:min(420px,100% - 32px);padding:12px 16px;font-size:13px;font-weight:600;position:fixed;transform:translate(-50%)}.loader{min-height:40vh;color:var(--muted);place-items:center;display:grid}.empty{text-align:center;color:var(--muted);padding:40px 16px}.date-chip-row{scrollbar-width:none;gap:8px;padding-bottom:8px;display:flex;overflow-x:auto}.date-chip-row::-webkit-scrollbar{display:none}.date-chip{background:var(--card);border:1px solid var(--border);text-align:center;border-radius:14px;flex:none;min-width:64px;padding:10px 12px;font-size:13px;font-weight:700}.date-chip.active{background:var(--teal);color:#fff;border-color:var(--teal)}.date-chip:disabled{opacity:.4}.confirm-banner{color:var(--teal);align-items:center;gap:10px;margin:8px 0 12px;font-weight:700;display:flex}.confirm-banner .check{background:var(--teal);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}