:root{--motion-fast: .15s cubic-bezier(.4, 0, .2, 1);--motion-base: .25s cubic-bezier(.4, 0, .2, 1);--motion-slow: .4s cubic-bezier(.4, 0, .2, 1)}.sidebar-brand-icon{width:34px;height:34px;border-radius:8px;background:var(--mantine-primary-color-filled);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-logo{height:28px;width:auto;display:block;max-width:140px}.header-mobile-logo{display:none;height:26px;width:auto;max-width:100%}.logo-hero-img{max-width:260px;height:auto;display:block;position:relative;z-index:1}.logo-hero-img--sm{max-width:180px}.user-profile-btn{display:inline-flex;align-items:center;padding:5px 8px;border-radius:var(--mantine-radius-md);transition:background-color var(--motion-fast)}.user-profile-btn:hover{background:var(--mantine-color-default-hover)}.sidebar-user-btn{width:100%;display:flex;align-items:center;padding:5px 0;border-radius:var(--mantine-radius-md);transition:background-color var(--motion-fast)}.sidebar-user-btn:hover{background:var(--mantine-color-default-hover)}.patient-picker-selected,.patient-picker-create-panel{background:var(--mantine-color-body)}.patient-picker-dropdown{overflow:hidden;border-radius:var(--mantine-radius-md)}.patient-picker-status{border-bottom:1px solid color-mix(in srgb,var(--mantine-color-default-border) 60%,transparent);background:color-mix(in srgb,var(--mantine-primary-color-light) 18%,var(--mantine-color-body))}.patient-picker-option{padding-top:.75rem;padding-bottom:.75rem}.admin-role-chip{display:inline-flex;align-items:center;max-width:100%;padding-inline:.55rem;font-weight:600;white-space:nowrap;border:1px solid color-mix(in srgb,var(--mantine-color-indigo-3) 65%,transparent);background:color-mix(in srgb,var(--mantine-color-indigo-0) 72%,var(--mantine-color-body))}html,body,#root{margin:0;min-height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--mantine-color-default-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--mantine-color-dimmed)}:where(a,button,[role=button],input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--mantine-primary-color-filled);outline-offset:2px}.skip-link{position:absolute;left:-9999px;top:.5rem;z-index:1000}.skip-link:focus-visible{left:.75rem;background:var(--mantine-color-body);padding:.5rem .75rem;border-radius:.5rem}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.page-enter{animation:fadeSlideUp var(--motion-slow) both}.mantine-Card-root{transition:transform var(--motion-base),box-shadow var(--motion-base)!important}.clickable-card:hover{transform:translateY(-2px);box-shadow:var(--mantine-shadow-md)!important}.mantine-NavLink-root{transition:background-color var(--motion-fast),color var(--motion-fast)!important}.login-shell{display:flex;min-height:100vh;width:100%;overflow-x:hidden}.login-hero{flex:0 0 50%;position:relative;background:linear-gradient(145deg,#0c1222,#162032,#0f172a);display:flex;flex-direction:column;justify-content:center;padding:4rem;overflow:hidden;transition:background var(--motion-slow)}.login-hero.login-hero-light{background:linear-gradient(145deg,#f8fafc,#e2e8f0,#cbd5e1)}.login-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(99,102,241,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(99,102,241,.06) 0%,transparent 50%);pointer-events:none;transition:opacity var(--motion-slow)}.login-hero.login-hero-light:before{background-image:radial-gradient(circle at 20% 80%,rgba(99,102,241,.12) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(99,102,241,.1) 0%,transparent 50%)}.login-hero-title{font-size:clamp(2.5rem,4.5vw,3.75rem);font-weight:800;letter-spacing:-.04em;line-height:1.05;color:#f1f5f9;margin:0 0 1rem;position:relative;z-index:1;transition:color var(--motion-slow)}.login-hero.login-hero-light .login-hero-title{color:#0f172a}.login-hero-tagline{font-size:1.1rem;line-height:1.7;color:#94a3b8;max-width:30ch;position:relative;z-index:1;margin:0;transition:color var(--motion-slow)}.login-hero.login-hero-light .login-hero-tagline{color:#475569}.login-hero-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .85rem;border-radius:2rem;border:1px solid rgba(148,163,184,.15);background:#94a3b80f;color:#94a3b8;font-size:.8rem;font-weight:500;letter-spacing:.02em;margin-bottom:2rem;position:relative;z-index:1;transition:background var(--motion-slow),border-color var(--motion-slow),color var(--motion-slow)}.login-hero.login-hero-light .login-hero-badge{border:1px solid rgba(71,85,105,.25);background:#47556914;color:#475569}.login-accent{position:absolute;border-radius:50%;background:var(--mantine-primary-color-filled, #6366f1);pointer-events:none}.login-accent-1{width:380px;height:380px;top:-100px;right:-80px;opacity:.06;animation:float 12s ease-in-out infinite}.login-accent-2{width:200px;height:200px;bottom:8%;left:-60px;opacity:.05;animation:float 10s ease-in-out infinite 3s}.login-accent-3{width:6px;height:120px;border-radius:3px;bottom:4rem;right:4rem;opacity:.15}.login-form-side{flex:1;display:flex;align-items:center;justify-content:center;min-width:0;padding:2rem;background:var(--mantine-color-body)}.login-form-stack{width:100%;min-width:0}.login-form-links{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.login-footer-links{overflow-wrap:anywhere}.login-mobile-logo{display:none;max-width:240px;height:auto;margin:0 auto 1rem}.login-form-enter>*{animation:fadeSlideUp var(--motion-slow) both}.login-form-enter>*:nth-child(1){animation-delay:.06s}.login-form-enter>*:nth-child(2){animation-delay:.12s}.login-form-enter>*:nth-child(3){animation-delay:.18s}.login-form-enter>*:nth-child(4){animation-delay:.24s}.login-form-enter>*:nth-child(5){animation-delay:.3s}.login-form-enter>*:nth-child(6){animation-delay:.36s}.login-form-enter>*:nth-child(7){animation-delay:.42s}.login-form-enter>*:nth-child(8){animation-delay:.48s}@media(max-width:768px){.login-hero{display:none}.login-form-side{padding:2.5rem 1.5rem 2rem;align-items:center;justify-content:flex-start}.login-form-links{align-items:flex-start}.login-mobile-logo{display:block}.header-mobile-logo{display:block;max-width:clamp(120px,38vw,180px)}.patient-picker-option{padding-top:.9rem;padding-bottom:.9rem}.admin-role-chip{font-size:.72rem;padding-inline:.45rem}}.not-found-code{font-size:clamp(7rem,18vw,13rem);font-weight:800;letter-spacing:-.06em;line-height:1;background:linear-gradient(135deg,var(--mantine-primary-color-filled) 0%,var(--mantine-primary-color-light) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-user-select:none;user-select:none;animation:scaleIn .5s ease-out}.stat-card{position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;top:0;right:0;width:80px;height:80px;border-radius:0 0 0 80px;background:var(--mantine-primary-color-light);opacity:.3;pointer-events:none}.card-elevated{border:none!important;box-shadow:0 1px 3px #0000000a,0 1px 2px #00000008;transition:transform var(--motion-base),box-shadow var(--motion-base)!important}.card-elevated:hover{box-shadow:0 4px 12px #0000000f,0 1px 4px #0000000a}[data-mantine-color-scheme=dark] .card-elevated{box-shadow:0 1px 3px #0003,0 1px 2px #00000026}[data-mantine-color-scheme=dark] .card-elevated:hover{box-shadow:0 4px 12px #0000004d,0 1px 4px #0003}[data-mantine-color-scheme=light] .mantine-AppShell-main{background:#f8f9fa}[data-mantine-color-scheme=dark] .mantine-AppShell-main{background:var(--mantine-color-dark-8)}.appointment-card-chevron{color:var(--mantine-color-dimmed);transition:transform var(--motion-base),color var(--motion-base);flex-shrink:0}.appointment-card--clickable:hover .appointment-card-chevron{transform:translate(4px);color:var(--mantine-primary-color-filled)}.appointment-list-item{transition:box-shadow var(--motion-base),transform var(--motion-base)}.appointment-list-item:hover{transform:translateY(-1px);box-shadow:var(--mantine-shadow-sm)!important}.calendar-appt-card:hover{filter:brightness(1.06);transform:translateY(-1px) scale(1.01);z-index:10;box-shadow:0 4px 12px #0000001f!important}.calendar-appt-card:active{transform:scale(.98);filter:brightness(.97)}.calendar-appt-card:focus-visible{outline:2px solid var(--mantine-primary-color-filled);outline-offset:1px}.calendar-slot-hover:hover{background-color:color-mix(in srgb,var(--mantine-primary-color-light) 20%,transparent)!important;opacity:1!important}.coachmark-overlay{position:fixed;inset:0;background:#00000059;z-index:199;animation:fadeIn var(--motion-base)}.coachmark-target{position:relative;z-index:2;border-radius:.5rem;box-shadow:0 0 0 2px var(--mantine-primary-color-filled)}.coachmark-panel{position:fixed;right:1rem;bottom:1rem;z-index:200;width:min(360px,calc(100vw - 2rem));padding:1rem;border:1px solid var(--mantine-color-default-border);border-radius:.75rem;background:var(--mantine-color-body);box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f;animation:fadeSlideUp var(--motion-slow)}:root{--app-shell-mobile-bottom-nav-height: 0px}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:150;display:none;background:color-mix(in srgb,var(--mantine-color-body) 95%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--mantine-color-default-border);padding:.5rem 0 calc(.5rem + env(safe-area-inset-bottom));box-shadow:0 -2px 16px #0000000a,0 -1px 4px #00000005}.mobile-bottom-nav-inner{display:flex;justify-content:space-around;align-items:center;max-width:100%;margin:0 auto;gap:.25rem}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.5rem .75rem;border-radius:.5rem;transition:all var(--motion-base);cursor:pointer;text-decoration:none;color:var(--mantine-color-dimmed);min-width:60px;min-height:48px;flex:1;max-width:90px}.mobile-nav-item:hover{background:var(--mantine-color-default-hover)}.mobile-nav-item.active{color:var(--mantine-primary-color-filled);background:var(--mantine-primary-color-light)}.mobile-nav-item svg{width:20px;height:20px}.mobile-nav-item span{font-size:.7rem;font-weight:500;white-space:nowrap}@media(max-width:768px){:root{--app-shell-mobile-bottom-nav-height: calc(4.5rem + env(safe-area-inset-bottom)) }.mobile-bottom-nav{display:block}.mantine-AppShell-main{padding-bottom:calc(var(--app-shell-mobile-bottom-nav-height) + var(--mantine-spacing-sm))!important}.mantine-Burger-root{width:44px!important;height:44px!important}.coachmark-panel{bottom:calc(var(--app-shell-mobile-bottom-nav-height) + 1rem)}}@media(max-width:768px){.app-header-root{min-width:0}.app-header-left{min-width:0;flex:1 1 auto}.app-header-actions{flex-shrink:0}.app-header-root,.app-header-left,.app-header-actions{gap:.5rem}.mantine-Title-root{font-size:1.1rem!important}.scroll-to-top-btn{bottom:calc(var(--app-shell-mobile-bottom-nav-height) + 1rem)!important}}.mantine-Button-root,.mantine-ActionIcon-root{transition:transform var(--motion-fast),box-shadow var(--motion-fast),background-color var(--motion-fast)!important}.mantine-Button-root:active:not(:disabled),.mantine-ActionIcon-root:active:not(:disabled){transform:scale(.96)}.mantine-Button-root:hover:not(:disabled),.mantine-ActionIcon-root:hover:not(:disabled){transform:translateY(-1px)}@keyframes ripple{0%{transform:scale(0);opacity:.4}to{transform:scale(2.5);opacity:0}}.btn-ripple{position:relative;overflow:hidden}.btn-ripple:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,var(--mantine-primary-color-filled) 0%,transparent 70%);opacity:0;pointer-events:none;animation:ripple .6s ease-out}.patient-card-hover{cursor:pointer}.appt-card-hover:hover{box-shadow:var(--mantine-shadow-sm)}.appt-row-hover:hover,.patient-profile-link:hover{background:var(--mantine-color-default-hover)}.patient-profile-link:hover .patient-chevron{opacity:1;transform:translate(0)}@keyframes shimmer-slide{0%{background-position:-200% center}to{background-position:200% center}}.shimmer-loading{background:linear-gradient(90deg,var(--mantine-color-default) 0%,var(--mantine-color-default-hover) 50%,var(--mantine-color-default) 100%);background-size:200% 100%;animation:shimmer-slide 1.8s ease-in-out infinite}.mantine-Skeleton-root{animation:shimmer-slide 1.5s ease-in-out infinite!important;background:linear-gradient(90deg,var(--mantine-color-default) 0%,var(--mantine-color-default-hover) 50%,var(--mantine-color-default) 100%)!important;background-size:200% 100%!important}