:root{--ink: #0f1a21;--ink-2: #1b2933;--ink-3: #3a4a55;--chrome: #8a9794;--line: #d9dfdc;--porcelain: #eef1ef;--paper: #f8faf9;--pole: #d43a2f;--pole-soft: #fbe5e2;--tile: #2457c5;--tile-soft: #e0e8f8;--focus: #2457c5;--font: "Readex Pro", "IBM Plex Sans Arabic", system-ui, -apple-system, "Segoe UI", Tahoma, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:16px;line-height:1.65;color:var(--ink);background:var(--porcelain);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,p,figure,ul,ol{margin:0;padding:0}ul,ol{list-style:none}button,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}.wordmark{display:inline-flex;align-items:center;gap:10px}.wordmark-name{font-size:1.625rem;font-weight:700;letter-spacing:0;line-height:1}.wordmark-paper{color:var(--paper)}.lang-switch{border:1px solid var(--line);background:transparent;border-radius:8px;padding:5px 14px;font-size:.8125rem;font-weight:500;color:var(--ink-3)}.lang-switch:hover{background:#0f1a210d}.lang-switch.on-dark{border-color:#f8faf93d;color:var(--paper)}.lang-switch.on-dark:hover{background:#f8faf914}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:10px;border:0;font-weight:600;font-size:1rem;transition:background .15s,transform .06s}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:hover:not(:disabled){background:var(--ink-2)}.btn-quiet{background:transparent;color:inherit;border:1px solid currentColor;min-height:40px;padding:0 16px;opacity:.8}.text-btn{background:none;border:0;color:var(--ink-3);font-size:.875rem;font-weight:500;padding:4px 6px}.text-btn:hover{color:var(--ink)}.field{display:grid;gap:8px}.field>label{font-size:.9375rem;font-weight:500}.field small{color:var(--chrome);font-size:.8125rem}.field input{width:100%;min-height:54px;padding:0 16px;border-radius:10px;border:1.5px solid var(--line);background:#fff;font-size:1.0625rem;letter-spacing:.02em;transition:border-color .15s,box-shadow .15s}.field input:hover{border-color:var(--chrome)}.field input:focus{outline:none;border-color:var(--tile);box-shadow:0 0 0 4px #2457c524}.phone-input{display:grid}.phone-prefix{display:grid;place-items:center;padding:0 16px;border-radius:10px;background:var(--ink);color:var(--paper);font-weight:600;letter-spacing:.04em}.password-input{position:relative}.password-input input{padding-inline-end:76px}.password-input .text-btn{position:absolute;inset-inline-end:8px;top:50%;transform:translateY(-50%)}.form-error{color:#8f1f17;background:var(--pole-soft);border-inline-start:4px solid var(--pole);padding:10px 14px;border-radius:4px;font-size:.9375rem}.login{min-height:100%;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.login-art{position:relative;overflow:hidden;background:var(--ink);color:var(--paper);padding:36px 56px 56px;display:grid;grid-template-rows:auto 1fr auto;justify-items:start}.login-art-top{display:flex;align-items:center;justify-content:space-between;width:100%}.login-art-copy{max-width:440px}.login-art-copy h1{font-size:clamp(2rem,3.2vw,2.75rem);font-weight:700;line-height:1.3}.login-art-copy p{margin-top:14px;color:#b7c2bf;font-size:1.0625rem;line-height:1.8}.ring{position:relative;width:min(400px,100%);aspect-ratio:1;align-self:center;justify-self:center;margin-block:24px}.ring svg{width:100%;height:100%;display:block}.tick{stroke:#f8faf957}.tick-lit{stroke:var(--pole)}.ring figcaption{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.ring figcaption b{font-size:5.5rem;font-weight:700;line-height:1;letter-spacing:-.02em}.ring figcaption span{margin-top:6px;color:#b7c2bf;font-size:1rem}@media(prefers-reduced-motion:no-preference){.tick{animation:sweep 1.1s ease-out both;animation-delay:calc(var(--i) * 18ms)}@keyframes sweep{0%{stroke:var(--pole)}to{stroke:#f8faf957}}.tick-lit{animation:none}}.login-pane{display:grid;place-items:center;padding:32px 24px;background:var(--paper)}.login-form{width:100%;max-width:400px;display:grid;gap:22px}.login-form header h2{font-size:1.75rem;font-weight:700;line-height:1.3}.login-form header p{margin-top:6px;color:var(--ink-3)}.login-form footer{display:grid;gap:6px;padding-top:20px;border-top:1px solid var(--line);color:var(--ink-3);font-size:.875rem}.login-mobile-top{display:none;align-items:center;justify-content:space-between}.notice{min-height:100%;display:grid;place-items:center;padding:24px}.notice-card{width:100%;max-width:460px;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:36px;display:grid;gap:14px;justify-items:start}.notice-card h2{font-size:1.5rem;margin-top:10px}.notice-card p{color:var(--ink-3)}.notice-card .btn-quiet{margin-top:6px;color:var(--ink)}.app{min-height:100%;display:grid;grid-template-columns:232px minmax(0,1fr)}.sidebar{background:var(--ink);color:var(--paper);padding:24px 14px;display:flex;flex-direction:column;gap:28px;position:sticky;top:0;height:100vh}.sidebar .wordmark{padding-inline:10px}.sidebar nav{display:grid;gap:2px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:#9fb0ab;font-weight:400;text-align:start;position:relative}.nav-item:hover{background:#f8faf90f;color:var(--paper)}.nav-item.is-active{background:#f8faf917;color:var(--paper);font-weight:500}.nav-item.is-active:before{content:"";position:absolute;inset-inline-start:-14px;top:10px;bottom:10px;width:4px;border-radius:0 4px 4px 0;background:var(--pole)}[dir=rtl] .nav-item.is-active:before{border-radius:4px 0 0 4px}.sidebar-foot{margin-top:auto;display:grid;gap:10px;justify-items:start;padding-inline:10px}.sidebar .btn-quiet{border-color:#f8faf938;color:var(--paper)}.content{padding:28px 36px 48px;min-width:0;display:grid;gap:22px;align-content:start}.topbar h1{font-size:1.75rem;font-weight:700;line-height:1.3}.topbar-sub{color:var(--ink-3);display:flex;gap:12px;align-items:center;flex-wrap:wrap}.preview-tag{font-size:.8125rem;padding:1px 10px;border-radius:999px;background:var(--tile-soft);color:var(--tile);font-weight:500}.today{display:grid;gap:28px;align-items:start}.today .timeline-wrap{order:-1}.col-title{font-size:.9375rem;font-weight:600;color:var(--ink-3);margin-bottom:10px;display:flex;align-items:center;gap:8px}.count{background:var(--ink);color:var(--paper);border-radius:999px;font-size:.75rem;padding:0 8px;line-height:1.6}.queue-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 32px;align-content:start}.queue-col .col-title:nth-of-type(1),.queue-col .serving{grid-column:1}.queue-col .col-title:nth-of-type(2),.queue-col .tickets{grid-column:2}.queue-col .col-title{grid-row:1}.queue-col .serving,.queue-col .tickets{grid-row:2;align-content:start}.serving{display:grid;gap:8px;margin-bottom:22px}.serving-item{display:grid;grid-template-columns:1fr auto;gap:0 12px;padding:12px 14px;background:var(--paper);border:1px solid var(--line);border-inline-start:5px solid var(--tile);border-radius:8px}.serving-item.kind-walkin{border-inline-start-color:var(--pole)}.serving-barber{grid-column:1;font-size:.8125rem;color:var(--chrome)}.serving-left{grid-column:2;grid-row:1;font-size:.8125rem;color:var(--ink-3);text-align:end}.serving-item strong{grid-column:1;font-size:1.125rem;font-weight:600;line-height:1.4}.serving-service{grid-column:2;grid-row:2;align-self:end;font-size:.875rem;color:var(--ink-3)}.tickets{display:grid;gap:0;border-top:1px solid var(--line)}.ticket-row{display:grid;grid-template-columns:56px 1fr;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.ticket-no{font-size:1.75rem;font-weight:700;color:var(--pole);line-height:1;text-align:center}.ticket-info{display:grid;line-height:1.4}.ticket-info b{font-weight:500}.ticket-info small{color:var(--chrome)}.legend{display:flex;gap:18px;margin-bottom:12px;font-size:.8125rem;color:var(--ink-3)}.lg{display:inline-flex;align-items:center;gap:8px}.lg:before{content:"";width:14px;height:14px;border-radius:4px;background:var(--tile)}.lg-walkin:before{background:var(--pole)}.lg-free:before{background:repeating-linear-gradient(135deg,var(--line) 0 2px,transparent 2px 5px);border:1px solid var(--line)}.timeline-wrap{min-width:0;overflow-x:auto;padding-bottom:8px}.timeline{position:relative;width:max-content;min-width:100%;display:grid;gap:8px}.t-row{display:grid;grid-template-columns:76px var(--w-total);align-items:stretch}.t-name{position:sticky;inset-inline-start:0;z-index:3;display:flex;align-items:center;font-weight:600;background:var(--porcelain);padding-inline-end:8px}.t-track{position:relative;height:68px;border-radius:8px}.free-track{background:repeating-linear-gradient(135deg,rgba(15,26,33,.07) 0 2px,transparent 2px 7px)}.t-head .t-track{height:22px}.t-hour{unicode-bidi:isolate;position:absolute;inset-inline-start:var(--s);transform:translate(var(--shift, -50%));font-size:.75rem;color:var(--chrome)}[dir=rtl] .t-hour{--shift: 50%}.t-hour:first-child,[dir=rtl] .t-hour:first-child{--shift: 0%}.t-grid{position:absolute;inset-inline-start:var(--s);top:0;bottom:0;width:1px;background:#0f1a2114}.blk{position:absolute;inset-inline-start:var(--s);width:var(--w);top:3px;bottom:3px;padding:6px 10px;overflow:hidden;border-radius:6px;background:var(--tile-soft);color:#14327a;border-inline-start:4px solid var(--tile);display:grid;align-content:center;line-height:1.35}.blk b{font-size:.9375rem;font-weight:600;white-space:nowrap}.blk span{font-size:.75rem;opacity:.8;white-space:nowrap}.blk.kind-walkin{background:var(--pole-soft);color:#7d1d15;border-inline-start-color:var(--pole)}.blk.done{opacity:.45}.blk.live{background:var(--tile);color:#fff;border-inline-start-color:var(--ink);box-shadow:0 6px 16px #2457c54d}.blk.live.kind-walkin{background:var(--pole);box-shadow:0 6px 16px #d43a2f4d}.blk.live span{opacity:.9}.now{position:absolute;top:0;bottom:0;inset-inline-start:calc(76px + var(--s));width:2px;background:var(--ink);z-index:2;pointer-events:none}.now:before{content:"";position:absolute;top:0;inset-inline-start:-4px;width:10px;height:10px;border-radius:50%;background:var(--ink)}.tabbar{display:none}@media(max-width:700px){.queue-col{grid-template-columns:1fr}.queue-col .col-title,.queue-col .serving,.queue-col .tickets{grid-column:1!important;grid-row:auto!important}}@media(max-width:860px){.login{grid-template-columns:1fr}.login-art{display:none}.login-mobile-top{display:flex}.login-pane{align-items:start;padding-top:36px}.app{grid-template-columns:1fr}.sidebar{display:none}.content{padding:20px 16px 112px}.topbar h1{font-size:1.5rem}.tabbar{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;position:fixed;inset-inline:0;bottom:0;background:var(--ink);padding:8px 6px calc(8px + env(safe-area-inset-bottom))}.tab{display:grid;justify-items:center;gap:2px;background:none;border:0;color:#9fb0ab;font-size:.6875rem;padding:6px 0;border-radius:8px}.tab.is-active{color:var(--paper)}.tab.is-active svg{color:var(--pole)}}.ltr-chunk{display:inline-block;direction:ltr;unicode-bidi:isolate}