:root{--bg: #EAF5F9;--surface: #FFFFFF;--surface2: #F3F8FB;--line: #DCE7EF;--ink: #0F1B3D;--muted: #55627F;--primary: #1B2B6B;--on-primary: #FFFFFF;--link: #0B6E6A;--glass: rgba(255,255,255,.82);--shadow: 0 12px 32px -16px rgba(15,27,61,.3);--b1: #9EE3E0;--b2: #B9C6F2;--b3: #C9EEF5;--teal-bg: #DDF5F3;--teal-fg: #0B6E6A;--blue-bg: #E3E9FA;--blue-fg: #1B2B6B;--amber-bg: #FDEBD3;--amber-fg: #8A4B06;--rose-bg: #FBE1E6;--rose-fg: #A3263F;--violet-bg: #ECE6FB;--violet-fg: #5B3CB8;--grey-bg: #EEF2F6;--grey-fg: #4A5270;--green-bg: #DDF3E4;--green-fg: #1E6B3A;--wa: #1E7A4C;--hero: linear-gradient(245deg, #22357A 0%, #1A5E96 50%, #1597A3 100%);--head: "Cairo", "IBM Plex Sans Arabic", system-ui, sans-serif;--body: "IBM Plex Sans Arabic", "Cairo", system-ui, sans-serif;--r-card: 24px;color-scheme:light}:root[data-theme=dark]{--bg: #061823;--surface: #0D2534;--surface2: #112E42;--line: #1B3A50;--ink: #EAF2F8;--muted: #A3B6C9;--primary: #2BBFB8;--on-primary: #061823;--link: #6FE0DA;--glass: rgba(13,37,52,.82);--shadow: 0 12px 32px -16px rgba(0,0,0,.8);--b1: #0F5560;--b2: #1B2B6B;--b3: #0B3A4F;--teal-bg: #103C45;--teal-fg: #7EE6E0;--blue-bg: #18284F;--blue-fg: #A9BDF5;--amber-bg: #3D2A10;--amber-fg: #F5C27A;--rose-bg: #40161F;--rose-fg: #F4A3B3;--violet-bg: #2A2150;--violet-fg: #C7B6F7;--grey-bg: #1A2D3D;--grey-fg: #B8C5D3;--green-bg: #12382A;--green-fg: #8EE0AE;--wa: #25A464;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;transition:background .4s}a{color:var(--link)}h1,h2,h3,h4{font-family:var(--head);margin:0;line-height:1.3}p{margin:0}button,input,select,textarea{font:inherit;color:inherit}img{max-width:100%}:focus-visible{outline:3px solid #2BBFB8;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.muted{color:var(--muted)}.num{font-variant-numeric:tabular-nums}.wrap{max-width:1240px;margin:0 auto;padding:0 20px}.blobs{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.55;animation:drift 22s ease-in-out infinite alternate}@keyframes drift{0%{transform:translate(0) scale(1)}50%{transform:translate(70px,-50px) scale(1.12)}to{transform:translate(-50px,40px) scale(.94)}}.layer{position:relative;z-index:1}.glass{background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);box-shadow:var(--shadow)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow)}.card.lift{transition:transform .25s ease,box-shadow .25s ease}.card.lift:hover{transform:translateY(-3px)}.pad{padding:20px}.hero{position:relative;overflow:hidden;border-radius:30px;color:#fff;background:var(--hero)}.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1.2px);background-size:16px 16px;pointer-events:none}.hero:after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.16),transparent);animation:sweep 7s ease-in-out infinite;pointer-events:none}.hero>*{position:relative;z-index:1}@keyframes sweep{0%{left:-40%}60%,to{left:110%}}.rise{animation:rise .6s cubic-bezier(.2,.7,.2,1) both}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.float{animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.ring{position:absolute;border-radius:50%;border:2px dashed rgba(27,43,107,.18);animation:spin 40s linear infinite}:root[data-theme=dark] .ring{border-color:#7ee6e02e}@keyframes spin{to{transform:rotate(360deg)}}.tile{width:48px;height:48px;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;flex:none}.tile.sm{width:38px;height:38px;border-radius:12px}.tile.round{border-radius:50%;font-weight:800}.teal{background:var(--teal-bg);color:var(--teal-fg)}.blue{background:var(--blue-bg);color:var(--blue-fg)}.amber{background:var(--amber-bg);color:var(--amber-fg)}.rose{background:var(--rose-bg);color:var(--rose-fg)}.violet{background:var(--violet-bg);color:var(--violet-fg)}.grey{background:var(--grey-bg);color:var(--grey-fg)}.green{background:var(--green-bg);color:var(--green-fg)}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-size:13px;font-weight:700;white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border-radius:999px;border:1px solid transparent;background:var(--surface2);color:var(--ink);font-weight:700;cursor:pointer;text-decoration:none;transition:transform .15s ease,filter .15s ease;white-space:nowrap}.btn:hover{filter:brightness(1.05)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:var(--primary);color:var(--on-primary);font-family:var(--head);box-shadow:0 14px 28px -16px #1b2b6bcc}.btn.ghost{background:transparent;border-color:var(--line)}.btn.white{background:#fff;color:#1b2b6b;font-family:var(--head)}.btn.on-hero{background:#ffffff29;border-color:#fff6;color:#fff}.btn.danger{background:var(--rose-bg);color:var(--rose-fg)}.btn.wa{background:var(--wa);color:#fff}.btn.lg{min-height:56px;padding:0 30px;font-size:18px}.btn.sm{min-height:38px;padding:0 14px;font-size:14px}.btn.block{width:100%}.ibtn{width:46px;height:46px;border-radius:50%;border:0;background:transparent;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:relative;flex:none}.ibtn:hover{background:var(--surface2)}.dot{position:absolute;top:8px;inset-inline-end:8px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#2bbfb8;color:#061823;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center}.field{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:15px}.field small{font-weight:400;color:var(--muted)}.input{min-height:50px;width:100%;border:1px solid var(--line);border-radius:16px;padding:0 14px;background:var(--surface2);font-weight:400;outline:0}textarea.input{padding:12px 14px;min-height:96px;resize:vertical}.input:focus{border-color:#2bbfb8;box-shadow:0 0 0 3px #2bbfb840}.input[aria-invalid=true]{border-color:var(--rose-fg)}.err{color:var(--rose-fg);font-size:14px;font-weight:600}.note{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:16px;font-size:14px;font-weight:600}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.row{display:flex;align-items:center;gap:10px}.between{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:14px}.seg{display:inline-flex;gap:2px;padding:4px;border-radius:999px;background:var(--surface2);border:1px solid var(--line);flex-wrap:wrap}.seg button{min-height:38px;padding:0 14px;border:0;border-radius:999px;background:transparent;cursor:pointer;font-weight:600}.seg button[aria-pressed=true]{background:var(--primary);color:var(--on-primary)}.list{display:flex;flex-direction:column;gap:6px}.item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:16px;background:var(--surface2);text-decoration:none;color:inherit}a.item:hover,button.item:hover{filter:brightness(.98)}button.item{border:0;width:100%;text-align:start;cursor:pointer}.empty{padding:28px;text-align:center;color:var(--muted)}table.tbl{width:100%;border-collapse:collapse}.tbl th{text-align:start;font-size:13px;color:var(--muted);font-weight:600;padding:8px 10px}.tbl td{padding:10px;border-top:1px solid var(--line)}.scrim{position:fixed;inset:0;background:#0618238c;backdrop-filter:blur(3px);z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;animation:fade .15s ease}@keyframes fade{0%{opacity:0}}.dialog{width:min(560px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:22px;box-shadow:0 30px 60px -20px #00000080;animation:rise .25s ease both}.dialog.wide{width:min(900px,100%)}.toasts{position:fixed;bottom:96px;inset-inline:0;display:flex;flex-direction:column;align-items:center;gap:8px;z-index:60;pointer-events:none}.toast{pointer-events:auto;padding:12px 18px;border-radius:16px;background:var(--ink);color:var(--bg);font-weight:600;box-shadow:var(--shadow);animation:rise .2s ease both;max-width:calc(100vw - 32px)}.toast.bad{background:var(--rose-fg);color:#fff}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;animation:spin .8s linear infinite}.spinner.dark{border-color:var(--line);border-top-color:var(--primary)}.skel{background:linear-gradient(90deg,var(--surface2),var(--line),var(--surface2));background-size:200% 100%;animation:shimmer 1.2s infinite;border-radius:14px}@keyframes shimmer{to{background-position:-200% 0}}.splash{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;background:linear-gradient(200deg,#1b2b6b,#1a5e96 55%,#1597a3);color:#fff;z-index:100}.splash img{width:min(340px,74vw)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media print{.blobs,.no-print{display:none!important}body{background:#fff}}.navlink{color:var(--ink);text-decoration:none;padding:10px 14px;border-radius:999px}.navlink:hover{background:var(--surface2);color:var(--primary)}.hero-logo{height:auto!important;width:min(520px,100%)!important;position:relative;filter:drop-shadow(0 24px 28px rgba(15,27,61,.22))}.ios-how summary{list-style:none}.ios-how summary::-webkit-details-marker{display:none}@media (max-width: 900px){.site-nav{display:none!important}}@media (max-width: 520px){header .btn.ghost{display:none}}.tabs{border:0}.tab{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;border-radius:999px;color:var(--ink);text-decoration:none;font-weight:600}.tab:hover{background:var(--surface)}.tab.on{background:var(--primary);color:var(--on-primary);padding:0 18px;font-weight:700}.dash-search{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:999px;background:var(--surface2);border:1px solid var(--line)}.dash-search input{border:0;outline:0;background:transparent;width:200px}.appt{display:grid;grid-template-columns:76px 44px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px 12px;border-radius:18px}.appt:hover{background:var(--surface2)}.stat b{font-family:var(--head);font-size:30px;line-height:1.1}@media (max-width: 1100px){.dash-search{display:none}}@media (max-width: 760px){.dash-head{border-radius:26px!important}.brand-text{display:none!important}.tab-label{display:none}.appt{grid-template-columns:64px minmax(0,1fr) auto}.appt>.tile,.appt>.appt-actions-wide{display:none}}.today-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}@media (max-width: 1100px){.today-grid{grid-template-columns:1fr}}.hero-date{min-height:38px;border-radius:999px;border:1px solid rgba(255,255,255,.4);background:#ffffff24;color:#fff;padding:0 10px;color-scheme:dark}[dir=rtl] .flip-rtl,[dir=ltr] .flip-rtl-back{transform:scaleX(-1)}.pf-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}@media (max-width: 1100px){.pf-grid{grid-template-columns:1fr}}.tooth:focus-visible rect{stroke:#2bbfb8;stroke-width:3.5}.tooth:hover rect{filter:brightness(1.06)}.app-shell{max-width:640px;margin:0 auto;padding:10px 16px 120px;display:flex;flex-direction:column;gap:14px}.bottom-nav{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));inset-inline:12px;max-width:616px;margin:0 auto;border-radius:999px;padding:6px;display:flex;justify-content:space-between;z-index:30}.bn{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0;border-radius:999px;color:var(--muted);text-decoration:none;font-size:11px;font-weight:700}.bn.on{background:var(--primary);color:var(--on-primary)}.hscroll{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory}.daybtn{flex:none;scroll-snap-align:start;width:70px;padding:8px 0;border-radius:18px;border:1px solid var(--line);background:var(--surface2);display:flex;flex-direction:column;align-items:center;cursor:pointer}.daybtn.on{background:var(--primary);color:var(--on-primary);border-color:transparent}@media (max-width: 520px){.head-logo{height:46px!important}}:root{--chart: #0E9A94}:root[data-theme=dark]{--chart: #1FA8A1}.chart-bar{fill:var(--chart);transition:opacity .15s}.seg.on-hero{background:#ffffff1f;border-color:#ffffff4d}.seg.on-hero button{color:#fff}.seg.on-hero button[aria-pressed=true]{background:#fff;color:#1b2b6b}.input.on-hero-input{min-height:42px;width:auto;background:#ffffff24;border-color:#ffffff59;color:#fff;color-scheme:dark}.doctor-photo{flex:0 1 300px;height:400px;position:relative;overflow:hidden;border-radius:30px;border:1px solid rgba(255,255,255,.3);background:radial-gradient(circle at 50% 38%,#ffffff57,#2bbfb847 46%,#ffffff14 72%);box-shadow:0 24px 50px #06182347}.doctor-photo img{position:absolute;top:14px;right:0;width:100%;height:auto;filter:drop-shadow(0 12px 22px rgba(6,24,35,.35))}@media (max-width: 640px){.doctor-photo{flex:0 0 auto;width:min(300px,100%);height:380px;margin-inline:auto}}.footer-logo{align-self:flex-start;background:#fff;border-radius:22px;padding:10px 18px;box-shadow:0 12px 30px #00000040}
