:root{--bg:#f6f8fa;--surface:#fff;--surface-2:#f1f4f8;--surface-3:#e9eef4;--border:#e3e8ef;--border-2:#d3dbe6;--text:#0f1b2d;--text-muted:#5b6b82;--text-faint:#8593a8;--primary-50:#fbeef7;--primary-100:#f3d6ea;--primary-500:#a83d92;--primary-600:#8e2f7b;--primary-700:#732463;--nav-active-bg:#fbeef7;--secondary-50:#e8f6f0;--secondary-100:#cdebe0;--secondary-500:#43b58d;--secondary-600:#369a77;--secondary-700:#2b7d60;--success:#16a34a;--success-bg:#dcfce7;--success-fg:#15803d;--warning:#d97706;--warning-bg:#fef3c7;--warning-fg:#b45309;--danger:#dc2626;--danger-bg:#fee2e2;--danger-fg:#b91c1c;--info:#2563eb;--info-bg:#dbeafe;--info-fg:#1d4ed8;--neutral:#64748b;--neutral-bg:#eef2f6;--neutral-fg:#475569;--gold:#c99a2e;--gold-bg:#fbf1d9;--purple:#7c3aed;--purple-bg:#ede9fe;--tooth:#fcf8f1;--tooth-root:#f1e7d6;--tooth-stroke:#c9b79e;--shadow:0 1px 3px #101b2d12,0 1px 2px #101b2d0a;--shadow-md:0 8px 28px #101b2d24}html[data-theme=dark]{--bg:#0b1220;--surface:#111a2b;--surface-2:#16213a;--surface-3:#1c2942;--border:#243049;--border-2:#2e3c58;--text:#e6ecf5;--text-muted:#9aa8bf;--text-faint:#6b7a93;--primary-50:#2a1426;--primary-100:#371830;--primary-500:#ce6fb8;--primary-600:#a83d92;--primary-700:#8e2f7b;--nav-active-bg:#2a1426;--secondary-50:#0e2c24;--secondary-100:#123a2e;--secondary-500:#5bc9a1;--secondary-600:#43b58d;--secondary-700:#369a77;--success:#22c55e;--success-bg:#0f2c1c;--success-fg:#4ade80;--warning:#f59e0b;--warning-bg:#2a1f0c;--warning-fg:#fbbf24;--danger:#ef4444;--danger-bg:#2a1414;--danger-fg:#f87171;--info:#3b82f6;--info-bg:#0f1c33;--info-fg:#60a5fa;--neutral:#94a3b8;--neutral-bg:#1c2740;--neutral-fg:#cbd5e1;--gold:#e0b341;--gold-bg:#2a2410;--purple:#a78bfa;--purple-bg:#1e1840;--tooth:#e6edf6;--tooth-root:#cdd7e4;--tooth-stroke:#8b99ae;--shadow:0 1px 3px #0006;--shadow-md:0 14px 36px #0000008c}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Cairo,Montserrat,system-ui,sans-serif}button,input,select,textarea{color:var(--text);font-family:inherit}button:disabled{cursor:not-allowed}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-2);background-clip:content-box;border:2px solid #0000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-faint);background-clip:content-box}::-webkit-scrollbar-track{background:0 0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}input,button,select,textarea{font-family:inherit}input:focus,button:focus-visible,select:focus,textarea:focus{outline:2px solid var(--primary-500);outline-offset:1px}button{font-family:inherit}a{color:inherit;text-decoration:none}.mono{font-family:IBM Plex Mono,monospace}.fade-in{animation:.25s fadeIn}@media (width<=900px){.pp-grid{grid-template-columns:1fr!important}.pp-grid3{grid-template-columns:1fr 1fr!important}}@media (width<=560px){.pp-grid3{grid-template-columns:1fr!important}}@media (width<=1100px){.dash-kpis{grid-template-columns:repeat(3,1fr)!important}}@media (width<=820px){.dash-widgets{grid-template-columns:1fr!important}.dash-widgets>*{grid-column:auto!important}}@media (width<=560px){.dash-kpis{grid-template-columns:repeat(2,1fr)!important}}.sidebar-backdrop{z-index:39;background:#101b2d73;animation:.15s fadeIn;position:fixed;inset:0}.mobile-drawer{z-index:40;box-shadow:var(--shadow-md);inset-block:0;inset-inline-start:0;position:fixed!important}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.table-min{min-width:840px}.table-min-sm{min-width:560px}.pharmacy-table .table-min{min-width:1120px!important}.pharmacy-pos-grid{align-items:start}@media (width<=1100px){.pharmacy-pos-grid{flex-direction:column;min-height:auto!important;display:flex!important}.pharmacy-pos-grid>*{width:100%!important;max-height:none!important;position:static!important}.queue-grid{-webkit-overflow-scrolling:touch;padding-bottom:8px;overflow-x:auto;display:flex!important}.queue-grid>*{flex:0 0 240px}}@media (width<=900px){.topbar-brandtext,.topbar-user,.topbar-kbd,.topbar-branch .branch-label{display:none}}@media (width<=640px){.topbar-branch{display:none}}@media (width<=900px){.login-brand{display:none!important}.login-form{width:100%!important;padding:36px 22px!important}.emr-rail{display:none!important}.emr-chart{flex:100%!important;min-width:0!important}.emr-tooth-panel{flex:100%!important;width:100%!important}.emr-vitals-grid{grid-template-columns:1fr 1fr!important}}.odo-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (width<=820px){.wiz-body{flex-direction:column!important}.wiz-rail{border-bottom:1px solid var(--border);gap:4px;overflow-x:auto;border-inline-end:none!important;width:100%!important;padding:8px 10px!important;display:flex!important}.wiz-rail>button{flex:none;width:auto!important;margin-bottom:0!important}}.booking-layout{grid-template-columns:1fr 280px;align-items:start;gap:24px;margin-top:8px;display:grid}.booking-aside,.booking-main{min-width:0}.booking-card-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-bottom:8px;display:grid}.booking-service-doctor-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.booking-service-panel,.booking-doctor-panel{min-width:0}.booking-group-chips{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.booking-group-chip{cursor:pointer;border:1.5px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600;transition:border-color .15s,background .15s,color .15s}.booking-group-chip[data-active]{border-color:var(--primary-500);background:var(--primary-50);color:var(--primary-700)}.booking-selected-service{border:2px solid var(--primary-200,var(--primary-100));background:linear-gradient(135deg,var(--primary-50) 0%,var(--surface) 100%);border-radius:13px;margin-bottom:14px;padding:14px 16px}.booking-doctor-list{flex-direction:column;gap:10px;max-height:min(520px,60vh);padding-right:2px;display:flex;overflow-y:auto}.booking-doctor-empty{text-align:center;border:1px dashed var(--border);background:var(--surface-2);color:var(--text-muted);border-radius:13px;padding:28px 16px;font-size:13.5px;line-height:1.55}.booking-date-strip{-webkit-overflow-scrolling:touch;scrollbar-width:thin;gap:8px;margin-bottom:18px;padding-bottom:8px;display:flex;overflow-x:auto}.booking-time-grid{flex-wrap:wrap;gap:8px;display:flex}.booking-steps{gap:4px;margin-bottom:24px;padding-bottom:4px;display:flex;overflow-x:auto}.booking-step{text-align:center;flex-direction:column;flex:1;align-items:center;gap:6px;min-width:88px;display:flex;position:relative}.booking-step-label{color:var(--text-faint);font-size:11px;font-weight:600;line-height:1.25}.booking-step[data-active] .booking-step-label{color:var(--primary-700);font-weight:700}.booking-step[data-done] .booking-step-label{color:var(--success-fg)}.booking-nav{border-top:1px solid var(--border);gap:10px;margin-top:24px;padding-top:20px;display:flex}.booking-hero{border-bottom:1px solid var(--border);margin-bottom:20px;padding-bottom:18px}@media (width<=820px){.booking-layout{grid-template-columns:1fr}.booking-aside{order:-1}.booking-step-label{display:none}.booking-step{min-width:48px}.booking-service-doctor-grid{grid-template-columns:1fr}.booking-doctor-list{max-height:none}}@media (width<=640px){.form-grid{grid-template-columns:1fr!important}}.perm-matrix-wrap{border:1px solid var(--border);background:var(--surface);border-radius:12px;overflow:hidden}.perm-matrix-table{border-collapse:collapse;width:100%;min-width:520px;font-size:12.5px}.perm-matrix-table thead th{z-index:1;text-align:start;letter-spacing:.3px;color:var(--text-muted);background:var(--surface-2);border-bottom:1px solid var(--border);padding:10px 12px;font-size:11.5px;font-weight:700;position:sticky;top:0}.perm-matrix-table tbody td{border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 12px}.perm-matrix-table tbody tr:last-child td{border-bottom:none}.perm-matrix-module{background:var(--surface-2);border-inline-end:1px solid var(--border);vertical-align:top!important}.perm-matrix-cell:not(:disabled):active{transform:scale(.94)}.perm-admin .perm-matrix-wrap{box-shadow:var(--shadow)}.perm-matrix-inline{flex-direction:column;gap:10px;max-height:340px;padding:2px;display:flex;overflow-y:auto}.perm-matrix-inline-group{border:1px solid var(--border);background:var(--surface);border-radius:10px;overflow:hidden}.perm-matrix-inline-head{background:var(--surface-2);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-size:12.5px;font-weight:700;display:flex}.perm-matrix-inline-row{border-bottom:1px solid var(--border);grid-template-columns:1fr auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.perm-matrix-inline-label{color:var(--text);font-size:13px;font-weight:600;line-height:1.35}.perm-matrix-inline-row:last-child{border-bottom:none}@media (width<=900px){.portal-login-root{flex-direction:column!important}.portal-login-brand{min-height:auto!important;padding:32px 24px!important}.portal-login-form{width:100%!important;padding:32px 24px!important}.portal-sidebar{z-index:45;transform:translateX(calc(-100% * (1 - var(--portal-open,0))));box-shadow:var(--shadow-md);transition:transform .2s;inset-block:0;inset-inline-start:0;position:fixed!important}[dir=rtl] .portal-sidebar{transform:translateX(calc(100% * (1 - var(--portal-open,0))))}.portal-sidebar-open{--portal-open:1!important;transform:translate(0)!important}.portal-sidebar-backdrop{z-index:44;background:#101b2d73;animation:.15s fadeIn;position:fixed;inset:0}.portal-menu-btn{display:flex!important}.portal-main{padding:16px!important}}