:root{--teal-900: #0b4547;--teal-800: #0f5f62;--teal-700: #126e71;--teal-600: #198588;--teal-500: #2aa0a3;--teal-400: #4fbdbf;--teal-200: #bde5e5;--teal-100: #dff1f1;--teal-50: #f0f8f8;--ink-900: #0f1e20;--ink-800: #1e3235;--ink-700: #2d4547;--ink-600: #4a6063;--ink-500: #6b8083;--ink-400: #94a6a8;--ink-300: #c2cdcf;--ink-200: #dee4e5;--ink-100: #eef1f2;--ink-50: #f7f9f9;--bg: #fafbfb;--surface: #ffffff;--surface-2: #f4f6f6;--border: #e6ebec;--amber: #d68a2a;--amber-bg: #fdf4e4;--rose: #c24a4a;--rose-bg: #fbeae7;--mint: #3a9c7c;--mint-bg: #e6f5ee;--violet: #6b5cd4;--violet-bg: #ecebfa;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--shadow-sm: 0 1px 2px rgba(11,69,71,.06), 0 1px 1px rgba(11,69,71,.04);--shadow-md: 0 4px 10px rgba(11,69,71,.06), 0 2px 4px rgba(11,69,71,.04);--shadow-lg: 0 16px 40px rgba(11,69,71,.08), 0 6px 12px rgba(11,69,71,.05);--font-sans: "Plus Jakarta Sans", "IBM Plex Sans Arabic", -apple-system, system-ui, sans-serif;--font-ar: "IBM Plex Sans Arabic", "Plus Jakarta Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--font-sans);font-feature-settings:"ss01","cv11";background:var(--bg);color:var(--ink-900);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.45}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}a{color:inherit;text-decoration:none}[dir=rtl]{font-family:var(--font-ar)}.app{display:grid;grid-template-columns:240px 1fr;height:100vh;overflow:hidden;background:var(--bg)}.sidebar{background:var(--surface);border-inline-end:1px solid var(--border);display:flex;flex-direction:column;padding:18px 14px;gap:6px;order:0}[dir=rtl] .sidebar{border-inline-end:1px solid var(--border)}.sidebar__brand{display:flex;align-items:center;gap:10px;padding:6px 8px 18px;border-bottom:1px solid var(--border);margin-bottom:14px}.sidebar__brand-icon{width:34px;height:34px;background:var(--teal-600);border-radius:10px;display:grid;place-items:center;color:#fff;font-weight:700;flex-shrink:0}.sidebar__brand-icon svg{width:22px;height:22px}.sidebar__brand-text{display:flex;flex-direction:column;line-height:1.1}.sidebar__brand-name{font-weight:700;font-size:15px;color:var(--ink-900);letter-spacing:-.01em}.sidebar__brand-sub{font-size:11px;color:var(--ink-500);margin-top:2px}.nav-section{text-transform:uppercase;font-size:10.5px;letter-spacing:.08em;color:var(--ink-400);padding:10px 10px 6px;font-weight:600}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-sm);color:var(--ink-700);font-size:13.5px;font-weight:500;transition:background .15s;width:100%;text-align:start}.nav-item:hover{background:var(--ink-50)}.nav-item.is-active{background:var(--teal-50);color:var(--teal-800);font-weight:600}.nav-item.is-active .nav-icon{color:var(--teal-600)}.nav-icon{width:18px;height:18px;color:var(--ink-500);flex-shrink:0}.nav-badge{margin-inline-start:auto;background:var(--teal-600);color:#fff;font-size:10.5px;font-weight:600;padding:2px 7px;border-radius:999px}.sidebar__footer{margin-top:auto;padding-top:12px;border-top:1px solid var(--border)}.user-chip{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--radius-sm)}.user-chip:hover{background:var(--ink-50)}.avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--teal-500),var(--teal-700));color:#fff;font-weight:700;font-size:12px;display:grid;place-items:center;flex-shrink:0}.user-chip__info{line-height:1.2;overflow:hidden}.user-chip__name{font-weight:600;font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.user-chip__role{font-size:11px;color:var(--ink-500)}.main{overflow:auto;display:flex;flex-direction:column}.topbar{height:60px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 24px;gap:16px;position:sticky;top:0;z-index:10}.topbar__title{font-size:17px;font-weight:700;letter-spacing:-.01em;color:var(--ink-900)}.topbar__sub{color:var(--ink-500);font-size:12.5px;margin-top:2px}.topbar__crumb{display:flex;align-items:center;gap:8px;color:var(--ink-500);font-size:13px}.topbar__crumb b{color:var(--ink-900);font-weight:600}.topbar__right{margin-inline-start:auto;display:flex;align-items:center;gap:10px}.search{display:flex;align-items:center;gap:8px;background:var(--surface-2);padding:8px 12px;border-radius:var(--radius-sm);color:var(--ink-500);font-size:13px;min-width:280px;border:1px solid transparent;transition:all .15s}.search:focus-within{border-color:var(--teal-400);background:#fff}.search input{background:none;border:none;outline:none;flex:1;color:var(--ink-900)}.search__kbd{font-family:var(--font-mono);font-size:10.5px;background:#fff;border:1px solid var(--border);padding:2px 6px;border-radius:4px;color:var(--ink-500)}.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:var(--radius-sm);font-weight:600;font-size:13px;transition:all .12s;border:1px solid transparent;white-space:nowrap}.btn--primary{background:var(--teal-600);color:#fff}.btn--primary:hover{background:var(--teal-700)}.btn--ghost{color:var(--ink-700);border-color:var(--border);background:#fff}.btn--ghost:hover{background:var(--ink-50)}.btn--subtle{color:var(--ink-700)}.btn--subtle:hover{background:var(--ink-50)}.btn--danger{background:var(--rose-bg);color:var(--rose)}.btn--danger:hover{background:#f5d6d1}.btn--sm{padding:6px 10px;font-size:12px}.btn--lg{padding:12px 18px;font-size:14px}.btn--icon{padding:8px;aspect-ratio:1}.btn svg{width:15px;height:15px}.icon-btn{width:36px;height:36px;border-radius:var(--radius-sm);display:grid;place-items:center;color:var(--ink-600)}.icon-btn:hover{background:var(--ink-50);color:var(--ink-900)}.icon-btn svg{width:18px;height:18px}.icon-btn--dot:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--rose);border:2px solid white;margin-top:-16px;margin-inline-start:10px}.content{padding:24px;max-width:1500px;width:100%}.content--wide{max-width:none;padding:0}.page-head{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.page-head h1{margin:0;font-size:24px;font-weight:700;letter-spacing:-.02em;color:var(--ink-900)}.page-head p{margin:4px 0 0;color:var(--ink-500);font-size:13.5px}.page-head__actions{margin-inline-start:auto;display:flex;gap:8px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.card__head{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border)}.card__head h3{margin:0;font-size:14px;font-weight:600;color:var(--ink-900)}.card__head .btn{margin-inline-start:auto}.card__body{padding:18px}.card__foot{padding:12px 18px;border-top:1px solid var(--border);background:var(--ink-50)}.grid{display:grid;gap:16px}.grid-2{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.grid-3{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.grid-4{display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.grid-2fr1fr{display:grid;gap:16px;grid-template-columns:2fr 1fr}.grid-aside{display:grid;gap:16px;grid-template-columns:1fr 320px}.grid-setup{display:grid;gap:48px;grid-template-columns:280px 1fr}.grid-login{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.stat{display:flex;flex-direction:column;padding:18px;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);position:relative;overflow:hidden}.stat__label{font-size:12px;color:var(--ink-500);font-weight:500}.stat__value{font-size:26px;font-weight:700;color:var(--ink-900);letter-spacing:-.02em;font-feature-settings:"tnum"}.stat__delta{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:600;margin-top:2px}.stat__delta--up{color:var(--mint)}.stat__delta--down{color:var(--rose)}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12.5px;font-weight:500;color:var(--ink-700)}.field .hint{font-size:11.5px;color:var(--ink-500)}.req{color:var(--rose);margin-inline-start:2px}.input,.select,.textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 12px;font-size:13px;color:var(--ink-900);outline:none;transition:all .15s;width:100%}.input:focus,.select:focus,.textarea:focus{border-color:var(--teal-500);box-shadow:0 0 0 3px var(--teal-100)}.textarea{resize:vertical;min-height:80px}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:600}.chip--teal{background:var(--teal-50);color:var(--teal-700)}.chip--amber{background:var(--amber-bg);color:var(--amber)}.chip--mint{background:var(--mint-bg);color:var(--mint)}.chip--rose{background:var(--rose-bg);color:var(--rose)}.chip--violet{background:var(--violet-bg);color:var(--violet)}.chip--gray{background:var(--ink-100);color:var(--ink-700)}.chip .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:start;padding:10px 16px;font-size:11.5px;font-weight:600;color:var(--ink-500);background:var(--ink-50);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border)}.table td{padding:13px 16px;border-bottom:1px solid var(--border);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--ink-50)}.table .tnum{font-feature-settings:"tnum"}.row{display:flex;align-items:center;gap:10px}.col{display:flex;flex-direction:column;gap:10px}.gap-1{gap:6px}.gap-2{gap:10px}.gap-3{gap:16px}.gap-4{gap:24px}.spacer{flex:1}.mt-1{margin-top:6px}.mt-2{margin-top:12px}.mt-3{margin-top:18px}.mt-4{margin-top:24px}.mb-1{margin-bottom:6px}.mb-2{margin-bottom:12px}.mb-3{margin-bottom:18px}.mb-4{margin-bottom:24px}.muted{color:var(--ink-500)}.strong{font-weight:600;color:var(--ink-900)}.tnum{font-feature-settings:"tnum"}.center{text-align:center}.stack{display:inline-flex}.stack .avatar{border:2px solid var(--surface);margin-inline-start:-8px}.stack .avatar:first-child{margin-inline-start:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--ink-200);border-radius:10px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--ink-300)}::-webkit-scrollbar-track{background:transparent}[dir=rtl] .flip-rtl{transform:scaleX(-1)}.menu-btn{display:none;width:36px;height:36px;border-radius:var(--radius-sm);place-items:center;color:var(--ink-700);background:transparent;flex-shrink:0}.menu-btn:hover{background:var(--ink-50)}.menu-btn svg{width:20px;height:20px}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0b1e2073;z-index:99;animation:fadeIn .2s ease}.sidebar-overlay.is-open{display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.grid-aside{grid-template-columns:1fr}.grid-setup{grid-template-columns:1fr;gap:24px}.content{max-width:100%;padding:20px}.search{min-width:220px}}@media(max-width:900px){.app{grid-template-columns:1fr}.sidebar{position:fixed;top:0;bottom:0;inset-inline-start:0;width:260px;z-index:100;transform:translate(-100%);transition:transform .25s ease;box-shadow:var(--shadow-lg);overflow-y:auto}[dir=rtl] .sidebar{transform:translate(100%)}.sidebar.is-open{transform:translate(0)!important}.menu-btn{display:grid}.topbar{position:sticky;top:0}}@media(max-width:768px){body{font-size:13.5px}.grid-2,.grid-2fr1fr,.grid-login,.grid-3,.grid-4{grid-template-columns:1fr}.topbar{padding:0 14px;gap:8px;height:56px}.topbar__title{font-size:15px}.topbar__sub{font-size:11.5px}.topbar__crumb{font-size:12px;gap:6px;flex-wrap:wrap}.search{min-width:0;flex:1;padding:7px 10px}.search__kbd{display:none}.content{padding:14px}.page-head h1{font-size:19px}.page-head{gap:10px;flex-wrap:wrap}.page-head__actions{width:100%}.card__head{padding:12px 14px;flex-wrap:wrap;gap:8px}.card__body{padding:14px}.table th,.table td{padding:10px 12px;font-size:12.5px}.stat{padding:14px}.stat__value{font-size:22px}select.select[style*="width: auto"],input.input[style*="width: 130"]{width:100%!important}}@media(max-width:480px){.topbar__crumb b{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle}.search{display:none}.nav-section{font-size:10px}.btn{padding:8px 12px;font-size:12.5px}.btn--lg{padding:10px 14px;font-size:13px}}@media(max-width:640px){.modal{width:95vw!important;max-width:95vw!important;max-height:90vh!important}}@media(max-width:768px){.rx-row{grid-template-columns:1fr 1fr!important}.rx-row>input:first-child{grid-column:1 / -1}.rx-row>button:last-child{grid-column:1 / -1;justify-self:end}}@media(max-width:768px){.card:has(>.table){overflow-x:auto;-webkit-overflow-scrolling:touch}.card>.table{min-width:520px}}@media(max-width:640px){.patient-banner-inner{padding:56px 14px 14px!important}.patient-banner-avatar{width:64px!important;height:64px!important;font-size:22px!important;border-radius:16px!important;top:-24px!important;inset-inline-start:14px!important}.patient-banner-info{padding-inline-start:0!important}}.month-grid-header{display:grid;grid-template-columns:repeat(7,1fr);background:var(--ink-50);border-bottom:1px solid var(--border)}.month-grid-dow{padding:10px 8px;text-align:center;font-size:11px;font-weight:600;color:var(--ink-500);text-transform:uppercase;letter-spacing:.04em;border-inline-end:1px solid var(--border)}.month-grid-dow:last-child{border-inline-end:none}.month-grid-body{display:grid;grid-template-columns:repeat(7,1fr);background:#fff}.month-grid-cell{min-height:110px;border-inline-end:1px solid var(--border);border-bottom:1px solid var(--border);padding:6px 6px 4px;display:flex;flex-direction:column;gap:4px;cursor:pointer;transition:background .12s;background:#fff;overflow:hidden}.month-grid-cell:hover,.month-grid-cell.is-out{background:var(--ink-50)}.month-grid-cell.is-out .month-grid-num{color:var(--ink-400)}.month-grid-cell.is-today{background:var(--teal-50)}.month-grid-num{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;color:var(--ink-700);padding:2px 4px}.month-grid-cell.is-today .month-grid-num{color:var(--teal-800)}.month-grid-count{font-size:10px;font-weight:700;color:var(--ink-500);background:var(--ink-100);padding:1px 6px;border-radius:999px}.month-grid-cell.is-today .month-grid-count{background:var(--teal-200);color:var(--teal-800)}.month-grid-list{display:flex;flex-direction:column;gap:2px;overflow:hidden}.month-grid-appt{display:flex;align-items:center;gap:4px;padding:3px 6px;font-size:10.5px;font-weight:600;border-radius:4px;border:none;outline:none;text-align:start;cursor:pointer;white-space:nowrap;overflow:hidden}.month-grid-appt:hover{filter:brightness(.97)}.month-grid-appt-time{font-family:var(--font-mono);font-size:9.5px;flex-shrink:0;opacity:.85}.month-grid-appt-name{flex:1;overflow:hidden;text-overflow:ellipsis}.month-grid-more{font-size:10px;font-weight:600;color:var(--ink-500);padding:2px 6px}.month-grid-cell:nth-child(7n){border-inline-end:none}@media(max-width:768px){.month-grid-cell{min-height:70px;padding:4px 3px 2px}.month-grid-num{font-size:11px;padding:1px 2px}.month-grid-appt{font-size:9.5px;padding:2px 4px}.month-grid-appt-time{display:none}.month-grid-dow{padding:8px 4px;font-size:10px}}@media(max-width:480px){.month-grid-cell{min-height:56px}.month-grid-list{display:none}.month-grid-cell .month-grid-count{font-size:9px;padding:1px 4px}}