:root{--violet: #6366f1;--violet-dark: #4f46e5;--pink: #ec4899;--sky: #0ea5e9;--teal: #14b8a6;--amber: #f59e0b;--rose: #f43f5e;--green: #10b981;--ink: #1e1b4b;--ink-soft: #4c4a7a;--muted: #8b89ad;--line: #e9e7f5;--card: #ffffff;--card-soft: #f8f7ff;--grad-main: linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #ec4899 100%);--grad-cool: linear-gradient(135deg, #0ea5e9 0%, #14b8a6 100%);--grad-warm: linear-gradient(135deg, #f59e0b 0%, #f43f5e 100%);--grad-green: linear-gradient(135deg, #10b981 0%, #84cc16 100%);--shadow-sm: 0 2px 8px rgba(79, 70, 229, .08);--shadow: 0 8px 24px rgba(79, 70, 229, .12);--shadow-lg: 0 18px 48px rgba(79, 70, 229, .22);--radius: 20px;--radius-sm: 14px;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;min-height:100%}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:#f6f4ff;background-image:radial-gradient(900px 420px at 10% -10%,#ddd6fe 0%,transparent 60%),radial-gradient(760px 380px at 100% 0%,#fbcfe8 0%,transparent 55%),radial-gradient(700px 420px at 50% 110%,#cffafe 0%,transparent 60%);background-attachment:fixed;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;line-height:1.2;letter-spacing:-.02em}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font:inherit;color:inherit;width:100%}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding-bottom:calc(78px + var(--safe-bottom))}.app--plain{padding-bottom:0}.topbar{position:sticky;top:0;z-index:30;padding:calc(14px + var(--safe-top)) 16px 14px;background:var(--grad-main);color:#fff;border-radius:0 0 26px 26px;box-shadow:var(--shadow)}.topbar__row{display:flex;align-items:center;justify-content:space-between;gap:12px}.topbar__title{font-size:19px;font-weight:800}.topbar__sub{margin-top:2px;font-size:12.5px;font-weight:500;opacity:.86}.topbar__action{display:inline-flex;align-items:center;gap:6px;padding:9px 13px;border-radius:999px;background:#fff3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:13px;font-weight:700;white-space:nowrap}.topbar__action:active{transform:scale(.96)}.page{flex:1;width:100%;max-width:620px;margin:0 auto;padding:16px 16px 24px}@media (min-width: 900px){.page{max-width:880px}}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;justify-content:center;gap:4px;padding:8px 10px calc(8px + var(--safe-bottom));background:#ffffffeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line)}.tab{flex:1;max-width:140px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;border-radius:var(--radius-sm);color:var(--muted);font-size:11px;font-weight:700;text-decoration:none;transition:background .15s,color .15s}.tab__icon{font-size:20px;line-height:1}.tab.is-active{color:var(--violet-dark);background:#eef2ff}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid rgba(233,231,245,.9)}.card--pad{padding:16px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:22px 2px 10px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft)}.muted{color:var(--muted)}.empty{padding:28px 18px;text-align:center;color:var(--muted);font-size:14px;font-weight:500}.empty__emoji{display:block;font-size:34px;margin-bottom:8px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.stat{padding:11px 8px;border-radius:var(--radius-sm);background:#ffffff38;text-align:center;color:#fff}.stat__value{font-size:20px;font-weight:800;line-height:1}.stat__label{margin-top:4px;font-size:10.5px;font-weight:600;opacity:.88;text-transform:uppercase;letter-spacing:.05em}.datestrip{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:none}.datestrip::-webkit-scrollbar{display:none}.daychip{flex:0 0 auto;min-width:58px;padding:9px 10px;border-radius:var(--radius-sm);background:#fff;border:1px solid var(--line);text-align:center;box-shadow:var(--shadow-sm);transition:transform .12s}.daychip:active{transform:scale(.95)}.daychip__dow{font-size:10.5px;font-weight:700;color:var(--muted);text-transform:uppercase}.daychip__day{font-size:19px;font-weight:800;line-height:1.1}.daychip__mon{font-size:10px;font-weight:600;color:var(--muted)}.daychip.is-active{background:var(--grad-main);border-color:transparent;color:#fff;box-shadow:var(--shadow)}.daychip.is-active .daychip__dow,.daychip.is-active .daychip__mon{color:#ffffffd9}.daychip.is-today .daychip__day:after{content:"•";display:block;font-size:14px;line-height:.4;color:var(--pink)}.daychip.is-active.is-today .daychip__day:after{color:#fff}.slots{display:grid;gap:10px}.slot{display:flex;align-items:stretch;gap:12px;width:100%;padding:13px 14px;border-radius:var(--radius);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm);text-align:left;transition:transform .12s,box-shadow .12s}.slot:active{transform:scale(.985)}.slot--free{border-style:dashed;border-color:#c7d2fe;background:linear-gradient(180deg,#fff,#fbfaff)}.slot--booked{box-shadow:var(--shadow)}.slot__time{flex:0 0 72px;display:flex;flex-direction:column;justify-content:center;padding-right:12px;border-right:2px solid var(--line)}.slot__time-main{font-size:16px;font-weight:800;letter-spacing:-.02em}.slot__time-end{font-size:11px;font-weight:600;color:var(--muted)}.slot__body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:5px}.slot__name{font-size:15.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot__meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:12px;font-weight:600;color:var(--ink-soft)}.slot__free-label{font-size:14px;font-weight:700;color:#818cf8}.slot__side{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:6px}.token{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 8px;border-radius:12px;background:var(--grad-cool);color:#fff;font-size:15px;font-weight:800;box-shadow:var(--shadow-sm)}.chip{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:999px;font-size:11.5px;font-weight:700;background:var(--card-soft);color:var(--ink-soft);border:1px solid var(--line);white-space:nowrap}.chip--solid{color:#fff;border-color:transparent}.chip--status-booked{background:#eef2ff;color:#4338ca;border-color:#c7d2fe}.chip--status-arrived{background:#ecfeff;color:#0e7490;border-color:#a5f3fc}.chip--status-in_chair{background:var(--grad-green);color:#fff;border-color:transparent}.chip--status-completed{background:#f0fdf4;color:#15803d;border-color:#bbf7d0}.chip--status-cancelled{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.chip--status-no_show{background:#fff7ed;color:#c2410c;border-color:#fed7aa}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:13px 18px;border-radius:var(--radius-sm);font-size:15px;font-weight:700;background:var(--card-soft);color:var(--ink);border:1px solid var(--line);transition:transform .12s,opacity .12s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--grad-main);color:#fff;border-color:transparent;box-shadow:var(--shadow)}.btn--cool{background:var(--grad-cool);color:#fff;border-color:transparent;box-shadow:var(--shadow-sm)}.btn--green{background:var(--grad-green);color:#fff;border-color:transparent;box-shadow:var(--shadow-sm)}.btn--warm{background:var(--grad-warm);color:#fff;border-color:transparent;box-shadow:var(--shadow-sm)}.btn--ghost-danger{background:#fff;color:#dc2626;border-color:#fecaca}.btn--block{width:100%}.btn--sm{padding:9px 13px;font-size:13px;border-radius:12px}.btn-row{display:flex;gap:9px}.btn-row>*{flex:1}.field{margin-bottom:14px}.field__label{display:block;margin-bottom:6px;font-size:12.5px;font-weight:700;color:var(--ink-soft)}.field__input,.field__textarea,.field__select{padding:13px 14px;border-radius:var(--radius-sm);border:1.5px solid var(--line);background:var(--card-soft);font-size:16px;font-weight:600;transition:border-color .15s,background .15s}.field__input:focus,.field__textarea:focus,.field__select:focus{outline:none;border-color:var(--violet);background:#fff}.field__textarea{min-height:74px;resize:vertical;font-weight:500}.field__hint{margin-top:5px;font-size:11.5px;font-weight:500;color:var(--muted)}.picker{display:flex;flex-wrap:wrap;gap:7px}.picker__item{display:inline-flex;align-items:center;gap:5px;padding:9px 12px;border-radius:999px;border:1.5px solid var(--line);background:#fff;font-size:13px;font-weight:700;color:var(--ink-soft);transition:transform .12s}.picker__item:active{transform:scale(.95)}.picker__item.is-on{color:#fff;border-color:transparent;box-shadow:var(--shadow-sm)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:flex-end;justify-content:center;background:#1e1b4b73;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in .18s ease-out}.sheet{width:100%;max-width:620px;max-height:92vh;overflow-y:auto;background:#fff;border-radius:26px 26px 0 0;padding:10px 16px calc(20px + var(--safe-bottom));box-shadow:var(--shadow-lg);animation:slide-up .24s cubic-bezier(.22,1,.36,1)}.sheet__grip{width:44px;height:5px;margin:4px auto 12px;border-radius:999px;background:var(--line)}.sheet__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.sheet__title{font-size:19px;font-weight:800}.sheet__sub{margin-top:3px;font-size:13px;font-weight:600;color:var(--muted)}.sheet__close{flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:var(--card-soft);font-size:17px;font-weight:700;color:var(--ink-soft)}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.alert{padding:11px 13px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:600;margin-bottom:13px}.alert--error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.alert--info{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.alert--success{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.toast{position:fixed;left:50%;bottom:calc(96px + var(--safe-bottom));z-index:80;transform:translate(-50%);max-width:calc(100% - 32px);padding:12px 18px;border-radius:999px;background:var(--ink);color:#fff;font-size:13.5px;font-weight:700;box-shadow:var(--shadow-lg);animation:fade-in .18s ease-out}.rows{display:grid;gap:1px;background:var(--line);border-radius:var(--radius-sm);overflow:hidden}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:#fff;font-size:14px}.row__label{font-weight:600;color:var(--muted)}.row__value{font-weight:700;text-align:right}.history{display:grid;gap:9px}.history__item{display:flex;gap:12px;padding:12px 14px;border-radius:var(--radius-sm);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm)}.history__date{flex:0 0 56px;text-align:center;padding-right:10px;border-right:2px solid var(--line)}.history__day{font-size:17px;font-weight:800;line-height:1.1}.history__mon{font-size:10.5px;font-weight:700;color:var(--muted);text-transform:uppercase}.history__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.patient-card{display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px;border-radius:var(--radius-sm);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm);text-align:left}.avatar{flex:0 0 auto;display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--grad-main);color:#fff;font-size:16px;font-weight:800}.queue{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:calc(26px + var(--safe-top)) 18px calc(26px + var(--safe-bottom))}.queue__wrap{width:100%;max-width:440px;display:flex;flex-direction:column;gap:14px}.queue__brand{text-align:center;margin-bottom:4px}.queue__logo{font-size:38px;line-height:1}.queue__clinic{margin-top:6px;font-size:21px;font-weight:800}.queue__date{font-size:13px;font-weight:600;color:var(--ink-soft)}.queue__now{padding:30px 20px 26px;border-radius:30px;background:var(--grad-main);color:#fff;text-align:center;box-shadow:var(--shadow-lg)}.queue__now-label{font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.9}.queue__now-value{margin:6px 0 2px;font-size:92px;font-weight:800;line-height:1;letter-spacing:-.04em;text-shadow:0 6px 24px rgba(0,0,0,.18)}.queue__now-note{font-size:13.5px;font-weight:600;opacity:.92}.doctor{display:flex;align-items:center;gap:13px;padding:16px;border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.doctor__dot{position:relative;flex:0 0 auto;width:14px;height:14px;border-radius:50%;background:var(--muted)}.doctor__dot.is-in{background:var(--green)}.doctor__dot.is-in:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px solid rgba(16,185,129,.45);animation:pulse 1.8s ease-out infinite}@keyframes pulse{0%{transform:scale(.7);opacity:1}to{transform:scale(1.5);opacity:0}}.doctor__title{font-size:16px;font-weight:800}.doctor__sub{font-size:12.5px;font-weight:600;color:var(--muted)}.queue__tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.tile{padding:16px;border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-sm);text-align:center}.tile__value{font-size:30px;font-weight:800;line-height:1;background:var(--grad-cool);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.tile__label{margin-top:6px;font-size:11.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.queue__foot{text-align:center;font-size:11.5px;font-weight:600;color:var(--muted)}.login{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px}.login__card{width:100%;max-width:380px;padding:30px 24px;border-radius:28px;background:#fff;box-shadow:var(--shadow-lg);text-align:center}.login__logo{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 16px;border-radius:22px;background:var(--grad-main);font-size:32px;box-shadow:var(--shadow)}.login__title{font-size:23px;font-weight:800}.login__sub{margin:6px 0 22px;font-size:13.5px;font-weight:500;color:var(--muted)}.pin-input{text-align:center;letter-spacing:.5em;font-size:24px!important;font-weight:800;padding:15px 14px}.spinner{width:26px;height:26px;margin:30px auto;border:3px solid var(--line);border-top-color:var(--violet);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{height:70px;border-radius:var(--radius);background:linear-gradient(90deg,#f1efff 25%,#e8e5fb 37%,#f1efff 63%);background-size:400% 100%;animation:shimmer 1.3s ease-in-out infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.segmented{display:flex;gap:4px;margin-top:14px;padding:4px;border-radius:999px;background:#fff3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.segmented__item{flex:1;padding:9px 8px;border-radius:999px;color:#ffffffdb;font-size:12.5px;font-weight:700;transition:background .15s,color .15s}.segmented__item.is-on{background:#fff;color:var(--violet-dark);box-shadow:var(--shadow-sm)}.total-card{margin-top:4px;padding:26px 20px;border-radius:26px;background:var(--grad-green);color:#fff;text-align:center;box-shadow:var(--shadow-lg)}.total-card__label{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.92}.total-card__value{margin:8px 0 4px;font-size:40px;font-weight:800;line-height:1.05;letter-spacing:-.03em}.total-card__note{font-size:13px;font-weight:600;opacity:.94}.history__amount{flex:0 0 auto;align-self:center;padding-left:10px;font-size:15.5px;font-weight:800;color:#15803d;white-space:nowrap}.history__item--pending{border-color:#fed7aa;background:linear-gradient(180deg,#fffbeb,#fff 70%)}.chip--pending{background:#fff7ed;color:#c2410c;border-color:#fed7aa}.amount-input{position:relative;display:flex;align-items:center}.amount-input__currency{position:absolute;left:14px;font-size:15px;font-weight:800;color:var(--muted);pointer-events:none}.amount-input__field{padding-left:52px;font-size:22px!important;font-weight:800}.patient-card{gap:8px}.patient-card__main{flex:1;min-width:0;display:flex;align-items:center;gap:12px;text-align:left}.icon-btn{flex:0 0 auto;display:grid;place-items:center;width:40px;height:40px;border-radius:13px;border:1px solid var(--line);background:var(--card-soft);color:var(--ink-soft);transition:transform .12s}.icon-btn:active{transform:scale(.94)}.icon-btn--wa{background:#25d366;border-color:transparent;color:#fff;box-shadow:0 4px 12px #25d36659}.btn--wa{background:#25d366;border-color:transparent;color:#fff;box-shadow:0 4px 12px #25d3664d;text-decoration:none}.btn--wa svg{display:block}.tabbar .tab{max-width:110px}.waitlist{text-align:center}.waitlist__title{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft)}.waitlist__numbers{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:12px 0 8px}.waitlist__number{display:grid;place-items:center;min-width:40px;height:40px;padding:0 9px;border-radius:13px;background:var(--card-soft);border:1.5px solid var(--line);font-size:16px;font-weight:800;color:var(--ink-soft)}.waitlist__number.is-now{background:var(--grad-main);border-color:transparent;color:#fff;box-shadow:var(--shadow)}.waitlist__note{font-size:11.5px;font-weight:500;color:var(--muted)}.availability-btn{font-size:15px}.avail{display:grid;gap:8px}.avail__day{border-radius:var(--radius-sm);border:1px solid var(--line);background:#fff;overflow:hidden}.avail__day.is-full{background:var(--card-soft);opacity:.72}.avail__head{display:flex;align-items:center;gap:12px;width:100%;padding:11px 13px;text-align:left}.avail__head:disabled{cursor:default}.avail__date{flex:0 0 48px;display:flex;flex-direction:column;align-items:center;padding-right:11px;border-right:2px solid var(--line)}.avail__dow{font-size:10px;font-weight:700;text-transform:uppercase;color:var(--muted)}.avail__num{font-size:18px;font-weight:800;line-height:1.1}.avail__mon{font-size:9.5px;font-weight:700;text-transform:uppercase;color:var(--muted)}.avail__label{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.avail__when{font-size:14.5px;font-weight:800}.avail__count{font-size:12px;font-weight:600;color:var(--muted)}.avail__chevron{flex:0 0 auto;color:var(--muted);font-size:13px}.avail__slots{display:flex;flex-wrap:wrap;gap:7px;padding:0 13px 13px 72px}.avail__slot{padding:7px 11px;border-radius:999px;background:#ecfeff;border:1.5px solid #a5f3fc;font-size:12.5px;font-weight:700;color:#0e7490}.icon-btn--sm{width:34px;height:34px;border-radius:11px}.slot__main{flex:1;min-width:0;display:flex;align-items:stretch;gap:12px;text-align:left}.slot__main .slot__time,.slot__main .slot__body,.slot__main .slot__meta,.slot__main .slot__name,.slot__main .slot__free-label{display:flex}.slot__main .slot__name{display:block}.queue__tiles--three{grid-template-columns:repeat(3,1fr);gap:9px}.queue__tiles--three .tile{padding:14px 8px}.queue__tiles--three .tile__value{font-size:26px}.queue__tiles--three .tile__label{margin-top:5px;font-size:10px;letter-spacing:.03em;line-height:1.25}.slot--gone{background:var(--card-soft);border-style:dashed;border-color:var(--line);opacity:.7}.slot--gone .slot__main{cursor:default}.slot__gone-label{font-size:13.5px;font-weight:600;color:var(--muted)}