@import"https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Inter:wght@400;500;600;700&display=swap";.receptionist-portal{--bg: oklch(97% .006 80);--surface: oklch(100% 0 0);--surface-hover: oklch(98% .004 80);--fg: oklch(20% .015 270);--meta: oklch(50% .01 270);--border: oklch(92% .005 80);--border-strong: oklch(85% .02 85);--accent: oklch(35% .08 270);--accent-surface: oklch(95% .02 270);--accent-hover: oklch(30% .08 270);--gold: oklch(72% .12 85);--gold-surface: oklch(96% .03 85);--success: oklch(55% .12 150);--success-bg: oklch(96% .04 150);--danger: oklch(55% .15 25);--danger-bg: oklch(96% .04 25);--warn: oklch(65% .14 70);--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--r-pill: 999px;--text-xs: clamp(.6875rem, .65rem + .1875vw, .75rem);--text-sm: clamp(.8125rem, .775rem + .1875vw, .875rem);--text-base: clamp(.9375rem, .8625rem + .375vw, 1.0625rem);--text-lg: clamp(1.125rem, 1.05rem + .375vw, 1.25rem);--text-xl: clamp(1.375rem, 1.225rem + .75vw, 1.625rem);--text-2xl: clamp(1.75rem, 1.525rem + 1.125vw, 2.125rem);display:flex;width:100%;height:100dvh;overflow:hidden;direction:rtl;font-family:Amiri,Noto Kufi Arabic,serif;color:var(--fg);background:var(--bg);font-size:var(--text-base);line-height:1.6}.receptionist-portal *{box-sizing:border-box}.receptionist-portal .font-sans{font-family:Inter,system-ui,-apple-system,sans-serif}.receptionist-portal .font-amiri{font-family:Amiri,serif}.receptionist-portal .text-meta{color:var(--meta)}.receptionist-portal h1,.receptionist-portal h2,.receptionist-portal h3{margin:0;font-weight:700;line-height:1.2;font-family:Amiri,serif}.receptionist-portal .sidebar{width:280px;flex-shrink:0;border-left:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;transition:.3s}.receptionist-portal .sidebar-brand{padding:36px 24px 24px;border-bottom:1px solid var(--border);position:relative}.receptionist-portal .sidebar-brand:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gold)}.receptionist-portal .brand-logo{font-size:36px;font-weight:700;color:var(--accent);font-family:Amiri,serif;line-height:1}.receptionist-portal .brand-clinic{font-size:var(--text-xs);color:var(--meta);margin-top:8px;font-family:Inter,sans-serif;text-transform:uppercase;letter-spacing:.05em}.receptionist-portal .sidebar-nav{flex:1;padding:24px 16px;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.receptionist-portal .nav-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:var(--r-md);color:var(--meta);font-family:Inter,sans-serif;font-size:var(--text-sm);font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);border:none;background:transparent;cursor:pointer;width:100%}.receptionist-portal .nav-item:hover{background:var(--surface-hover);color:var(--accent)}.receptionist-portal .nav-item.active{background:var(--accent-surface);color:var(--accent)}.receptionist-portal .nav-label{display:flex;align-items:center;gap:12px}.receptionist-portal .nav-icon{width:20px;height:20px;flex-shrink:0}.receptionist-portal .main-content{flex:1;display:flex;flex-direction:column;height:100dvh;overflow-y:auto;background:var(--bg)}.receptionist-portal .topbar{padding:32px 48px 24px;display:flex;justify-content:space-between;align-items:flex-end;position:sticky;top:0;z-index:10;background:var(--bg)}.receptionist-portal .topbar h1{font-size:var(--text-2xl);color:var(--accent)}.receptionist-portal .page-container{padding:0 48px 48px;max-width:1200px;width:100%;margin:0 auto}.receptionist-portal .clinic-switcher{padding:6px 10px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);color:var(--fg);font-family:inherit;font-size:var(--text-xs)}.auth-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#f8f9fa;direction:rtl;font-family:Amiri,serif}.auth-card{width:100%;max-width:400px;padding:40px;background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 10px 30px #0000000d}.auth-logo{font-size:48px;color:#2a4b8c;text-align:center;margin:0 0 8px;font-weight:700}.auth-card h2{text-align:center;margin:0 0 24px;color:#1a202c;font-size:20px}.auth-error{padding:12px;background:#fee2e2;color:#dc2626;border-radius:8px;margin-bottom:16px;font-size:14px}.auth-card .field{margin-bottom:16px}.auth-card .field label{display:block;margin-bottom:6px;font-size:14px;font-weight:700}.auth-card .input{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;color:#1a202c;font-family:inherit;font-size:14px;box-sizing:border-box}.auth-card .input:focus{outline:none;border-color:#2a4b8c}.receptionist-portal .bento-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.receptionist-portal .bento-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px;display:flex;flex-direction:column;gap:8px;box-shadow:0 2px 4px #2a4b8c05}.receptionist-portal .bento-card.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.receptionist-portal .bento-card.primary .bento-lbl{color:var(--gold)}.receptionist-portal .bento-lbl{font-size:var(--text-xs);color:var(--meta);font-family:Inter,sans-serif;font-weight:600;text-transform:uppercase}.receptionist-portal .bento-val{font-size:var(--text-xl);font-weight:700;color:var(--fg);font-family:Inter,sans-serif;font-variant-numeric:tabular-nums}.receptionist-portal .bento-card.primary .bento-val{color:#fff}.receptionist-portal .ledger{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:auto;box-shadow:0 2px 8px #2a4b8c05}.receptionist-portal .ledger-header{padding:24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.receptionist-portal .tbl{width:100%;border-collapse:collapse;text-align:right}.receptionist-portal .tbl th{padding:16px 24px;font-size:var(--text-xs);color:var(--meta);border-bottom:2px solid var(--border-strong);font-family:Inter,sans-serif;font-weight:600}.receptionist-portal .tbl td{padding:18px 24px;font-size:var(--text-sm);border-bottom:1px solid var(--border);color:var(--fg)}.receptionist-portal .tbl tr:last-child td{border-bottom:none}.receptionist-portal .tbl tr:hover td{background:var(--surface-hover)}.receptionist-portal .badge{display:inline-flex;padding:4px 12px;border-radius:var(--r-pill);font-size:var(--text-xs);font-weight:600;font-family:Inter,sans-serif}.receptionist-portal .badge-subtle{background:var(--border);color:var(--fg)}.receptionist-portal .badge-success{background:var(--success-bg);color:var(--success)}.receptionist-portal .badge-danger{background:var(--danger-bg);color:var(--danger)}.receptionist-portal .badge-warn{background:color-mix(in srgb,var(--warn) 15%,transparent);color:#b8960a}.receptionist-portal .badge-accent{background:var(--accent-surface);color:var(--accent)}.receptionist-portal .badge-gold{background:var(--gold-surface);color:#5c4300;color:oklch(40% .12 85)}.receptionist-portal .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--r-md);font-family:Inter,sans-serif;font-size:var(--text-sm);font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .2s cubic-bezier(.16,1,.3,1)}.receptionist-portal .btn-dark{background:var(--fg);color:#fff}.receptionist-portal .btn-dark:hover{opacity:.9}.receptionist-portal .btn-accent,.receptionist-portal .btn-primary{background:var(--accent);color:#fff}.receptionist-portal .btn-accent:hover,.receptionist-portal .btn-primary:hover{background:var(--accent-hover)}.receptionist-portal .btn-gold{background:var(--gold);color:#fff}.receptionist-portal .btn-outline{background:transparent;border-color:var(--border-strong);color:var(--fg)}.receptionist-portal .btn-outline:hover{background:var(--surface-hover);border-color:var(--accent);color:var(--accent)}.receptionist-portal .btn-sm{padding:6px 14px;font-size:var(--text-xs)}.receptionist-portal .btn-danger{background:var(--danger);color:#fff}.receptionist-portal .btn-danger:hover{opacity:.9}.receptionist-portal .filters{display:flex;gap:8px;margin-bottom:24px;align-items:center}.receptionist-portal .filter-btn{padding:10px 20px;border:1px solid var(--border);background:var(--surface);border-radius:var(--r-pill);font-family:Inter,sans-serif;font-size:var(--text-sm);color:var(--meta);cursor:pointer;transition:all .2s}.receptionist-portal .filter-btn.active{border-color:var(--accent);color:var(--accent);font-weight:600;background:var(--accent-surface)}.receptionist-portal .search-box{display:flex;align-items:center;padding:0 16px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface);width:320px;transition:border-color .2s}.receptionist-portal .search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-surface)}.receptionist-portal .search-box input{flex:1;border:none;padding:12px 0;outline:none;background:transparent;font-family:Inter,sans-serif;font-size:var(--text-sm);color:var(--fg)}.receptionist-portal .search-box input::placeholder{color:var(--meta)}.receptionist-portal .slide-up{animation:slideUp .5s cubic-bezier(.16,1,.3,1) forwards;opacity:0}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.receptionist-portal .modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:200;display:flex;align-items:center;justify-content:center}.receptionist-portal .modal{background:var(--surface);border-radius:var(--r-lg);padding:32px;max-width:500px;width:90%;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.receptionist-portal .form-group{margin-bottom:16px}.receptionist-portal .form-group label{display:block;margin-bottom:6px;font-size:var(--text-sm);font-weight:600;color:var(--fg);font-family:Inter,sans-serif}.receptionist-portal .form-group input,.receptionist-portal .form-group select{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:var(--r-md);font-size:var(--text-sm);font-family:Inter,sans-serif;background:var(--bg);color:var(--fg)}.receptionist-portal .form-group input:focus,.receptionist-portal .form-group select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-surface)}.receptionist-portal .form-row{display:flex;gap:16px}.receptionist-portal .form-row .form-group{flex:1}.receptionist-portal .empty-state{text-align:center;padding:48px 24px;color:var(--meta)}.receptionist-portal .empty-state h3{color:var(--accent);margin-bottom:8px;font-family:Amiri,serif}.receptionist-portal .now-serving{background:var(--accent);color:#fff;border-radius:var(--r-lg);padding:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin-bottom:32px;box-shadow:0 8px 24px #2a4b8c26;position:relative;overflow:hidden}.receptionist-portal .now-serving:after{content:"";position:absolute;top:0;right:0;bottom:0;width:4px;background:var(--gold)}.receptionist-portal .now-serving-lbl{font-family:Amiri,serif;font-weight:700;font-size:var(--text-lg);margin-bottom:8px;color:var(--gold)}.receptionist-portal .now-serving-num{font-family:Inter,sans-serif;font-weight:700;font-size:112px;line-height:1}@keyframes pulseQueue{0%,to{opacity:1}50%{opacity:.8}}.receptionist-portal .now-serving-num{animation:pulseQueue 3s ease-in-out infinite}.receptionist-portal .queue-row.active{background:var(--accent-surface)}.receptionist-portal .queue-row.active td{border-bottom-color:var(--accent)}.receptionist-portal .menu-toggle{display:none;font-size:22px;background:none;border:none;color:var(--accent);cursor:pointer;padding:6px;border-radius:var(--r-sm)}.receptionist-portal .sidebar-overlay{display:none}@media (max-width: 900px){.receptionist-portal .sidebar{position:fixed;right:-280px;z-index:100;transition:right .3s}.receptionist-portal .sidebar.open{right:0;box-shadow:-8px 0 40px #00000026}.receptionist-portal .sidebar-overlay.active{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:99}.receptionist-portal .menu-toggle{display:block}.receptionist-portal .page-container{padding:0 16px 24px}.receptionist-portal .topbar{padding:16px 16px 12px}.receptionist-portal .bento-grid{grid-template-columns:1fr 1fr}}