:root{--navy: #253261;--navy-2: #34457f;--teal: #52bbb5;--teal-dark: #1f7f79;--red: #c23a34;--green: #1b8a58;--amber: #b86e00;--ink: #1d1d1b;--muted: #5d6879;--line: #dce1e9;--paper: #f2f8f8;--surface: #ffffff;--tint: #e2f3f2;--focus: #34457f;--radius: 10px;--font-head: "Noto Kufi Arabic", "IBM Plex Sans Arabic", system-ui, sans-serif;--font-body: "IBM Plex Sans Arabic", system-ui, -apple-system, "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.65 var(--font-body)}h1,h2,h3{font-family:var(--font-head);line-height:1.35;margin:0;color:var(--navy)}p{margin:0}a{color:var(--navy-2)}button,input,select,textarea{font:inherit;color:inherit}img{max-width:100%;display:block}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}.sr-only{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-block-size:44px;padding-inline:1.15rem;border-radius:8px;border:1px solid transparent;font-weight:600;cursor:pointer;text-decoration:none;transition:background .15s,border-color .15s}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--navy);color:#fff}.btn-primary:hover:not(:disabled){background:var(--navy-2)}.btn-accent{background:var(--teal);color:var(--navy)}.btn-accent:hover:not(:disabled){background:#43aaa4}.btn-ghost{background:transparent;border-color:var(--line);color:var(--navy)}.btn-ghost:hover:not(:disabled){background:var(--tint)}.btn-danger{background:#fff;border-color:#e7b3b0;color:#a5261f}.btn-danger:hover:not(:disabled){background:#fdecea}.btn-sm{min-block-size:36px;padding-inline:.8rem;font-size:.9rem}.icon-btn{inline-size:40px;block-size:40px;border:0;background:transparent;font-size:1.6rem;line-height:1;cursor:pointer;border-radius:8px;color:var(--muted)}.icon-btn:hover{background:var(--tint)}.spin{inline-size:1em;block-size:1em;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:50%;animation:spin .7s linear infinite}.spin-lg{inline-size:1.6rem;block-size:1.6rem;color:var(--navy-2)}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spin{animation-duration:2s}*{scroll-behavior:auto!important}}.field{display:flex;flex-direction:column;gap:.35rem}.field-label{font-weight:600;font-size:.92rem}.field-hint{color:var(--muted);font-size:.85rem}.field-error{color:#a5261f;font-size:.88rem}.input{inline-size:100%;min-block-size:44px;padding:.5rem .8rem;background:#fff;border:1px solid #b9c2d0;border-radius:8px}.input:focus{border-color:var(--focus);outline:2px solid var(--focus);outline-offset:0}textarea.input{min-block-size:88px}.center-note{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:3rem 1rem;color:var(--muted)}.empty{padding:2.5rem 1rem;text-align:center;color:var(--muted);display:grid;gap:.6rem;justify-items:center}.empty strong{color:var(--ink);font-size:1.05rem}.error-note{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;background:#fdecea;color:#7d1d18;border:1px solid #f0c3c0;border-radius:var(--radius);padding:.75rem 1rem}.avatar{flex:none;border-radius:50%;background:var(--tint);color:var(--navy);display:inline-grid;place-items:center;font-family:var(--font-head);font-weight:700;overflow:hidden}.avatar img{inline-size:100%;block-size:100%;object-fit:cover}.badge{display:inline-block;padding:.1rem .6rem;border-radius:99px;font-size:.82rem;font-weight:600;white-space:nowrap}.badge-pending{background:#fff1d6;color:var(--amber)}.badge-confirmed{background:#dcf3e8;color:#11623d}.badge-canceled{background:#ebedf1;color:#5d6879}.badge-completed{background:#dde7f7;color:var(--navy-2)}.scrim{position:fixed;inset:0;background:#12284c73;display:grid;place-items:center;padding:1rem;z-index:50;overflow-y:auto}.modal{background:#fff;border-radius:14px;inline-size:min(480px,100%);padding:1.25rem 1.5rem 1.5rem;box-shadow:0 20px 50px #12284c40}.modal-wide{inline-size:min(760px,100%)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-block-end:.75rem}.modal-head h2{font-size:1.15rem}.modal-text{color:var(--muted);margin-block-end:1.25rem}.modal-actions{display:flex;gap:.6rem;justify-content:flex-end;flex-wrap:wrap;margin-block-start:1.25rem}.toasts{position:fixed;inset-block-end:1rem;inset-inline:1rem;display:grid;gap:.5rem;justify-items:center;z-index:60;pointer-events:none}.toast{background:var(--navy);color:#fff;padding:.65rem 1rem;border-radius:8px;box-shadow:0 6px 20px #00000040;max-inline-size:30rem}.toast-err{background:#8e1f1a}@media print{.no-print{display:none!important}body{background:#fff}}.num[dir=ltr]{unicode-bidi:isolate}.wrap{inline-size:min(1040px,100% - 2rem);margin-inline:auto}.main{padding-block:1.5rem 4rem;min-block-size:70vh}.skip{position:absolute;inset-inline-start:.5rem;inset-block-start:-4rem;background:#fff;padding:.5rem 1rem;border-radius:6px;z-index:100}.skip:focus{inset-block-start:.5rem}.muted{color:var(--muted)}.num{font-variant-numeric:tabular-nums;unicode-bidi:plaintext}.page-title{font-size:1.6rem;margin-block-end:1rem}.top{background:#fff;border-block-end:1px solid var(--line);position:sticky;inset-block-start:0;z-index:20}.top-in{display:flex;align-items:center;gap:1.25rem;min-block-size:64px;flex-wrap:wrap}.brand{display:inline-flex;align-items:center;gap:.5rem;font:800 1.35rem var(--font-head);color:var(--navy);text-decoration:none;letter-spacing:.01em}.nav{display:flex;gap:.25rem;flex:1}.nav a{padding:.5rem .8rem;border-radius:8px;text-decoration:none;color:var(--ink);font-weight:500}.nav a:hover{background:var(--tint)}.nav a[aria-current]{color:var(--navy);font-weight:700;box-shadow:inset 0 -3px 0 var(--teal);border-radius:0}.top-end{display:flex;gap:.5rem;align-items:center}.lang{background:none;border:0;padding:.5rem .6rem;cursor:pointer;color:var(--navy-2);font-weight:600;border-radius:8px}.lang:hover{background:var(--tint)}.foot{border-block-start:1px solid var(--line);padding-block:1.5rem;color:var(--muted);font-size:.9rem}.hero{padding-block:2.5rem 1.5rem}.hero h1{font-size:clamp(1.9rem,5vw,2.9rem);font-weight:800;max-inline-size:16ch}.lead{color:var(--muted);font-size:1.1rem;max-inline-size:46ch;margin-block:.75rem 1.75rem}.sentence{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem .75rem;background:#fff;border:1px solid var(--line);border-radius:14px;padding:1rem 1.1rem;font-size:1.15rem;font-family:var(--font-head);font-weight:600;color:var(--navy)}.sentence .input{inline-size:auto;min-inline-size:11rem;font-family:var(--font-body);font-weight:500}.sentence .btn{margin-inline-start:auto}.block{margin-block-start:2.25rem}.block-head{display:flex;justify-content:space-between;align-items:baseline}.block h2{font-size:1.2rem;margin-block-end:.6rem}.rows{list-style:none;margin:0;padding:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.rows li+li{border-block-start:1px solid var(--line)}.row-link{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.1rem;text-decoration:none;color:var(--ink)}.row-link:hover{background:var(--tint)}.block-line{display:block;font-size:.92rem}.filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:.6rem;margin-block-end:1rem}.count{margin-block-end:.5rem;font-size:.92rem}.doc-list{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}.doc-row{display:flex;align-items:center;gap:1rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:.9rem 1.1rem}.doc-main{flex:1;min-inline-size:0}.doc-main h3{font-size:1.05rem}.spec{color:var(--navy-2);font-weight:600}.doc-side{display:grid;gap:.5rem;justify-items:end}.fee{font-size:.92rem}.crumb{margin-block-end:.75rem;font-size:.92rem}.profile{display:flex;gap:1.1rem;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem;margin-block-end:1.5rem}.profile h1{font-size:1.4rem}.profile-links{display:flex;gap:1.1rem;flex-wrap:wrap;margin-block-start:.4rem;font-size:.95rem}.book-grid{display:grid;grid-template-columns:1fr 300px;gap:1.75rem;align-items:start}.book-grid>section{min-inline-size:0}.step{font-size:1.05rem;margin-block:0 .6rem}.step:not(:first-child){margin-block-start:1.6rem}.days{display:flex;gap:.5rem;overflow-x:auto;padding-block-end:.4rem;scroll-snap-type:x proximity}.day{flex:none;scroll-snap-align:start;inline-size:78px;padding:.55rem .3rem;display:grid;gap:.1rem;justify-items:center;background:#fff;border:1px solid var(--line);border-radius:10px;cursor:pointer}.day:hover:not(:disabled){border-color:var(--navy-2)}.day:disabled{opacity:.5;cursor:not-allowed;background:#eef0f4}.day[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}.day-w{font-size:.82rem}.day-n{font:700 1.5rem/1.2 var(--font-head)}.day-f{font-size:.78rem;opacity:.85}.slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:.5rem}.slot{min-block-size:44px;background:#fff;border:1px solid var(--line);border-radius:8px;cursor:pointer;font-weight:600}.slot:hover:not(:disabled){border-color:var(--navy-2)}.slot:disabled{color:#9aa3b2;background:#eef0f4;text-decoration:line-through;cursor:not-allowed}.slot[aria-pressed=true]{background:var(--navy);color:#fff;border-color:var(--navy)}.summary{position:sticky;inset-block-start:84px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem;display:grid;gap:.6rem}.summary h2{font-size:1.05rem}.summary-when{font:700 1.1rem/1.6 var(--font-head);color:var(--navy)}.wide{inline-size:100%}.ticket{display:grid;grid-template-columns:220px 1fr;max-inline-size:760px;background:#fff;border-radius:16px;box-shadow:0 10px 30px #12284c1f;overflow:hidden;position:relative;margin-block-end:1.25rem}.ticket-main{background:var(--navy);color:#fff;padding:1.75rem 1rem;display:grid;justify-items:center;align-content:center;gap:.35rem;border-inline-end:2px dashed rgba(255,255,255,.55)}.ticket-main:before,.ticket-main:after{content:"";position:absolute;inset-inline-start:209px;inline-size:22px;block-size:22px;background:var(--paper);border-radius:50%}.ticket-main:before{inset-block-start:-11px}.ticket-main:after{inset-block-end:-11px}.ticket-label{font-size:.95rem;opacity:.9}.ticket-number{font:800 5.5rem/1 var(--font-head);letter-spacing:-.02em}.ticket-stub{padding:1.4rem 1.6rem;display:grid;align-content:center}.facts{margin:0;display:grid;gap:.8rem}.facts dt{font-weight:700;color:var(--navy)}.facts dd{margin:0;color:var(--muted)}.facts-tight{gap:.7rem}.facts:not(.facts-tight){background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.2rem;margin-block-end:1rem}.note{max-inline-size:60ch;margin-block-end:.4rem}.actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-block-start:1.25rem}.narrow{max-inline-size:520px}.form{display:grid;gap:1rem}.two{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.switch{margin-block-start:1rem}.appts{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}.appt{display:flex;gap:1rem;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:.9rem 1.1rem}.appt-q{display:grid;justify-items:center;inline-size:64px;font-size:.8rem}.appt-q strong{font:800 2rem/1 var(--font-head);color:var(--navy)}.appt-main{flex:1;min-inline-size:0}.appt-main h3{font-size:1.02rem}.appt-side{display:grid;gap:.5rem;justify-items:end}.notfound{padding:3rem 0}@media(max-width:760px){.filters,.book-grid{grid-template-columns:1fr}.summary{position:static}.sentence .btn{margin-inline-start:0;inline-size:100%}.sentence .input{inline-size:100%}.doc-row{flex-wrap:wrap}.doc-side{inline-size:100%;grid-auto-flow:column;justify-content:space-between;align-items:center}.ticket{grid-template-columns:1fr}.ticket-main{border-inline-end:0;border-block-end:2px dashed rgba(255,255,255,.55)}.ticket-main:before,.ticket-main:after{display:none}.ticket-number{font-size:4.5rem}.two{grid-template-columns:1fr}.appt{flex-wrap:wrap}.appt-side{inline-size:100%;grid-auto-flow:column;justify-content:space-between;align-items:center}.nav{order:3;inline-size:100%;flex:none}}@media print{.ticket{box-shadow:none;border:1px solid #999}.ticket-main{background:#fff;color:#000}}.brand{padding-block:.25rem}.brand img{block-size:34px;inline-size:auto}.hero h1:after{content:"";display:block;block-size:26px;inline-size:190px;margin-block-start:.9rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 190 26'%3E%3Cpath d='M0 13h58l9-11 12 22 11-22 9 11h91' fill='none' stroke='%2352bbb5' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat start center / contain}:dir(rtl) .hero h1:after{transform:scaleX(-1)}.demo-bar{background:var(--navy);color:#fff;font-size:.88rem;padding:.45rem 0}.demo-bar .wrap{display:flex;gap:.75rem;align-items:center;justify-content:space-between;flex-wrap:wrap}.demo-bar button{background:transparent;border:1px solid rgba(255,255,255,.5);color:#fff;border-radius:6px;padding:.15rem .7rem;cursor:pointer}.demo-hint{background:var(--tint);border:1px solid var(--teal);border-radius:var(--radius);padding:.75rem 1rem;margin-block-end:1rem;font-size:.92rem}.demo-hint ul{list-style:none;padding:0;margin:.4rem 0 0;display:flex;gap:.4rem;flex-wrap:wrap}.demo-hint button{background:#fff;border:1px solid var(--line);border-radius:99px;padding:.15rem .8rem;cursor:pointer;color:var(--navy);font-weight:600}