*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Segoe UI,Tahoma,Arial,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.bottom-24{bottom:6rem}.left-4{left:1rem}.right-4{right:1rem}.z-0{z-index:0}.z-50{z-index:50}.z-\[200\]{z-index:200}.-m-px{margin:-1px}.mx-auto{margin-left:auto;margin-right:auto}.-ml-px{margin-left:-1px}.mb-0{margin-bottom:0}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.ml-1{margin-left:.25rem}.ml-3{margin-left:.75rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.aspect-\[3\/4\]{aspect-ratio:3/4}.h-14{height:3.5rem}.h-16{height:4rem}.h-3{height:.75rem}.h-5{height:1.25rem}.h-full{height:100%}.max-h-\[70vh\]{max-height:70vh}.min-h-\[40px\]{min-height:40px}.min-h-\[48px\]{min-height:48px}.min-h-screen{min-height:100vh}.w-1\.5{width:.375rem}.w-14{width:3.5rem}.w-3{width:.75rem}.w-5{width:1.25rem}.w-full{width:100%}.min-w-0{min-width:0px}.max-w-3xl{max-width:48rem}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.-translate-y-2{--tw-translate-y: -.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-2{--tw-translate-y: .5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-3{--tw-translate-y: .75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-6{--tw-translate-y: 1.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-8{--tw-translate-y: 2rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[0\.98\]{--tw-scale-x: .98;--tw-scale-y: .98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-items-center{justify-items:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.self-stretch{align-self:stretch}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-l-md{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-amber-500\/30{border-color:#f59e0b4d}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.bg-accent{--tw-bg-opacity: 1;background-color:rgb(167 139 250 / var(--tw-bg-opacity, 1))}.bg-amber-500\/15{background-color:#f59e0b26}.bg-red-500\/20{background-color:#ef444433}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.object-contain{-o-object-fit:contain;object-fit:contain}.object-top{-o-object-position:top;object-position:top}.p-1{padding:.25rem}.p-4{padding:1rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-1{padding-bottom:.25rem}.pb-24{padding-bottom:6rem}.pb-3{padding-bottom:.75rem}.pb-8{padding-bottom:2rem}.pr-10{padding-right:2.5rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-5{line-height:1.25rem}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.text-accent{--tw-text-opacity: 1;color:rgb(167 139 250 / var(--tw-text-opacity, 1))}.text-amber-400{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-rose-300{--tw-text-opacity: 1;color:rgb(253 164 175 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-80{opacity:.8}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-accent\/30{--tw-shadow-color: rgb(167 139 250 / .3);--tw-shadow: var(--tw-shadow-colored)}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-gray-300{--tw-ring-opacity: 1;--tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1))}.ring-white\/10{--tw-ring-color: rgb(255 255 255 / .1)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--ink: #06090f;--ink1: #0d1520;--ink2: #121c2b;--ink3: #192436;--wire: #1e2e43;--wire2: #253649;--tx: #e2eaf6;--tx2: #8ba5c5;--tx3: #4a6480;--sky: #0ea5e9;--sky2: #38bdf8;--sky-glow: rgba(14,165,233,.18);--emerald: #10b981;--amber: #f59e0b;--rose: #f43f5e;--violet: #8b5cf6;--op: #3b82f6;--op-g: rgba(59,130,246,.14);--fx: #10b981;--fx-g: rgba(16,185,129,.14);--en: #f59e0b;--en-g: rgba(245,158,11,.14);--pe: #a78bfa;--pe-g: rgba(167,139,250,.14);--sx: #f43f5e;--sx-g: rgba(244,63,94,.14);--r-sm: 10px;--r-md: 16px;--r-lg: 22px;--r-xl: 28px;--dp-font-sans: "Cairo", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Tahoma, Arial, "Noto Sans Arabic", "Noto Sans", sans-serif;--dp-font-title: "Tajawal", var(--dp-font-sans);--dp-font-mono: "Space Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--dp-gutter: clamp(12px, 3.6vw, 18px);--dp-glass-strong: rgba(17, 22, 32, .78);--dp-glass: var(--surface, rgba(17, 22, 32, .62));--dp-glass-2: var(--surface2, rgba(22, 29, 42, .58));--dp-border: var(--border, rgba(255, 255, 255, .08));--dp-border2: var(--border2, rgba(255, 255, 255, .14));--dp-shadow-lg: 0 18px 60px rgba(0,0,0,.55)}.dp-auth{font-family:var(--dp-font-sans);min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(900px 520px at 15% 10%,rgba(14,165,233,.14),transparent 60%),radial-gradient(760px 520px at 85% 0%,rgba(167,139,250,.12),transparent 55%),radial-gradient(900px 620px at 55% 120%,rgba(16,185,129,.08),transparent 62%),linear-gradient(180deg,#070a10,#0a0f1a 60%,#070a10);color:var(--tx);overflow-x:hidden}.login-page{width:100%;max-width:420px;position:relative;border-radius:28px}.login-art{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;border-radius:28px}.login-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(14,165,233,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(14,165,233,.045) 1px,transparent 1px);background-size:32px 32px;opacity:.75}.login-ring{position:absolute;border-radius:999px;border:1px solid rgba(14,165,233,.1)}.aura-blob{position:absolute;border-radius:999px;filter:blur(60px);opacity:.28;animation:dp-aura-float 8s ease-in-out infinite}.aura-blob:nth-child(2){animation-delay:-3s;animation-direction:reverse}@keyframes dp-aura-float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(18px,-18px) scale(1.08)}}.login-content{position:relative;z-index:5;padding:42px 22px 22px;display:flex;flex-direction:column;gap:18px;align-items:center}.login-logo-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;animation:dp-login-drop .6s cubic-bezier(.34,1.56,.64,1) both}@keyframes dp-login-drop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.login-logo{width:74px;height:74px;border-radius:22px;background:linear-gradient(135deg,var(--sky) 0%,#6366f1 100%);display:grid;place-items:center;font-size:34px;box-shadow:0 12px 42px #0ea5e94d,0 0 0 1px #ffffff1a;position:relative}.login-logo:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:23px;background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 60%);pointer-events:none}.brand-name{font-family:var(--dp-font-title);font-size:28px;font-weight:900;letter-spacing:-.5px;background:linear-gradient(135deg,var(--tx),var(--sky2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-sub{font-size:12px;color:var(--tx3);font-weight:600;text-align:center}.login-card{width:100%;background:#0d1520b8;border-radius:var(--r-xl);border:1px solid rgba(30,46,67,.85);padding:22px;display:flex;flex-direction:column;gap:14px;box-shadow:0 18px 60px #0000008c;backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%);animation:dp-login-up .6s .1s cubic-bezier(.34,1.56,.64,1) both}@keyframes dp-login-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.login-card-hdr{display:flex;align-items:center;justify-content:space-between}.login-card-title{font-size:16px;font-weight:800}.login-card-badge{font-size:10px;font-family:var(--dp-font-mono);color:var(--tx3);background:#121c2bb3;border:1px solid rgba(30,46,67,.85);border-radius:8px;padding:3px 8px}.form-group{display:flex;flex-direction:column;gap:6px}.form-lbl{font-size:12px;font-weight:700;color:var(--tx2);display:flex;align-items:center;gap:6px}.form-lbl .lbl-icon{font-size:14px}.inp-wrap{position:relative}.inp{width:100%;background:#121c2bcc;border:1px solid rgba(30,46,67,.9);border-radius:var(--r-sm);padding:12px 14px;color:var(--tx);font-size:14px;font-family:var(--dp-font-sans);outline:none;transition:border-color .18s,box-shadow .18s,background .18s}.inp:focus{border-color:var(--sky);box-shadow:0 0 0 3px var(--sky-glow)}.inp::-moz-placeholder{color:var(--tx3)}.inp::placeholder{color:var(--tx3)}.inp.inp-pw{padding-left:56px}.pw-toggle{position:absolute;left:8px;top:50%;transform:translateY(-50%);background:#192436b3;border:1px solid rgba(37,54,73,.9);border-radius:10px;padding:6px 10px;font-size:11px;font-weight:800;color:var(--tx2);cursor:pointer;font-family:var(--dp-font-sans);transition:border-color .15s,color .15s,background .15s}.pw-toggle:hover{border-color:var(--sky);color:var(--sky2);background:#0ea5e914}.login-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--tx2);cursor:pointer}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--sky);cursor:pointer}.forgot-link{font-size:12px;color:var(--sky2);text-decoration:none;font-weight:700}.forgot-link:hover{text-decoration:underline}.dp-btn-primary{width:100%;padding:13px;background:linear-gradient(135deg,var(--sky),#0284c7);border:none;border-radius:var(--r-sm);color:#fff;font-size:14px;font-weight:900;font-family:var(--dp-font-sans);cursor:pointer;position:relative;overflow:hidden;transition:transform .12s,box-shadow .12s,filter .12s;box-shadow:0 10px 34px #0ea5e940}.dp-btn-primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.14),transparent 60%);pointer-events:none}.dp-btn-primary:hover{filter:brightness(1.05)}.dp-btn-primary:active{transform:scale(.985)}.demo-box{background:#121c2bb3;border:1px solid rgba(30,46,67,.85);border-radius:var(--r-sm);padding:12px 14px}.demo-box-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;gap:10px}.demo-title{font-size:12px;font-weight:900;color:var(--tx)}.demo-copy{font-size:11px;font-weight:900;color:var(--sky2);cursor:pointer;background:none;border:none;font-family:inherit}.demo-cred{font-family:var(--dp-font-mono);font-size:11px;color:var(--tx3);line-height:1.75;direction:ltr;text-align:left}.demo-hint{text-align:center;font-size:10px;color:var(--tx3)}.demo-hint code{font-family:var(--dp-font-mono);background:#121c2bcc;padding:1px 6px;border-radius:6px;font-size:10px}.dp-alert{width:100%;border-radius:14px;padding:10px 12px;font-size:12px;border:1px solid rgba(255,255,255,.1);background:#00000040}.dp-alert.dp-error{border-color:#f43f5e59;background:#f43f5e1a;color:#fecdd3}.dp-alert.dp-ok{border-color:#10b98159;background:#10b9811a;color:#bbf7d0}.dp-dashboard{position:relative;z-index:1}.dp-scroll-lock{height:100dvh;overflow:hidden;overscroll-behavior:none}.topbar{position:sticky;top:0;z-index:60;background:linear-gradient(180deg,var(--dp-glass-strong) 0%,rgba(17,22,32,.66) 100%);border-bottom:1px solid var(--dp-border);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);padding:calc(env(safe-area-inset-top) + 12px) var(--dp-gutter) 10px;transform:translateZ(0)}.topbar-row{display:flex;align-items:center;gap:10px;min-height:54px}.topbar-center{flex:1;display:flex;flex-direction:column;align-items:center;min-width:0}.topbar-title{font-size:14px;font-weight:900;color:var(--tx)}.topbar-sub{font-size:10px;font-weight:700;color:var(--tx3);margin-top:1px}.back-btn{width:44px;height:44px;border-radius:14px;border:1px solid var(--dp-border);background:var(--dp-glass-2);color:var(--tx2);display:grid;place-items:center;cursor:pointer;transition:background .18s,border-color .18s,color .18s,transform .18s;text-decoration:none;flex-shrink:0}.back-btn:hover{border-color:var(--dp-border2);background:#1c24358c;color:var(--tx);transform:translateY(-1px)}.topbar-logo{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--sky),#6366f1);display:grid;place-items:center;font-size:15px;box-shadow:0 10px 30px #0ea5e92e;flex-shrink:0;border:1px solid rgba(255,255,255,.1)}.nav-date{display:flex;align-items:center;gap:6px;flex:1;justify-content:center;min-width:0}.nav-arr{width:44px;height:44px;border-radius:14px;border:1px solid var(--dp-border);background:var(--dp-glass-2);color:var(--tx2);display:grid;place-items:center;cursor:pointer;transition:border-color .18s,color .18s,background .18s,transform .18s}.nav-arr:hover{border-color:var(--dp-border2);background:#1c24358c;color:var(--tx);transform:translateY(-1px)}.nav-date-txt{font-size:12px;font-weight:800;color:var(--tx);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.nav-date-btn{background:none;border:none;padding:0;cursor:pointer}.nav-date-btn:hover{color:var(--sky2)}.topbar-actions{display:flex;align-items:center;gap:6px}.icon-btn{width:44px;height:44px;border-radius:14px;border:1px solid var(--dp-border);background:var(--dp-glass-2);display:grid;place-items:center;color:var(--tx2);cursor:pointer;position:relative;transition:background .18s,border-color .18s,color .18s,transform .18s}.icon-btn svg{width:18px;height:18px}.icon-btn:hover{border-color:var(--dp-border2);background:#1c24358c;color:var(--tx);transform:translateY(-1px)}.notif-dot{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--rose);border:2px solid rgba(17,22,32,.88);color:#fff;font-size:10px;font-weight:900;display:grid;place-items:center;line-height:1}.notif-panel{position:absolute;top:calc(100% + 10px);left:var(--dp-gutter);right:var(--dp-gutter);background:#111620d1;border:1px solid var(--dp-border2);border-radius:var(--r-lg);box-shadow:var(--dp-shadow-lg);overflow:hidden;z-index:90;backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);max-height:min(420px,calc(100vh - 170px));overflow-y:auto;scrollbar-width:none;contain:layout paint}.notif-panel::-webkit-scrollbar{display:none}.notif-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent 55%);pointer-events:none}.notif-hdr{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;gap:10px;position:sticky;top:0;z-index:2;background:#111620e0;backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%)}.notif-title{font-size:13px;font-weight:900;color:var(--tx)}.notif-action{font-size:11px;font-weight:900;color:var(--sky2);cursor:pointer;background:none;border:none;padding:6px 8px;border-radius:10px}.notif-action:hover{background:#0ea5e914}.notif-item{padding:11px 14px;display:flex;gap:10px;border-bottom:1px solid rgba(255,255,255,.06);background:#0ea5e909;position:relative;z-index:1;transition:background .18s}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:#ffffff09}.notif-bullet{width:6px;height:6px;border-radius:999px;background:var(--sky);margin-top:6px;flex-shrink:0;box-shadow:0 0 0 5px #0ea5e914}.notif-text{font-size:11px;line-height:1.4;color:var(--tx)}.notif-meta{font-size:10px;color:var(--tx3);margin-top:3px}.notif-empty{padding:14px;font-size:12px;color:var(--tx2);text-align:center;background:#121c2b59}.view-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px;padding:4px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#161d2a6b;backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%)}.vtab{flex:1;padding:10px 8px;font-size:12px;font-weight:900;color:#8ba5c5d9;cursor:pointer;text-align:center;border:1px solid transparent;border-radius:14px;background:transparent;transition:color .18s,border-color .18s,background .18s,transform .18s}.vtab.on{color:var(--sky2);border-color:#0ea5e947;background:#0ea5e91a;box-shadow:0 10px 26px #0ea5e91a}.vtab:hover{color:var(--tx);background:#ffffff09}.vtab:active{transform:scale(.99)}.page-scroll{padding-bottom:0}.stats-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:10px;padding:12px var(--dp-gutter) 6px}.stat-chip{background:var(--dp-glass);border:1px solid var(--dp-border);border-radius:var(--r-lg);padding:12px 10px;min-height:74px;text-align:center;position:relative;overflow:hidden;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:inset 0 1px #ffffff0f;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.stat-chip:before{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--c, var(--sky))}.stat-chip:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 55%);pointer-events:none}.stat-chip:hover{border-color:var(--dp-border2);background:#161d2a75;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff0f,0 14px 50px #00000073}.stat-v{font-size:clamp(16px,4.6vw,22px);font-weight:900;font-family:var(--dp-font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.2px;animation:dp-stat-pop .32s ease-out both;position:relative;z-index:1}.stat-l{font-size:10px;color:#8ba5c5d9;margin-top:4px;line-height:1.1;font-weight:850;position:relative;z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes dp-stat-pop{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.search-strip{padding:10px var(--dp-gutter) 10px;display:flex;gap:10px;align-items:stretch}.search-field{flex:1;position:relative;min-width:0}.search-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#8ba5c5bf;pointer-events:none;display:grid;place-items:center}.search-icon svg{width:18px;height:18px}.search-inp{width:100%;min-height:46px;background:var(--dp-glass);border:1px solid var(--dp-border);border-radius:var(--r-sm);padding:12px 44px 12px 12px;color:var(--tx);font-size:13px;font-family:var(--dp-font-sans);outline:none;transition:border-color .18s,box-shadow .18s,background .18s;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}.search-inp:hover{border-color:var(--dp-border2);background:#161d2a75}.search-inp:focus{border-color:#38bdf8b3;box-shadow:0 0 0 3px #0ea5e929}.search-inp::-moz-placeholder{color:var(--tx3)}.search-inp::placeholder{color:var(--tx3)}.filter-pill{display:flex;align-items:center;gap:8px;min-height:46px;background:var(--dp-glass);border:1px solid var(--dp-border);border-radius:var(--r-sm);padding:0 14px;font-size:12px;font-weight:900;color:#8ba5c5e6;cursor:pointer;white-space:nowrap;transition:border-color .18s,color .18s,background .18s,transform .18s;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}.filter-pill svg{width:18px;height:18px}.filter-pill:hover{border-color:var(--dp-border2);color:var(--tx);background:#161d2a75;transform:translateY(-1px)}.filter-pill:active{transform:scale(.99)}.filter-wrap{position:relative;flex-shrink:0}.filter-menu{position:absolute;top:calc(100% + 10px);inset-inline-end:0;width:min(288px,calc(100vw - (var(--dp-gutter) * 2)));background:#111620db;border:1px solid var(--dp-border2);border-radius:var(--r-lg);box-shadow:var(--dp-shadow-lg);overflow:hidden;z-index:80;backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%)}.filter-menu:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent 55%);pointer-events:none}.filter-sec{padding:12px;position:relative;z-index:1}.filter-sec+.filter-sec{border-top:1px solid rgba(255,255,255,.06)}.filter-label{font-size:10px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;color:#8ba5c5bf;margin-bottom:8px}.filter-select{width:100%;min-height:44px;background:#161d2a9e;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:10px 12px;color:var(--tx);font-size:13px;font-family:var(--dp-font-sans);outline:none;transition:border-color .18s,box-shadow .18s,background .18s}.filter-select:hover{border-color:#ffffff24}.filter-select:focus{border-color:#38bdf8b3;box-shadow:0 0 0 3px #0ea5e929;background:#1c24358c}@media (max-width: 380px){.search-strip{flex-wrap:wrap}.filter-wrap{width:100%}.filter-pill{width:100%;justify-content:center}}.quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;padding:4px var(--dp-gutter) 12px}.quick-card{position:relative;display:grid;grid-template-columns:52px 1fr 34px;align-items:center;gap:12px;padding:14px;border-radius:var(--r-lg);background:var(--dp-glass);border:1px solid var(--dp-border);overflow:hidden;text-decoration:none;color:var(--tx);backdrop-filter:blur(20px) saturate(145%);-webkit-backdrop-filter:blur(20px) saturate(145%);transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,filter .18s ease;min-height:76px;box-shadow:inset 0 1px #ffffff0f}.quick-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(260px 140px at 25% 10%,rgba(14,165,233,.16),transparent 62%),radial-gradient(260px 140px at 85% 85%,rgba(99,102,241,.12),transparent 64%);opacity:.9;pointer-events:none}.quick-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent 58%);pointer-events:none}.quick-card:hover{border-color:var(--dp-border2);background:#161d2a75;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff0f,var(--dp-shadow-lg)}.quick-card:active{transform:translateY(0) scale(.99)}.quick-card:focus-visible{outline:none;box-shadow:0 0 0 3px #0ea5e938,0 18px 60px #00000080;border-color:#38bdf8b3}.quick-ico{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;flex-shrink:0;position:relative;z-index:2;box-shadow:0 10px 30px #00000059;border:1px solid rgba(255,255,255,.1)}.quick-ico:before{content:"";position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;background:radial-gradient(circle,currentColor 0%,transparent 65%);opacity:.12;filter:blur(10px);pointer-events:none}.quick-card:hover .quick-ico:before{opacity:.18}.quick-ico svg{width:24px;height:24px}.quick-ico.sky{background:#0ea5e91f;color:var(--sky2)}.quick-ico.violet{background:#8b5cf61f;color:#c4b5fd}.quick-ico.emerald{background:#10b9811f;color:#6ee7b7}.quick-txt{min-width:0;position:relative;z-index:2}.quick-title{font-size:14px;font-weight:900;letter-spacing:-.2px}.quick-sub{font-size:11px;font-weight:650;color:#8ba5c5e6;margin-top:2px;line-height:1.35}.quick-chevron{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;color:#8ba5c5f2;background:#121c2b8c;border:1px solid var(--dp-border);position:relative;z-index:2;transition:transform .18s ease,border-color .18s ease,color .18s ease,background .18s ease;font-size:18px;line-height:1}.quick-card:hover .quick-chevron{border-color:#38bdf847;color:var(--sky2);background:#1924368c;transform:translate(-1px)}.timeline-stack{display:flex;flex-direction:column;gap:8px}.time-slot{padding:0 var(--dp-gutter) 6px}.slot-time-row{display:flex;align-items:center;gap:12px;padding:10px 0 8px}.slot-time{font-size:11px;font-weight:900;color:#8ba5c5bf;width:92px;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-time--clock{font-family:var(--dp-font-mono);font-variant-numeric:tabular-nums;direction:ltr;text-align:left;color:#8ba5c5d9}.slot-time--day{font-family:var(--dp-font-sans);direction:rtl;text-align:right}.slot-line{flex:1;height:1px;background:#ffffff14}@media (max-width: 380px){.slot-time{width:78px}}.dp-add-appt{width:100%;margin-top:12px;padding:16px 14px;min-height:56px;border-radius:22px;border:2px dashed rgba(255,255,255,.14);background:#11162047;color:#8ba5c5e6;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:900;cursor:pointer;transition:border-color .18s,background .18s,color .18s,transform .18s,box-shadow .18s;-webkit-tap-highlight-color:transparent}.dp-add-appt:hover{border-color:#38bdf88c;background:#0ea5e91a;color:var(--sky2);transform:translateY(-1px);box-shadow:0 16px 50px #00000059}.dp-add-appt:active{transform:scale(.99)}.dp-dashboard .empty-state{margin:18px var(--dp-gutter) 0;padding:26px 18px;border-radius:var(--r-xl);background:#1116208c;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff0f,0 18px 60px #0006;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}.dp-dashboard .empty-state-icon{font-size:42px;margin-bottom:10px;opacity:.9}.dp-dashboard .empty-state-title{font-size:14px;font-weight:950;color:var(--tx)}.dp-dashboard .empty-state-desc{font-size:12px;margin-top:4px;color:#8ba5c5d9}.upcoming-wrap{padding:18px var(--dp-gutter) 8px}.upcoming-toggle{width:100%;min-height:56px;border-radius:var(--r-lg);border:1px solid var(--dp-border);background:var(--dp-glass);display:flex;align-items:center;justify-content:space-between;padding:12px 14px;cursor:pointer;transition:border-color .18s,background .18s,transform .18s,box-shadow .18s;backdrop-filter:blur(20px) saturate(145%);-webkit-backdrop-filter:blur(20px) saturate(145%);box-shadow:inset 0 1px #ffffff0f;-webkit-tap-highlight-color:transparent}.upcoming-toggle:hover{border-color:var(--dp-border2);background:#161d2a75;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff0f,0 16px 50px #0006}.upcoming-left{display:flex;align-items:center;gap:10px;min-width:0}.upcoming-ico{font-size:16px;opacity:.95}.upcoming-title{font-size:13px;font-weight:950;color:var(--tx)}.upcoming-count{font-size:11px;font-weight:950;color:var(--sky2);background:#0ea5e91f;border:1px solid rgba(14,165,233,.2);border-radius:999px;padding:3px 9px;flex-shrink:0}.upcoming-chevron{width:36px;height:36px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#161d2a73;display:grid;place-items:center;color:#8ba5c5e6;transition:transform .18s,color .18s,border-color .18s,background .18s}.upcoming-chevron.on{transform:rotate(180deg);color:var(--sky2);border-color:#0ea5e938;background:#0ea5e91a}.upcoming-list{margin-top:10px;border-radius:var(--r-lg);border:1px solid rgba(255,255,255,.1);background:#11162094;overflow:hidden;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:inset 0 1px #ffffff0f;transform-origin:top}.upcoming-item{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06)}.upcoming-item:last-child{border-bottom:none}.up-time{width:44px;font-size:11px;font-family:var(--dp-font-mono);font-variant-numeric:tabular-nums;color:#8ba5c5cc;direction:ltr;text-align:center;flex-shrink:0}.up-bar{width:3px;height:32px;border-radius:999px;flex-shrink:0;opacity:.95}.up-info{flex:1;min-width:0}.up-name{font-size:13px;font-weight:900;color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.up-clinic{font-size:11px;color:#8ba5c5bf;margin-top:2px}.up-timer{font-size:11px;font-family:var(--dp-font-mono);font-variant-numeric:tabular-nums;padding:5px 8px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#161d2a85;color:#8ba5c5f2;flex-shrink:0;min-width:44px;text-align:center}.up-timer.urgent{border-color:#f43f5e40;background:#f43f5e1a;color:#fb7185}.legend-wrap{padding:10px var(--dp-gutter) 22px}.legend-card{background:var(--dp-glass);border:1px solid var(--dp-border);border-radius:var(--r-lg);overflow:hidden;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:inset 0 1px #ffffff0f}.legend-summary{padding:12px 14px;font-size:12px;font-weight:950;color:#8ba5c5e6;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px}.legend-arrow{color:#8ba5c5bf;transition:transform .18s ease}.legend-card[open] .legend-arrow{transform:rotate(180deg)}.legend-body{padding:0 14px 14px;display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}.legend-item{display:flex;align-items:center;gap:10px;min-width:0;padding-top:2px}.legend-dot{width:10px;height:10px;border-radius:4px;flex-shrink:0;box-shadow:0 0 0 5px #ffffff0a}.legend-label{font-size:12px;color:#8ba5c5d9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dp-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:220;display:flex;align-items:flex-end;justify-content:center;padding:0 var(--dp-gutter) calc(env(safe-area-inset-bottom) + 12px);background:#0000009e;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.dp-modal--appt{z-index:230;background:#000000a8}.dp-modal--patient{z-index:225;background:#00000094}.dp-modal-card{width:100%;max-width:560px;max-height:min(92vh,920px);max-height:min(92dvh,920px);overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;border-radius:28px 28px 18px 18px;background:#111620d1;border:1px solid var(--dp-border2);box-shadow:0 22px 80px #000000a6;backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%);position:relative}.dp-modal-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent 55%);pointer-events:none}.dp-modal-card--sheet{display:flex;flex-direction:column;overflow:hidden;height:min(92vh,920px);height:min(92dvh,920px)}.dp-modal-card--sheet .dp-appt-form{flex:1;min-height:0}.dp-modal-card--sheet .dp-sheet-top,.dp-modal-card--sheet .dp-sheet-footer{position:relative}.dp-modal-card--sheet .dp-sheet-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.dp-appt-form{display:flex;flex-direction:column;min-height:100%}.dp-sheet-top{position:sticky;top:0;z-index:20;background:linear-gradient(180deg,#111620eb,#111620b8);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%)}.dp-sheet-top:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(520px 260px at 30% 0%,rgba(14,165,233,.1),transparent 60%);pointer-events:none}.dp-sheet-handle{display:flex;justify-content:center;padding:12px 0 6px;position:relative;z-index:1}.dp-sheet-handle-pill{width:46px;height:4px;border-radius:999px;background:#ffffff29;box-shadow:inset 0 1px #ffffff1f}.dp-sheet-hdr{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px var(--dp-gutter) 14px;position:relative;z-index:1}.dp-sheet-title{font-size:15px;font-weight:950;letter-spacing:-.2px;color:var(--tx)}.dp-sheet-sub{font-size:11px;font-weight:700;color:#8ba5c5d9;margin-top:2px}.dp-sheet-close{width:44px;height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#161d2a85;color:#8ba5c5f2;display:grid;place-items:center;cursor:pointer;transition:transform .18s,border-color .18s,background .18s,color .18s;-webkit-tap-highlight-color:transparent}.dp-sheet-close:hover{border-color:#ffffff29;background:#1c24358c;color:var(--tx);transform:translateY(-1px)}.dp-sheet-close:active{transform:scale(.98)}.dp-sheet-close:focus-visible{outline:none;box-shadow:0 0 0 3px #0ea5e92e;border-color:#38bdf88c}.dp-conflict{margin:12px var(--dp-gutter) 0;padding:12px 14px;border-radius:var(--r-lg);border:1px solid rgba(244,63,94,.35);background:#f43f5e1a;box-shadow:inset 0 1px #ffffff0f}.dp-conflict-title{font-size:13px;font-weight:950;color:#fb7185}.dp-conflict-text{font-size:11px;color:#e2eaf6d9;margin-top:4px;line-height:1.5}.dp-conflict-action{margin-top:10px;display:inline-flex;align-items:center;gap:8px;padding:8px 10px;min-height:40px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#161d2a8c;color:var(--sky2);font-size:11px;font-weight:950;cursor:pointer;transition:transform .18s,border-color .18s,background .18s,color .18s}.dp-conflict-action:hover{border-color:#38bdf859;background:#0ea5e91a;color:var(--tx)}.dp-conflict-action:active{transform:scale(.99)}.dp-sheet-body{padding:14px var(--dp-gutter) 18px;display:flex;flex-direction:column;gap:12px}.dp-sec{position:relative;overflow:hidden;border-radius:var(--r-xl);border:1px solid rgba(255,255,255,.08);background:#ffffff08;box-shadow:inset 0 1px #ffffff0f;padding:14px}.dp-sec:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 55%);pointer-events:none}.dp-sec>*{position:relative;z-index:1}.dp-sec-title{font-size:10px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;color:#8ba5c5c7;margin-bottom:12px;display:flex;align-items:center;gap:8px}.dp-sec-title:after{content:"";flex:1;height:1px;background:#ffffff0f}.dp-seg{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:6px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#161d2a66;margin-bottom:12px}.dp-seg-btn{min-height:44px;border-radius:14px;border:1px solid transparent;background:transparent;color:#8ba5c5e6;font-size:12px;font-weight:950;cursor:pointer;transition:transform .18s,background .18s,border-color .18s,color .18s;-webkit-tap-highlight-color:transparent}.dp-seg-btn:hover{background:#ffffff09;color:var(--tx)}.dp-seg-btn.is-active{background:#0ea5e924;border-color:#0ea5e942;color:var(--tx);box-shadow:0 12px 34px #0ea5e91a}.dp-seg-btn:active{transform:scale(.99)}.dp-seg-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #0ea5e92e;border-color:#38bdf88c}.dp-input-wrap{position:relative}.dp-input-ico{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#8ba5c5bf;pointer-events:none}.dp-appt-form .form-input.dp-input{background:#161d2a8c;border-color:#ffffff1a;border-radius:16px}.dp-appt-form .form-input.dp-input:hover{border-color:#ffffff24;background:#1c243585}.dp-appt-form .form-input.dp-input:focus{border-color:#38bdf8bf;box-shadow:0 0 0 3px #0ea5e929}.dp-appt-form input[type=date].dp-input,.dp-appt-form input[type=time].dp-input{direction:ltr;text-align:left;font-family:var(--dp-font-mono);font-variant-numeric:tabular-nums}.dp-list{margin-top:10px;max-height:224px;overflow:auto;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:#11162085;box-shadow:0 16px 60px #00000073}.dp-list-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px;background:transparent;border-bottom:1px solid rgba(255,255,255,.06);cursor:pointer;text-align:right;transition:background .18s,transform .18s}.dp-list-item:last-child{border-bottom:none}.dp-list-item:hover{background:#ffffff09}.dp-list-item:active{transform:scale(.99)}.dp-list-item:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #38bdf859}.dp-av{width:40px;height:40px;border-radius:16px;display:grid;place-items:center;background:#0ea5e91a;color:var(--sky2);border:1px solid rgba(14,165,233,.18);font-weight:950;flex-shrink:0}.dp-list-txt{flex:1;min-width:0}.dp-list-name{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:950;color:var(--tx)}.dp-list-meta{font-size:10px;margin-top:3px;color:#8ba5c5bf;font-family:var(--dp-font-mono);direction:ltr;text-align:left}.dp-flag{color:var(--amber)}.dp-selected{margin-top:12px;display:flex;align-items:center;gap:12px;padding:12px;border-radius:20px;border:1px solid rgba(14,165,233,.22);background:#0ea5e912;box-shadow:inset 0 1px #ffffff0f}.dp-selected-av{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--sky),#6366f1);color:#fff;font-weight:950;flex-shrink:0;border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 34px #0ea5e92e}.dp-selected-txt{flex:1;min-width:0}.dp-selected-name{font-size:13px;font-weight:950;color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dp-selected-meta{font-size:10px;margin-top:3px;color:#8ba5c5c7;font-family:var(--dp-font-mono);direction:ltr;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dp-x{width:44px;height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#161d2a85;color:#8ba5c5f2;display:grid;place-items:center;cursor:pointer;transition:transform .18s,border-color .18s,background .18s,color .18s;flex-shrink:0}.dp-x:hover{border-color:#ffffff29;background:#1c24358c;color:var(--tx)}.dp-x:active{transform:scale(.98)}.dp-x:focus-visible{outline:none;box-shadow:0 0 0 3px #0ea5e92e;border-color:#38bdf88c}.dp-appt-form .clinic-opt{min-height:56px;border-radius:18px;border-color:#ffffff1a;background:#161d2a80;color:#8ba5c5eb;font-family:var(--dp-font-sans);box-shadow:inset 0 1px #ffffff0f}.dp-appt-form .clinic-opt:hover{border-color:#ffffff29;background:#1c243585}.dp-appt-form .clinic-opt:focus-visible{outline:none;box-shadow:0 0 0 3px #0ea5e924;border-color:#38bdf88c}.dp-appt-form .clinic-opt.selected{box-shadow:inset 0 1px #ffffff0f,0 18px 60px #00000059}.dp-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.dp-chip{min-height:44px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#161d2a80;color:#8ba5c5eb;font-size:12px;font-weight:950;cursor:pointer;transition:transform .18s,border-color .18s,background .18s,color .18s,box-shadow .18s;-webkit-tap-highlight-color:transparent}.dp-chip:hover{border-color:#ffffff29;background:#1c243585;color:var(--tx)}.dp-chip.is-on{border-color:#0ea5e94d;background:#0ea5e924;color:var(--tx);box-shadow:0 14px 40px #0ea5e91a}.dp-chip:active{transform:scale(.99)}.dp-chip:focus-visible{outline:none;box-shadow:0 0 0 3px #0ea5e92e;border-color:#38bdf88c}.dp-dropzone{position:relative;overflow:hidden}.dp-dropzone:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(420px 220px at 15% 10%,rgba(14,165,233,.1),transparent 60%);pointer-events:none}.dp-drop-inner{display:flex;align-items:center;gap:12px;padding:16px 14px;text-align:right}.dp-drop-ico{width:44px;height:44px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#161d2a85;display:grid;place-items:center;font-size:20px;color:#8ba5c5f2;flex-shrink:0}.dp-spin{animation:dp-spin .9s linear infinite;display:inline-block}@keyframes dp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dp-drop-txt{flex:1;min-width:0}.dp-drop-title{font-size:12px;font-weight:950;color:var(--tx)}.dp-drop-sub{font-size:11px;margin-top:4px;color:#8ba5c5cc}.dp-drop-progress{height:3px;background:#ffffff0f;margin:0 14px 14px;border-radius:999px;overflow:hidden}.dp-drop-progress-bar{height:100%;background:linear-gradient(90deg,var(--sky),#6366f1);width:0;transition:width .18s ease}.dp-file-list{margin-top:12px;display:flex;flex-direction:column;gap:8px}.dp-file-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#161d2a6b;box-shadow:inset 0 1px #ffffff0f}.dp-file-ico{font-size:18px;flex-shrink:0}.dp-file-txt{flex:1;min-width:0}.dp-file-name{font-size:12px;font-weight:900;color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dp-file-meta{font-size:10px;margin-top:3px;color:#8ba5c5c7;font-family:var(--dp-font-mono);direction:ltr;text-align:left}.dp-sheet-footer{position:sticky;bottom:0;z-index:15;padding:12px var(--dp-gutter) calc(env(safe-area-inset-bottom) + 12px);display:flex;gap:10px;border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#111620a8,#111620e0);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%)}.dp-btn-ghost,.dp-btn-solid{min-height:48px;border-radius:18px;font-size:13px;font-weight:950;cursor:pointer;transition:transform .18s,filter .18s,box-shadow .18s,background .18s,border-color .18s;-webkit-tap-highlight-color:transparent}.dp-btn-ghost{flex:1;background:#161d2a85;border:1px solid rgba(255,255,255,.1);color:#8ba5c5f2}.dp-btn-ghost:hover{border-color:#ffffff29;color:var(--tx);background:#1c24358c}.dp-btn-solid{flex:2;border:none;color:#fff;background:linear-gradient(135deg,var(--sky),#0284c7);box-shadow:0 16px 50px #0ea5e933;position:relative;overflow:hidden}.dp-btn-solid:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 60%);pointer-events:none}.dp-btn-solid:hover{filter:brightness(1.05);box-shadow:0 18px 60px #0ea5e942}.dp-btn-ghost:active,.dp-btn-solid:active{transform:scale(.99)}.dp-btn-solid:disabled{opacity:.55;cursor:not-allowed;filter:none;box-shadow:none}.dp-btn-ghost:focus-visible,.dp-btn-solid:focus-visible{outline:none;box-shadow:0 0 0 3px #0ea5e92e}@media (min-width: 640px){.dp-modal{align-items:center;padding-bottom:24px}.dp-modal-card{border-radius:28px}}@media (prefers-reduced-motion: no-preference){.timeline-stack .time-slot{animation:dp-fade-up .22s ease-out both}}@keyframes dp-fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.stat-v{animation:none}.stat-chip,.quick-card,.icon-btn,.nav-arr,.upcoming-toggle,.bottom-nav{transition:none}}.bottom-nav{background:#0d1520db;backdrop-filter:blur(16px) saturate(135%);-webkit-backdrop-filter:blur(16px) saturate(135%);border-top:1px solid rgba(30,46,67,.85);transition:transform .22s ease,opacity .22s ease;will-change:transform,opacity;transform:translateZ(0)}.bottom-nav.is-hidden{transform:translateY(calc(100% + env(safe-area-inset-bottom)));opacity:0;pointer-events:none}.bottom-nav-inner{max-width:560px;margin:0 auto;padding:0 10px}.dp-page{animation:dp-page-in .22s ease-out both}@keyframes dp-page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}:root{--bg: #0a0e14;--surface: rgba(17, 22, 32, .62);--surface2: rgba(22, 29, 42, .58);--surface3: rgba(28, 36, 53, .54);--border: rgba(255, 255, 255, .08);--border2: rgba(255, 255, 255, .14);--text: #e8edf5;--text-dim: #7a90aa;--text-muted: #4a607a;--accent: #0ea5e9;--accent-hover: #38bdf8;--radius: 1rem;--radius-lg: 1.25rem;--radius-xl: 1.5rem;--shadow: 0 4px 24px rgba(0,0,0,.25);--shadow-glow: 0 0 32px rgba(14, 165, 233, .12);--transition: .18s cubic-bezier(.4, 0, .2, 1);--glass-blur: 18px;--glass-sat: 130%;--operative: #3b82f6;--fixed: #10b981;--endo: #f59e0b;--pedo: #a78bfa;--surgery: #f43f5e}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--dp-font-sans, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Tahoma, Arial, "Noto Sans Arabic", "Noto Sans", sans-serif);background:radial-gradient(900px 520px at 15% 10%,rgba(14,165,233,.18),transparent 60%),radial-gradient(760px 520px at 85% 0%,rgba(167,139,250,.14),transparent 55%),radial-gradient(900px 620px at 55% 120%,rgba(34,197,94,.1),transparent 62%),linear-gradient(180deg,#070a10 0%,var(--bg) 60%,#070a10 100%);color:var(--text);min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.07;background-image:radial-gradient(circle at 10% 20%,#ffffff1a 0,#fff0 45%),radial-gradient(circle at 80% 0%,#ffffff14 0,#fff0 55%),radial-gradient(circle at 50% 90%,#ffffff0f 0,#fff0 50%);mix-blend-mode:overlay}.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.pb-safe{padding-bottom:calc(env(safe-area-inset-bottom) + 1rem)}.tap-btn{display:flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;justify-content:center;min-height:44px;min-width:44px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background var(--transition),transform var(--transition)}.tap-btn:hover{background:#ffffff0a}.tap-btn:active{transform:scale(.97)}.bg-surface-deep{background:var(--bg)}.bg-surface{background:var(--surface)}.bg-surface2{background:var(--surface2)}.bg-surface3{background:var(--surface3)}.border-border{border-color:var(--border)}.border-border2{border-color:var(--border2)}.text-text{color:var(--text)}.text-dim{color:var(--text-dim)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.bg-accent{background:var(--accent)}.border-accent{border-color:var(--accent)}.stat-card{border-radius:.75rem;padding:.75rem;text-align:center;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;background:var(--surface);border:1px solid var(--border);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat))}.stat-card:hover{border-color:var(--border2);box-shadow:var(--shadow)}.page-header{position:sticky;top:0;z-index:50;padding-top:env(safe-area-inset-top);background:linear-gradient(180deg,var(--surface) 0%,var(--surface) 85%,transparent 100%);border-bottom:1px solid var(--border);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat))}.logo-badge{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius);background:linear-gradient(135deg,var(--accent) 0%,#6366f1 100%);box-shadow:0 2px 12px #0ea5e959}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:100;padding-bottom:env(safe-area-inset-bottom);background:#0d1520db;backdrop-filter:blur(16px) saturate(135%);-webkit-backdrop-filter:blur(16px) saturate(135%);border-top:1px solid var(--border)}.bottom-nav-item{display:flex;min-height:44px;flex-direction:column;align-items:center;justify-content:center;gap:.125rem;border-radius:.75rem;padding:.5rem .75rem;font-size:10px;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;color:var(--text-muted);text-decoration:none;-webkit-tap-highlight-color:transparent}.bottom-nav-item:hover{color:var(--text-dim)}.bottom-nav-item.active{color:var(--accent);background:#0ea5e914}.bottom-nav-item:active{background:var(--surface2)}@media (max-width: 360px){.bottom-nav-item{padding-left:.5rem;padding-right:.5rem;gap:0}.bottom-nav-item>span:last-child{display:none}}.bottom-nav-fab{display:flex;align-items:center;justify-content:center;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);width:3.5rem;height:3.5rem;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--accent) 0%,#2563eb 100%);color:#fff;box-shadow:0 4px 20px #0ea5e966;-webkit-tap-highlight-color:transparent;margin-top:-1.25rem;transition:transform var(--transition),box-shadow var(--transition)}.bottom-nav-fab:hover{box-shadow:0 6px 28px #0ea5e980}.bottom-nav-fab:active{transform:scale(.94)}.toast{display:flex;align-items:center;gap:.75rem;border-radius:1rem;padding:.75rem 1rem;--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);background:var(--surface);border:1px solid var(--border2);animation:toast-in .25s ease-out;backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat))}@keyframes toast-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.toast-success{border-color:#22c55e66}.toast-error{border-color:#ef444466}.form-input{width:100%;border-radius:.75rem;padding:.75rem;font-size:.875rem;line-height:1.25rem;outline:2px solid transparent;outline-offset:2px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;background:var(--surface2);border:1px solid var(--border);color:var(--text);font-family:inherit;backdrop-filter:blur(calc(var(--glass-blur) - 4px)) saturate(var(--glass-sat));-webkit-backdrop-filter:blur(calc(var(--glass-blur) - 4px)) saturate(var(--glass-sat))}.form-input:hover{border-color:var(--border2)}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0ea5e926}.form-input::-moz-placeholder{color:var(--text-muted)}.form-input::placeholder{color:var(--text-muted)}.form-label{margin-bottom:.375rem;display:block;font-size:.75rem;line-height:1rem;font-weight:600;color:var(--text-dim)}.error-msg{margin-top:.25rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.section-title{margin-bottom:.75rem;font-size:.75rem;line-height:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.btn-primary{width:100%;border-radius:.75rem;padding-top:.75rem;padding-bottom:.75rem;font-weight:600;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;background:linear-gradient(135deg,var(--accent) 0%,#0284c7 100%);color:#fff;border:none}.btn-primary:hover{filter:brightness(1.08)}.btn-primary:active{transform:scale(.98)}.btn-primary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.upload-zone{display:block;cursor:pointer;border-radius:1rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;border:2px dashed var(--border2)}.upload-zone:hover{border-color:var(--accent);background:#0ea5e90f}.clinic-opt{cursor:pointer;border-radius:.75rem;border-width:1px;padding:.5rem .25rem;text-align:center;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;border-color:var(--border);background:var(--surface2);color:var(--text-dim);font-family:IBM Plex Sans Arabic,sans-serif;-webkit-tap-highlight-color:transparent}.clinic-opt:hover{border-color:var(--border2)}.clinic-opt:active{transform:scale(.97)}.clinic-opt.selected.clinic-operative{border-color:var(--operative);background:#3b82f61f;color:var(--operative)}.clinic-opt.selected.clinic-fixed{border-color:var(--fixed);background:#10b9811f;color:var(--fixed)}.clinic-opt.selected.clinic-endo{border-color:var(--endo);background:#f59e0b1f;color:var(--endo)}.clinic-opt.selected.clinic-pedo{border-color:var(--pedo);background:#a78bfa1f;color:var(--pedo)}.clinic-opt.selected.clinic-surgery{border-color:var(--surgery);background:#f43f5e1f;color:var(--surgery)}.appt-card{overflow:hidden;border-radius:1rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;border:1px solid var(--border);background:var(--surface)}.appt-card:hover{border-color:var(--border2)}.appt-card:active{opacity:.96}.appt-card.clinic-operative{border-right:4px solid var(--operative)}.appt-card.clinic-fixed{border-right:4px solid var(--fixed)}.appt-card.clinic-endo{border-right:4px solid var(--endo)}.appt-card.clinic-pedo{border-right:4px solid var(--pedo)}.appt-card.clinic-surgery{border-right:4px solid var(--surgery)}.clinic-badge{border-radius:9999px;padding:.125rem .5rem;font-size:10px;font-weight:700;text-transform:uppercase}.clinic-badge.clinic-operative{background:#3b82f626;color:var(--operative)}.clinic-badge.clinic-fixed{background:#10b98126;color:var(--fixed)}.clinic-badge.clinic-endo{background:#f59e0b26;color:var(--endo)}.clinic-badge.clinic-pedo{background:#a78bfa26;color:var(--pedo)}.clinic-badge.clinic-surgery{background:#f43f5e26;color:var(--surgery)}.status-badge{border-radius:9999px;padding:.125rem .5rem;font-size:10px;font-weight:600}.status-badge.status-scheduled{background:#3b82f626;color:#60a5fa}.status-badge.status-arrived{background:#22c55e26;color:#4ade80}.status-badge.status-completed{background:#64748b26;color:#94a3b8}.status-badge.status-no_show{background:#ef444426;color:#f87171}.status-badge.status-cancelled{background:#dc262626;color:#fca5a5}.action-btn{border-radius:.75rem;padding:.625rem .75rem;text-align:center;font-size:.75rem;line-height:1rem;font-weight:600;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;border:1px solid var(--border2);background:var(--surface2);color:var(--text-dim);font-family:inherit;-webkit-tap-highlight-color:transparent;cursor:pointer}.action-btn:hover{filter:brightness(1.1)}.action-btn:active{transform:scale(.97)}.action-arrived{border-color:#22c55e;color:#22c55e}.action-completed{border-color:#64748b;color:#94a3b8}.action-noshow{border-color:#ef4444;color:#ef4444}.action-cancel{border-color:#9f1239;color:#fda4af}.action-view{border-color:var(--accent);color:var(--accent)}.action-reschedule{color:var(--text-dim)}.list-card{display:block;border-radius:.75rem;padding:1rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;background:var(--surface);border:1px solid var(--border);text-decoration:none;color:inherit;backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat))}.list-card:hover{border-color:var(--border2);background:var(--surface2)}.list-card:active{transform:scale(.995)}.avatar{display:flex;flex-shrink:0;align-items:center;justify-content:center;font-weight:600;width:2.5rem;height:2.5rem;border-radius:var(--radius);background:linear-gradient(135deg,var(--surface3) 0%,var(--border2) 100%);color:var(--text-dim)}.empty-state{padding:4rem 1rem;text-align:center;color:var(--text-dim)}.empty-state-icon{margin-bottom:1rem;font-size:3rem;line-height:1;opacity:.8}.empty-state-title{font-weight:600;color:var(--text)}.empty-state-desc{margin-top:.25rem;font-size:.875rem;line-height:1.25rem;color:var(--text-muted)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border)}.skeleton{background:linear-gradient(90deg,var(--surface2) 25%,var(--surface3) 50%,var(--surface2) 75%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:var(--radius)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}*:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:focus-visible,a:focus-visible{outline-offset:2px}[x-cloak]{display:none!important}.app-shell{position:relative;z-index:1}.hover\:border-accent:hover{--tw-border-opacity: 1;border-color:rgb(167 139 250 / var(--tw-border-opacity, 1))}.hover\:bg-accent\/10:hover{background-color:#a78bfa1a}.hover\:bg-accent\/5:hover{background-color:#a78bfa0d}.hover\:bg-rose-500\/10:hover{background-color:#f43f5e1a}.hover\:text-gray-400:hover{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.hover\:text-gray-500:hover{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.focus\:z-10:focus{z-index:10}.focus\:border-blue-300:focus{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.active\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:bg-gray-100:active{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.active\:bg-rose-500\/15:active{background-color:#f43f5e26}.active\:text-gray-500:active{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.active\:text-gray-700:active{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:flex-1{flex:1 1 0%}.sm\:translate-y-3{--tw-translate-y: .75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:scale-\[0\.98\]{--tw-scale-x: .98;--tw-scale-y: .98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}}.rtl\:flex-row-reverse:where([dir=rtl],[dir=rtl] *){flex-direction:row-reverse}@media (prefers-color-scheme: dark){.dark\:border-gray-600{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.dark\:bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.dark\:text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.dark\:text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.dark\:text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.dark\:hover\:text-gray-300:hover{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.dark\:focus\:border-blue-700:focus{--tw-border-opacity: 1;border-color:rgb(29 78 216 / var(--tw-border-opacity, 1))}.dark\:focus\:border-blue-800:focus{--tw-border-opacity: 1;border-color:rgb(30 64 175 / var(--tw-border-opacity, 1))}.dark\:active\:bg-gray-700:active{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark\:active\:text-gray-300:active{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}}