:root{--bg: #121315;--surface: #1c1e21;--surface2: #272a2e;--line: #3a3e44;--accent: #d32f2f;--on-accent: #fff;--accent-text: #ff6b6b;--text: #f1f5fb;--muted: #94a3bd;--ok: #3ecf8e;--danger: #ff5d6c;--radius: 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-size:16px;line-height:1.4;-webkit-text-size-adjust:100%}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}.muted{color:var(--muted)}.small{font-size:13px}.grow{flex:1}.row{display:flex;align-items:center;gap:10px}.col{display:flex;flex-direction:column;gap:10px}.center{text-align:center}.accent{color:var(--accent-text)}.hide{display:none!important}.btn{min-height:52px;padding:0 20px;border-radius:14px;background:var(--surface2);border:1px solid var(--line);font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn.ghost{background:transparent}.btn.danger{color:var(--danger)}.btn.small{min-height:40px;width:auto;padding:0 14px;font-size:14px;border-radius:10px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:active:not(:disabled){transform:scale(.98)}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:13px;color:var(--muted)}.input{min-height:52px;width:100%;padding:0 14px;border-radius:12px;background:var(--surface);border:1px solid var(--line);outline:none}textarea.input{padding:12px 14px;min-height:80px;resize:vertical}.input:focus{border-color:var(--accent)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.err{color:var(--danger);font-size:14px}.chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:650;background:var(--surface2);border:1px solid var(--line)}.chip.s-bekliyor{color:#ffc857}.chip.s-onaylandi{color:#6cb6ff}.chip.s-islemde{color:var(--accent-text)}.chip.sig{color:#fff;background:var(--accent);border-color:var(--accent)}.chip.s-hazir{color:var(--ok)}.chip.s-teslim{color:var(--muted)}.chip.s-iptal{color:var(--danger)}.app{height:100%;display:flex;flex-direction:column;max-width:560px;margin:0 auto;position:relative}.demo-band{background:var(--accent);color:var(--on-accent);font-size:12px;font-weight:700;text-align:center;padding:5px 10px;padding-top:calc(5px + env(safe-area-inset-top));flex:none}.screen{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 16px 28px;-webkit-overflow-scrolling:touch}.screen.has-bar{padding-bottom:150px}.topbar{display:flex;align-items:center;gap:10px;margin-bottom:14px}.topbar h2{font-size:20px}.back{width:44px;height:44px;border-radius:12px;background:var(--surface);border:1px solid var(--line);font-size:20px;flex:none}.logo{width:150px;height:150px;flex:none;filter:drop-shadow(0 10px 24px rgba(0,0,0,.5))}.logo svg{width:100%;height:100%;display:block}.logo.sm{width:40px;height:40px;filter:none}.badges{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.badge{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px;font-size:13px;font-weight:650;display:flex;gap:8px;align-items:center}.badge i{color:var(--accent-text);font-style:normal}.svc{display:flex;flex-wrap:wrap;gap:8px}.svc span{background:var(--surface2);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:13px}.hero{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 0 8px;text-align:center}.hero h1{font-size:26px}.cta{min-height:64px;font-size:18px}.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick a{background:var(--surface);border:1px solid var(--line);border-radius:14px;min-height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-weight:650;font-size:14px}.quick .ico{font-size:22px}.footer{text-align:center;color:var(--muted);font-size:12px;margin-top:22px}.seg{display:flex;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:4px;gap:4px}.seg button{flex:1;min-height:44px;border-radius:10px;font-weight:650;color:var(--muted)}.seg button.on{background:var(--accent);color:var(--on-accent)}.section-title{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:18px 0 8px}.car-wrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:8px}.car{width:100%;max-height:62vh;display:block;margin:0 auto}.car .part{fill:var(--surface2);stroke:#6b7280;stroke-width:1.5;cursor:pointer;transition:fill .15s}.car .part:active{fill:#3a3f46}.car .part.sel{fill:var(--accent);stroke:#ffb3b3}.car .glass{fill:#0a0b0c;stroke:#2a3b59;stroke-width:1;pointer-events:none}.car .hit{fill:transparent;cursor:pointer}.car .lbl{font-size:11px;fill:var(--muted);pointer-events:none;text-anchor:middle}.car .lbl.on{fill:var(--on-accent);font-weight:700}.hint{font-size:13px;color:var(--muted);text-align:center;margin:8px 0 0}.opt{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 14px;border-radius:14px;background:var(--surface);border:1px solid var(--line);text-align:left;width:100%}.opt.on{border-color:var(--accent);background:#d32f2f29}.opt .box{width:24px;height:24px;border-radius:7px;border:2px solid var(--line);display:grid;place-items:center;flex:none;font-size:15px;color:var(--on-accent)}.opt.on .box{background:var(--accent);border-color:var(--accent)}.opt .name{flex:1;font-weight:600}.opt .price{font-weight:700;white-space:nowrap}.sheet-back{position:fixed;inset:0;background:#04091299;z-index:40;animation:fade .15s}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:41;background:var(--bg);border-top:1px solid var(--line);border-radius:22px 22px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom));max-height:82vh;overflow-y:auto;max-width:560px;margin:0 auto;animation:up .2s ease-out}.sheet .grab{width:44px;height:4px;border-radius:4px;background:var(--line);margin:-6px auto 12px}@keyframes up{0%{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}.totalbar{position:fixed;left:0;right:0;bottom:0;z-index:30;max-width:560px;margin:0 auto;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(18,19,21,0) 0%,var(--bg) 22%)}.totalbar .inner{display:flex;align-items:center;gap:10px;background:var(--surface2);border:1px solid var(--line);border-radius:20px;padding:10px 10px 10px 16px;box-shadow:0 -6px 30px #0006}.totalbar .sum{flex:1;text-align:left;min-height:44px}.totalbar .sum small{display:block;color:var(--muted);font-size:12px}.totalbar .sum b{font-size:24px;font-variant-numeric:tabular-nums}.totalbar .btn{width:auto;min-height:48px}.totalbar.bump .inner{animation:bump .35s}@keyframes bump{40%{transform:scale(1.02);border-color:var(--accent)}}.line{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.line:last-child{border-bottom:0}.line .x{width:36px;height:36px;border-radius:10px;background:var(--surface);border:1px solid var(--line);color:var(--danger);flex:none}.sumrow{display:flex;justify-content:space-between;padding:6px 0}.sumrow.big{font-size:20px;font-weight:800}.photo-prev{width:100%;max-height:180px;object-fit:cover;border-radius:12px}.days{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin:0 -16px;padding-left:16px;padding-right:16px;scrollbar-width:none}.day{flex:none;width:64px;min-height:72px;border-radius:14px;background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.day b{font-size:20px}.day.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.day:disabled{opacity:.35}.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.slot{min-height:52px;border-radius:12px;background:var(--surface);border:1px solid var(--line);font-weight:700}.slot.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.slot:disabled{opacity:.3;text-decoration:line-through;cursor:not-allowed}.paycard{background:linear-gradient(135deg,#34373d,#1c1e21);border:1px solid var(--line);border-radius:18px;padding:16px}.threeds{text-align:center;padding:8px 0}.codeinput{letter-spacing:12px;text-align:center;font-size:26px;font-weight:700}.track{display:flex;margin:14px 0 4px}.track .st{flex:1;text-align:center;position:relative;font-size:10.5px;color:var(--muted);line-height:1.2}.track .st i{display:block;width:22px;height:22px;border-radius:50%;margin:0 auto 6px;background:var(--surface2);border:2px solid var(--line);position:relative;z-index:1;font-style:normal;font-size:12px;line-height:18px;color:var(--on-accent)}.track .st:before{content:"";position:absolute;top:10px;left:-50%;width:100%;height:3px;background:var(--line)}.track .st:first-child:before{display:none}.track .st.done:before,.track .st.cur:before{background:var(--accent)}.track .st.done i{background:var(--accent);border-color:var(--accent)}.track .st.cur i{background:var(--accent);border-color:#ffb3b3;box-shadow:0 0 0 4px #d32f2f59}.track .st.done,.track .st.cur{color:var(--text)}.check{width:76px;height:76px;border-radius:50%;background:var(--ok);color:#04210f;display:grid;place-items:center;font-size:40px;margin:8px auto;animation:pop .4s}@keyframes pop{0%{transform:scale(.3);opacity:0}70%{transform:scale(1.1)}}.apptno{font-size:30px;font-weight:800;letter-spacing:1px}.desk{min-height:100%;display:flex;align-items:center;justify-content:center;gap:72px;padding:32px;background:radial-gradient(1200px 600px at 20% 0%,#26282d,var(--bg))}.phone{width:392px;height:820px;max-height:calc(100vh - 48px);border-radius:52px;padding:12px;background:#050506;border:2px solid #3a3e44;box-shadow:0 30px 80px #0009;position:relative;flex:none}.phone:before{content:"";position:absolute;top:20px;left:50%;transform:translate(-50%);width:110px;height:24px;border-radius:14px;background:#050506;z-index:2}.phone iframe{width:100%;height:100%;border:0;border-radius:40px;background:var(--bg)}.desk-side{max-width:360px;display:flex;flex-direction:column;gap:16px}.desk-side h1{font-size:30px}.qr{background:#fff;padding:12px;border-radius:16px;width:188px;height:188px}.qr svg{width:100%;height:100%;display:block}.panel{min-height:100%;display:flex;flex-direction:column;max-width:1100px;margin:0 auto}.panel-head{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--surface);position:sticky;top:0;z-index:20}.panel-head h1{font-size:17px;flex:1}.panel-body{padding:16px 16px 100px;flex:1}.tabs{position:fixed;bottom:0;left:0;right:0;z-index:25;display:flex;background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.tabs button{flex:1;min-height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:12px;color:var(--muted);font-weight:600}.tabs button .ico{font-size:20px}.tabs button.on{color:var(--accent)}@media(min-width:900px){.tabs{position:sticky;top:61px;bottom:auto;order:-1;border-top:0;border-bottom:1px solid var(--line);padding:0 8px}.tabs button{flex-direction:row;justify-content:center;gap:8px;min-height:52px;font-size:15px}.panel-body{padding-bottom:40px}}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 12px}.stat b{display:block;font-size:22px;margin-top:2px;font-variant-numeric:tabular-nums}.stat span{font-size:12px;color:var(--muted)}@media(max-width:420px){.stat b{font-size:18px}}.arow{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 14px;border-radius:14px;background:var(--surface);border:1px solid var(--line);min-height:64px}.arow .time{font-weight:800;font-size:17px;min-width:52px;font-variant-numeric:tabular-nums}.arow .who{flex:1;min-width:0}.arow .who b,.arow .who span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.cal .h{text-align:center;font-size:12px;color:var(--muted);padding:4px 0}.cal button{min-height:54px;border-radius:10px;background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-weight:600}.cal button.on{border-color:var(--accent);background:#d32f2f2e}.cal button.today b{color:var(--accent)}.cal button.off{opacity:.35}.cal button small{font-size:11px;color:var(--accent);min-height:13px}.ptable{display:flex;flex-direction:column;gap:8px}.prow{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.prow label{flex:1;font-weight:600;font-size:15px}.prow .input{width:130px;min-height:46px;text-align:right;font-weight:700}.prow.dirty{border-color:var(--accent)}.savebar{position:sticky;bottom:72px;z-index:15;margin-top:14px}@media(min-width:900px){.savebar{bottom:12px}}.toast{position:fixed;left:50%;bottom:100px;transform:translate(-50%);background:var(--ok);color:#04210f;padding:12px 18px;border-radius:12px;font-weight:700;z-index:60;animation:up .2s;max-width:90vw}.toast.bad{background:var(--danger);color:#fff}.daypick{display:flex;flex-wrap:wrap;gap:8px}.daypick button{min-width:52px;min-height:46px;border-radius:10px;background:var(--surface);border:1px solid var(--line);font-weight:650}.daypick button.on{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.login{min-height:100%;display:grid;place-items:center;padding:20px}.login .card{width:100%;max-width:380px}.kv{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px dashed var(--line)}.kv:last-child{border-bottom:0}.kv span:first-child{color:var(--muted)}.statusgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.statusgrid .btn.on{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.wa{background:#1fa855;border-color:#1fa855;color:#fff}