.modal-overlay{position:fixed;inset:0;background:#00000073;z-index:2000!important;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.modal{width:min(880px,100%);max-height:calc(100vh - 120px);background:var(--color-white);border-radius:16px;box-shadow:var(--shadow-3);overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-gray-100)}.modal-title{font-family:var(--font-display);font-size:18px;font-weight:700;margin:0;color:var(--color-gray-900)}.modal-close{width:36px;height:36px;border-radius:8px;border:1px solid var(--color-gray-100);background:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-gray-600)}.modal-close:hover{color:var(--color-primary);border-color:var(--color-primary-light);background:var(--color-gray-50)}.modal-body{padding:var(--space-4);overflow:auto}.modal-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-gray-100);display:flex;justify-content:flex-end;gap:var(--space-2);background:var(--color-white)}@media(max-width:900px){.modal-overlay{padding:0!important;background:#fff!important;z-index:2500!important}.modal{width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;border-radius:0!important;margin:0!important;border:none!important;box-shadow:none!important}.modal-header{padding:16px!important;border-bottom:1px solid #e2e8f0!important;background:#fff!important;position:sticky!important;top:0!important;z-index:10!important}.modal-body{padding:16px 12px!important;overflow-y:auto!important;overflow-x:hidden!important;background-color:#f8fafc!important;-webkit-overflow-scrolling:touch!important;box-sizing:border-box!important}.modal-footer{padding:16px!important;border-top:1px solid #e2e8f0!important;background:#fff!important;position:sticky!important;bottom:0!important;z-index:10!important}}.login-screen{display:flex;min-height:100vh;width:100%}.login-panel-left{width:55%;background:var(--color-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:var(--space-5)}.login-brand-logo{height:80px;width:auto;object-fit:contain;margin-bottom:var(--space-2)}.login-wordmark{font-family:var(--font-display);font-size:36px;font-weight:700;color:var(--color-white);margin:0 0 var(--space-1) 0}.login-tagline{font-size:16px;color:#ffffffbf;margin:0 0 var(--space-5) 0}.login-feature-pills{display:flex;flex-direction:column;gap:var(--space-2);width:100%;max-width:320px}.login-pill{display:flex;align-items:center;gap:var(--space-2);background:#fffffff2;padding:var(--space-2) var(--space-3);border-radius:8px;font-size:14px;color:var(--color-gray-900);box-shadow:var(--shadow-1)}.login-pill-icon{display:flex;align-items:center;justify-content:center;color:var(--color-primary);width:24px;height:24px}.login-pattern{position:absolute;bottom:0;left:0;right:0;height:200px;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.05) 0%,transparent 40%);pointer-events:none}.login-panel-right{width:45%;background:var(--color-white);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4);position:relative}.login-staff-badge{position:absolute;top:var(--space-3);right:var(--space-4);font-size:12px;color:var(--color-gray-600);background:var(--color-gray-50);padding:6px 12px;border-radius:6px}.login-form-wrap{max-width:380px;width:100%;text-align:center}.login-form-logo{height:48px;width:auto;object-fit:contain;margin-bottom:var(--space-2)}.login-form-title{font-family:var(--font-display);font-size:28px;font-weight:700;color:var(--color-gray-900);margin:0 0 var(--space-1) 0}.login-form-subtitle{font-size:14px;color:var(--color-gray-600);margin:0 0 var(--space-4) 0}.login-form{text-align:left}.login-field{margin-bottom:var(--space-3)}.login-field label{display:block;font-size:14px;font-weight:600;color:var(--color-gray-900);margin-bottom:8px}.login-input-wrap{display:flex;align-items:center;height:48px;border:1px solid var(--color-gray-100);border-radius:8px;padding:0 var(--space-2);background:var(--color-white)}.login-input-wrap:focus-within{outline:2px solid var(--color-primary);outline-offset:2px;border-color:var(--color-primary)}.login-input-icon{color:var(--color-primary);flex-shrink:0;margin-right:12px}.login-input-wrap input{flex:1;border:none;background:none;font-size:14px;font-family:var(--font-ui)}.login-input-wrap input::placeholder{color:var(--color-gray-400)}.login-input-wrap input:focus{outline:none}.login-password-toggle{background:none;border:none;color:var(--color-gray-600);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.login-error-banner{background:var(--color-primary-light);color:var(--color-error);border-left:4px solid var(--color-error);padding:12px var(--space-2);border-radius:0 8px 8px 0;font-size:14px;margin-bottom:var(--space-2)}.login-submit{width:100%;height:48px;background:var(--color-primary);color:var(--color-white);border:none;border-radius:8px;font-size:15px;font-weight:700;font-family:var(--font-ui);cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center}.login-submit:hover:not(:disabled){background:var(--color-primary-dark)}.login-submit:disabled{cursor:not-allowed;opacity:.9}.login-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:var(--color-white);border-radius:50%;animation:login-spin .8s linear infinite}@keyframes login-spin{to{transform:rotate(360deg)}}.login-forgot{display:block;text-align:right;margin-top:var(--space-2);font-size:13px;color:var(--color-primary);text-decoration:none}.login-forgot:hover{text-decoration:underline}@media(max-width:1024px){.login-screen{flex-direction:column}.login-panel-left{width:100%;height:120px;flex-direction:row;gap:var(--space-2);padding:var(--space-2)}.login-brand-logo{height:48px;margin-bottom:0}.login-wordmark{font-size:20px}.login-tagline,.login-feature-pills,.login-pattern{display:none}.login-panel-right{width:100%;flex:1}}.login-branch-select{width:100%;border:none;background:transparent;font:inherit;color:inherit;outline:none;appearance:auto;cursor:pointer}.topbar{position:fixed;top:0;left:0;right:0;height:60px;background:var(--color-sidebar-bg);color:var(--color-sidebar-text);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-3);z-index:800;box-shadow:var(--shadow-1)}.topbar-left{display:flex;align-items:center;gap:var(--space-2)}.topbar-menu-btn{background:none;border:none;color:var(--color-white);cursor:pointer;padding:var(--space-1);display:flex;align-items:center;justify-content:center;border-radius:8px}.topbar-menu-btn:hover{background:#ffffff1a}.topbar-logo{height:32px;width:auto;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.topbar-brand{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--color-white)}@media(max-width:1280px){.topbar-brand{display:none}}.topbar-right{display:flex;align-items:center;gap:var(--space-2)}.branch-switcher-wrap{position:relative}.branch-switcher-btn{display:flex;align-items:center;gap:6px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--color-white);padding:8px 12px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;font-family:var(--font-ui)}.branch-switcher-btn:hover{background:#ffffff26}.branch-readonly{padding:8px 14px;border-radius:8px;background:#ffffff1f;font-size:14px;font-weight:600;white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}.branch-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--color-white);color:var(--color-gray-900);border-radius:8px;box-shadow:var(--shadow-3);padding:8px 0}.branch-dropdown button{display:block;width:100%;text-align:left;padding:10px 16px;border:none;background:none;font-size:14px;cursor:pointer}.branch-dropdown button:hover,.branch-dropdown button.active{background:var(--color-primary-light);color:var(--color-primary)}.topbar-action-btn{height:34px;padding:0 16px;border:1px solid var(--color-white);background:transparent;color:var(--color-white);border-radius:8px;font-size:13px;font-weight:700;font-family:var(--font-ui);cursor:pointer;transition:background .2s,color .2s}.topbar-action-btn:hover{background:var(--color-white);color:var(--color-primary)}.topbar-icon-btn{width:40px;height:40px;border:none;background:#ffffff1a;color:var(--color-white);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center}.topbar-icon-btn:hover{background:#fff3}.user-menu-wrap{position:relative}.user-avatar-btn{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--color-white);cursor:pointer;padding:4px 8px;border-radius:8px}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-primary);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--color-white);color:var(--color-gray-900);border-radius:8px;box-shadow:var(--shadow-3);padding:8px 0}.user-dropdown-header{padding:12px 16px;display:flex;align-items:center;gap:8px;font-size:14px;border-bottom:1px solid var(--color-gray-100)}.user-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 16px;border:none;background:none;font-size:14px;cursor:pointer;text-align:left;color:var(--color-gray-900)}.user-dropdown-item:hover{background:var(--color-gray-50);color:var(--color-primary)}@media(max-width:768px){.topbar{padding:0 12px!important;height:56px!important;justify-content:space-between!important}.topbar-left{gap:8px!important;flex-shrink:0!important;align-items:center!important}.topbar-menu-btn{width:36px!important;height:36px!important;padding:0!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important}.topbar-logo,.topbar-brand{display:none!important}.topbar-right{gap:8px!important;flex-shrink:0!important;align-items:center!important}.topbar-action-btn{display:none!important}.topbar-icon-btn{width:36px!important;height:36px!important;background:transparent!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important}.topbar-icon-btn:hover{background:#ffffff1a!important}.user-avatar-btn{padding:0!important;gap:0!important;height:32px!important;display:flex!important;align-items:center!important}.user-avatar-btn svg{display:none!important}.user-avatar{width:32px!important;height:32px!important;border-radius:50%!important}.branch-switcher-btn,.branch-readonly{height:32px!important;max-width:140px!important;font-size:12px!important;padding:0 12px!important;border-radius:16px!important;border:1px solid rgba(255,255,255,.25)!important;background:#ffffff14!important;display:flex!important;align-items:center!important;justify-content:center!important}.branch-switcher-btn span,.branch-readonly span{max-width:105px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;display:inline-block!important}}@media(max-width:420px){.branch-switcher-btn,.branch-readonly{max-width:110px!important;font-size:11px!important;padding:0 8px!important}.branch-switcher-btn span,.branch-readonly span{max-width:80px!important}}.sidebar{position:fixed;left:0;top:60px;width:240px;height:calc(100vh - 60px);background:var(--color-sidebar-bg);color:var(--color-sidebar-text);transition:width .25s cubic-bezier(.4,0,.2,1);z-index:700;display:flex;flex-direction:column;overflow:hidden}.sidebar.sidebar-collapsed{width:64px}.sidebar-nav{flex:1;padding:var(--space-2) 0;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.sidebar-nav::-webkit-scrollbar,.sidebar::-webkit-scrollbar{display:none;width:0;height:0}.sidebar-link{position:relative;display:flex;align-items:center;gap:0;padding:12px 22px;color:var(--color-sidebar-text);text-decoration:none;font-size:14px;font-weight:500;transition:background .15s,color .15s}.sidebar-link:hover{background:#ffffff0f;color:var(--color-white)}.sidebar-link.active{color:var(--color-sidebar-active);background:#d0021b1f}.sidebar-link svg{flex-shrink:0}.sidebar-active-indicator{position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:24px;background:var(--color-sidebar-active);border-radius:0 2px 2px 0}.sidebar.sidebar-collapsed .sidebar-link{padding:12px 22px}.sidebar-label{opacity:1;transition:opacity .15s ease,max-width .15s ease,margin-left .15s ease;max-width:150px;margin-left:8px;overflow:hidden;white-space:nowrap}.sidebar.sidebar-collapsed .sidebar-label{opacity:0;max-width:0;margin-left:0;pointer-events:none}.sidebar.sidebar-floating{box-shadow:8px 0 24px #0000004d}.sidebar-footer{padding:var(--space-2) var(--space-3)}.sidebar-divider{height:1px;background:#ffffff14;margin:0 0 var(--space-1) 0}.sidebar-help{font-size:12px;color:var(--color-gray-400)}@media(max-width:1024px){.sidebar{width:240px!important;left:0;transform:translate(0);transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-3)}.sidebar.sidebar-collapsed{transform:translate(-100%)}.sidebar .sidebar-link span{display:inline!important}.sidebar-footer{display:block!important}}.form-layout{display:flex;flex-direction:column;gap:1rem}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.form-row .form-group{flex:1;min-width:0}.appt-field{min-width:0;display:flex;flex-direction:column;gap:.25rem}.appt-field>input,.appt-field>select{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:.375rem;padding:.5rem;background:#fff;outline:none;font-size:.9rem}.appt-field label{font-size:.85rem;font-weight:500;color:#475569}.appt-notify-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.25rem 0}.appt-notify-label{font-size:.875rem;font-weight:500;color:#374151}.appt-notify-check{display:flex;align-items:center;gap:.375rem;font-size:.875rem;cursor:pointer;color:#4b5563}.form-group{display:flex;flex-direction:column;gap:.25rem}.form-group label{font-size:.85rem;font-weight:500;color:#475569}.input-with-icon{display:flex;align-items:center;gap:.5rem;border:1px solid #cbd5e1;border-radius:.375rem;padding:.5rem;background:#fff}.input-with-icon.align-top{align-items:flex-start}.input-with-icon svg{color:#94a3b8;flex-shrink:0}.input-with-icon input,.input-with-icon select,.input-with-icon textarea{border:none;background:transparent;width:100%;outline:none;font-size:.9rem;color:#0f172a}.input-with-icon textarea{min-height:80px;resize:vertical}.form-group>input,.form-group>select{border:1px solid #cbd5e1;border-radius:.375rem;padding:.5rem;background:#fff;outline:none;font-size:.9rem;width:100%;box-sizing:border-box}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e2e8f0}.btn-secondary{background:#fff;border:1px solid #cbd5e1;color:#475569;padding:.5rem 1rem;border-radius:.375rem;font-weight:500;cursor:pointer}.btn-secondary:hover{background:#f8fafc}.btn-primary{background:#0ea5e9;border:none;color:#fff;padding:.5rem 1rem;border-radius:.375rem;font-weight:500;cursor:pointer}.btn-primary:hover{background:#0284c7}.btn-primary:disabled{background:#94a3b8;cursor:not-allowed}.btn-primary-small{background:#0ea5e9;border:none;color:#fff;padding:.25rem .5rem;border-radius:.25rem;font-weight:500;font-size:.8rem;cursor:pointer}.patient-search-results{list-style:none;margin:.25rem 0 0;padding:0;border:1px solid #e2e8f0;border-radius:.375rem;max-height:150px;overflow-y:auto;background:#fff}.patient-search-results li{padding:.5rem;cursor:pointer;border-bottom:1px solid #f1f5f9;font-size:.85rem}.patient-search-results li:hover{background:#f8fafc;color:#0ea5e9}.selected-patient-badge{background:#e0f2fe;color:#0369a1;padding:.5rem .75rem;border-radius:.375rem;font-size:.85rem;font-weight:500;display:flex;align-items:center;justify-content:space-between;border:1px solid #bae6fd}.selected-patient-badge button{background:none;border:none;color:#0284c7;cursor:pointer;font-weight:700}.doctor-badge{display:inline-block;background:#f1f5f9;padding:2px 6px;border-radius:4px;font-size:.75rem;color:#475569;margin-top:4px}.quick-actions-bar{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.btn-action{display:flex;align-items:center;gap:.25rem;padding:.4rem .75rem;border-radius:.375rem;border:1px solid;font-size:.8rem;font-weight:500;cursor:pointer;background:#fff;transition:all .2s}.btn-in-progress{color:#d97706;border-color:#fcd34d;background:#fffbeb}.btn-in-progress:hover{background:#fef3c7}.btn-complete{color:#059669;border-color:#6ee7b7;background:#ecfdf5}.btn-complete:hover{background:#d1fae5}.btn-cancel{color:#dc2626;border-color:#fca5a5;background:#fef2f2}.btn-cancel:hover{background:#fee2e2}.patient-selection-toggle{display:flex;background:#f1f5f9;border-radius:.5rem;padding:.25rem}.patient-selection-toggle button{flex:1;border:none;background:transparent;padding:.5rem;border-radius:.375rem;font-weight:500;color:#64748b;cursor:pointer}.patient-selection-toggle button.active{background:#fff;color:#0ea5e9;box-shadow:0 1px 2px #0000000d}.quick-register-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem;display:flex;flex-direction:column;gap:1rem}.available-slots-container{display:flex;flex-wrap:wrap;gap:.5rem;background:#f8fafc;padding:.75rem;border-radius:.5rem;border:1px solid #e2e8f0;max-height:150px;overflow-y:auto}.slot-pill{background:#fff;border:1px solid #cbd5e1;padding:.25rem .75rem;border-radius:1rem;font-size:.8rem;font-weight:500;color:#475569;cursor:pointer;transition:all .2s}.slot-pill:hover{border-color:#0ea5e9;color:#0ea5e9}.slot-pill.selected{background:#0ea5e9;border-color:#0ea5e9;color:#fff}.walkin-panel{width:320px;background:#fff;border-left:1px solid #e2e8f0;display:flex;flex-direction:column;flex-shrink:0;box-shadow:-2px 0 8px #00000005}.walkin-header-practo{padding:1.5rem 1.25rem;border-bottom:1px solid #f1f5f9}.sidebar-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.sidebar-header-row h2{font-size:1.15rem;font-weight:700;color:#0f172a;margin:0}.header-nav-icons{display:flex;gap:.75rem;color:#94a3b8}.btn-add-walkin{width:100%;background:#fff;border:1px solid #3b82f6;color:#3b82f6;padding:.6rem;border-radius:.5rem;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s}.btn-add-walkin:hover{background:#eff6ff;border-color:#2563eb;color:#2563eb}.sidebar-filters{display:flex;padding:0 1.25rem;gap:1.25rem;border-bottom:1px solid #f1f5f9;background:#fff}.filter-tab{background:none;border:none;padding:.75rem 0;font-size:.85rem;font-weight:600;color:#64748b;cursor:pointer;position:relative;transition:all .2s}.filter-tab:hover{color:#1e293b}.filter-tab.active{color:#3b82f6}.filter-tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#3b82f6}.status-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:1rem .75rem;gap:.5rem;background:#f8fafc;border-bottom:1px solid #f1f5f9}.status-item{display:flex;flex-direction:column;align-items:center;padding:.6rem .25rem;background:#fff;border-radius:.6rem;gap:.3rem;border:1px solid #e2e8f0;transition:all .2s}.status-item:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000000d}.status-label{font-size:.6rem;font-weight:800;color:#94a3b8;letter-spacing:.05em}.status-value{font-size:1.1rem;font-weight:800;color:#1e293b}.status-waiting .status-value{color:#ef4444}.status-engaged .status-value{color:#3b82f6}.status-done .status-value{color:#10b981}.walkin-list{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem;background:#fff}.walkin-card{display:flex;gap:1rem;padding:1rem;background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;transition:all .2s;cursor:pointer}.walkin-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d;transform:scale(1.01)}.walkin-time-slot{font-size:.8rem;font-weight:700;color:#64748b;min-width:45px}.walkin-info{flex:1}.walkin-info h3{margin:0 0 .35rem;font-size:.95rem;font-weight:600;color:#0f172a}.walkin-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.walkin-meta span:first-child{font-size:.75rem;font-weight:500;color:#94a3b8}.badge-status{font-size:.65rem;font-weight:800;padding:.2rem .5rem;border-radius:6px;text-transform:uppercase;letter-spacing:.02em}.badge-status.status-scheduled{background:#fef9c3;color:#a16207}.badge-status.status-in-progress{background:#dbeafe;color:#1e40af}.badge-status.status-completed{background:#dcfce7;color:#166534}.badge-status.status-cancelled{background:#fee2e2;color:#991b1b}@media(max-width:640px){.form-row{flex-direction:column;gap:.75rem}}.calendar-modal-tabs{display:flex;background:#f1f5f9;border-radius:.5rem;padding:.25rem;border:1px solid #e2e8f0}.calendar-modal-tabs button{flex:1;border:none;background:transparent;padding:.6rem 1rem;border-radius:.375rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s;font-size:.9rem}.calendar-modal-tabs button.active{background:#fff;color:#3b82f6;box-shadow:0 2px 4px #0000000d}.input-group-row{display:flex;gap:.5rem;width:100%}.input-group-row input{flex:1;border:1px solid #cbd5e1;border-radius:.375rem;padding:.5rem;outline:none;font-size:.9rem}.btn-fetch{background:#eff6ff;border:1px solid #bfdbfe;color:#2563eb;font-weight:600;font-size:.8rem;padding:0 .75rem;border-radius:.375rem;cursor:pointer;white-space:nowrap;transition:all .2s}.btn-fetch:hover{background:#dbeafe;border-color:#93c5fd}.appointment-hover-tooltip{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;padding:1.25rem;width:320px;pointer-events:auto;font-family:inherit;color:#1e293b;animation:tooltipFadeIn .15s ease-out}.appointment-hover-tooltip--fixed{position:fixed;z-index:10050}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.tooltip-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.tooltip-actions{display:flex;gap:.5rem}.tooltip-action-btn{background:none;border:none;color:#94a3b8;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s}.tooltip-action-btn:hover{color:#475569;background:#f1f5f9}.tooltip-profile-section{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.tooltip-avatar{width:40px;height:40px;border-radius:50%;background:#eff6ff;color:#2563eb;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.tooltip-profile-info h4{margin:0;font-size:1rem;font-weight:700;color:#0f172a}.tooltip-profile-info .patient-ref{font-size:.8rem;color:#64748b;margin-right:.5rem}.tooltip-profile-info .profile-status{font-size:.75rem;color:#ef4444}.tooltip-balance-link{background:none;border:none;color:#2563eb;font-size:.8rem;font-weight:600;cursor:pointer;padding:0;text-decoration:underline}.tooltip-details-list{display:flex;flex-direction:column;gap:.5rem;border-top:1px solid #f1f5f9;padding-top:.75rem;margin-bottom:1rem}.tooltip-detail-item{display:flex;align-items:center;gap:.75rem;font-size:.85rem;color:#475569}.tooltip-detail-item svg{color:#94a3b8}.tooltip-clinic-info{display:flex;gap:.75rem;background:#f8fafc;padding:.75rem;border-radius:.5rem;font-size:.8rem;line-height:1.4;margin-bottom:1rem;border:1px solid #f1f5f9}.btn-tooltip-secondary{flex:1;background:#fff;border:1px solid #cbd5e1;color:#475569;padding:.5rem;border-radius:.375rem;font-size:.8rem;font-weight:600;cursor:pointer}.btn-tooltip-secondary:hover{background:#f8fafc}.btn-tooltip-primary{flex:1.5;background:#f97316;border:1px solid #ea580c;color:#fff;padding:.5rem;border-radius:.375rem;font-size:.8rem;font-weight:600;cursor:pointer}.btn-tooltip-primary:hover{background:#ea580c}@media(max-width:640px){.modal-title{font-family:DM Sans,system-ui,-apple-system,sans-serif!important;font-weight:700!important;font-size:16px!important}.form-row{display:flex!important;flex-direction:column!important;gap:14px!important}.form-layout{gap:16px!important;padding-bottom:24px!important}.form-group label,.appt-field label{font-family:DM Sans,system-ui,-apple-system,sans-serif!important;font-size:9.5px!important;font-weight:700!important;text-transform:uppercase!important;color:#64748b!important;letter-spacing:.6px!important;margin-bottom:4px!important}.form-group>input,.form-group>select,.appt-field>input,.appt-field>select,.input-with-icon input,.input-with-icon select,.input-with-icon textarea{width:100%!important;max-width:100%!important;box-sizing:border-box!important;min-width:0!important;font-size:13px!important;font-weight:500!important;font-family:DM Sans,system-ui,-apple-system,sans-serif!important;padding:10px 12px!important;height:42px!important;border:1px solid #cbd5e1!important;border-radius:10px!important;background-color:#fff!important;color:#0f172a!important;outline:none!important;transition:border-color .2s ease!important}.form-group>input:focus,.form-group>select:focus,.appt-field>input:focus,.appt-field>select:focus,.input-with-icon input:focus,.input-with-icon select:focus{border-color:#0284c7!important}.form-group>input[readonly]{background-color:#f1f5f9!important;border-color:#cbd5e1!important;color:#64748b!important}.input-with-icon textarea{height:auto!important;min-height:80px!important}.input-with-icon{width:100%!important;box-sizing:border-box!important;border:1px solid #cbd5e1!important;border-radius:10px!important;padding:0 10px!important;background:#fff!important;height:42px!important;display:flex!important;align-items:center!important;gap:8px!important}.input-with-icon input{border:none!important;height:100%!important;padding:0!important}.input-with-icon svg{color:#cbd5e1!important}.form-group,.form-layout{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.calendar-modal-tabs{gap:0!important;width:100%!important;border-radius:10px!important;background-color:#f1f5f9!important;border:1px solid #e2e8f0!important;padding:3px!important}.calendar-modal-tabs button{padding:8px 4px!important;font-size:11px!important;font-weight:700!important;font-family:DM Sans,system-ui,-apple-system,sans-serif!important;white-space:nowrap!important;border-radius:8px!important}.calendar-modal-tabs button.active{background-color:#fff!important;color:#0284c7!important;box-shadow:0 1px 3px #0000000d!important}.modal-actions{display:flex!important;flex-direction:column!important;gap:10px!important;margin-top:24px!important;padding-top:16px!important;border-top:1px solid #e2e8f0!important}.modal-actions button{width:100%!important;height:44px!important;border-radius:10px!important;font-size:13px!important;font-weight:700!important;font-family:DM Sans,system-ui,-apple-system,sans-serif!important;display:flex!important;align-items:center!important;justify-content:center!important}.patient-search-results{width:100%!important;left:0!important;right:0!important;border-radius:10px!important;box-shadow:0 10px 15px -3px #0000001a!important;border-color:#e2e8f0!important}.patient-search-results li{padding:10px 12px!important;font-size:13px!important;font-family:DM Sans,system-ui,-apple-system,sans-serif!important;font-weight:500!important}.available-slots-container{max-height:120px}.quick-register-box{padding:12px!important;border-radius:10px!important}.treatment-plan-item{flex-direction:column!important;align-items:flex-start!important;gap:.4rem!important}.appt-field{width:100%!important;max-width:100%!important}.appt-notify-row{gap:12px!important;margin-top:4px!important}.appt-notify-label{font-size:11px!important;font-weight:700!important;text-transform:uppercase!important;color:#64748b!important;letter-spacing:.5px!important}.appt-notify-check{font-size:12px!important;font-weight:600!important;color:#334155!important;display:flex!important;align-items:center!important;gap:6px!important}}.doctor-mobile-nav-container{display:none}@media(max-width:767px){.doctor-mobile-nav-container{display:block}.doctor-mobile-nav{position:fixed;bottom:0;left:0;right:0;height:64px;background:#fff;border-top:1px solid #e2e8f0;box-shadow:0 -4px 20px #0000000f;display:flex;align-items:center;justify-content:space-around;z-index:1000;padding-bottom:env(safe-area-inset-bottom,0px)}.doctor-mobile-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;border:none;padding:6px 0;color:#64748b;cursor:pointer;transition:color .15s ease,transform .15s ease;-webkit-tap-highlight-color:transparent}.doctor-mobile-nav-item.active{color:#4f46e5}.doctor-mobile-nav-icon{margin-bottom:3px;transition:transform .15s ease}.doctor-mobile-nav-item.active .doctor-mobile-nav-icon{transform:translateY(-1px) scale(1.1)}.doctor-mobile-nav-label{font-size:10px;font-weight:700;letter-spacing:-.2px}.doctor-mobile-fab{position:fixed;bottom:76px;right:18px;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#3730a3);color:#fff;border:none;box-shadow:0 8px 20px #4f46e566;display:flex;align-items:center;justify-content:center;z-index:1001;cursor:pointer;transition:transform .15s active,box-shadow .15s ease}.doctor-mobile-fab:active{transform:scale(.92)}body:has(.doctor-mobile-nav-container) .shell-main{padding-bottom:80px!important}body:has(.modal-overlay) .doctor-mobile-fab{display:none!important}}.receptionist-mobile-shell{display:flex;flex-direction:column;height:100vh;width:100%;position:relative;overflow:hidden;background-color:#f8fafc;color:#1e293b;font-family:DM Sans,system-ui,-apple-system,sans-serif;--font-scale-ratio: .85;--spacing-scale-ratio: .85}body,html,#root,.receptionist-mobile-shell,.receptionist-mobile-main{max-width:100vw!important;overflow-x:hidden!important}.modal,.modal-content,.modal-sheet-content,.payment-form-inputs,.compact-search-box,.patient-search-container,.mobile-payment-sheet,.mobile-kpi-grid,.shortcuts-grid,.mode-selection-grid,.search-filters-bar{max-width:100%!important;box-sizing:border-box!important;overflow-x:hidden!important}table,.table-container,.overflow-x-auto{max-width:100%!important;overflow-x:hidden!important}.mobile-reception-header{display:flex;justify-content:space-between;align-items:center;height:56px;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(226,232,240,.8);padding:0 calc(16px * var(--spacing-scale-ratio));position:fixed;top:0;left:0;right:0;z-index:100;box-shadow:0 1px 3px #00000005}.mobile-reception-header .header-left{display:flex;align-items:center;gap:calc(10px * var(--spacing-scale-ratio))}.mobile-reception-header .header-center{display:flex;align-items:center;gap:8px;cursor:pointer}.mobile-reception-header .logo-container{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#0284c714;border-radius:8px;overflow:hidden}.mobile-reception-header .clinic-logo-img{width:100%;height:100%;object-fit:cover}.mobile-reception-header .brand-text{display:flex;flex-direction:column}.mobile-reception-header .brand-name{font-size:calc(14px * var(--font-scale-ratio));font-weight:700;color:#0f172a;letter-spacing:-.2px}.mobile-reception-header .brand-sub{font-size:calc(10px * var(--font-scale-ratio));font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.mobile-reception-header .header-right{display:flex;align-items:center;gap:calc(16px * var(--spacing-scale-ratio))}.mobile-reception-header .header-action-btn,.mobile-reception-header .header-icon-btn{background:none;border:none;color:#475569;cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.mobile-reception-header .header-action-btn:active,.mobile-reception-header .header-icon-btn:active{background-color:#f1f5f9}.mobile-reception-header .header-avatar-btn{background:none;border:none;cursor:pointer;padding:0}.avatar-circle{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;display:flex;align-items:center;justify-content:center;font-size:calc(12px * var(--font-scale-ratio));font-weight:700;border:2px solid #ffffff;box-shadow:0 2px 4px #0000001a}.receptionist-mobile-main{margin-top:56px;margin-bottom:84px;overflow-y:auto;-webkit-overflow-scrolling:touch;background-color:#f8fafc;padding:12px 4px!important}.receptionist-bottom-nav{display:flex;justify-content:space-around;align-items:center;min-height:64px;height:auto;background:#fffffffa;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid rgba(226,232,240,.8);position:fixed;bottom:0;left:0;right:0;z-index:100;padding-top:14px;padding-bottom:max(6px,env(safe-area-inset-bottom,6px));box-shadow:0 -2px 10px #0000000a}.bottom-nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;height:100%;text-decoration:none;background:none;border:none;color:#64748b;font-weight:500;gap:4px;transition:color .25s,transform .15s;cursor:pointer}.bottom-nav-link.active .bottom-nav-icon{transform:scale(1.08)}.bottom-nav-label{font-size:calc(11px * var(--font-scale-ratio));font-weight:500;letter-spacing:-.1px}.drawer-overlay-left{position:fixed;inset:0;background-color:#0f172a66;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200;display:flex;animation:fadeIn .22s ease-out}.drawer-content-left{width:80%;max-width:270px;height:100%;background:#fff;box-shadow:4px 0 24px #0000001f;display:flex;flex-direction:column;animation:slideRight .28s cubic-bezier(.16,1,.3,1)}@keyframes slideRight{0%{transform:translate(-100%)}to{transform:translate(0)}}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:calc(16px * var(--spacing-scale-ratio));border-bottom:1px solid #f1f5f9}.drawer-header h3{margin:0;font-size:calc(15px * var(--font-scale-ratio));font-weight:700;color:#0f172a}.close-drawer-btn{background:none;border:none;color:#64748b;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center}.close-drawer-btn:active{background-color:#f1f5f9}.drawer-body{flex:1;overflow-y:auto;padding:calc(16px * var(--spacing-scale-ratio));display:flex;flex-direction:column;gap:16px}.doctor-profile-card{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:calc(12px * var(--spacing-scale-ratio));display:flex;flex-direction:column;align-items:center;text-align:center}.avatar-large{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;display:flex;align-items:center;justify-content:center;font-size:calc(18px * var(--font-scale-ratio));font-weight:700;border:2px solid #ffffff;box-shadow:0 2px 8px #0284c71f;margin-bottom:6px}.doctor-title-name{margin:0 0 2px;font-size:calc(14px * var(--font-scale-ratio));font-weight:700;color:#0f172a}.doctor-role-tag{margin:0 0 8px;font-size:calc(10px * var(--font-scale-ratio));font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.doctor-badge-info{display:flex;align-items:center;gap:4px;background-color:#fff;border:1px solid #e2e8f0;padding:2px 8px;border-radius:20px;font-size:calc(10px * var(--font-scale-ratio));font-weight:500;color:#334155}.profile-details-list{display:flex;flex-direction:column;gap:10px;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px}.profile-detail-item{display:flex;justify-content:space-between;align-items:center;font-size:calc(11px * var(--font-scale-ratio))}.detail-label{font-weight:500;color:#64748b}.detail-value{font-weight:500;color:#334155}.online-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background-color:#10b981}.drawer-menu-list{display:flex;flex-direction:column;gap:4px;border-top:1px solid #f1f5f9;padding-top:10px}.menu-list-btn{display:flex;align-items:center;gap:10px;background:none;border:none;text-align:left;padding:8px;border-radius:6px;font-size:calc(12px * var(--font-scale-ratio));font-weight:500;color:#334155;cursor:pointer;transition:background-color .2s}.drawer-footer{padding:10px;text-align:center;border-top:1px solid #f1f5f9;font-size:calc(10px * var(--font-scale-ratio));font-weight:500;color:#94a3b8}.bottom-sheet-overlay{position:fixed;inset:0;background-color:#0f172a66;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease-out}.bottom-sheet-content{width:100%;max-width:500px;background-color:#fff;border-radius:20px 20px 0 0;box-shadow:0 -8px 24px #0000001f;display:flex;flex-direction:column;animation:slideUp .3s cubic-bezier(.16,1,.3,1);padding-bottom:calc(16px + env(safe-area-inset-bottom))}.sheet-handle-bar{display:flex;justify-content:center;padding:8px 0 4px;cursor:pointer}.sheet-handle-bar .handle{width:28px;height:4px;background-color:#cbd5e1;border-radius:999px}.sheet-header{display:flex;justify-content:space-between;align-items:center;padding:6px calc(16px * var(--spacing-scale-ratio)) 10px calc(16px * var(--spacing-scale-ratio));border-bottom:1px solid #f1f5f9}.sheet-header h3{margin:0;font-size:calc(14px * var(--font-scale-ratio));font-weight:700;color:#0f172a}.sheet-body-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(10px * var(--spacing-scale-ratio));padding:calc(12px * var(--spacing-scale-ratio))}.sheet-grid-item{display:flex;flex-direction:column;align-items:center;background:none;border:none;cursor:pointer;gap:4px;padding:4px;border-radius:10px;transition:background-color .2s}.grid-icon-wrap{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:transform .2s}.sheet-grid-item span{font-size:calc(10px * var(--font-scale-ratio));font-weight:500;color:#475569;text-align:center}.modal-sheet-content{width:100%;max-width:500px;background-color:#fff;border-radius:20px 20px 0 0;max-height:75vh;display:flex;flex-direction:column;box-shadow:0 -8px 24px #0000001f;animation:slideUp .3s cubic-bezier(.16,1,.3,1);padding-bottom:calc(12px + env(safe-area-inset-bottom))}.header-title-row{display:flex;align-items:center;gap:6px}.dialog-scroll-body{overflow-y:auto;padding:10px calc(16px * var(--spacing-scale-ratio)) calc(16px * var(--spacing-scale-ratio)) calc(16px * var(--spacing-scale-ratio));-webkit-overflow-scrolling:touch}.notification-list{display:flex;flex-direction:column;gap:8px}.notification-item{display:flex;gap:6px;padding:8px;border-radius:10px;background-color:#f8fafc;border:1px solid #f1f5f9}.notification-item.unread{background-color:#0284c705;border-color:#0284c714}.notif-bullet{width:5px;height:5px;background-color:#0284c7;border-radius:50%;margin-top:4px;flex-shrink:0}.notif-content h5{margin:0 0 1px;font-size:calc(11px * var(--font-scale-ratio));font-weight:600;color:#1e293b}.notif-content p{margin:0 0 2px;font-size:calc(10px * var(--font-scale-ratio));font-weight:500;color:#475569;line-height:1.35}.notif-time{font-size:calc(8px * var(--font-scale-ratio));font-weight:500;color:#94a3b8}.help-body{display:flex;flex-direction:column;gap:10px}.faq-item{border-bottom:1px solid #f1f5f9;padding-bottom:8px}.faq-item h4{margin:0 0 2px;font-size:calc(11px * var(--font-scale-ratio));font-weight:600;color:#1e293b}.faq-item p{margin:0;font-size:calc(10px * var(--font-scale-ratio));font-weight:500;color:#475569;line-height:1.4}.mobile-fab-container{position:fixed;bottom:calc(72px + env(safe-area-inset-bottom));right:16px;z-index:150;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.receptionist-mobile-fab{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;border:none;box-shadow:0 3px 8px #0284c740;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s}.receptionist-mobile-fab:active{transform:scale(.92)}.fab-menu-options{display:flex;flex-direction:column;gap:4px;background:#fff;padding:4px;border-radius:10px;box-shadow:0 3px 12px #0000000f;border:1px solid #e2e8f0;animation:scaleIn .2s cubic-bezier(.16,1,.3,1)}.fab-submenu-item{display:flex;align-items:center;gap:8px;background:none;border:none;padding:6px 8px;font-size:calc(11px * var(--font-scale-ratio));font-weight:500;color:#334155;cursor:pointer;width:130px;text-align:left;border-radius:6px}.fab-submenu-item:active{background-color:#f1f5f9}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.doctor-mobile-shell{display:flex;flex-direction:column;height:100vh;width:100%;position:relative;overflow:hidden;font-family:DM Sans,system-ui,-apple-system,sans-serif}.doctor-mobile-header{display:flex;justify-content:space-between;align-items:center;height:56px;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(226,232,240,.8);padding:0 16px;position:fixed;top:0;left:0;right:0;z-index:100;box-shadow:0 1px 3px #00000005}.doctor-mobile-header .header-left{display:flex;align-items:center}.doctor-mobile-header .header-center{display:flex;align-items:center;gap:8px;cursor:pointer}.doctor-mobile-header .logo-container{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-primary-light, rgba(2, 132, 199, .08));border-radius:8px;overflow:hidden}.doctor-mobile-header .clinic-logo-img{width:100%;height:100%;object-fit:cover}.doctor-mobile-header .brand-text{display:flex;flex-direction:column}.doctor-mobile-header .brand-name{font-size:14px;font-weight:700;color:#0f172a;letter-spacing:-.2px;line-height:1.2}.doctor-mobile-header .brand-sub{font-size:9px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;line-height:1}.doctor-mobile-header .header-right{display:flex;align-items:center;justify-content:flex-end}.doctor-mobile-header .header-action-btn{background:none;border:none;color:#475569;cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.doctor-mobile-header .header-action-btn:active{background-color:#f1f5f9}.notification-badge-container{position:relative}.unread-badge{position:absolute;top:4px;right:4px;width:7px;height:7px;background-color:#ef4444;border-radius:50%;border:1.5px solid #ffffff}.doctor-mobile-header .header-avatar-btn{background:none;border:none;cursor:pointer;padding:0}.avatar-circle{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;border:2px solid #ffffff;box-shadow:0 2px 4px #0000001a}.doctor-mobile-main{flex:1;margin-top:56px;margin-bottom:84px;overflow-y:auto;-webkit-overflow-scrolling:touch;background-color:#f8fafc}.doctor-bottom-nav{display:flex;justify-content:space-around;align-items:center;min-height:64px;height:auto;background:#fffffffa;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid rgba(226,232,240,.8);position:fixed;bottom:0;left:0;right:0;z-index:100;padding-top:14px;padding-bottom:max(6px,env(safe-area-inset-bottom,6px));box-shadow:0 -2px 10px #0000000a}.bottom-nav-item-link{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;height:100%;text-decoration:none;background:none;border:none;color:#64748b;font-weight:500;gap:4px;transition:color .25s,transform .15s;cursor:pointer}.bottom-nav-icon{transition:transform .2s,stroke-width .2s}.bottom-nav-item-link.active{color:#0284c7}.bottom-nav-item-link.active .bottom-nav-icon{transform:scale(1.08)}.bottom-nav-label{font-size:11px;font-weight:600;letter-spacing:-.1px}.bottom-sheet-overlay{position:fixed;inset:0;background-color:#0f172a66;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200;display:flex;align-items:flex-end;justify-content:center}.bottom-sheet-content{width:100%;max-width:500px;background-color:#fff;border-radius:24px 24px 0 0;box-shadow:0 -8px 24px #0000001f;display:flex;flex-direction:column;animation:slide-up .3s cubic-bezier(.16,1,.3,1);padding-bottom:calc(16px + env(safe-area-inset-bottom))}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-handle-bar{display:flex;justify-content:center;padding:12px 0 6px;cursor:pointer}.sheet-handle-bar .handle{width:36px;height:4px;background-color:#cbd5e1;border-radius:999px}.sheet-header{display:flex;justify-content:space-between;align-items:center;padding:8px 20px 16px;border-bottom:1px solid #f1f5f9}.sheet-header h3{margin:0;font-size:16px;font-weight:800;color:#0f172a}.close-sheet-btn{background:none;border:none;color:#64748b;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center}.close-sheet-btn:active{background-color:#f1f5f9}.sheet-body-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:20px}.sheet-grid-item{display:flex;flex-direction:column;align-items:center;background:none;border:none;cursor:pointer;gap:8px;padding:8px;border-radius:12px;transition:background-color .2s}.sheet-grid-item:active{background-color:#f8fafc}.grid-icon-wrap{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;transition:transform .2s}.sheet-grid-item:active .grid-icon-wrap{transform:scale(.95)}.sheet-grid-item span{font-size:12px;font-weight:600;color:#475569;text-align:center}.bg-primary-light{background-color:#0284c714}.bg-success-light{background-color:#10b98114}.bg-info-light{background-color:#06b6d414}.bg-warning-light{background-color:#f59e0b14}.bg-purple-light{background-color:#8b5cf614}.bg-gray-light{background-color:#64748b14}.bg-error-light{background-color:#ef444414}.color-primary{color:#0284c7}.color-success{color:#10b981}.color-info{color:#06b6d4}.color-warning{color:#f59e0b}.color-purple{color:#8b5cf6}.color-gray{color:#64748b}.color-error,.logout-grid-btn span{color:#ef4444}.drawer-overlay{position:fixed;inset:0;background-color:#0f172a66;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200;display:flex;justify-content:flex-start;animation:fadeIn .22s ease-out}.drawer-content{width:85%;max-width:320px;height:100%;background-color:#fff;box-shadow:4px 0 24px #0000001f;display:flex;flex-direction:column;animation:slide-right-drawer .28s cubic-bezier(.16,1,.3,1)}@keyframes slide-right-drawer{0%{transform:translate(-100%)}to{transform:translate(0)}}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f1f5f9}.drawer-header h3{margin:0;font-size:16px;font-weight:800;color:#0f172a}.close-drawer-btn{background:none;border:none;color:#64748b;cursor:pointer;padding:4px}.drawer-body{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:24px}.doctor-profile-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 2px 8px #00000005}.avatar-large{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;border:3px solid #ffffff;box-shadow:0 4px 12px #0284c733;margin-bottom:12px}.doctor-title-name{margin:0 0 4px;font-size:16px;font-weight:800;color:#0f172a}.doctor-role-tag{margin:0 0 12px;font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.doctor-badge-info{display:flex;align-items:center;gap:6px;background-color:#fff;border:1px solid #e2e8f0;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;color:#334155}.branch-selector-section{display:flex;flex-direction:column;gap:8px}.section-label{font-size:11px;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.branch-dropdown-wrapper{position:relative;display:flex;align-items:center;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;padding:0 12px;height:44px}.branch-dropdown-wrapper .loc-icon{color:#0284c7;margin-right:8px}.branch-native-select{flex:1;background:transparent;border:none;height:100%;font-size:13px;font-weight:600;color:#334155;outline:none;appearance:none;cursor:pointer;padding-right:20px}.branch-dropdown-wrapper .chevron-icon{position:absolute;right:12px;color:#64748b;pointer-events:none}.static-branch-display{display:flex;align-items:center;gap:8px;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;padding:12px;font-size:13px;font-weight:600;color:#334155}.drawer-menu-list{display:flex;flex-direction:column;gap:8px;border-top:1px solid #f1f5f9;padding-top:16px}.menu-list-btn{display:flex;align-items:center;gap:12px;background:none;border:none;text-align:left;padding:12px;border-radius:10px;font-size:13px;font-weight:600;color:#334155;cursor:pointer;transition:background-color .2s,color .2s}.menu-list-btn:active{background-color:#f1f5f9}.logout-menu-btn{color:#ef4444}.logout-menu-btn:active{background-color:#fef2f2}.drawer-footer{padding:16px 20px;text-align:center;border-top:1px solid #f1f5f9;font-size:11px;font-weight:500;color:#94a3b8}.modal-sheet-content{width:100%;max-width:500px;background-color:#fff;border-radius:24px 24px 0 0;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 -8px 24px #0000001f;animation:slide-up .3s cubic-bezier(.16,1,.3,1);padding-bottom:calc(12px + env(safe-area-inset-bottom))}.header-title-row{display:flex;align-items:center;gap:8px}.dialog-scroll-body{overflow-y:auto;padding:12px 20px 20px;-webkit-overflow-scrolling:touch}.notification-list{display:flex;flex-direction:column;gap:12px}.notification-item{display:flex;gap:10px;padding:12px;border-radius:12px;background-color:#f8fafc;border:1px solid #f1f5f9;position:relative}.notification-item.unread{background-color:#0284c708;border-color:#0284c71a}.notif-bullet{width:6px;height:6px;background-color:#0284c7;border-radius:50%;margin-top:6px;flex-shrink:0}.notif-content h5{margin:0 0 4px;font-size:13px;font-weight:700;color:#1e293b}.notif-content p{margin:0 0 6px;font-size:12px;font-weight:500;color:#475569;line-height:1.4}.notif-time{font-size:10px;font-weight:600;color:#94a3b8}.about-body{display:flex;flex-direction:column;align-items:center;padding:24px}.about-logo{width:72px;height:72px;border-radius:16px;object-fit:cover;box-shadow:0 4px 12px #0000000d;margin-bottom:16px}.about-body h3{margin:0 0 4px;font-size:18px;font-weight:800}.app-version{font-size:12px;font-weight:700;color:#64748b;margin:0 0 16px}.about-details{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:16px;font-size:13px;font-weight:500;color:#475569;line-height:1.5;text-align:center;max-width:320px}.about-details .copyright{display:block;margin-top:12px;font-size:10px;font-weight:600;color:#94a3b8}.help-body{display:flex;flex-direction:column;gap:16px}.faq-item{border-bottom:1px solid #f1f5f9;padding-bottom:12px}.faq-item:last-child{border-bottom:none}.faq-item h4{margin:0 0 6px;font-size:13px;font-weight:700;color:#1e293b}.faq-item p{margin:0;font-size:12px;font-weight:500;color:#475569;line-height:1.5}.shell{min-height:100vh;background:var(--color-gray-50)}.shell-main{margin-left:240px;margin-top:60px;min-height:calc(100vh - 60px);transition:margin-left .25s cubic-bezier(.4,0,.2,1)}.shell.shell-sidebar-collapsed .shell-main{margin-left:64px}.shell.shell-sidebar-collapsed .sidebar:not(.sidebar-collapsed)~.shell-main{margin-left:240px}.shell-content{padding:var(--space-2);min-height:100%}@media(min-width:1024px){.shell-content{padding:var(--space-3)}}.shell-content:has(.appointments-page){padding:0}@media(max-width:1024px){.shell-main{margin-left:0}.sidebar.sidebar-collapsed~.shell-main{margin-left:0}}.shell-sidebar-backdrop{display:none}@media(max-width:1024px){.shell-sidebar-backdrop{display:block;position:fixed;inset:60px 0 0;background:#0006;z-index:600}}@media(max-width:767px){.shell-content{padding:12px 12px 88px!important}button,input,select,textarea{touch-action:manipulation}}.patient-mobile-shell{display:flex;flex-direction:column;height:100vh;width:100%;position:relative;overflow:hidden;background-color:#f8fafc}.mobile-topbar{display:flex;justify-content:space-between;align-items:center;height:60px;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(226,232,240,.8);padding:0 16px;position:fixed;top:0;left:0;right:0;z-index:100}.mobile-topbar-left{display:flex;align-items:center;gap:12px}.brand-center-group{display:flex;align-items:center;gap:8px;cursor:pointer}.brand-text-col{display:flex;flex-direction:column}.mobile-logo{height:30px;width:auto;border-radius:6px}.mobile-brand{font-size:14px;font-weight:700;color:#0f172a;line-height:1.2;letter-spacing:-.2px}.mobile-sub-brand{font-size:10px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.mobile-topbar-right{display:flex;align-items:center;gap:12px}.mobile-icon-btn{background:none;border:none;color:#475569;cursor:pointer;padding:8px;position:relative;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.mobile-icon-btn:active{background-color:#f1f5f9cc}.mobile-notif-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;background-color:#ef4444;border-radius:50%;border:1.5px solid #fff}.mobile-avatar-btn{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center}.mobile-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px}.patient-mobile-main{flex:1;margin-top:60px;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px 16px 96px}.patient-bottom-nav{display:flex;justify-content:space-around;align-items:center;height:62px;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(226,232,240,.9);box-shadow:0 10px 30px #0f172a1f,0 2px 8px #0f172a0f;position:fixed;bottom:16px;left:16px;right:16px;max-width:440px;margin:0 auto;border-radius:36px;z-index:100;padding:0 10px}.bottom-nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#64748b;text-decoration:none;font-size:10px;font-weight:600;flex:1;padding:8px 0;border-radius:20px;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative}.bottom-nav-link.active{color:#0284c7}.bottom-nav-link.active .bottom-nav-icon{transform:translateY(-2px);stroke-width:2.5}.bottom-nav-label{font-size:10px;font-weight:700;letter-spacing:.1px}.mobile-dropdown-overlay{position:fixed;inset:0;background-color:#0f172a66;z-index:200;display:flex;align-items:flex-end;animation:fadeIn .25s ease-out}.mobile-dropdown-sheet{width:100%;background:#fff;border-top-left-radius:20px;border-top-right-radius:20px;padding:20px 16px;box-shadow:0 -10px 25px -5px #0000001a,0 -8px 10px -6px #0000000d;animation:slideUp .3s cubic-bezier(.16,1,.3,1);max-height:80vh;overflow-y:auto}.dropdown-sheet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;border-bottom:1px solid #f1f5f9;padding-bottom:12px}.dropdown-sheet-header span{font-size:15px;font-weight:800;color:#1e293b}.dropdown-sheet-header button{background:none;border:none;color:#64748b;padding:4px;cursor:pointer}.dropdown-sheet-content{display:flex;flex-direction:column;gap:12px}.mobile-notif-item{padding:12px;border-radius:12px;background-color:#f8fafc;border:1px solid #e2e8f0}.notif-title{display:block;font-size:13px;font-weight:700;color:#0284c7;margin-bottom:2px}.notif-desc{font-size:12px;color:#475569}.user-profile-summary{display:flex;flex-direction:column;padding:12px 4px;border-bottom:1px solid #f1f5f9;margin-bottom:8px}.profile-name{font-size:16px;font-weight:900;color:#0f172a}.profile-email{font-size:12px;color:#64748b;margin-top:2px}.dropdown-action-btn{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:none;border:none;border-radius:12px;text-align:left;font-size:14px;font-weight:700;color:#334155;cursor:pointer;transition:background-color .2s}.dropdown-action-btn:active{background-color:#f1f5f9}.dropdown-action-btn.logout-btn{color:#ef4444;margin-top:8px;border-top:1px solid #f1f5f9;border-radius:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes cardEntranceSlideUp{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.card-stagger-1{animation:cardEntranceSlideUp .32s cubic-bezier(.16,1,.3,1) .05s backwards}.card-stagger-2{animation:cardEntranceSlideUp .32s cubic-bezier(.16,1,.3,1) .12s backwards}.card-stagger-3{animation:cardEntranceSlideUp .32s cubic-bezier(.16,1,.3,1) .19s backwards}.card-stagger-4{animation:cardEntranceSlideUp .32s cubic-bezier(.16,1,.3,1) .26s backwards}.card-stagger-5{animation:cardEntranceSlideUp .32s cubic-bezier(.16,1,.3,1) .33s backwards}.interactive-card-lift{transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1);will-change:transform,box-shadow}.interactive-card-lift:active{transform:scale(.985);box-shadow:0 2px 6px #0f172a08}.btn-spring-press{transition:transform .18s cubic-bezier(.16,1,.3,1),background-color .18s ease}.btn-spring-press:active{transform:scale(.96)}@keyframes statusPillPulse{0%{transform:scale(.92);opacity:.7}50%{transform:scale(1.04)}to{transform:scale(1);opacity:1}}.pill-pulse-anim{animation:statusPillPulse .35s cubic-bezier(.16,1,.3,1) forwards}@keyframes shimmerPulse{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer-skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#f8fafc 37%,#f1f5f9 63%);background-size:400% 100%;animation:shimmerPulse 1.4s ease infinite;border-radius:8px}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.patient-shell{min-height:100vh;background:var(--color-gray-50, #f9fafb)}.patient-header{position:fixed;top:0;left:0;right:0;height:64px;background:var(--color-white, #ffffff);border-bottom:1px solid var(--color-gray-200, #e5e7eb);display:flex;justify-content:space-between;align-items:center;padding:0 20px;z-index:100;box-shadow:0 1px 3px #0000000d}.patient-header-left{display:flex;align-items:center;gap:12px}.patient-menu-toggle{background:none;border:none;cursor:pointer;color:var(--color-gray-600, #4b5563);padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center}.patient-menu-toggle:hover{background:var(--color-gray-100, #f3f4f6)}.patient-header-logo{height:32px;width:auto}.patient-header-brand{font-weight:700;font-size:16px;color:var(--color-gray-900, #111827);letter-spacing:-.2px}.patient-header-right{display:flex;align-items:center;gap:16px}.patient-header-badge{background:#0284c71a;color:var(--color-primary, #0284c7);padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.patient-sidebar{position:fixed;top:64px;left:0;bottom:0;width:240px;background:#121214;border-right:1px solid rgba(255,255,255,.06);z-index:105;transition:width .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;justify-content:space-between}@media(min-width:1025px){.patient-sidebar.collapsed{width:64px;transform:none!important}}.patient-sidebar-nav{padding:16px 0;display:flex;flex-direction:column;gap:4px;overflow-y:auto;flex:1;scrollbar-width:none;-ms-overflow-style:none}.patient-sidebar-nav::-webkit-scrollbar,.patient-sidebar::-webkit-scrollbar{display:none;width:0;height:0}.patient-sidebar-link{display:flex;align-items:center;gap:0;padding:12px 23px;color:#9ca3af;font-weight:500;font-size:14px;text-decoration:none;transition:all .15s ease;position:relative}.patient-sidebar-link:hover{background:#ffffff0d;color:#fff}.patient-sidebar-link.active{background:#d0021b14;color:#d0021b;font-weight:600}.patient-sidebar-link.active:after{content:"";position:absolute;left:0;top:8px;bottom:8px;width:4px;background:#d0021b;border-radius:0 4px 4px 0}.patient-sidebar-label{opacity:1;transition:opacity .15s ease,max-width .15s ease,margin-left .15s ease;max-width:150px;margin-left:12px;overflow:hidden;white-space:nowrap}.patient-sidebar.collapsed .patient-sidebar-label{opacity:0;max-width:0;margin-left:0;pointer-events:none}.patient-sidebar.sidebar-floating{box-shadow:8px 0 24px #0006}.patient-sidebar-footer{padding:16px;border-top:1px solid rgba(255,255,255,.06);text-align:center;font-size:12px;color:#4b5563;font-weight:500}.patient-main{margin-top:64px;margin-left:240px;min-height:calc(100vh - 64px);padding:24px;transition:margin-left .25s cubic-bezier(.4,0,.2,1)}.patient-main.sidebar-collapsed{margin-left:64px}.patient-sidebar:not(.collapsed)~.patient-main{margin-left:240px}.patient-hover-trigger{display:none}.patient-overlay{display:none;position:fixed;inset:0;background:#0006;z-index:85}.patient-user-wrap{position:relative}.patient-avatar-btn{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;padding:6px;border-radius:20px;transition:background .15s ease}.patient-avatar-btn:hover{background:var(--color-gray-100, #f3f4f6)}.patient-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-primary, #0284c7);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.patient-user-dropdown{position:absolute;top:100%;right:0;margin-top:8px;width:220px;background:var(--color-white, #ffffff);border:1px solid var(--color-gray-200, #e5e7eb);border-radius:12px;box-shadow:0 10px 15px -3px #0000001a;padding:6px;z-index:110}.patient-dropdown-header{padding:10px 12px;border-bottom:1px solid var(--color-gray-100, #f3f4f6);margin-bottom:4px}.patient-dropdown-name{font-weight:600;font-size:14px;color:var(--color-gray-900, #111827);display:block}.patient-dropdown-email{font-size:12px;color:var(--color-gray-500, #6b7280);display:block;overflow:hidden;text-overflow:ellipsis}.patient-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;background:none;text-align:left;font-size:13px;color:var(--color-gray-700, #374151);border-radius:8px;cursor:pointer;transition:all .15s ease}.patient-dropdown-item:hover{background:var(--color-gray-50, #f9fafb);color:var(--color-gray-900, #111827)}.patient-dropdown-item.logout{color:var(--color-error, #ef4444)}.patient-dropdown-item.logout:hover{background:#ef44440d}.patient-notif-wrap{position:relative}.patient-icon-btn{background:none;border:none;cursor:pointer;color:var(--color-gray-600, #4b5563);padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.patient-icon-btn:hover{background:var(--color-gray-100, #f3f4f6)}.patient-notif-badge{position:absolute;top:2px;right:2px;width:8px;height:8px;border-radius:50%;background:var(--color-error, #ef4444)}.patient-notif-dropdown{position:absolute;top:100%;right:0;margin-top:8px;width:280px;background:var(--color-white, #ffffff);border:1px solid var(--color-gray-200, #e5e7eb);border-radius:12px;box-shadow:0 10px 15px -3px #0000001a;padding:12px;z-index:110}.patient-state-bar{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--color-gray-200, #e5e7eb);padding:8px 16px;border-radius:12px;margin-bottom:20px;flex-wrap:wrap;font-size:13px;box-shadow:0 1px 2px #00000005}.patient-state-title{font-weight:600;color:var(--color-gray-500, #6b7280)}.patient-state-btn{background:var(--color-gray-100, #f3f4f6);border:1px solid transparent;color:var(--color-gray-700, #374151);padding:4px 10px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;transition:all .15s ease}.patient-state-btn:hover{background:var(--color-gray-200, #e5e7eb)}.patient-state-btn.active{background:var(--color-primary, #0284c7);color:#fff}@media(max-width:1024px){.patient-sidebar{transform:translate(-100%)}.patient-sidebar.mobile-open{transform:translate(0)}.patient-main{margin-left:0;padding:16px}.patient-overlay.visible{display:block}}.patient-welcome-banner{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#0284c70f,#6366f10f);border:1px solid rgba(2,132,199,.12);padding:14px 20px;border-radius:12px;margin-bottom:20px;flex-wrap:wrap;gap:12px}.banner-left{display:flex;flex-direction:column;gap:2px}.banner-title{font-weight:700;font-size:15px;color:var(--color-gray-900, #111827)}.banner-subtitle{font-size:12px;color:var(--color-gray-500, #6b7280)}.banner-right{display:flex;align-items:center}.banner-helpline{font-size:13px;font-weight:600;color:var(--color-primary, #0284c7);background:#fff;padding:6px 12px;border-radius:8px;border:1px solid rgba(2,132,199,.08);box-shadow:0 1px 2px #00000005}.kpi-card{background:var(--color-white);border-radius:16px;padding:var(--space-3);box-shadow:var(--shadow-2);border-top:3px solid var(--color-gray-100);min-width:0;display:flex;flex-direction:column}.kpi-card-accent{border-top-color:var(--color-primary)}.kpi-card-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-1);margin-bottom:var(--space-2);flex-shrink:0}.kpi-card-icon-wrap{width:40px;height:40px;min-width:40px;min-height:40px;border-radius:50%;background:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center}.kpi-trend{font-size:11px;font-weight:500;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@media(min-width:900px){.kpi-trend{font-size:12px}}.kpi-trend-up{color:var(--color-success)}.kpi-trend-down{color:var(--color-gray-600)}.kpi-card-value{font-family:var(--font-display);font-size:clamp(20px,4vw,32px);font-weight:700;color:var(--color-gray-900);line-height:1.2;margin-bottom:4px;word-break:break-word;letter-spacing:-.02em}@media(min-width:1200px){.kpi-card-value{font-size:32px}}.kpi-card-label{font-size:11px;color:var(--color-gray-500);font-weight:500;line-height:1.3;margin-top:auto}@media(min-width:900px){.kpi-card-label{font-size:12px}}@media(max-width:767px){.kpi-card{padding:12px 12px 14px!important;border-radius:12px!important}.kpi-card-icon-wrap{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important}.kpi-card-icon-wrap svg{width:18px!important;height:18px!important}.kpi-card-top{margin-bottom:8px!important}.kpi-card-value{font-size:24px!important;margin-bottom:2px!important}.kpi-card-label{font-size:11px!important;line-height:1.2!important}}.chart-card{background:var(--color-white);border-radius:16px;box-shadow:var(--shadow-2);overflow:hidden;height:100%;display:flex;flex-direction:column}.chart-card-header{padding:var(--space-3) var(--space-3) 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2)}.chart-card-title{font-size:18px;font-weight:600;color:var(--color-gray-900);margin:0;font-family:var(--font-ui)}.chart-tabs{display:flex;gap:4px}.chart-tab{padding:6px 12px;border:none;background:var(--color-gray-50);color:var(--color-gray-600);font-size:12px;font-weight:500;border-radius:20px;cursor:pointer;font-family:var(--font-ui)}.chart-tab.active{background:var(--color-primary);color:var(--color-white)}.chart-card-body{padding:var(--space-2);flex:1;min-height:200px}.chart-card-body-pie{position:relative}.pie-wrapper{position:relative;height:260px}.pie-center-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--color-gray-900);pointer-events:none;z-index:1}.chart-card-footer{padding:var(--space-2) var(--space-3) var(--space-3);display:flex;gap:var(--space-2);flex-wrap:wrap}.stat-pill{font-size:12px;padding:4px 10px;border-radius:12px;background:var(--color-gray-100);color:var(--color-gray-700)}.stat-pill-green{background:#e6f7ef;color:var(--color-success)}.stat-pill-amber{background:#fff8e6;color:var(--color-warning)}.stat-pill-red{background:var(--color-primary-light);color:var(--color-error)}.dues-widget{padding:var(--space-2) var(--space-3)}.dues-total{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--color-primary);margin-bottom:var(--space-2)}.dues-list{list-style:none;margin:0 0 var(--space-2) 0;padding:0}.dues-row{display:flex;align-items:center;gap:var(--space-2);padding:8px 0;border-bottom:1px solid var(--color-gray-100);font-size:13px}.dues-row:last-child{border-bottom:none}.dues-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0}.dues-name{flex:1;font-weight:600;color:var(--color-gray-900)}.dues-amount{color:var(--color-primary);font-weight:600}.dues-badge{background:#fff8e6;color:var(--color-warning);padding:2px 8px;border-radius:4px;font-size:11px}.dues-link{font-size:14px;color:var(--color-primary);font-weight:600;text-decoration:none}.dues-link:hover{text-decoration:underline}.chart-empty{display:flex;align-items:center;justify-content:center;height:260px;color:#94a3b8;font-size:14px;font-weight:500}.receptionist-mobile-dashboard{display:flex;flex-direction:column;gap:10px;padding-bottom:16px;font-family:DM Sans,system-ui,-apple-system,sans-serif;--spacing-scale: .85;--font-scale: .85}.dashboard-welcome-banner{display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:calc(12px * var(--spacing-scale)) calc(16px * var(--spacing-scale));border-radius:14px;border:1px solid rgba(226,232,240,.8);box-shadow:0 1px 3px #0f172a03}.dashboard-welcome-banner .banner-left{display:flex;flex-direction:column;gap:3px}.banner-title{font-size:calc(15px * var(--font-scale));font-weight:700;color:#0f172a;margin:0}.live-badge{display:inline-flex;align-items:center;gap:4px;font-size:calc(9px * var(--font-scale));font-weight:700;color:#10b981;background-color:#10b9810f;padding:2px 6px;border-radius:9999px;text-transform:uppercase;width:fit-content}.live-dot{width:5px;height:5px;border-radius:50%;background-color:#10b981;animation:pulse 1.5s infinite}.banner-right{display:flex;align-items:center;gap:8px}.sync-time{font-size:calc(10px * var(--font-scale));font-weight:500;color:#94a3b8}.refresh-circle-btn{background:#f1f5f9;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer;transition:background-color .2s}.refresh-circle-btn:active{background-color:#e2e8f0}.mobile-kpi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.kpi-mobile-card{display:flex;flex-direction:column;background-color:#fff;border-radius:14px;border:1px solid rgba(226,232,240,.8);padding:calc(12px * var(--spacing-scale));cursor:pointer;transition:transform .15s,box-shadow .15s;justify-content:space-between;height:72px;box-shadow:0 1px 3px #0f172a03}.kpi-mobile-card:active{transform:scale(.98);background-color:#f8fafc}.kpi-card-header{display:flex;align-items:center;gap:6px}.kpi-icon-wrap{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-title{font-size:calc(11px * var(--font-scale));font-weight:600;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-card-body{display:flex;justify-content:space-between;align-items:flex-end}.kpi-value{font-size:calc(18px * var(--font-scale));font-weight:700;color:#0f172a;line-height:1}.chevron-arrow{color:#cbd5e1}.collection-full-card{grid-column:span 2;flex-direction:row;align-items:center;justify-content:space-between;height:52px;padding:0 calc(14px * var(--spacing-scale))}.collection-card-left{display:flex;align-items:center;gap:10px}.collection-info{display:flex;flex-direction:column}.collection-info .kpi-value{font-size:calc(15px * var(--font-scale));font-weight:700}.shortcuts-panel{background-color:#fff;border-radius:14px;padding:calc(12px * var(--spacing-scale)) calc(14px * var(--spacing-scale));border:1px solid rgba(226,232,240,.8);box-shadow:0 1px 3px #0f172a03}.section-title{font-size:calc(12px * var(--font-scale));font-weight:700;color:#64748b;text-transform:uppercase;margin:0 0 10px;letter-spacing:.5px}.shortcuts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.shortcuts-grid button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:none;border:none;cursor:pointer;padding:4px}.shortcut-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:transform .15s}.shortcuts-grid button:active .shortcut-icon{transform:scale(.92)}.shortcuts-grid button span{font-size:calc(10px * var(--font-scale));font-weight:500;color:#475569}@keyframes pulse{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.1);opacity:1}to{transform:scale(.95);opacity:.8}}.dashboard-page{max-width:1400px;margin:0 auto}.dashboard-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4);min-height:72px}.dashboard-title{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--color-gray-900);margin:0 0 4px}.dashboard-greeting{font-size:14px;color:var(--color-gray-600);margin:0 0 2px}.dashboard-date{font-size:12px;color:var(--color-gray-400);margin:0}.dashboard-header-right{display:flex;gap:8px;flex-wrap:wrap}.date-range-btn{padding:8px 16px;border:1px solid var(--color-gray-100);background:var(--color-white);color:var(--color-gray-600);font-size:13px;font-weight:500;border-radius:20px;cursor:pointer;font-family:var(--font-ui)}.date-range-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.date-range-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.dashboard-band,.kpi-band{margin-bottom:var(--space-4)}.kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-3);align-items:stretch}.kpi-grid>*{min-width:0}@media(max-width:1200px){.kpi-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.kpi-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}}@media(max-width:480px){.kpi-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}}.charts-row{display:grid;gap:var(--space-3);grid-template-columns:repeat(12,1fr)}.chart-col-4{grid-column:span 4}.chart-col-5{grid-column:span 5}.chart-col-6{grid-column:span 6}.chart-col-7{grid-column:span 7}.chart-col-8{grid-column:span 8}@media(max-width:1024px){.chart-col-4,.chart-col-5,.chart-col-6,.chart-col-7,.chart-col-8{grid-column:span 12}}.bottom-row{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-4)}@media(max-width:1024px){.bottom-row{grid-template-columns:1fr}}.recent-appointments-wrap{background:var(--color-white);border-radius:16px;box-shadow:var(--shadow-2);overflow:hidden}.recent-appointments-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-gray-100)}.recent-appointments-title{font-size:18px;font-weight:600;margin:0;color:var(--color-gray-900)}.recent-appointments-viewall{font-size:14px;color:var(--color-primary);font-weight:600;text-decoration:none}.recent-appointments-viewall:hover{text-decoration:underline}.recent-appointments-table-wrap{overflow-x:auto}.recent-appointments-table{width:100%;border-collapse:collapse;font-size:14px}.recent-appointments-table th{text-align:left;padding:12px var(--space-4);font-weight:600;color:var(--color-gray-600);background:var(--color-gray-50);font-size:12px;text-transform:uppercase;letter-spacing:.02em}.recent-appointments-table td{padding:12px var(--space-4);border-bottom:1px solid var(--color-gray-100)}.recent-appointments-table tbody tr:nth-child(2n){background:var(--color-gray-50)}.recent-appointments-table tbody tr:hover{background:var(--color-primary-light)}.status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.status-completed{background:#e6f7ef;color:var(--color-success)}.status-progress{background:#fff8e6;color:var(--color-warning)}.status-upcoming{background:#e8f4fc;color:#666}.status-default{background:var(--color-gray-100);color:var(--color-gray-600)}.table-action-btn{background:none;border:none;color:var(--color-gray-600);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.table-action-btn:hover{color:var(--color-primary)}.quick-actions-wrap{background:var(--color-white);border-radius:16px;box-shadow:var(--shadow-2);padding:var(--space-4)}.quick-actions-title{font-size:16px;font-weight:700;margin:0 0 var(--space-3) 0;color:var(--color-gray-900)}.quick-action-btn{display:flex;align-items:center;gap:var(--space-2);width:100%;height:48px;padding:0 var(--space-3);border:1px solid var(--color-primary);background:transparent;color:var(--color-primary);font-size:14px;font-weight:600;font-family:var(--font-ui);border-radius:8px;cursor:pointer;text-decoration:none;margin-bottom:var(--space-2);transition:background .2s,color .2s;box-sizing:border-box}.quick-action-btn:hover{background:var(--color-primary);color:var(--color-white)}.quick-actions-summary{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-gray-100)}.quick-actions-summary p{margin:0 0 4px;font-size:14px;color:var(--color-gray-900)}.summary-text{font-size:12px!important;color:var(--color-gray-500)!important}.case-statistics-band{margin-top:var(--space-4);margin-bottom:var(--space-4)}.case-statistics-title{font-size:16px;font-weight:700;color:var(--color-gray-900);margin:0 0 var(--space-3) 0}.case-statistics-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-3)}.case-stats-card{background:var(--color-white);border-radius:16px;padding:var(--space-4);box-shadow:var(--shadow-2);border-top:3px solid var(--accent-color);display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.case-stats-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-3)}.case-stats-card-top{display:flex;align-items:center;margin-bottom:var(--space-2)}.case-stats-icon-wrap{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center}.case-stats-card-value{font-family:var(--font-display);font-size:28px;font-weight:700;color:var(--color-gray-900);line-height:1.2;margin-bottom:2px}.case-stats-card-label{font-size:12px;color:var(--color-gray-500);font-weight:500}.dashboard-header-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.date-presets{display:flex;gap:8px}.custom-date-inputs{display:flex;align-items:center;gap:8px;background:var(--color-white);border:1px solid var(--color-gray-100);padding:4px 8px;border-radius:20px}.custom-date-input{border:none;outline:none;font-size:13px;color:var(--color-gray-700);background:transparent;font-family:var(--font-ui)}.date-separator{font-size:12px;color:var(--color-gray-400);font-family:var(--font-ui)}@media(max-width:1024px){.case-statistics-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.dashboard-page{padding:16px 12px}.case-statistics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.case-statistics-grid{grid-template-columns:repeat(2,1fr)}.date-presets{flex-wrap:wrap;gap:6px}.custom-date-inputs{flex-wrap:wrap;padding:6px;border-radius:8px;width:100%}.custom-date-input{width:100%}.case-stats-card{padding:12px!important;border-radius:12px!important}.case-stats-icon-wrap{width:28px!important;height:28px!important}.case-stats-card-value{font-size:22px!important}.case-stats-card-label{font-size:11px!important}}.my-dental-journey-card{background:#fff;border-radius:20px;border:1px solid #f1f5f9;padding:16px;box-shadow:0 4px 14px #0f172a0a;display:flex;flex-direction:column;gap:14px}.journey-card-header{display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center;gap:10px}.header-left h4{font-size:15px;font-weight:800;color:#0f172a;margin:0}.header-left p{font-size:11px;color:#64748b;margin:2px 0 0}.journey-node-count{font-size:10px;font-weight:800;color:#d0021b;background:#d0021b14;padding:3px 8px;border-radius:8px;text-transform:uppercase}.journey-filter-strip{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;-webkit-overflow-scrolling:touch}.journey-filter-strip::-webkit-scrollbar{display:none}.filter-btn{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;padding:6px 12px;font-size:11px;font-weight:700;color:#64748b;cursor:pointer;white-space:nowrap;transition:all .2s cubic-bezier(.16,1,.3,1)}.filter-btn.active{background:#0f172a;color:#fff;border-color:#0f172a}.journey-timeline-stream{display:flex;flex-direction:column;gap:10px;margin-top:4px}.journey-stream-item{display:flex;gap:10px}.stream-left-col{display:flex;flex-direction:column;align-items:center}.stream-node-icon{width:28px;height:28px;border-radius:50%;background:#d0021b14;color:#d0021b;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stream-node-icon.milestone-node{background:#10b981;color:#fff}.stream-vertical-line{flex:1;width:2px;background:#e2e8f0;margin-top:4px;min-height:24px}.stream-right-card{flex:1;background:#f8fafc;border-radius:14px;border:1px solid #f1f5f9;padding:10px 12px;cursor:pointer;display:flex;flex-direction:column;gap:6px;transition:background-color .15s ease}.stream-right-card:active{background:#f1f5f9}.stream-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.stream-item-title{font-size:12.5px;font-weight:800;color:#0f172a;margin:0}.stream-item-date{font-size:10.5px;color:#64748b;display:block;margin-top:2px}.top-right-meta{display:flex;align-items:center;gap:6px}.stream-chevron{color:#94a3b8;transition:transform .2s cubic-bezier(.16,1,.3,1)}.stream-chevron.rotated{transform:rotate(180deg);color:#d0021b}.stream-card-body{border-top:1px solid #e2e8f0;padding-top:8px;margin-top:2px;display:flex;flex-direction:column;gap:6px}.stream-notes{font-size:11px;color:#334155;line-height:1.4;margin:0}.attachment-chip{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;color:#0284c7;background:#fff;padding:4px 8px;border-radius:6px;border:1px solid #bae6fd;width:fit-content}.patient-mobile-dashboard{display:flex;flex-direction:column;gap:20px;padding-bottom:24px}.dashboard-hero-card{background:linear-gradient(135deg,#d0021b,#be123c 60%,#881337);border-radius:24px;padding:20px;color:#fff;box-shadow:0 12px 28px -6px #d0021b59,0 4px 12px #be123c33;display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden}.dashboard-hero-card:before{content:"";position:absolute;top:-40px;right:-40px;width:140px;height:140px;background:radial-gradient(circle,#fff3,#fff0 70%);border-radius:50%;pointer-events:none}.hero-top-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.hero-text-col{flex:1;display:flex;flex-direction:column}.hero-time-badge{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#fffc;margin-bottom:2px}.hero-user-title{font-size:22px;font-weight:900;color:#fff;margin:0;letter-spacing:-.4px;line-height:1.2}.hero-subtitle{font-size:12px;color:#ffffffe0;margin:4px 0 0;font-weight:500;line-height:1.3}.health-score-ring{width:60px;height:60px;position:relative;flex-shrink:0}.circular-chart{display:block;margin:0 auto;max-width:100%;max-height:100%}.circle-bg{fill:none;stroke:#fff3;stroke-width:3.5}.circle{fill:none;stroke:#fff;stroke-width:3.5;stroke-linecap:round;transition:stroke-dasharray .8s ease}.score-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.score-num{font-size:15px;font-weight:900;color:#fff;line-height:1}.score-lbl{font-size:8px;font-weight:700;color:#fffc;text-transform:uppercase}.hero-bottom-info{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid rgba(255,255,255,.18);font-size:11px;font-weight:600;color:#ffffffe6}.date-tag,.wellness-status{display:flex;align-items:center;gap:5px}.quick-actions-section{display:flex;flex-direction:column;gap:8px}.section-mini-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:#64748b;margin:0}.quick-actions-scroll{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%}.quick-chip-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:10px 4px;cursor:pointer;box-shadow:0 2px 8px #0f172a0a;transition:all .2s ease;width:100%;text-align:center}.quick-chip-btn:active{transform:scale(.96);background-color:#f8fafc}.chip-icon-wrap{width:34px;height:34px;border-radius:12px;display:flex;align-items:center;justify-content:center}.quick-chip-btn span{font-size:10.5px;font-weight:700;color:#0f172a;line-height:1.1}.mobile-dashboard-stack{display:flex;flex-direction:column;gap:16px}.mobile-card{background:#fff;border-radius:20px;padding:16px;border:1px solid #f1f5f9;box-shadow:0 4px 14px #0f172a0a}.card-header-icon-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.header-badge-wrap{display:flex;align-items:center;gap:6px}.card-badge{font-size:11px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.color-red{color:#d0021b}.color-purple{color:#7c3aed}.color-blue{color:#0284c7}.color-amber{color:#d97706}.appt-countdown-tag{font-size:10px;font-weight:800;background-color:#d0021b14;color:#d0021b;padding:2px 8px;border-radius:8px;text-transform:uppercase}.card-main-info .appt-time-heading{font-size:16px;font-weight:800;color:#0f172a;margin:0 0 4px}.card-main-info .appt-desc{font-size:12px;color:#64748b;margin:0 0 8px}.doctor-meta-row{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#475569}.card-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.card-actions-single{margin-top:14px;width:100%}.card-actions-single .card-pri-btn{width:100%}.card-sec-btn,.card-pri-btn{display:flex;align-items:center;justify-content:center;gap:6px;border-radius:12px;padding:9px 12px;font-size:12px;font-weight:700;cursor:pointer}.card-sec-btn{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.card-pri-btn{background:#0f172a;border:none;color:#fff}.milestone-pill{font-size:10px;font-weight:800;background:#7c3aed14;color:#7c3aed;padding:2px 8px;border-radius:8px}.progress-flex-layout{display:flex;align-items:center;gap:14px;margin-top:8px}.radial-progress-ring{width:58px;height:58px;position:relative;flex-shrink:0}.radial-progress-ring .circular-chart.purple .circle{stroke:#7c3aed}.ring-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.percentage-text{font-size:13px;font-weight:900;color:#0f172a;line-height:1}.status-label{font-size:7.5px;font-weight:700;color:#64748b;text-transform:uppercase}.progress-text-details{flex:1}.progress-text-details h4{font-size:13px;font-weight:800;color:#0f172a;margin:0 0 2px}.progress-text-details p{font-size:11px;color:#64748b;margin:0 0 8px}.progress-bar-bg{height:6px;background:#f1f5f9;border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#7c3aed,#a855f7);border-radius:4px;transition:width .6s ease}.mobile-card-action-btn{display:flex;align-items:center;justify-content:space-between;width:100%;background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;padding:10px 14px;margin-top:12px;font-size:12px;font-weight:700;color:#0f172a;cursor:pointer}.insurance-badge{font-size:10px;font-weight:800;background:#10b98114;color:#10b981;padding:2px 8px;border-radius:8px}.wallet-dual-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#f8fafc;border-radius:14px;padding:12px;margin-top:6px}.stat-col{display:flex;flex-direction:column}.stat-lbl{font-size:11px;font-weight:600;color:#64748b}.stat-val{font-size:17px;font-weight:900}.wallet-meta-subrow{display:flex;justify-content:space-between;background:#fff;border-radius:10px;padding:8px 12px;margin-top:8px;border:1px solid #f1f5f9}.meta-sub-col{display:flex;flex-direction:column;gap:1px}.sub-lbl{font-size:10px;font-weight:700;color:#94a3b8;text-transform:uppercase}.sub-val{font-size:12px;font-weight:800;color:#0f172a}.text-red{color:#ef4444}.wallet-actions-row{margin-top:12px}.pay-dues-btn,.add-advance-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border-radius:12px;font-size:12px;font-weight:700;cursor:pointer}.pay-dues-btn{background:#d0021b;border:none;color:#fff}.add-advance-btn{background:#0284c7;border:none;color:#fff}.timeline-feed-list{display:flex;flex-direction:column;gap:12px;margin-top:6px}.feed-item{display:flex;gap:10px;cursor:pointer;padding:4px 0;border-radius:8px;transition:background-color .15s ease}.feed-item:active{background-color:#f8fafc}.feed-dot-col{display:flex;flex-direction:column;align-items:center}.feed-dot{width:8px;height:8px;border-radius:50%;background:#d0021b;margin-top:4px}.feed-line{flex:1;width:1px;background:#e2e8f0;margin-top:4px;min-height:16px}.feed-content{display:flex;flex-direction:column;flex:1}.feed-title-row{display:flex;align-items:center;justify-content:space-between}.feed-title{font-size:12px;font-weight:700;color:#0f172a}.feed-chevron{color:#94a3b8;transition:transform .2s cubic-bezier(.16,1,.3,1)}.feed-chevron.rotated{transform:rotate(180deg);color:#d0021b}.feed-status{font-size:11px;color:#64748b}.feed-expanded-body{margin-top:6px;padding:8px;background:#f8fafc;border-radius:8px;border:1px solid #f1f5f9;font-size:11px;color:#475569;animation:fadeIn .2s ease}.feed-expanded-body p{margin:0 0 2px;font-weight:600}.feed-expanded-body span{color:#94a3b8;font-size:10px}.empty-activity-box{display:flex;align-items:center;gap:8px;padding:12px 0;font-size:12px;color:#64748b}.toggle-chart-btn{background:#d0021b14;color:#d0021b;border:none;font-size:11px;font-weight:800;padding:4px 10px;border-radius:8px;cursor:pointer}.chart-teaser-row{display:flex;align-items:center;justify-content:space-between;background:#f8fafc;border-radius:12px;padding:10px 12px;cursor:pointer;border:1px solid #f1f5f9}.teaser-left{display:flex;flex-direction:column}.teaser-title{font-size:12.5px;font-weight:800;color:#0f172a}.teaser-sub{font-size:10.5px;color:#64748b}.dues-alert-highlight{border-color:#fca5a5;background:linear-gradient(135deg,#fff,#fff5f5)}.text-red-bg{background:#ef44441a;color:#ef4444}.tips-carousel-scroll{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.tips-carousel-scroll::-webkit-scrollbar{display:none}.tip-item-card{min-width:170px;background:#f8fafc;border-radius:14px;border:1px solid #f1f5f9;padding:10px;display:flex;flex-direction:column;gap:4px;flex-shrink:0}.tip-tag-row{display:flex;align-items:center;justify-content:space-between}.tip-tag{font-size:9.5px;font-weight:800;text-transform:uppercase;color:#d97706;background:#d977061a;padding:2px 6px;border-radius:6px}.tip-item-card h5{font-size:12px;font-weight:800;color:#0f172a;margin:2px 0 0}.exp-badge{font-size:10px;font-weight:800;background:#d0021b14;color:#d0021b;padding:2px 8px;border-radius:8px}.doctor-card-body{display:flex;align-items:flex-start;gap:12px;background:#f8fafc;border-radius:14px;padding:12px;border:1px solid #f1f5f9}.doc-avatar-box{width:44px;height:44px;border-radius:50%;background:#fee2e2;display:flex;align-items:center;justify-content:center;flex-shrink:0}.doc-info-col h4{font-size:14px;font-weight:800;color:#0f172a;margin:0 0 2px}.doc-qual{font-size:11px;font-weight:700;color:#d0021b;display:block;margin-bottom:4px}.doc-desc{font-size:10.5px;color:#64748b;line-height:1.35;margin:0}.toggle-explain-btn{background:#7c3aed14;color:#7c3aed;border:none;font-size:11px;font-weight:800;padding:4px 10px;border-radius:8px;cursor:pointer}.explain-body-box{background:#f8fafc;border-radius:12px;padding:10px 12px;border:1px solid #f1f5f9;font-size:11px;color:#475569}.explain-body-box h5{font-size:12.5px;font-weight:800;color:#0f172a;margin:0 0 4px}.explain-body-box p{margin:0;line-height:1.4}.clinic-card-details{display:flex;flex-direction:column;gap:10px}.clinic-addr{font-size:11.5px;color:#475569;line-height:1.4;margin:0}.clinic-contact-grid{display:flex;gap:6px;width:100%;box-sizing:border-box}.clinic-chip-btn{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:4px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:8px 4px;font-size:11px;font-weight:700;color:#0f172a;cursor:pointer;white-space:nowrap;box-sizing:border-box}.clinic-chip-btn:active{background:#f1f5f9}.next-tip-btn{display:flex;align-items:center;gap:4px;background:#f59e0b1a;color:#d97706;border:none;font-size:10.5px;font-weight:800;padding:4px 8px;border-radius:8px;cursor:pointer}.spotlight-tip-body{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-radius:14px;border:1px solid #fde68a;padding:12px;display:flex;flex-direction:column;gap:8px}.tip-header-row{display:flex;align-items:center;justify-content:space-between}.spotlight-tag{font-size:9.5px;font-weight:800;text-transform:uppercase;color:#b45309;background:#d9770626;padding:2px 6px;border-radius:6px}.tip-dots-row{display:flex;gap:4px}.tip-dot{width:6px;height:6px;border-radius:50%;background:#fcd34d;transition:all .2s ease}.tip-dot.active{width:14px;border-radius:4px;background:#d97706}.tip-content-box{display:flex;align-items:flex-start;gap:10px}.tip-icon-glow{width:36px;height:36px;border-radius:10px;background:#fff;box-shadow:0 2px 6px #d977061f;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tip-text-col h5{font-size:13px;font-weight:800;color:#78350f;margin:0 0 2px}.tip-text-col p{font-size:11px;color:#92400e;line-height:1.35;margin:0}.patient-mobile-profile{display:flex;flex-direction:column;gap:16px;padding-bottom:24px}.mobile-profile-hero{background-color:#fff;border-radius:18px;padding:24px 16px;border:1px solid #e2e8f0;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 4px 6px -1px #00000003}.profile-img-large{width:90px;height:90px;border-radius:45px;object-fit:cover;border:3px solid #e0f2fe;margin-bottom:12px}.profile-initials-large{width:90px;height:90px;border-radius:45px;background-color:#0284c7;color:#fff;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:800;margin-bottom:12px}.mobile-profile-hero h3{font-size:17px;font-weight:900;color:#0f172a;margin:0 0 4px}.profile-id-badge{font-size:11px;font-weight:800;color:#d0021b;background-color:#d0021b14;padding:3px 10px;border-radius:8px;text-transform:uppercase}.uhid-digital-card{background:#fff;border-radius:18px;border:1px solid #e2e8f0;padding:16px;box-shadow:0 4px 12px #0f172a0a}.uhid-card-header{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;color:#0f172a;text-transform:uppercase;margin-bottom:12px}.uhid-card-body{display:flex;align-items:center;gap:16px;background:#f8fafc;border-radius:14px;padding:12px;border:1px solid #f1f5f9}.qr-box-dummy{background:#fff;padding:8px;border-radius:12px;display:flex;align-items:center;justify-content:center;border:1px solid #e2e8f0}.uhid-details{display:flex;flex-direction:column}.uhid-label{font-size:11px;font-weight:600;color:#64748b}.uhid-number{font-size:16px;font-weight:900;color:#0f172a;letter-spacing:.5px}.uhid-sub{font-size:10px;color:#94a3b8;margin-top:4px}.mobile-profile-details-stack{display:flex;flex-direction:column;gap:12px}.details-group-card{background-color:#fff;border-radius:16px;padding:16px;border:1px solid #e2e8f0}.details-group-card h4{font-size:12px;font-weight:900;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin:0 0 14px;border-bottom:1px solid #f1f5f9;padding-bottom:8px}.info-row-item{display:flex;align-items:center;gap:12px;margin-bottom:12px}.info-row-item:last-child{margin-bottom:0}.info-row-item svg{color:#94a3b8;flex-shrink:0}.info-row-item svg.text-red{color:#ef4444}.info-row-item svg.text-blue{color:#0284c7}.info-row-item svg.text-purple{color:#8b5cf6}.item-txt{display:flex;flex-direction:column;gap:2px}.item-txt .lbl{font-size:10px;font-weight:700;color:#94a3b8;text-transform:uppercase}.item-txt span:last-child{font-size:13px;color:#334155;font-weight:600;word-break:break-all}.camera-upload-card p{font-size:12px;line-height:1.5;color:#64748b;margin:0 0 14px}.mobile-camera-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;border-radius:12px;background-color:#f0fdf4;border:1.5px solid #86efac;color:#166534;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 4px 6px -1px #1665340d}.mobile-camera-btn:active{background-color:#dcfce7}.mobile-profile-logout-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;border-radius:12px;background-color:#fef2f2;border:1.5px solid #fca5a5;color:#b91c1c;font-size:14px;font-weight:800;cursor:pointer;margin-top:12px}.mobile-profile-logout-btn:active{background-color:#fee2e2}.profile-subnav-strip{display:flex;background:#f1f5f9;border-radius:14px;padding:4px;gap:4px;border:1px solid #e2e8f0}.prescriptions-section,.care-faq-section,.account-details-stack{display:flex;flex-direction:column;gap:12px}.rx-card-mobile{background:#fff;border-radius:18px;border:1px solid #f1f5f9;padding:16px;box-shadow:0 4px 14px #0f172a0a}.rx-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #f1f5f9}.rx-doc-name{font-size:14px;font-weight:800;color:#0f172a;margin:0}.rx-date{font-size:10.5px;color:#64748b}.btn-download-rx{display:flex;align-items:center;gap:4px;background:#d0021b14;color:#d0021b;border:none;font-size:11px;font-weight:800;padding:6px 10px;border-radius:8px;cursor:pointer}.medicines-breakdown-list{display:flex;flex-direction:column;gap:10px}.med-row-card{background:#f8fafc;border-radius:12px;border:1px solid #f1f5f9;padding:10px;display:flex;flex-direction:column;gap:6px}.med-top-info{display:flex;align-items:center;justify-content:space-between}.med-name{font-size:13px;font-weight:800;color:#0f172a}.med-duration{font-size:10.5px;font-weight:700;color:#7c3aed;background:#7c3aed1a;padding:2px 6px;border-radius:6px}.dose-indicators-row{display:flex;gap:6px}.dose-badge{font-size:10px;font-weight:700;color:#94a3b8;background:#fff;border:1px solid #e2e8f0;padding:3px 8px;border-radius:8px}.dose-badge.active-dose{color:#047857;background:#10b9811a;border-color:#10b981;font-weight:800}.med-timing-tag{font-size:10px;color:#64748b;font-weight:600}.faq-card-mobile{background:#fff;border-radius:16px;border:1px solid #f1f5f9;padding:14px;box-shadow:0 4px 12px #0f172a08}.faq-q-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.faq-q-row h5{font-size:13px;font-weight:800;color:#0f172a;margin:0}.faq-a-text{font-size:11.5px;color:#475569;line-height:1.4;margin:0;padding-left:24px}.wallet-card-mobile{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd!important}.wallet-card-mobile-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;border-bottom:1px solid rgba(2,132,199,.15);padding-bottom:12px}.wallet-card-title-row{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.wallet-card-title-row h4{font-size:13px;font-weight:800;color:#0369a1;letter-spacing:-.2px;line-height:1.25}.btn-mobile-add-money{background-color:#0284c7;color:#fff;border:none;border-radius:10px;padding:8px 14px;font-size:11px;font-weight:800;display:flex;align-items:center;gap:4px;cursor:pointer;box-shadow:0 3px 8px #0284c74d;white-space:nowrap;flex-shrink:0}.btn-mobile-add-money:active{transform:translateY(1px);box-shadow:0 1px 4px #0284c733}.wallet-stats-grid-mobile{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.wallet-stat-item{display:flex;flex-direction:column;align-items:center;background-color:#fff;padding:10px 6px;border-radius:10px;border:1px solid #e0f2fe;text-align:center;box-shadow:0 1px 3px #0000000a}.wallet-stat-item .lbl{font-size:7px;font-weight:800;color:#64748b;text-transform:uppercase;margin-bottom:4px;white-space:nowrap;letter-spacing:.2px}.wallet-stat-item .val{font-size:11px;font-weight:900;letter-spacing:-.4px;white-space:nowrap;color:#0f172a}.wallet-stat-item .val.text-blue{color:#0284c7}.wallet-stat-item .val.text-green{color:#10b981}.wallet-stat-item .val.text-red{color:#ef4444}.wallet-action-form{padding:8px 0}.current-bal-banner{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px 14px;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:13px;color:#475569}.current-bal-banner strong{font-size:15px;color:#0f172a}.topup-callout{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:12px;display:flex;gap:12px;align-items:center;margin-bottom:16px;font-size:13px;color:#166534}.topup-icon{width:24px;height:24px;color:#16a34a;flex-shrink:0}.topup-callout p{margin:0;line-height:1.4}.preset-amounts-group{margin-bottom:16px}.preset-amounts-group label{display:block;font-size:12px;font-weight:600;color:#64748b;margin-bottom:8px}.preset-buttons{display:flex;gap:8px;flex-wrap:wrap}.preset-btn{padding:6px 14px;border-radius:20px;border:1px solid #cbd5e1;background:#fff;color:#334155;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.preset-btn:hover{background:#f1f5f9;border-color:#94a3b8}.preset-btn.active{background:#0284c7;color:#fff;border-color:#0284c7}.btn-danger{background:#dc2626!important}.btn-danger:hover{background:#b91c1c!important}.btn-razorpay{background:#0284c7!important;display:inline-flex;align-items:center;gap:6px}.btn-razorpay:hover{background:#0369a1!important}.patient-mobile-treatments{display:flex;flex-direction:column;gap:16px;padding-bottom:24px}.mobile-treatments-stack{display:flex;flex-direction:column;gap:16px}.empty-treatments-card{background-color:#fff;border-radius:16px;padding:40px 16px;text-align:center;border:1px solid #e2e8f0;color:#94a3b8}.empty-treatments-card p{font-size:13px;font-weight:700;margin:0}.mobile-plan-accordion{background-color:#fff;border-radius:16px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 4px 6px -1px #00000003}.accordion-header{display:flex;justify-content:space-between;align-items:center;padding:16px;cursor:pointer}.plan-header-title h4{font-size:15px;font-weight:850;color:#0f172a;margin:0 0 2px}.plan-header-title .plan-id{font-size:10px;font-weight:700;color:#94a3b8;text-transform:uppercase}.plan-header-arrow{display:flex;align-items:center;gap:10px}.accordion-progress-bar{height:4px;width:100%;background-color:#f1f5f9}.progress-fill{height:100%;background-color:#10b981;transition:width .3s cubic-bezier(.16,1,.3,1)}.accordion-body{padding:16px;border-top:1px solid #f1f5f9;background-color:#fafbfc;animation:slideDown .25s cubic-bezier(.16,1,.3,1)}.plan-stats-panel{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px}.stat-box{background-color:#fff;padding:8px 10px;border-radius:12px;border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:2px;min-width:0;overflow:hidden}.stat-label{font-size:9px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.2px}.stat-value{font-size:12px;font-weight:800;color:#0f172a;letter-spacing:-.3px;white-space:nowrap}.stat-value.text-green{color:#10b981}.accordion-section{margin-bottom:16px}.accordion-section h5{font-size:12px;font-weight:900;color:#475569;text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px}.procedures-mobile-list{display:flex;flex-direction:column;gap:8px}.procedure-mobile-row{background-color:#fff;border-radius:10px;border:1px solid #f1f5f9;padding:10px 12px;display:flex;justify-content:space-between;align-items:center}.proc-left{display:flex;align-items:center;gap:12px}.proc-num{font-size:11px;font-weight:800;color:#94a3b8}.proc-name{display:block;font-size:13px;font-weight:800;color:#1e293b}.proc-tooth{display:block;font-size:10px;color:#64748b;margin-top:1px}.status-progress{background-color:#e0f2fe;color:#0369a1}.status-planned{background-color:#f1f5f9;color:#475569}.section-empty-msg{font-size:12px;color:#94a3b8;margin:0;font-style:italic}.treatment-subnav-strip{display:flex;background:#f1f5f9;border-radius:14px;padding:4px;gap:4px;border:1px solid #e2e8f0}.subnav-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;background:none;border:none;padding:9px 4px;border-radius:10px;font-size:11px;font-weight:700;color:#64748b;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.subnav-btn.active{background:#fff;color:#d0021b;box-shadow:0 2px 6px #d0021b14}.smile-journey-section{background:#fff;border-radius:20px;border:1px solid #f1f5f9;padding:16px;box-shadow:0 4px 14px #0f172a0a;display:flex;flex-direction:column;gap:14px}.section-title-wrap{display:flex;align-items:center;gap:10px}.section-title-wrap h4{font-size:14px;font-weight:800;color:#0f172a;margin:0}.section-title-wrap p{font-size:11px;color:#64748b;margin:2px 0 0}.text-purple{color:#7c3aed}.smile-photos-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.smile-photo-card{background:#f8fafc;border-radius:14px;border:1px solid #f1f5f9;padding:10px;display:flex;flex-direction:column;gap:8px}.photo-placeholder-box{height:80px;background:#fff;border-radius:10px;border:1px solid #e2e8f0;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.photo-tag-pill{position:absolute;top:4px;right:4px;font-size:9px;font-weight:800;background:#7c3aed1a;color:#7c3aed;padding:2px 6px;border-radius:6px;text-transform:uppercase}.photo-card-info h5{font-size:11.5px;font-weight:800;color:#0f172a;margin:0 0 2px}.photo-card-info span{font-size:10px;color:#94a3b8}.treatment-journey-timeline h5,.treatment-cost-breakdown h5{font-size:13px;font-weight:800;color:#0f172a;margin:0 0 12px}.journey-node-list{display:flex;flex-direction:column;gap:12px}.journey-step-card{display:flex;gap:10px}.step-node-col{display:flex;flex-direction:column;align-items:center}.node-circle{width:24px;height:24px;border-radius:50%;background:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:800}.step-done .node-circle{background:#10b981;color:#fff}.step-progress .node-circle{background:#7c3aed;color:#fff}.node-line{flex:1;width:2px;background:#e2e8f0;margin-top:4px;min-height:20px}.step-info-col{flex:1;background:#fff;border-radius:12px;border:1px solid #f1f5f9;padding:10px;display:flex;flex-direction:column;gap:4px}.step-title-row{display:flex;align-items:center;justify-content:space-between}.step-proc-name{font-size:12.5px;font-weight:800;color:#0f172a}.step-tooth-tag{font-size:10.5px;color:#7c3aed;font-weight:700}.step-details-meta{display:flex;justify-content:space-between;font-size:10.5px;color:#64748b;font-weight:600;margin-top:2px}.cost-split-list{display:flex;flex-direction:column;gap:8px}.cost-item-row{display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:12px;border:1px solid #f1f5f9;padding:10px 12px}.cost-proc-col{display:flex;flex-direction:column}.cost-proc-name{font-size:12px;font-weight:800;color:#0f172a}.cost-tooth{font-size:10px;color:#64748b}.cost-amount-col{display:flex;flex-direction:column;align-items:flex-end}.cost-val{font-size:13px;font-weight:900;color:#0f172a}.cost-status-pill{font-size:9.5px;font-weight:800;padding:2px 6px;border-radius:6px}.cost-status-pill.paid{background:#10b9811a;color:#10b981}.cost-status-pill.pending{background:#ef44441a;color:#ef4444}.patient-mobile-appointments{display:flex;flex-direction:column;gap:16px;padding-bottom:24px}.appointments-tab-header{display:flex;background-color:#f1f5f9;padding:4px;border-radius:12px;border:1px solid #e2e8f0}.appointments-tab-header button{flex:1;background:none;border:none;padding:10px 4px;border-radius:9px;font-size:12px;font-weight:800;color:#64748b;cursor:pointer;transition:all .2s ease-in-out;text-align:center}.appointments-tab-header button.active{background-color:#fff;color:#d0021b;box-shadow:0 2px 6px #d0021b14}.mobile-appointments-list{display:flex;flex-direction:column;gap:12px}.empty-appointments-card{background-color:#fff;border-radius:16px;padding:40px 16px;text-align:center;border:1px solid #e2e8f0;color:#94a3b8}.empty-icon{margin:0 auto 12px;color:#cbd5e1}.empty-appointments-card p{font-size:13px;font-weight:700;margin:0}.mobile-appt-card{background-color:#fff;border-radius:16px;border:1px solid #e2e8f0;padding:16px;box-shadow:0 4px 6px -1px #00000003;display:flex;flex-direction:column;gap:12px}.appt-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.appt-doctor-info{display:flex;align-items:center;gap:10px}.doctor-avatar-circle{width:36px;height:36px;border-radius:18px;background-color:#e0f2fe;color:#0369a1;display:flex;align-items:center;justify-content:center}.appt-doctor-info h4{font-size:14px;font-weight:850;color:#0f172a;margin:0 0 2px}.appt-doctor-info p{font-size:12px;color:#64748b;margin:0;font-weight:600}.status-pill{font-size:10px;font-weight:800;padding:4px 8px;border-radius:6px;text-transform:uppercase}.appt-card-details{display:flex;flex-direction:column;gap:8px;background-color:#f8fafc;padding:10px 12px;border-radius:12px}.detail-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#475569;font-weight:600}.detail-item svg{color:#64748b;flex-shrink:0}.appt-card-actions{display:flex;gap:8px;margin-top:4px;flex-wrap:wrap}.appt-btn{flex:1;min-width:90px;padding:10px 8px;font-size:11px;font-weight:800;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:4px}.btn-view-details{background-color:#f1f5f9;border:1px solid #cbd5e1;color:#334155}.btn-view-details:active{background-color:#e2e8f0}.btn-cancel-appt{background-color:#fef2f2;border:1px solid #fca5a5;color:#b91c1c}.btn-cancel-appt:active{background-color:#fee2e2}.cancel-modal-overlay{position:fixed;inset:0;background:#0f172a8c;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:9999;display:flex;align-items:flex-end;justify-content:center;padding:0 0 20px;animation:overlayFadeIn .2s ease}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.cancel-modal-card{background:#fff;border-radius:20px 20px 16px 16px;padding:28px 24px 24px;width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:0 -4px 40px #0000002e;animation:slideUp .25s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUp{0%{transform:translateY(80px);opacity:0}to{transform:translateY(0);opacity:1}}.cancel-modal-icon{width:56px;height:56px;background:#fee2e2;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#dc2626;margin-bottom:4px}.cancel-modal-title{font-size:17px;font-weight:800;color:#0f172a;margin:0;text-align:center}.cancel-modal-body{font-size:13px;color:#475569;text-align:center;line-height:1.5;margin:0}.cancel-modal-note{font-size:11px;color:#94a3b8;text-align:center;margin:0}.cancel-modal-actions{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:8px}.cancel-modal-btn{width:100%;border:none;border-radius:12px;padding:14px;font-size:14px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:opacity .15s}.cancel-modal-btn:disabled{opacity:.6;cursor:not-allowed}.btn-keep{background:#f1f5f9;color:#334155}.btn-keep:hover:not(:disabled){background:#e2e8f0}.btn-confirm-cancel{background:#dc2626;color:#fff;box-shadow:0 4px 12px #dc26264d}.btn-confirm-cancel:hover:not(:disabled){background:#b91c1c}.cancel-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.patient-mobile-invoices{display:flex;flex-direction:column;gap:16px;padding-bottom:24px;width:100%;box-sizing:border-box;overflow-x:hidden}.invoice-tabs-header{display:flex;background:#f1f5f9;border-radius:14px;padding:4px;gap:4px;border:1px solid #e2e8f0}.inv-tab-btn{flex:1;background:none;border:none;padding:9px 4px;border-radius:10px;font-size:11px;font-weight:700;color:#64748b;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);text-align:center}.inv-tab-btn.active{background:#fff;color:#d0021b;box-shadow:0 2px 6px #d0021b14}.invoice-ratio-bar-wrap{display:flex;flex-direction:column;gap:4px;margin:6px 0}.ratio-bar-bg{height:6px;background:#ef444426;border-radius:4px;overflow:hidden}.ratio-bar-fill{height:100%;background:#10b981;border-radius:4px;transition:width .4s ease}.ratio-bar-labels{display:flex;justify-content:space-between;font-size:10px;font-weight:700;color:#64748b}.billing-summary-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background-color:#fff;padding:10px 8px;border-radius:14px;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #00000003;width:100%;box-sizing:border-box}.summary-block{display:flex;flex-direction:column;gap:2px;text-align:center;min-width:0;overflow:hidden}.patient-mobile-invoices .summary-label{font-size:9px!important;font-weight:800!important;color:#64748b!important;text-transform:uppercase!important;letter-spacing:0!important;white-space:nowrap!important}.patient-mobile-invoices .summary-value{font-size:10.5px!important;font-weight:800!important;color:#1e293b!important;letter-spacing:-.4px!important;white-space:nowrap!important}.patient-mobile-invoices .summary-value.text-green{color:#10b981!important}.patient-mobile-invoices .summary-value.text-red{color:#ef4444!important}.mobile-invoices-list{display:flex;flex-direction:column;gap:12px}.empty-invoices-card{background-color:#fff;border-radius:16px;padding:40px 16px;text-align:center;border:1px solid #e2e8f0;color:#94a3b8}.empty-invoices-card p{font-size:13px;font-weight:700;margin:0}.mobile-invoice-card{background-color:#fff;border-radius:16px;border:1px solid #e2e8f0;padding:16px;box-shadow:0 4px 6px -1px #00000003;display:flex;flex-direction:column;gap:12px}.invoice-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.invoice-card-header h4{font-size:14px;font-weight:850;color:#0f172a;margin:0 0 2px}.invoice-date{font-size:11px;color:#94a3b8;font-weight:600}.invoice-card-pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background-color:#f8fafc;padding:8px;border-radius:12px;width:100%;box-sizing:border-box}.price-item{display:flex;flex-direction:column;gap:2px;min-width:0;overflow:hidden}.price-item span{font-size:6.5px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:0;white-space:normal;word-break:break-word;line-height:1.2}.price-item strong{font-size:9px;font-weight:800;color:#1e293b;letter-spacing:-.3px;white-space:nowrap}.invoice-card-actions{display:flex;gap:8px;margin-top:4px}.invoice-btn{flex:1;padding:10px 8px;font-size:11px;font-weight:800;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:4px;border:none}.btn-download{background-color:#f1f5f9;border:1px solid #cbd5e1;color:#334155}.btn-download:active{background-color:#e2e8f0}.btn-pay-due{background-color:#ef4444;color:#fff;box-shadow:0 4px 6px -1px #ef444426}.btn-pay-due:active{transform:translateY(1px)}.wallet-passbook-container{background:#fff;border-radius:12px;border:1px solid var(--color-gray-200, #e5e7eb);box-shadow:0 2px 8px #0000000a;padding:20px;margin-top:16px}.passbook-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--color-gray-100, #f3f4f6)}.passbook-title-group{display:flex;align-items:center;gap:12px}.passbook-title-group h3{margin:0;font-size:16px;font-weight:700;color:var(--color-gray-800, #1f2937);display:flex;align-items:center;gap:8px}.header-icon{width:18px;height:18px;color:var(--color-primary, #0284c7)}.passbook-count{font-size:12px;color:var(--color-gray-500, #6b7280);background:var(--color-gray-100, #f3f4f6);padding:2px 8px;border-radius:12px}.passbook-filter-group{display:flex;align-items:center;gap:8px}.filter-label{font-size:13px;font-weight:600;color:var(--color-gray-600, #4b5563)}.passbook-filter-select{padding:6px 12px;border-radius:6px;border:1px solid var(--color-gray-300, #d1d5db);font-size:13px;background:#fff;color:var(--color-gray-700, #374151);outline:none}.passbook-table-wrapper{overflow-x:auto;min-height:120px}.passbook-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.passbook-table th{background:var(--color-gray-50, #f9fafb);color:var(--color-gray-600, #4b5563);font-weight:600;padding:10px 14px;border-bottom:1px solid var(--color-gray-200, #e5e7eb);white-space:nowrap}.passbook-table td{padding:12px 14px;border-bottom:1px solid var(--color-gray-100, #f3f4f6);color:var(--color-gray-800, #1f2937);vertical-align:middle}.passbook-table tbody tr:hover{background-color:var(--color-gray-50, #f9fafb)}.tx-date{white-space:nowrap;font-size:12px;color:var(--color-gray-600, #4b5563)}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap}.icon-sm{width:13px;height:13px}.badge-success{background:#dcfce7;color:#15803d}.badge-info{background:#e0f2fe;color:#0369a1}.badge-danger{background:#fee2e2;color:#b91c1c}.badge-purple{background:#f3e8ff;color:#7e22ce}.badge-warning{background:#fef3c7;color:#b45309}.badge-neutral{background:#f3f4f6;color:#4b5563}.payment-mode-pill{display:inline-block;padding:2px 8px;border-radius:4px;background:var(--color-gray-100, #f3f4f6);color:var(--color-gray-600, #4b5563);font-size:11px;font-weight:600}.tx-amount{font-weight:700;font-size:13px;white-space:nowrap}.tx-amount.positive{color:#16a34a}.tx-amount.negative{color:#dc2626}.tx-balance{font-weight:600;color:var(--color-gray-700, #374151);white-space:nowrap}.invoice-ref-tag{background:#eff6ff;color:#1d4ed8;padding:2px 6px;border-radius:4px;font-weight:600;font-size:11px}.tx-remarks{color:var(--color-gray-500, #6b7280);max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.passbook-loading,.passbook-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 0;color:var(--color-gray-500, #6b7280);gap:8px;font-size:14px}.spin-icon{width:24px;height:24px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-icon{width:36px;height:36px;color:var(--color-gray-400, #9ca3af)}.passbook-pagination{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:16px;padding-top:12px;border-top:1px solid var(--color-gray-100, #f3f4f6)}.btn-page{padding:6px 12px;border-radius:6px;border:1px solid var(--color-gray-300, #d1d5db);background:#fff;color:var(--color-gray-700, #374151);font-size:12px;font-weight:600;cursor:pointer}.btn-page:disabled{opacity:.5;cursor:not-allowed}.btn-page:not(:disabled):hover{background:var(--color-gray-50, #f9fafb)}.page-info{font-size:12px;color:var(--color-gray-600, #4b5563)}@media(max-width:640px){.wallet-passbook-container{padding:12px;margin-top:10px}.passbook-header{flex-direction:column;align-items:stretch;gap:10px}.passbook-title-group{flex-wrap:wrap;justify-content:space-between;gap:6px}.passbook-title-group h3{font-size:14px}.passbook-filter-group{width:100%;justify-content:space-between}.passbook-filter-select{flex:1;font-size:12px;padding:4px 8px}}.patient-wallet-page{display:flex;flex-direction:column;gap:20px}.wallet-overview-header{display:flex;flex-direction:column;gap:16px}.wallet-kpi-card{background:#fff;border:1px solid var(--color-gray-200, #e5e7eb);border-radius:12px;padding:16px 20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 6px #00000008}.balance-card{background:linear-gradient(135deg,#0284c7,#0369a1);border:none;color:#fff}.balance-card .kpi-label,.balance-card .kpi-subtext{color:#ffffffd9}.balance-card .kpi-value{color:#fff!important}.kpi-icon-wrapper{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.balance-icon{background:#fff3;color:#fff}.due-icon{background:#fee2e2;color:#dc2626}.due-card{border-color:#fca5a5;background:#fff5f5}.kpi-content{display:flex;flex-direction:column}.kpi-label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.kpi-value{margin:4px 0 2px;font-size:22px;font-weight:800;color:#0f172a}.text-due{color:#dc2626}.text-paid{color:#16a34a;font-size:16px}.kpi-subtext{font-size:11px;color:#94a3b8}.topup-action-bar{background:#fff;border:1px solid var(--color-gray-200, #e5e7eb);border-radius:12px;padding:18px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px;box-shadow:0 2px 6px #00000008}.topup-action-info h4{margin:0 0 4px;font-size:15px;font-weight:700;color:#0f172a;display:flex;align-items:center;gap:8px}.action-icon{width:18px;height:18px;color:#0284c7}.topup-action-info p{margin:0;font-size:13px;color:#64748b;max-width:650px}.btn-topup{padding:10px 22px;border-radius:8px;border:none;background:#0284c7;color:#fff;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;white-space:nowrap;transition:background .15s ease}.btn-topup:hover{background:#0369a1}.unpaid-due-notice{background:#fff1f2;border:1px solid #fecdd3;border-radius:10px;padding:12px 16px;display:flex;align-items:center;gap:12px;font-size:13px;color:#be123c}.notice-icon{width:22px;height:22px;color:#e11d48;flex-shrink:0}.pvn-modal-container{display:flex;flex-direction:column;gap:16px;max-height:80vh;overflow-y:auto;padding-right:4px}.pvn-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0;gap:12px;color:#64748b;font-size:14px}.pvn-header-banner{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.pvn-header-main{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:10px}.pvn-proc-title h3{margin:0;font-size:16px;font-weight:800;color:#0f172a}.pvn-tooth-tag{font-size:12px;color:#64748b;font-weight:600}.pvn-proc-status{padding:3px 10px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase}.pvn-proc-status.in-progress{background:#e0f2fe;color:#0369a1}.pvn-proc-status.completed{background:#dcfce7;color:#15803d}.pvn-proc-status.planned{background:#f1f5f9;color:#475569}.pvn-proc-status.cancelled{background:#fee2e2;color:#b91c1c}.pvn-next-visit-pill{background:#0284c7;color:#fff;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:700}.pvn-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px 16px;font-size:12px;color:#334155;border-top:1px solid #cbd5e1;padding-top:10px}.meta-label{color:#64748b}.pvn-history-section{display:flex;flex-direction:column;gap:8px}.pvn-section-title h4{margin:0;font-size:14px;font-weight:700;color:#0f172a;display:flex;align-items:center;gap:6px}.pvn-table-wrapper{max-height:220px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:8px}.pvn-table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}.pvn-table th{position:sticky;top:0;background:#f1f5f9;color:#475569;font-weight:700;padding:8px 10px;border-bottom:1px solid #cbd5e1;white-space:nowrap;z-index:1}.pvn-table td{padding:10px;border-bottom:1px solid #f1f5f9;vertical-align:top}.pvn-notes-cell{white-space:pre-line;max-width:280px;color:#1e293b;line-height:1.4}.pvn-empty-history{text-align:center;padding:24px;color:#94a3b8;font-style:italic}.v-status-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:700}.v-status-badge.in-progress{background:#e0f2fe;color:#0369a1}.v-status-badge.completed{background:#dcfce7;color:#15803d}.v-status-badge.deferred{background:#fef3c7;color:#b45309}.v-status-badge.followup{background:#f3e8ff;color:#7e22ce}.vis-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600}.vis-badge.visible{background:#dcfce7;color:#166534}.vis-badge.hidden{background:#f1f5f9;color:#64748b}.pvn-add-form{background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:12px}.pvn-chips-container{display:flex;flex-direction:column;gap:6px}.chips-label{font-size:11px;font-weight:700;color:#64748b;display:flex;align-items:center;gap:4px;text-transform:uppercase}.chips-list{display:flex;flex-wrap:wrap;gap:6px}.chip-btn{background:#f1f5f9;border:1px solid #cbd5e1;color:#334155;padding:3px 8px;border-radius:12px;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s ease}.chip-btn:hover{background:#0284c7;color:#fff;border-color:#0284c7}.pvn-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.form-group.full-width{grid-column:1 / -1}.pvn-textarea{resize:vertical;min-height:80px;font-size:13px;line-height:1.4}.helper-info{font-size:11px;color:#0284c7;display:flex;align-items:center;gap:4px;margin-top:4px}.pvn-form-footer{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid #f1f5f9;flex-wrap:wrap;gap:12px}.pvn-checkbox-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#334155;cursor:pointer}.pvn-locked-banner{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px;display:flex;align-items:center;gap:8px;color:#991b1b;font-size:13px}.receive-payment-modal-body{padding:8px 0}.auto-settle-notice{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:12px;display:flex;gap:12px;margin-bottom:16px;font-size:13px;color:#1e40af}.info-icon{width:20px;height:20px;color:#2563eb;flex-shrink:0;margin-top:2px}.auto-settle-notice p{margin:4px 0 0;font-size:12px;color:#1d4ed8}.form-error-alert{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:10px 14px;border-radius:6px;font-size:13px;margin-bottom:14px;display:flex;align-items:center;gap:8px}.error-icon{width:16px;height:16px}.patient-preview-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px 14px;display:flex;align-items:center;gap:10px;margin-bottom:16px}.patient-label{font-size:12px;color:#64748b}.patient-name{font-size:14px;color:#0f172a}.mr-badge{background:#e2e8f0;color:#475569;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;margin-left:auto}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:600;color:#334155;margin-bottom:6px}.form-control{width:100%;padding:8px 12px;border-radius:6px;border:1px solid #cbd5e1;font-size:14px;outline:none;box-sizing:border-box}.form-control:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0284c71a}.currency-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.currency-symbol{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-weight:700;color:#64748b;font-size:16px;pointer-events:none;z-index:2;line-height:1}.currency-input{padding-left:36px!important;font-size:16px;font-weight:700;color:#0f172a}.form-row{display:flex;gap:12px}.flex-1{flex:1}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid #f1f5f9}.btn-cancel{padding:8px 16px;border-radius:6px;border:1px solid #cbd5e1;background:#fff;color:#475569;font-size:13px;font-weight:600;cursor:pointer}.btn-submit{padding:8px 20px;border-radius:6px;border:none;background:#0284c7;color:#fff;font-size:13px;font-weight:600;cursor:pointer}.btn-submit:hover{background:#0369a1}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.payment-success-banner{text-align:center;padding:16px 8px}.success-icon{width:48px;height:48px;color:#16a34a;margin-bottom:12px}.payment-success-banner h4{margin:0 0 12px;font-size:18px;color:#0f172a}.success-details{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;text-align:left;font-size:13px;color:#334155;margin-bottom:20px}.settled-invoices-summary{margin:12px 0;padding-top:10px;border-top:1px dashed #cbd5e1}.settled-title{font-weight:600;margin:0 0 6px;color:#0f172a}.settled-invoices-summary ul{margin:0;padding-left:20px}.settled-invoices-summary li{margin-bottom:4px;color:#15803d}.no-invoices-msg{color:#0369a1;font-style:italic;margin:8px 0}.new-wallet-balance{margin-top:12px;padding-top:10px;border-top:1px solid #e2e8f0;font-size:14px;color:#0284c7}.btn-done{padding:8px 24px;border-radius:6px;border:none;background:#16a34a;color:#fff;font-size:14px;font-weight:600;cursor:pointer}.profile-page{max-width:1400px;margin:0 auto;padding:0 24px 32px}.profile-breadcrumb{font-size:13px;color:var(--color-gray-600);margin-bottom:12px}.profile-breadcrumb a{color:var(--color-primary);text-decoration:none;font-weight:600}.profile-breadcrumb a:hover{text-decoration:underline}.profile-breadcrumb span{color:var(--color-gray-400);margin:0 6px}.profile-top-strip{display:flex;align-items:center;justify-content:space-between;background:var(--color-white);border:1px solid var(--color-gray-100);border-radius:12px;padding:10px 20px;margin-bottom:24px;box-shadow:0 2px 8px #00000008;position:sticky;top:16px;z-index:10}.profile-top-strip-left{display:flex;align-items:center;gap:16px}.profile-top-breadcrumb{font-size:14px;color:var(--color-gray-600);display:flex;align-items:center;gap:8px}.profile-top-breadcrumb a{color:var(--color-primary);text-decoration:none;font-weight:600}.profile-top-breadcrumb a:hover{text-decoration:underline}.profile-top-patient{font-weight:800;color:var(--color-gray-900)}.profile-top-mr{font-family:var(--font-mono),monospace;font-size:12px;font-weight:700;padding:2px 8px;border-radius:6px;background:var(--color-gray-50);color:var(--color-gray-700);border:1px solid var(--color-gray-200)}.profile-top-mini-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;overflow:hidden}.profile-top-mini-avatar img{width:100%;height:100%;object-fit:cover}.profile-top-stats{display:flex;align-items:center;gap:16px;font-size:12px;font-weight:600;color:var(--color-gray-500);border-left:1px solid var(--color-gray-200);padding-left:16px}.profile-top-stats span.outstanding{color:var(--color-error)}.profile-top-actions{display:flex;gap:8px;align-items:center}.profile-body{display:grid;grid-template-columns:280px 1fr;gap:0;min-height:400px}@media(max-width:900px){.profile-body{grid-template-columns:1fr}}.profile-nav{background:var(--color-white);border:1px solid var(--color-gray-100);border-radius:12px;padding:12px 0;margin-right:24px;height:fit-content;position:sticky;top:80px}@media(max-width:900px){.profile-page{padding:0 2px 16px;margin:0;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.profile-top-strip{flex-direction:column;align-items:stretch;gap:8px;padding:10px 12px;position:static;margin-bottom:10px;border-radius:12px;border:1px solid #cbd5e1;background:#fff}.profile-top-strip-left{flex-wrap:wrap;gap:6px;align-items:center}.profile-top-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;width:100%;margin-top:4px}.profile-top-actions .btn{white-space:nowrap!important;font-size:11px!important;font-weight:600!important;padding:4px 10px!important;height:30px;border-radius:8px!important;flex-shrink:0}.profile-nav{display:none!important}.profile-content{padding:0!important;border:none!important;background:transparent!important;box-shadow:none!important}.section-card{border:none!important;background:transparent!important;box-shadow:none!important;padding:0!important}.section-header{border:1px solid #e2e8f0!important;border-radius:12px!important;padding:12px 14px!important;margin-bottom:10px!important;background:#fff!important}.plans-list{padding:0!important}.treatment-plan-card{border:1px solid #e2e8f0!important;border-radius:12px!important;margin-bottom:10px!important;box-shadow:0 1px 3px #00000005!important}.practo-layout,.practo-left-column,.practo-right-column{padding:0!important;border:none!important;background:transparent!important}.practo-basic-info,.practo-section{border:1px solid #e2e8f0!important;border-radius:12px!important;background:#fff!important;padding:14px!important;margin-bottom:10px!important}}@media(max-width:900px){.mobile-hidden{display:none!important}.mobile-nav-only{display:block!important}}@media(min-width:901px){.mobile-section-menu,.mobile-back-btn{display:none!important}}.mobile-section-menu{background:#fff;border-radius:14px;border:1px solid #e2e8f0;overflow:hidden}.mobile-section-group{border-bottom:1px solid #f1f5f9}.mobile-section-group:last-child{border-bottom:none}.mobile-section-group-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#0284c7;padding:12px 16px 6px;background:#f8fafc}.mobile-section-row{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;border:none;background:#fff;cursor:pointer;text-align:left;border-bottom:1px solid #f1f5f9;transition:background .15s;-webkit-tap-highlight-color:transparent}.mobile-section-row:last-child{border-bottom:none}.mobile-section-row:active{background:#f0f9ff}.mobile-section-row-icon{width:36px;height:36px;border-radius:10px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#475569;flex-shrink:0}.mobile-section-row-label{flex:1;font-size:14px;font-weight:500;color:#0f172a}.mobile-section-row-chevron{color:#cbd5e1;flex-shrink:0}.mobile-back-btn{display:none;align-items:center;gap:6px;background:#fff;border:1px solid #cbd5e1;border-radius:10px;color:#0284c7;font-size:13px;font-weight:700;cursor:pointer;padding:8px 12px;margin-bottom:12px;width:100%;text-align:left}@media(max-width:900px){.mobile-back-btn{display:flex}}.profile-nav-group{padding:0 0 12px}.profile-nav-group:last-child{padding-bottom:0}.profile-nav-group-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#0087ba;padding:16px 16px 8px}.profile-nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;border:none;background:none;font-size:14px;font-weight:500;color:var(--color-gray-700);cursor:pointer;text-align:left;border-left:3px solid transparent;transition:background .15s,color .15s}.profile-nav-item:hover{background:var(--color-gray-50);color:var(--color-gray-900)}.profile-nav-item.active{background:#d0021b0f;color:#d0021b;border-left-color:#d0021b;font-weight:700}.profile-content{min-width:0;border:1px solid var(--color-gray-100);border-radius:12px;padding:24px}.profile-tab-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-bottom:16px;margin-bottom:24px;border-bottom:1px solid var(--color-gray-200)}.profile-tab-title{font-size:18px;font-weight:700;color:var(--color-gray-900);letter-spacing:-.01em}.profile-tab-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}@media(max-width:640px){.profile-tab-header{flex-direction:column;align-items:flex-start;gap:10px;padding-bottom:12px;margin-bottom:16px}.profile-tab-actions{width:100%;justify-content:flex-start;gap:6px}.profile-tab-actions .btn{font-size:11px!important;padding:4px 8px!important}}.profile-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:900px){.profile-details-grid{grid-template-columns:1fr}}.profile-card{border:1px solid var(--color-gray-100);border-radius:12px;overflow:hidden;margin-bottom:20px}.profile-card-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-100);font-size:13px;font-weight:700;color:var(--color-gray-800);text-transform:uppercase;letter-spacing:.03em}.profile-card-body{padding:16px 18px}.profile-kv{display:grid;grid-template-columns:120px 1fr;gap:10px 16px;font-size:14px}.profile-kv dt{margin:0;color:var(--color-gray-500);font-weight:500}.profile-kv dd{margin:0;color:var(--color-gray-900);font-weight:600}.profile-address-block{font-size:14px;color:var(--color-gray-700);line-height:1.5;white-space:pre-line}.profile-section-placeholder{text-align:center;padding:48px 24px;color:var(--color-gray-500);font-size:14px}.profile-empty{color:var(--color-gray-400);font-size:13px;font-style:italic}.profile-notes-textarea{width:100%;min-height:80px;padding:12px;font-size:14px;border:1px solid var(--color-gray-200);border-radius:8px;resize:vertical}.profile-notes-saved{font-size:11px;color:var(--color-gray-500);margin-top:6px}.profile-qr-body{display:flex;flex-direction:column;align-items:center;gap:12px}.profile-qr-canvas{max-width:100%;height:auto;padding:8px;background:#fff;border-radius:8px}.profile-qr-download{font-size:13px;width:100%}.profile-treatment-section{display:flex;flex-direction:column;gap:24px}.section-header-row{display:flex;justify-content:space-between;align-items:center}.section-header-row h2{margin:0;font-size:20px;font-weight:800}.empty-state-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;text-align:center;background:var(--color-gray-50);border-radius:16px;border:1px dashed var(--color-gray-300);color:var(--color-gray-400);gap:16px}.empty-state-card p{font-size:15px;font-weight:500}.treatment-plans-stack{display:flex;flex-direction:column;gap:20px}.treatment-plan-card{border:1px solid var(--color-gray-100);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .2s}.treatment-plan-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.plan-header{padding:16px 20px;background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-100);display:flex;justify-content:space-between;align-items:center}.plan-title-group{display:flex;align-items:center;gap:12px}.plan-title-group h3{margin:0;font-size:16px;font-weight:700;color:var(--color-gray-900)}.status-badge{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;border-radius:999px;background:var(--color-gray-200);color:var(--color-gray-700)}.status-active{background:#dcfce7;color:#166534}.plan-items-table-wrap{overflow-x:auto}.plan-items-table{width:100%;border-collapse:collapse;text-align:left}.plan-items-table th{padding:12px 20px;font-size:11px;text-transform:uppercase;color:var(--color-gray-400);font-weight:700;border-bottom:1px solid var(--color-gray-50)}.plan-items-table td{padding:16px 20px;font-size:14px;border-bottom:1px solid var(--color-gray-50)}.tooth-chip{background:var(--color-gray-900);color:#fff;font-size:11px;font-weight:800;padding:2px 8px;border-radius:4px;display:inline-block}.item-status{font-size:12px;font-weight:600;padding:4px 8px;border-radius:6px}.status-planned{background:#f1f5f9;color:#475569}.status-in-progress{background:#fffbeb;color:#92400e}.status-completed{background:#ecfdf5;color:#059669}.action-buttons-mini{display:flex;gap:4px}.btn-mini{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-gray-200);background:#fff;cursor:pointer;transition:all .2s}.btn-mini:hover{border-color:var(--color-gray-900);background:var(--color-gray-900);color:#fff}.btn-start:hover{border-color:var(--color-primary);background:var(--color-primary)}.btn-complete:hover{border-color:#10b981;background:#10b981}.plan-footer{padding:12px 20px;background:var(--color-gray-50);display:flex;justify-content:flex-end}.plan-totals{display:flex;gap:12px;align-items:center;font-weight:700;font-size:14px}.section-card{background:#fff;border:1px solid var(--color-gray-100);border-radius:16px;box-shadow:var(--shadow-sm);overflow:hidden;animation:slideUp .3s ease-out}.section-header{padding:20px 24px;border-bottom:1px solid var(--color-gray-50);display:flex;justify-content:space-between;align-items:center}.section-title{margin:0;font-size:18px;font-weight:800;color:var(--color-gray-900)}.section-table-wrapper{overflow-x:auto}.section-table{width:100%;border-collapse:collapse;text-align:left}.section-table th{padding:12px 24px;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-400);font-weight:700;border-bottom:1px solid var(--color-gray-50)}.section-table td{padding:16px 24px;font-size:14px;border-bottom:1px solid var(--color-gray-50);vertical-align:top}.status-pill{padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase}.status-scheduled{background:#e0f2fe;color:#0369a1}.status-confirmed{background:#dcfce7;color:#15803d}.status-completed{background:#ecfdf5;color:#047857}.status-cancelled{background:#fee2e2;color:#b91c1c}.status-unpaid{background:#fff1f2;color:#e11d48}.status-paid{background:#f0fdf4;color:#16a34a}.status-partial{background:#fef9c3;color:#a16207}.clinical-grid{display:grid;grid-template-columns:350px 1fr;gap:24px}.panel-title{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:800;text-transform:uppercase;color:var(--color-gray-500);margin-bottom:16px}.vitals-cards{display:flex;flex-direction:column;gap:16px}.vitals-card{background:#fff;border:1px solid var(--color-gray-100);border-radius:12px;padding:16px;box-shadow:var(--shadow-sm)}.vitals-date{font-size:12px;font-weight:700;margin-bottom:12px;color:var(--color-primary)}.vitals-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.v-item{display:flex;flex-direction:column;padding:8px;background:var(--color-gray-50);border-radius:8px}.v-label{font-size:10px;color:var(--color-gray-400);font-weight:600;text-transform:uppercase}.v-val{font-size:15px;font-weight:800;color:var(--color-gray-900)}.note-item{background:#fff;border:1px solid var(--color-gray-100);border-radius:12px;padding:20px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.note-meta{font-size:13px;color:var(--color-gray-500);margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--color-gray-50)}.note-content p{margin:0 0 8px;font-size:14px;line-height:1.5;color:var(--color-gray-700)}.prescriptions-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}@media(max-width:640px){.prescriptions-list{grid-template-columns:1fr!important;display:flex!important;flex-direction:column!important;gap:12px!important;width:100%!important}}.prescription-card{background:#fff;border:1px solid var(--color-gray-100);border-radius:16px;padding:24px;box-shadow:var(--shadow-md);position:relative;border-top:4px solid var(--color-primary)}.p-header{display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px;border-bottom:1px dashed var(--color-gray-200)}.p-doc{font-weight:800;font-size:16px;color:var(--color-gray-900)}.p-date{color:var(--color-gray-400);font-size:13px}.p-items-table{width:100%;border-collapse:collapse}.p-items-table th{text-align:left;font-size:11px;text-transform:uppercase;color:var(--color-gray-400);padding-bottom:10px}.p-items-table td{padding:10px 0;border-bottom:1px solid var(--color-gray-50);font-size:14px}.p-notes{margin-top:15px;font-size:13px;color:var(--color-gray-600);font-style:italic;background:var(--color-gray-50);padding:10px;border-radius:8px}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.profile-tab-detailed{display:flex;flex-direction:column;gap:24px;animation:fadeIn .3s ease-out}.profile-tab-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--color-gray-100)}.profile-tab-title{font-size:14px;font-weight:800;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.1em}.practo-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;width:100%}@media(max-width:900px){.practo-layout{grid-template-columns:1fr;gap:40px}}.practo-left-column{display:flex;flex-direction:column;gap:40px}.practo-basic-info{display:flex;gap:32px;align-items:flex-start}.practo-avatar-col{display:flex;flex-direction:column;align-items:center;gap:12px}.practo-avatar{width:120px;height:120px;background:linear-gradient(135deg,var(--color-gray-100) 0%,var(--color-gray-200) 100%);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--color-gray-400);font-size:32px}.practo-avatar img{width:100%;height:100%;object-fit:cover}.practo-change-photo{font-size:12px;color:var(--color-primary);background:none;border:none;cursor:pointer;font-weight:500;padding:0}.practo-change-photo:hover{text-decoration:underline}.practo-identity-details{display:flex;flex-direction:column;gap:16px;padding-top:8px}.practo-id-row{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--color-gray-500)}.practo-id-row .label{min-width:100px;text-align:right}.practo-id-row strong{font-weight:500;color:var(--color-gray-800);font-size:15px}.badge-now{background-color:#e2e8f0;color:#64748b;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase}.practo-extra-details{display:flex;flex-direction:column;gap:32px}.practo-section-title-sm{font-size:14px;font-weight:700;color:var(--color-gray-700);margin:0 0 12px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-gray-100);padding-bottom:8px}.practo-content-box{display:flex;flex-direction:column;gap:10px}.practo-kv-row{display:flex;font-size:14px;line-height:1.5}.practo-kv-row .label{min-width:130px;color:var(--color-gray-500);padding-right:12px}.practo-kv-row .value{color:var(--color-gray-800);font-weight:500}.practo-right-column{display:flex;flex-direction:column;gap:32px}.practo-section{display:flex;flex-direction:column;gap:12px}.practo-section-header{display:flex;justify-content:space-between;align-items:center}.practo-section-title{font-size:22px;font-weight:300;color:#7b9432;margin:0;letter-spacing:-.01em}.practo-edit-btn{font-size:13px;color:var(--color-primary);background:none;border:none;cursor:pointer}.practo-edit-btn:hover{text-decoration:underline}.practo-content{font-size:14px;color:var(--color-gray-600);padding-left:0;line-height:1.5}.practo-input{width:100%;border:1px solid var(--color-gray-300);padding:10px 14px;font-size:14px;border-radius:4px;background:var(--color-white);margin-top:4px;transition:border-color .2s}.practo-input:focus{border-color:#7b9432;outline:none}@media(max-width:600px){.practo-basic-info{flex-direction:column;align-items:center;text-align:center;gap:16px;width:100%}.practo-avatar-col{width:100%}.practo-identity-details{align-items:center;width:100%;padding-top:0}.practo-id-row{flex-direction:column;gap:4px;width:100%}.practo-id-row .label{text-align:center;min-width:auto;padding-right:0}.practo-extra-details{gap:16px}.practo-kv-row{flex-direction:column;gap:4px}.practo-kv-row .label{min-width:auto;padding-right:0}}.receptionist-mobile-patients{display:flex;flex-direction:column;gap:12px;padding-bottom:20px;font-family:DM Sans,system-ui,-apple-system,sans-serif;--font-scale-ratio: .85;--spacing-scale-ratio: .85}.inline-toast-bar{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;font-size:13px;font-weight:500;animation:toast-slide-in .25s ease}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.inline-toast-bar.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}.inline-toast-bar.error{background:#fff1f2;border:1px solid #fecdd3;color:#be123c}.inline-toast-bar.info{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}.inline-toast-icon{flex-shrink:0;display:flex}.inline-toast-msg{flex:1;margin:0;line-height:1.4}.inline-toast-close{background:none;border:none;cursor:pointer;opacity:.6;padding:2px;color:inherit}.inline-toast-close:hover{opacity:1}.patient-name-link{background:none;border:none;cursor:pointer;text-align:left;padding:0;display:flex;flex-direction:column;gap:2px}.patient-name-link h3{font-family:DM Sans,system-ui,-apple-system,sans-serif;font-size:calc(15px * var(--font-scale-ratio));font-weight:700;color:#0284c7;margin:0;text-decoration:underline;text-decoration-color:#0284c74d;text-underline-offset:2px;transition:color .15s ease}.patient-name-link:active h3{color:#0369a1}.spin-icon{animation:spin-anim .8s linear infinite}@keyframes spin-anim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sticky-search-wrapper{position:sticky;top:-14px;background-color:#f8fafc;z-index:90;padding:8px 0}.search-bar-input{display:flex;align-items:center;gap:8px;background-color:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:10px 12px;box-shadow:0 1px 3px #00000005}.search-bar-input svg{color:#94a3b8;flex-shrink:0}.search-bar-input input{background:none;border:none;width:100%;font-size:calc(13px * var(--font-scale-ratio));font-weight:500;color:#0f172a;outline:none}.search-bar-input input::placeholder{color:#cbd5e1}.clear-btn{background:none;border:none;color:#cbd5e1;cursor:pointer;padding:2px}.patient-cards-stack{display:flex;flex-direction:column;gap:10px}.empty-search-state{background-color:#fff;border-radius:14px;padding:30px 16px;text-align:center;border:1px solid #e2e8f0;color:#94a3b8;font-size:calc(12px * var(--font-scale-ratio))}.empty-search-state p{font-weight:500;margin:8px 0 0}.patient-search-card{background-color:#fff;border-radius:14px;border:1px solid #e2e8f0;padding:calc(14px * var(--spacing-scale-ratio));box-shadow:0 1px 3px #00000003;display:flex;flex-direction:column;gap:10px}.patient-card-top-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.patient-card-top-row h3{font-family:DM Sans,system-ui,-apple-system,sans-serif;font-size:calc(15px * var(--font-scale-ratio));font-weight:700;color:#0f172a;margin:0 0 2px}.patient-uhid{font-size:calc(10px * var(--font-scale-ratio));font-weight:500;color:#94a3b8;text-transform:uppercase}.due-pill{font-size:calc(9px * var(--font-scale-ratio));font-weight:700;background-color:#ef44440f;color:#ef4444;padding:3px 7px;border-radius:5px;text-transform:uppercase}.patient-card-meta{display:flex;flex-direction:column;gap:4px;background-color:#f8fafc;padding:8px 10px;border-radius:10px}.meta-row{display:flex;align-items:center;gap:6px;font-size:calc(11px * var(--font-scale-ratio));color:#475569;font-weight:500}.meta-row svg{color:#cbd5e1;flex-shrink:0}.patient-quick-actions{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin-top:4px}.quick-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:8px;padding:8px 2px;cursor:pointer;transition:all .2s ease;height:52px}.quick-action-btn:nth-child(1),.quick-action-btn:nth-child(2),.quick-action-btn:nth-child(3){grid-column:span 2}.quick-action-btn:nth-child(4),.quick-action-btn:nth-child(5){grid-column:span 3}.quick-action-btn span{font-size:calc(8.5px * var(--font-scale-ratio));font-weight:600;text-transform:uppercase;letter-spacing:.1px}.quick-action-btn:nth-child(1){background-color:#0284c70a;border:1px solid rgba(2,132,199,.12);color:#0284c7}.quick-action-btn:nth-child(1) svg{color:#0284c7}.quick-action-btn:nth-child(1):active{background-color:#0284c71a}.quick-action-btn:nth-child(2){background-color:#10b9810a;border:1px solid rgba(16,185,129,.12);color:#10b981}.quick-action-btn:nth-child(2) svg{color:#10b981}.quick-action-btn:nth-child(2):active{background-color:#10b9811a}.quick-action-btn:nth-child(3){background-color:#d0021b0a;border:1px solid rgba(208,2,27,.1);color:#d0021b}.quick-action-btn:nth-child(3) svg{color:#d0021b}.quick-action-btn:nth-child(3):active{background-color:#d0021b14}.quick-action-btn:nth-child(4){background-color:#8b5cf60a;border:1px solid rgba(139,92,246,.12);color:#7c3aed}.quick-action-btn:nth-child(4) svg{color:#7c3aed}.quick-action-btn:nth-child(4):active{background-color:#8b5cf61a}.quick-action-btn:nth-child(5){background-color:#f59e0b0a;border:1px solid rgba(245,158,11,.12);color:#d97706}.quick-action-btn:nth-child(5) svg{color:#d97706}.quick-action-btn:nth-child(5):active{background-color:#f59e0b1a}.patient-quick-actions.doctor-view{grid-template-columns:repeat(3,1fr)!important}.patient-quick-actions.doctor-view .quick-action-btn{grid-column:span 1!important}.patient-quick-actions.doctor-view .quick-action-btn.appt-btn{background-color:#0284c70a!important;border:1px solid rgba(2,132,199,.12)!important;color:#0284c7!important}.patient-quick-actions.doctor-view .quick-action-btn.appt-btn svg{color:#0284c7!important}.patient-quick-actions.doctor-view .quick-action-btn.appt-btn:active{background-color:#0284c71a!important}.patient-quick-actions.doctor-view .quick-action-btn.treatment-btn{background-color:#8b5cf60a!important;border:1px solid rgba(139,92,246,.12)!important;color:#7c3aed!important}.patient-quick-actions.doctor-view .quick-action-btn.treatment-btn svg{color:#7c3aed!important}.patient-quick-actions.doctor-view .quick-action-btn.treatment-btn:active{background-color:#8b5cf61a!important}.patient-quick-actions.doctor-view .quick-action-btn.profile-btn{background-color:#f59e0b0a!important;border:1px solid rgba(245,158,11,.12)!important;color:#d97706!important}.patient-quick-actions.doctor-view .quick-action-btn.profile-btn svg{color:#d97706!important}.patient-quick-actions.doctor-view .quick-action-btn.profile-btn:active{background-color:#f59e0b1a!important}.patients-v2{display:grid;grid-template-columns:240px 260px 1fr;gap:0;width:100%;min-height:calc(100vh - 60px);background:var(--color-gray-50)}.patients-v2-nav-col{background:var(--color-white);border-right:1px solid var(--color-gray-100);height:calc(100vh - 60px);position:sticky;top:60px;overflow-y:auto;overflow-x:hidden}.patients-v2-nav-inner{padding:20px 12px 24px;display:flex;flex-direction:column;gap:16px}.patients-v2-nav-empty{padding:32px 16px;text-align:center;color:var(--color-gray-500);font-size:14px;line-height:1.5}.patients-v2-nav-empty-icon{margin-bottom:12px;color:var(--color-gray-300)}.patients-v2-nav-group-label{font-size:11px;font-weight:800;color:#0087ba;text-transform:uppercase;letter-spacing:.05em;padding:12px 12px 6px;margin-bottom:4px}.patients-v2-nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:8px 12px;border:none;background:transparent;color:var(--color-gray-700);font-size:13px;font-weight:600;border-radius:8px;cursor:pointer;text-align:left;transition:all .15s ease;margin-bottom:2px}.patients-v2-nav-item:hover{background:var(--color-gray-100);color:var(--color-gray-900)}.patients-v2-nav-item.active{background:#d0021b0f;color:#d0021b;border-left:3px solid #d0021b;padding-left:9px;font-weight:700}.patients-v2-left{background:var(--color-white);border-right:1px solid var(--color-gray-100);height:calc(100vh - 60px);position:sticky;top:60px;overflow-y:auto;overflow-x:hidden}.patients-v2-left-inner{padding:20px 16px 24px;display:flex;flex-direction:column;gap:24px}.patients-v2-search{flex-shrink:0}.patients-v2-search-input{display:flex;gap:10px;align-items:center;border:1px solid var(--color-gray-100);border-radius:12px;padding:12px 14px;background:var(--color-gray-50);transition:border-color .2s,box-shadow .2s}.patients-v2-search-input:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);background:var(--color-white)}.patients-v2-search-input input{border:none;outline:none;font:inherit;font-size:14px;width:100%;background:transparent}.patients-v2-search-input input::placeholder{color:var(--color-gray-400)}.patients-v2-search-input svg{color:var(--color-gray-400);flex-shrink:0}.patients-v2-search-help{margin-top:8px;font-size:11px;color:var(--color-gray-500);letter-spacing:.02em}.patients-v2-section{display:flex;flex-direction:column;gap:4px}.patients-v2-label,.patients-v2-label-row{font-size:10px;letter-spacing:.12em;color:var(--color-gray-500);font-weight:800;text-transform:uppercase;margin-bottom:6px;padding:0 4px}.patients-v2-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.patients-v2-manage{border:none;background:transparent;color:var(--color-primary);cursor:pointer;font-weight:700;font-size:12px;letter-spacing:0;text-transform:none}.patients-v2-manage:hover{text-decoration:underline}.patients-v2-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px;border:none;background:transparent;border-radius:10px;cursor:pointer;color:var(--color-gray-900);font-size:14px;font-weight:600;transition:background .15s;text-align:left}.patients-v2-row:hover{background:var(--color-gray-50)}.patients-v2-row.active{background:var(--color-primary-light);color:var(--color-primary-dark);border-left:3px solid var(--color-primary);padding-left:9px}.patients-v2-row-icon{width:20px;display:inline-flex;align-items:center;justify-content:center;color:var(--color-gray-400);flex-shrink:0}.patients-v2-row.active .patients-v2-row-icon{color:var(--color-primary)}.patients-v2-badge{font-size:11px;padding:4px 10px;border-radius:999px;background:var(--color-gray-100);color:var(--color-gray-600);font-weight:700;flex-shrink:0}.patients-v2-row.active .patients-v2-badge{background:#d0021b1f;color:var(--color-primary-dark)}.patients-v2-link{border:none;background:transparent;color:var(--color-primary);cursor:pointer;font-weight:600;font-size:13px;padding:8px 4px;text-align:left;margin-top:4px}.patients-v2-link:hover{text-decoration:underline}.patients-v2-active-filter{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding:10px 14px;border-radius:10px;background:#d0021b0f;border:1px solid rgba(208,2,27,.15);font-size:13px;color:var(--color-gray-700)}.patients-v2-clear-filter{border:none;background:transparent;color:var(--color-primary);font-weight:700;cursor:pointer;font-size:12px}.patients-v2-clear-filter:hover{text-decoration:underline}.patients-v2-right{min-width:0;padding-bottom:32px}.patients-v2-sticky{position:sticky;top:60px;z-index:5;background:var(--color-gray-50);padding:12px 16px 0}.patients-v2-topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;background:var(--color-white);border-radius:12px;box-shadow:var(--shadow-1);border:1px solid var(--color-gray-100)}.patients-v2-topbar-slim{padding:8px 12px;min-height:44px}.patients-v2-topbar-left{display:flex;align-items:center;gap:12px}.patients-v2-title-small{font-size:15px;font-weight:800;color:var(--color-gray-800);margin:0}.patients-v2-search-input-slim{display:flex;align-items:center;gap:8px;background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:6px;padding:4px 10px;width:180px}.patients-v2-search-input-slim input{border:none;background:transparent;outline:none;font-size:13px;width:100%}.patients-v2-search-input-slim svg{color:var(--color-gray-400)}.patients-v2-sort-slim{display:flex;align-items:center;margin-left:8px}.btn-xs{height:28px;padding:0 10px;font-size:12px;gap:6px;border-radius:6px}.patients-v2-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;align-items:center}.patients-v2-grid-wrap{padding:24px 24px 32px}.patients-v2-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}@media(max-width:1280px){.patients-v2{grid-template-columns:220px 240px 1fr}}@media(max-width:768px){.patients-v2{grid-template-columns:1fr}.patients-v2.no-selected-patient .patients-v2-nav-col{display:none}.patients-v2.has-selected-patient .patients-v2-nav-col{width:100%!important;height:auto!important;position:static!important;border-right:none;border-bottom:1px solid var(--color-gray-100);overflow-x:auto;background:var(--color-white)}.patients-v2.has-selected-patient .patients-v2-nav-inner{flex-direction:row!important;padding:10px 16px;gap:8px;width:max-content}.patients-v2.has-selected-patient .patients-v2-nav-group{display:flex;flex-direction:row;align-items:center;gap:8px}.patients-v2.has-selected-patient .patients-v2-nav-group-label{display:none}.patients-v2.has-selected-patient .patients-v2-nav-item{margin-bottom:0;white-space:nowrap}.patients-v2-left{display:none}.patients-v2-grid{grid-template-columns:1fr;gap:16px}.patients-v2-sticky,.patients-v2-grid-wrap{padding-left:16px;padding-right:16px}}.patients-v2-card{--card-teal: #0d9488;position:relative;width:100%;min-height:110px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;background:var(--color-white);border:1px solid #E5E7EB;border-radius:12px;box-shadow:0 1px 3px #0000000f;padding:12px;cursor:pointer;transition:box-shadow .15s ease,border-color .15s ease;text-align:left;overflow:hidden;border-left:3px solid transparent}.patients-v2-card:hover,.patients-v2-card-selected{border-left-color:var(--card-teal);box-shadow:0 2px 8px #0000000f}.patients-v2-card-check-float{position:absolute;top:-6px;left:-6px;z-index:2;display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:6px;box-shadow:0 1px 4px #0000001a;cursor:pointer}.patients-v2-card-check-float input{width:14px;height:14px;cursor:pointer;accent-color:var(--card-teal)}.patients-v2-selection-hint{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--color-gray-600);margin-right:8px}.patients-v2-clear-sel{display:inline-flex;padding:4px;border:none;background:none;cursor:pointer;color:var(--color-gray-500);border-radius:6px}.patients-v2-clear-sel:hover{color:var(--color-gray-800);background:var(--color-gray-100)}.patients-v2-card-header{display:flex;align-items:flex-start;gap:10px}.patients-v2-card-avatar-wrap{flex-shrink:0}.patients-v2-card-avatar{position:relative;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-white);font-size:14px;font-weight:700;border:2px solid transparent}.patients-v2-card-avatar-ring-outstanding{box-shadow:0 0 0 2px #dc2626}.patients-v2-card-avatar-ring-followup{box-shadow:0 0 0 2px #d97706}.patients-v2-card-avatar-ring-visited{box-shadow:0 0 0 2px #059669}.patients-v2-card-avatar-img{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover}.patients-v2-card-avatar-initials{position:relative;z-index:0}.patients-v2-initials-hidden-by-photo{visibility:hidden;position:absolute}.patients-v2-card-main{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:2px;padding-right:8px}.patients-v2-card-line1{display:flex;align-items:center;justify-content:space-between;gap:8px}.patients-v2-card-name{font-size:14px;font-weight:600;color:#111827;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.patients-v2-card-chip{flex-shrink:0;font-size:11px;font-weight:600;padding:2px 6px;border-radius:4px;background:#0d94881f;color:var(--card-teal)}.patients-v2-card-line2{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;color:var(--color-gray-600)}.patients-v2-card-mobile{display:inline-flex;align-items:center;gap:4px;min-width:0;overflow:hidden;text-overflow:ellipsis}.patients-v2-card-mr{flex-shrink:0;font-size:12px;font-family:var(--font-mono),ui-monospace,monospace;color:var(--color-gray-600);background:#0000000d;padding:4px 8px;border-radius:6px;border:1px solid rgba(0,0,0,.06)}.patients-v2-card-line3{font-size:11px;font-weight:600;padding-top:8px;border-top:1px solid var(--color-gray-100)}.patients-v2-card-line3-outstanding{color:#dc2626}.patients-v2-card-line3-followup{color:#d97706}.patients-v2-card-line3-visited{color:#059669}.patients-v2-card-actions{display:none}.patients-v2-icon-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--color-gray-100);background:var(--color-white);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--color-gray-600);flex-shrink:0;transition:background .15s,color .15s}.patients-v2-icon-btn:hover{background:#0d94881a;color:var(--card-teal)}.patients-v2-empty{padding:48px 24px;color:var(--color-gray-500);background:var(--color-white);border:1px dashed var(--color-gray-200);border-radius:16px;text-align:center;font-size:15px;font-weight:500}.patients-v2-error{margin-bottom:16px;padding:14px 18px;background:var(--color-primary-light);border:1px solid rgba(208,2,27,.2);border-radius:12px;color:var(--color-gray-900);font-weight:600;font-size:14px}@media(max-width:767px){.patients-v2{display:flex!important;flex-direction:column!important;width:100%!important}.patients-v2-nav-col,.patients-v2-left,.patients-v2-right{position:static!important;width:100%!important;height:auto!important}.patients-v2-sticky{position:relative!important;top:0!important;z-index:1!important;padding:8px 8px 0!important;background:transparent!important}.patients-v2-topbar{flex-direction:column!important;align-items:stretch!important;gap:8px!important;padding:10px!important}.patients-v2-topbar-left{width:100%!important;justify-content:space-between!important}.patients-v2-actions{width:100%!important;justify-content:flex-start!important;flex-wrap:wrap!important;gap:4px!important}.patients-v2-actions>button,.patients-v2-actions>div{flex:1 1 auto!important;min-width:80px!important;justify-content:center!important;font-size:11px!important;padding:4px 6px!important}.patients-v2-grid-wrap{padding:8px 12px 24px!important}.patients-v2-grid{grid-template-columns:1fr!important}}@media(max-width:768px){.patient-registration-container{padding:4px 0 24px!important;font-family:DM Sans,system-ui,-apple-system,sans-serif!important}.registration-header-row{flex-direction:column!important;align-items:stretch!important;gap:16px!important;margin-bottom:16px!important}.registration-h1{font-family:DM Sans,system-ui,-apple-system,sans-serif!important;font-size:20px!important;font-weight:700!important;letter-spacing:-.5px!important}.registration-p{font-size:12px!important;margin-top:4px!important;color:#64748b!important}.registration-header-actions{width:100%!important;display:flex!important;gap:8px!important}.registration-header-actions button,.registration-header-actions a{flex:1!important;height:40px!important;border-radius:10px!important;font-size:13px!important;font-weight:700!important;display:flex!important;align-items:center!important;justify-content:center!important}.duplicate-check-wrapper{padding:16px!important;border-radius:14px!important;border:1px solid #e2e8f0!important;box-shadow:0 1px 3px #00000003!important}.duplicate-check-wrapper>div{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.duplicate-check-field-wrap{flex:none!important;height:auto!important;min-height:0!important;flex-direction:column!important;align-items:stretch!important;gap:6px!important}.duplicate-check-wrapper input{height:42px!important;border-radius:10px!important;border:1px solid #cbd5e1!important;padding:10px 12px!important;font-size:13px!important;font-weight:500!important}.registration-main-grid{flex-direction:column!important;gap:16px!important;align-items:stretch!important}.registration-photo-column{width:100%!important;align-items:center!important;justify-content:center!important;margin-bottom:8px!important}.registration-photo-column div[style*="width: 120"]{border-radius:50%!important;border:2px dashed #cbd5e1!important;box-shadow:0 1px 3px #00000005!important}.photo-choose-wrapper{width:120px!important;margin-top:4px!important}.photo-choose-wrapper button.btn-outline{border:1px solid #cbd5e1!important;background-color:#fff!important;color:#475569!important;border-radius:8px!important;padding:6px 12px!important;font-size:10.5px!important;font-weight:700!important;text-transform:uppercase!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;height:32px!important;box-shadow:none!important}.photo-choose-wrapper button.btn-outline:active{background-color:#f8fafc!important}.registration-form-column{width:100%!important;flex:1 1 100%!important;gap:16px!important}.registration-form-section{padding:16px!important;border-radius:14px!important;border:1px solid #e2e8f0!important;box-shadow:0 1px 3px #00000003!important}.registration-section-title{font-family:DM Sans,system-ui,-apple-system,sans-serif!important;font-size:11px!important;font-weight:700!important;color:#64748b!important;letter-spacing:.6px!important;border-bottom:1px solid #e2e8f0!important;padding-bottom:8px!important;margin-bottom:16px!important}.registration-fields-grid{grid-template-columns:1fr!important;gap:14px!important}.registration-fields-grid .field{grid-column:span 1!important}.registration-fields-grid .field label{font-family:DM Sans,system-ui,-apple-system,sans-serif!important;font-size:9.5px!important;font-weight:700!important;text-transform:uppercase!important;color:#64748b!important;letter-spacing:.6px!important;margin-bottom:4px!important}.registration-fields-grid .field input,.registration-fields-grid .field select,.registration-fields-grid .field textarea{height:42px!important;border-radius:10px!important;border:1px solid #cbd5e1!important;font-size:13px!important;font-weight:500!important;padding:10px 12px!important;background-color:#fff!important;color:#0f172a!important;outline:none!important;transition:border-color .2s ease!important}.registration-fields-grid .field input:focus,.registration-fields-grid .field select:focus{border-color:#0284c7!important}.registration-fields-grid .field input:disabled{background-color:#f1f5f9!important;border-color:#cbd5e1!important;color:#64748b!important}.registration-fields-grid .field div[style*="display: flex"]{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.registration-fields-grid .field div[style*="display: flex"]>div,.registration-fields-grid .field div[style*="display: flex"]>input{width:100%!important;flex:none!important}}.merge_patients-container{min-height:100vh;background-color:#f8fafc;display:flex;flex-direction:column}.merge-header{background:#fff;padding:1rem 2rem;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:2rem}.merge-header h1{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.btn-back{background:none;border:none;color:#64748b;display:flex;align-items:center;gap:.5rem;font-weight:600;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s}.btn-back:hover{background-color:#f1f5f9;color:#1e293b}.merge-content{max-width:1000px;margin:3rem auto;width:100%;padding:0 2rem}.warning-banner{background-color:#fffbeb;border:1px solid #fef3c7;border-radius:1rem;padding:1.5rem;display:flex;gap:1.5rem;align-items:center;color:#92400e;margin-bottom:3rem;box-shadow:0 4px 6px -1px #0000000d}.warning-text{font-size:.95rem;line-height:1.6}.merge-flow-visual{display:flex;align-items:stretch;gap:2rem;margin-bottom:4rem}.merge-patient-card{flex:1;background:#fff;border:1px solid #e2e8f0;border-radius:1.25rem;padding:2rem;display:flex;flex-direction:column;box-shadow:0 10px 15px -3px #0000000d;position:relative}.card-header-label{position:absolute;top:-.75rem;left:2rem;background:#3b82f6;color:#fff;padding:.25rem 1rem;border-radius:2rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.patient-search-container{display:flex;flex-direction:column;gap:1rem;position:relative}.merge-search-input{display:flex;align-items:center;gap:.75rem;background:#f8fafc;padding:.85rem 1.25rem;border-radius:.75rem;border:1.5px solid #e2e8f0;transition:all .2s}.merge-search-input:focus-within{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 4px #3b82f61a}.merge-search-input input{background:none;border:none;outline:none;width:100%;font-size:.95rem;color:#1e293b}.search-results-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;margin-top:.5rem;max-height:250px;overflow-y:auto;z-index:10;box-shadow:0 10px 25px -5px #0000001a}.search-result-item{padding:1rem;cursor:pointer;transition:all .2s;border-bottom:1px solid #f1f5f9}.search-result-item:hover{background-color:#f8fafc}.result-name{font-weight:600;color:#1e293b;margin-bottom:.25rem}.result-meta{font-size:.8rem;color:#64748b}.patient-details-box{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.patient-avatar-placeholder{width:80px;height:80px;background:#f1f5f9;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#64748b;border:2px solid #e2e8f0}.patient-info-content h3{margin:0 0 .75rem;font-size:1.25rem;color:#1e293b}.info-row{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#64748b;font-size:.9rem;margin-bottom:.35rem}.btn-clear-selection{background:none;border:1px solid #e2e8f0;padding:.4rem 1rem;border-radius:.5rem;font-size:.8rem;font-weight:600;color:#64748b;cursor:pointer;margin-top:1rem;transition:all .2s}.btn-clear-selection:hover{background:#f1f5f9;color:#1e293b;border-color:#cbd5e1}.merge-plus-container{display:flex;align-items:center;justify-content:center;color:#cbd5e1;font-size:2.5rem;font-weight:300;padding-top:2rem}.merge-footer-actions{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.btn-merge-submit{background-color:#3b82f6;color:#fff;border:none;padding:1rem 3rem;border-radius:.75rem;font-size:1.1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:1rem;transition:all .3s;box-shadow:0 10px 15px -3px #3b82f666}.btn-merge-submit:hover:not(:disabled){background-color:#2563eb;transform:translateY(-2px);box-shadow:0 20px 25px -5px #3b82f666}.btn-merge-submit:disabled{background-color:#cbd5e1;color:#94a3b8;cursor:not-allowed;box-shadow:none}.btn-merge-cancel{background:none;border:none;color:#64748b;font-weight:600;cursor:pointer;font-size:1rem}.btn-merge-cancel:hover{color:#1e293b;text-decoration:underline}@media(max-width:768px){.merge-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.merge-content{padding:0 1rem;margin:1.5rem auto}.warning-banner{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.merge-flow-visual{flex-direction:column;gap:2rem}.actions-section{flex-direction:column;gap:1rem;align-items:stretch}.btn-merge-submit{justify-content:center;width:100%}.btn-merge-cancel{text-align:center}}.receptionist-mobile-appointments{display:flex;flex-direction:column;gap:16px;padding-bottom:24px}.search-filters-panel{display:flex;flex-direction:column;gap:12px;background-color:#fff;padding:16px;border-radius:16px;border:1px solid #e2e8f0}.search-box-wrap{display:flex;align-items:center;gap:10px;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px}.search-box-wrap svg{color:#64748b;flex-shrink:0}.search-box-wrap input{background:none;border:none;width:100%;font-size:13px;font-weight:600;color:#0f172a}.search-box-wrap input::placeholder{color:#94a3b8}.filter-select-row{display:flex;gap:8px}.select-wrap{flex:1;display:flex;align-items:center;gap:8px;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:8px 10px}.select-wrap svg{color:#64748b;flex-shrink:0}.select-wrap select{background:none;border:none;width:100%;font-size:12px;font-weight:700;color:#334155}.date-picker-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f1f5f9;padding-top:12px;margin-top:4px}.picker-lbl{font-size:12px;font-weight:800;color:#64748b}.date-picker-row input[type=date]{background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:700;color:#1e293b}.appointments-tabs{display:flex;background-color:#e2e8f0;padding:4px;border-radius:12px}.appointments-tabs button{flex:1;background:none;border:none;padding:10px 4px;border-radius:9px;font-size:12px;font-weight:800;color:#475569;cursor:pointer;text-align:center}.appointments-tabs button.active{background-color:#fff;color:#4f46e5;box-shadow:0 2px 4px #0000000d}.sittings-card-list{display:flex;flex-direction:column;gap:12px}.empty-sittings-state{background-color:#fff;border-radius:16px;padding:40px 16px;text-align:center;border:1px solid #e2e8f0;color:#94a3b8}.empty-sittings-state p{font-size:13px;font-weight:700;margin:12px 0 0}.sitting-card-mobile{background-color:#fff;border-radius:16px;border:1px solid #e2e8f0;padding:16px;box-shadow:0 4px 6px -1px #00000003;display:flex;flex-direction:column;gap:12px}.sitting-top-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.sitting-top-row h4{font-size:14px;font-weight:850;color:#0f172a;margin:0 0 2px}.appt-type-label{font-size:10px;font-weight:700;color:#64748b;text-transform:uppercase}.status-pill{font-size:10px;font-weight:850;padding:4px 8px;border-radius:6px;text-transform:uppercase}.status-completed{background-color:#dcfce7;color:#15803d}.status-checkedin{background-color:#e0f2fe;color:#0369a1}.status-cancelled{background-color:#fee2e2;color:#b91c1c}.status-pending{background-color:#fef9c3;color:#a16207}.sitting-meta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;background-color:#f8fafc;padding:10px 12px;border-radius:12px}.meta-item{display:flex;align-items:center;gap:8px;font-size:11px;color:#475569;font-weight:600}.meta-item svg{color:#94a3b8}.sitting-actions-row{display:flex;gap:8px;margin-top:4px}.act-btn{flex:1;padding:10px 8px;font-size:11px;font-weight:800;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:4px;border:none}.btn-checkin{background-color:#e0f2fe;border:1px solid #bae6fd;color:#0369a1}.btn-checkin:active{background-color:#bae6fd}.btn-edit{background-color:#f1f5f9;border:1px solid #cbd5e1;color:#334155}.btn-edit:active{background-color:#e2e8f0}.doctor-mobile-appointments{display:flex;flex-direction:column;background-color:#f8fafc;padding:12px;gap:12px}.compact-search-container{width:100%}.compact-search-box{display:flex;align-items:center;background-color:#fff;border:1px solid rgba(226,232,240,.9);border-radius:9999px;padding:0 16px;height:40px;box-shadow:0 2px 6px #0f172a04;position:relative}.compact-search-box .search-icon{color:#94a3b8;margin-right:8px}.compact-search-box input{flex:1;border:none;background:transparent;font-size:13px;font-weight:500;color:#1e293b;outline:none;padding:0}.compact-search-box input::placeholder{color:#94a3b8}.clear-search-btn{background:none;border:none;color:#94a3b8;cursor:pointer;padding:2px;border-radius:50%;display:flex;align-items:center;justify-content:center}.clear-search-btn:active{background-color:#f1f5f9}.compact-date-picker-row{display:flex;justify-content:space-between;align-items:center;background-color:#fff;border:1px solid rgba(226,232,240,.9);border-radius:12px;padding:0 16px;height:42px}.date-display-info{display:flex;align-items:center;gap:8px}.date-display-info .calendar-icon{color:#0284c7}.selected-date-text{font-size:13px;font-weight:700;color:#334155}.change-date-btn-wrapper{position:relative}.change-date-btn{background:#0284c70f;border:none;color:#0284c7;padding:5px 12px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer}.change-date-btn:active{background-color:#0284c71f}.hidden-date-input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.chips-filter-row{display:flex;gap:8px;overflow-x:auto;padding:2px 0;scrollbar-width:none}.chips-filter-row::-webkit-scrollbar{display:none}.chip-dropdown-wrap{display:flex;align-items:center;gap:6px;background-color:#fff;border:1px solid rgba(226,232,240,.9);border-radius:9999px;padding:0 12px;height:32px;position:relative;flex:1;justify-content:center;max-width:180px}.chip-select{border:none;background:transparent;font-size:12px;font-weight:700;color:#475569;outline:none;appearance:none;cursor:pointer;padding-right:14px;text-align:center;width:100%}.chip-dropdown-wrap .dropdown-arrow{position:absolute;right:10px;color:#64748b;pointer-events:none}.segmented-tab-container-wrapper{width:100%;background-color:#f1f5f9;border-radius:12px;padding:3px}.segmented-tab-container{display:flex;width:100%}.segmented-tab-btn{flex:1;background:none;border:none;padding:8px 0;font-size:12px;font-weight:700;color:#64748b;border-radius:9px;cursor:pointer;position:relative;transition:color .2s}.segmented-tab-btn.active{color:#0284c7;background-color:#fff;box-shadow:0 1px 3px #0000000a}.doctor-appointments-card-list{display:flex;flex-direction:column;gap:10px;margin-top:4px}.doctor-appt-card{background-color:#fff;border:1px solid rgba(226,232,240,.8);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:12px;box-shadow:0 1px 3px #0f172a03;transition:transform .15s,box-shadow .15s}.doctor-appt-card:active{transform:scale(.99);box-shadow:0 2px 8px #0f172a05}.card-top-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.patient-basics{display:flex;flex-direction:column;gap:2px}.patient-name-text{margin:0;font-size:14px;font-weight:800;color:#0f172a}.procedure-type-text{font-size:11px;font-weight:600;color:#64748b}.status-pill-badge{font-size:10px;font-weight:800;padding:3px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.3px}.status-completed{background-color:#10b98114;color:#10b981}.status-cancelled{background-color:#ef444414;color:#ef4444}.status-checkedin{background-color:#06b6d414;color:#06b6d4}.status-pending{background-color:#f59e0b14;color:#f59e0b}.card-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;border-top:1px dashed #f1f5f9;padding-top:10px}.grid-cell-meta{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#475569}.grid-cell-meta svg{color:#94a3b8;flex-shrink:0}.card-actions-row{display:flex;gap:8px;margin-top:2px}.doctor-act-btn{flex:1;height:34px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:10px;font-size:12px;font-weight:700;cursor:pointer;border:none;transition:opacity .2s}.doctor-act-btn:active{opacity:.85}.btn-checkin{background-color:#0284c7;color:#fff}.btn-details{background-color:#f1f5f9;color:#475569}.doctor-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;background-color:#fff;border:1px solid rgba(226,232,240,.8);border-radius:16px;margin-top:12px}.empty-illustration{width:72px;height:72px;border-radius:50%;background-color:#0284c70d;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.doctor-empty-state h4{margin:0 0 6px;font-size:14px;font-weight:800;color:#1e293b}.doctor-empty-state p{margin:0;font-size:12px;font-weight:500;color:#64748b;max-width:240px;line-height:1.4}.appointments-page{--calendar-slot-height: 44px;--calendar-time-col-width: 72px;display:flex;height:calc(100vh - 60px);overflow:hidden;background-color:#f8fafc}.appointments-left-sidebar{width:260px;background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;flex-shrink:0;box-shadow:2px 0 8px #00000005}.sidebar-search{padding:1.5rem 1rem;display:flex;flex-direction:column;gap:1.25rem;background:#fff;border-bottom:1px solid #f1f5f9}.search-box{display:flex;align-items:center;gap:.75rem;background:#f8fafc;padding:.75rem 1rem;border-radius:.5rem;color:#94a3b8;border:1px solid #e2e8f0;transition:all .2s ease}.search-box:focus-within{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a;transform:none}.search-box input{background:none;border:none;outline:none;font-size:.9rem;width:100%;color:#1e293b}.search-box input::placeholder{color:#cbd5e1}.sidebar-actions-group{display:flex;flex-direction:column;gap:.75rem}.btn-add-patient{background:#f1f5f9;border:1px solid #e2e8f0;padding:.75rem 1rem;border-radius:.5rem;font-size:.85rem;font-weight:600;color:#475569;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s;box-shadow:none}.btn-add-patient:hover{background:#e2e8f0;color:#1e293b;transform:none;box-shadow:none}.btn-merge-patient{background:#fff;border:1px solid #e2e8f0;padding:.75rem 1rem;border-radius:.5rem;font-size:.85rem;font-weight:600;color:#475569;cursor:pointer;display:flex;align-items:center;gap:.75rem;transition:all .2s}.btn-merge-patient:hover{background:#f8fafc;color:#1e293b;border-color:#cbd5e1}.sidebar-section{padding:1rem 0}.sidebar-section-header{padding:.5rem 1.25rem;display:flex;align-items:center;gap:.75rem;color:#475569;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .2s}.sidebar-section-header:hover{background:#f8fafc}.sidebar-title{padding:.5rem 1.25rem;font-size:.7rem;font-weight:700;color:#94a3b8;margin-bottom:.5rem;letter-spacing:.08em;text-transform:uppercase}.sidebar-list{display:flex;flex-direction:column;padding:0 .5rem}.sidebar-item{display:flex;align-items:center;padding:.6rem .75rem;cursor:pointer;border-radius:.5rem;transition:all .2s;gap:.75rem;margin-bottom:2px}.sidebar-item:hover{background-color:#f1f5f9}.sidebar-item.active{background-color:#3b82f6;color:#fff;box-shadow:0 4px 6px -1px #3b82f633}.sidebar-item.active .item-count{color:#ffffffe6;background:#ffffff26}.doctor-dot{width:10px;height:10px;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px #0000000d}.item-label{flex:1;font-size:.85rem;font-weight:500}.item-count{font-size:.7rem;font-weight:600;color:#64748b;background:#f1f5f9;padding:2px 8px;border-radius:10px}.sidebar-empty{padding:.5rem 1.25rem;font-size:.8rem;color:#94a3b8;line-height:1.5}.btn-link{background:none;border:none;color:#3b82f6;padding:0;font-size:.8rem;font-weight:600;cursor:pointer;margin-top:.4rem}.main-content{flex:1;display:flex;flex-direction:column;padding:0;overflow:hidden;background:#f8fafc;min-width:0}.header-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;background:#fff;padding:.75rem 1.25rem;border-radius:0;border:none;border-bottom:1px solid #e2e8f0;box-shadow:none}.calendar-nav{display:flex;align-items:center;gap:.5rem}.current-date-display{font-weight:700;color:#0f172a;font-size:1.15rem;margin:0 1.25rem}.btn-icon{background:#f1f5f9;border:1px solid #e2e8f0;cursor:pointer;padding:.4rem;border-radius:.5rem;color:#475569;display:flex;align-items:center;transition:all .2s}.btn-icon:hover{background-color:#e2e8f0;color:#0f172a}.btn-today{border:1px solid #e2e8f0;background:#fff;padding:.5rem 1.25rem;border-radius:.5rem;font-size:.85rem;font-weight:600;color:#1e293b;cursor:pointer;margin-left:.5rem;transition:all .2s}.btn-today:hover{border-color:#cbd5e1;background:#f8fafc}.right-actions{display:flex;align-items:center;gap:1rem}.view-toggle{display:flex;background:#f1f5f9;padding:.3rem;border-radius:.6rem;border:1px solid #e2e8f0}.view-toggle button{border:none;background:transparent;padding:.4rem 1rem;border-radius:.4rem;color:#64748b;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.view-toggle button.active{background:#fff;color:#3b82f6;box-shadow:0 1px 3px #0000001a}.btn-print,.btn-settings{background:#fff;border:1px solid #e2e8f0;padding:.5rem 1rem;border-radius:.5rem;font-size:.85rem;font-weight:600;color:#1e293b;cursor:pointer;display:flex;align-items:center;gap:.6rem;transition:all .2s}.btn-print:hover,.btn-settings:hover{border-color:#cbd5e1;background:#f8fafc}.calendar-container{flex:1;background:#fff;border:none;border-radius:0;overflow:auto;box-shadow:none;min-height:0}.time-column{width:var(--calendar-time-col-width);flex-shrink:0;border-right:1px solid #e2e8f0;background:#fafbfc}.time-slot-label{height:var(--calendar-slot-height);display:flex;justify-content:flex-end;align-items:flex-start;padding-right:.65rem;padding-top:.35rem;font-size:.7rem;font-weight:500;color:#64748b;border-bottom:1px solid #f1f5f9;box-sizing:border-box}.time-slot{height:var(--calendar-slot-height);border-bottom:1px solid #eef2f6;position:relative;cursor:pointer;box-sizing:border-box}.time-slot:hover{background-color:#f8fafc}.appointment-card{position:absolute;inset:2px 4px;border-radius:.375rem;padding:.3rem .45rem;font-size:.75rem;display:flex;flex-direction:column;justify-content:flex-start;gap:0;overflow:hidden;cursor:pointer;z-index:10;box-shadow:0 1px 2px #0000000d;border-left:3px solid;line-height:1.15;box-sizing:border-box}.appointment-card--compact{padding:2px 5px;justify-content:center}.appointment-card--medium{padding:3px 5px;gap:1px}.appointment-card--full{padding:4px 6px;gap:2px;justify-content:space-between}.appt-title{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0;min-height:0}.appointment-card--compact .appt-title{font-size:.7rem;line-height:1.1}.appt-subtitle{opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.68rem;flex-shrink:0}.appointment-card--medium .appt-subtitle{font-size:.65rem}.appt-time{font-size:.65rem;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0;margin-top:0}.appointment-card.dragging{opacity:.5}.time-slot.drag-over{background-color:#f1f5f9;border:1px dashed #0ea5e9}.status-scheduled{background:#e0f2fe;color:#0369a1;border-color:#0ea5e9}.status-confirmed{background:#dcfce7;color:#15803d;border-color:#22c55e}.status-in-progress{background:#fef9c3;color:#a16207;border-color:#eab308}.status-completed{background:#f3f4f6;color:#374151;border-color:#9ca3af}.status-cancelled{background:#fee2e2;color:#b91c1c;border-color:#ef4444}.status-no-show{background:#ffedd5;color:#c2410c;border-color:#f97316}.appointment-card.type-reminder{background:#fef3c7!important;color:#92400e!important;border-color:#f59e0b!important;border-left:4px solid #d97706!important}.appointment-card.type-block{background:#ede9fe!important;color:#5b21b6!important;border-color:#8b5cf6!important;border-left:4px solid #7c3aed!important}.calendar-day-view{display:flex;min-height:100%}.calendar-day-view .day-column{flex:1}.calendar-week-view{display:flex;flex-direction:column;min-width:800px}.week-header{display:flex;border-bottom:1px solid #e2e8f0;background:#f8fafc;position:sticky;top:0;z-index:20}.time-column-header{width:var(--calendar-time-col-width);flex-shrink:0;border-right:1px solid #e2e8f0}.day-header{flex:1;text-align:center;padding:.75rem 0;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;align-items:center;gap:.25rem}.day-name{font-size:.8rem;text-transform:uppercase;color:#64748b;font-weight:600}.day-number{font-size:1.25rem;font-weight:500;color:#1e293b;height:32px;width:32px;display:flex;align-items:center;justify-content:center;border-radius:50%}.day-number.today{background-color:#0ea5e9;color:#fff}.week-body{display:flex}.week-body .day-column{flex:1;border-right:1px solid #e2e8f0;min-width:0}.week-body .appointment-card{left:2px;right:2px}.week-body .appointment-card--compact .appt-title{font-size:.62rem}.calendar-month-view{display:flex;flex-direction:column;height:100%}.month-header{display:grid;grid-template-columns:repeat(7,1fr);background:#f8fafc;border-bottom:1px solid #e2e8f0}.month-day-header{padding:.75rem;text-align:center;font-size:.8rem;font-weight:600;color:#64748b;text-transform:uppercase}.month-body{flex:1;display:flex;flex-direction:column}.month-week-row{flex:1;display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid #e2e8f0;min-height:100px}.month-day-cell{border-right:1px solid #e2e8f0;padding:.25rem;display:flex;flex-direction:column;cursor:pointer;transition:background-color .2s}.month-day-cell:hover{background-color:#f8fafc}.month-day-cell.other-month{background-color:#fdfdfd}.month-day-cell.other-month .day-number{color:#cbd5e1}.day-number-wrapper{display:flex;justify-content:flex-end;margin-bottom:.25rem}.day-appts{display:flex;flex-direction:column;gap:2px}.mini-appt{font-size:.7rem;padding:2px 4px;border-radius:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-left:2px solid}.more-appts{font-size:.7rem;color:#64748b;text-align:center;margin-top:2px}.walkin-panel{width:300px;min-width:280px;background:#fff;border-left:1px solid #e2e8f0;display:flex;flex-direction:column;flex-shrink:0}.walkin-header{padding:1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.walkin-header h2{font-size:1.1rem;font-weight:600;margin:0;color:#0f172a}.walkin-list{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.walkin-card{border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem;background:#f8fafc}.walkin-info{margin-bottom:.5rem}.walkin-info h3{margin:0 0 .25rem;font-size:.95rem;color:#0f172a}.walkin-info p{margin:0;font-size:.8rem;color:#64748b}.walkin-actions{display:flex;gap:.5rem}.btn-assign{flex:1;background:#10b981;color:#fff;border:none;padding:.5rem;border-radius:.375rem;font-size:.8rem;cursor:pointer}.btn-assign:hover{background:#059669}.empty-queue{text-align:center;color:#94a3b8;margin-top:2rem;font-size:.9rem}.mobile-walkin-toggle{display:none}@media(max-width:1024px){.appointments-page{flex-direction:column;overflow-y:auto}.walkin-panel{width:100%;border-left:none;border-top:1px solid #e2e8f0;min-height:300px}.calendar-container{min-height:500px;flex:none}}@media(max-width:640px){.header-actions{flex-direction:column;align-items:flex-start}.right-actions{width:100%;justify-content:space-between}.calendar-nav{width:100%;justify-content:center}}@media(max-width:768px){.appointments-left-sidebar{width:100%!important;border-right:none;border-bottom:1px solid #e2e8f0}}.collapsed-sidebar-strip{width:44px;background:#fff;border-right:1px solid #e2e8f0;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s;color:#64748b;box-shadow:2px 0 8px #00000005}.collapsed-sidebar-strip:hover{background:#f8fafc;color:#3b82f6}.current-time-line{position:absolute;left:0;right:0;height:2px;background-color:#f59e0b;z-index:5;pointer-events:none}.current-time-triangle{position:absolute;left:-6px;top:-5px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:8px solid #f59e0b}.day-column.relative{position:relative}@media(max-width:767px){.appointments-page{height:auto!important;min-height:calc(100vh - 60px);overflow:visible!important}.calendar-container{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px;background:#fff}.appointments-left-sidebar{width:100%!important;max-height:none!important;border-right:none!important;box-shadow:none!important;overflow:visible!important}.sidebar-section-header{display:none!important}.sidebar-search{padding:12px!important;border-bottom:1px solid #e2e8f0}.search-box{width:100%!important;max-width:100%!important}.calendar-nav{flex-wrap:wrap!important;gap:8px!important;justify-content:space-between!important;padding:8px 12px!important}.view-options{flex-wrap:wrap!important;gap:6px!important}}.presc-page{min-height:100vh;display:flex;flex-direction:column;background:#f1f5f9}.presc-page__header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:50}.presc-page__header-left{display:flex;align-items:center;gap:.75rem}.presc-page__back{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#64748b;cursor:pointer}.presc-page__back:hover{border-color:#0d6e8f;color:#0d6e8f}.presc-page__breadcrumb{font-size:.75rem;color:#64748b;margin-bottom:.15rem}.presc-page__title{margin:0;font-size:1.25rem;font-weight:600;color:#0f172a}.presc-page__actions{display:flex;gap:.5rem}.presc-btn{padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;border:1px solid transparent}.presc-btn--ghost{background:#fff;border-color:#e2e8f0;color:#475569}.presc-btn--ghost:hover{background:#f8fafc}.presc-btn--primary{background:#0d6e8f;color:#fff}.presc-btn--primary:hover:not(:disabled){background:#0a5a75}.presc-btn--primary:disabled{opacity:.6;cursor:not-allowed}.presc-layout{display:flex;flex:1;max-width:1600px;width:100%;margin:0 auto;min-height:0}.presc-main{flex:1;padding:1.25rem 1.5rem;overflow-y:auto}.presc-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.presc-card__head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid #f1f5f9;background:#fafbfc}.presc-card__head h2{margin:0;font-size:1rem;font-weight:600;color:#0f172a}.presc-card__head p{margin:.2rem 0 0;font-size:.8rem;color:#64748b}.presc-doctor-field label{display:block;font-size:.75rem;font-weight:500;color:#64748b;margin-bottom:.35rem}.presc-doctor-field select{min-width:200px;padding:.5rem .75rem;border:1px solid #cbd5e1;border-radius:6px;font-size:.875rem;background:#fff}.presc-items{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:1rem}.presc-row{position:relative;padding:1rem;border:1px solid #e2e8f0;border-radius:8px;background:#fafbfc}.presc-row:hover{border-color:#cbd5e1}.presc-row__remove{position:absolute;top:.5rem;right:.5rem;width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center}.presc-row__remove:hover{background:#fee2e2;color:#dc2626}.presc-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:.75rem 1rem}.presc-field{display:flex;flex-direction:column;gap:.3rem}.presc-field label{font-size:.75rem;font-weight:500;color:#475569}.presc-field input,.presc-field select,.presc-field textarea{width:100%;padding:.5rem .65rem;border:1px solid #cbd5e1;border-radius:6px;font-size:.875rem;background:#fff;color:#0f172a}.presc-field input:focus,.presc-field select:focus,.presc-field textarea:focus{outline:none;border-color:#0d6e8f;box-shadow:0 0 0 2px #0d6e8f1f}.presc-col-5{grid-column:span 5}.presc-col-4{grid-column:span 4}.presc-col-3{grid-column:span 3}.presc-col-9{grid-column:span 9}@media(max-width:900px){.presc-col-5,.presc-col-4,.presc-col-3,.presc-col-9{grid-column:span 12}}.presc-row__footer{display:flex;justify-content:flex-end;margin-top:.75rem}.presc-link-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.75rem;font-weight:600;color:#0d6e8f;background:#e8f4f8;border:none;border-radius:6px;cursor:pointer}.presc-link-btn:hover{background:#d4ebf3}.presc-toolbar{display:flex;flex-wrap:wrap;gap:.5rem}.presc-toolbar .presc-btn--ghost{flex:1;min-width:140px}.presc-template-box{padding:1rem;border:1px solid #d1fae5;border-radius:8px;background:#f0fdf4}.presc-template-box h4{margin:0 0 .75rem;font-size:.9rem;font-weight:600;color:#065f46}.presc-template-hint{font-size:.75rem;color:#64748b;margin:0 0 .75rem}.presc-template-edit{position:absolute;right:8px;top:50%;transform:translateY(-50%)}.presc-notes{padding:1rem 1.25rem;border-top:1px solid #f1f5f9}.presc-notes textarea{min-height:96px;resize:vertical}.presc-aside{width:320px;flex-shrink:0;border-left:1px solid #e2e8f0;background:#fff;display:flex;flex-direction:column}.presc-aside__head{padding:1rem;border-bottom:1px solid #f1f5f9}.presc-tabs{display:flex;gap:.25rem;padding:.2rem;background:#f1f5f9;border-radius:8px;margin-bottom:.75rem}.presc-tabs button{flex:1;padding:.45rem .5rem;border:none;border-radius:6px;font-size:.8rem;font-weight:600;color:#64748b;background:transparent;cursor:pointer}.presc-tabs button.active{background:#fff;color:#0d6e8f;box-shadow:0 1px 2px #0000000f}.presc-search{position:relative}.presc-search input{width:100%;padding:.5rem .65rem .5rem 2.25rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem}.presc-search svg{position:absolute;left:.65rem;top:50%;transform:translateY(-50%);color:#94a3b8}.presc-aside__list{flex:1;overflow-y:auto;padding:.5rem}.presc-aside__add{width:calc(100% - 1rem);margin:.5rem;padding:.55rem;border:1px solid #e2e8f0;border-radius:6px;background:#fff;font-size:.8rem;font-weight:600;color:#0d6e8f;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.35rem}.presc-aside__add:hover{background:#f8fafc;border-color:#0d6e8f}.presc-lib-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.65rem .75rem;margin-bottom:.35rem;border:1px solid #f1f5f9;border-radius:6px;background:#fff;text-align:left;cursor:pointer}.presc-lib-item:hover{border-color:#cbd5e1;background:#f8fafc}.presc-lib-item__name{font-size:.85rem;font-weight:600;color:#0f172a}.presc-lib-item__meta{font-size:.7rem;color:#64748b;margin-top:.15rem}.presc-lib-section-title{font-size:.7rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em;padding:.5rem .5rem .25rem}.presc-empty{padding:2rem 1rem;text-align:center;color:#94a3b8;font-size:.85rem}.presc-drug-form{margin:.5rem;padding:1rem;border:1px solid #e2e8f0;border-radius:8px;background:#fafbfc}.presc-drug-form h3{margin:0 0 .75rem;font-size:.85rem;font-weight:600}.presc-drug-form .presc-field{margin-bottom:.5rem}.presc-drug-form__actions{display:flex;gap:.5rem;margin-top:.5rem}@media(max-width:1100px){.presc-layout{flex-direction:column}.presc-aside{width:100%;border-left:none;border-top:1px solid #e2e8f0;max-height:360px}}@media(max-width:600px){.presc-page__header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.presc-page__actions{width:100%;justify-content:flex-end}}.under-dev-bg{min-height:calc(100vh - 60px);display:flex;align-items:center;justify-content:center;background:var(--color-gray-50);background-image:radial-gradient(circle,rgba(208,2,27,.02) 1px,transparent 1px);background-size:24px 24px;padding:var(--space-4)}.under-dev-card{background:var(--color-white);border-radius:24px;box-shadow:var(--shadow-2);max-width:480px;width:100%;padding:var(--space-6);text-align:center}.under-dev-icon-wrap{width:120px;height:120px;border-radius:50%;background:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4) auto}.under-dev-title{font-family:var(--font-display);font-size:26px;font-weight:700;color:var(--color-gray-900);margin:0 0 var(--space-2) 0}.under-dev-subtitle{font-size:14px;color:var(--color-gray-600);margin:0 0 var(--space-3) 0}.under-dev-progress{width:60%;height:6px;background:var(--color-gray-100);border-radius:3px;margin:0 auto var(--space-3) auto;overflow:hidden}.under-dev-progress-bar{height:100%;width:40%;background:var(--color-primary);border-radius:3px;animation:under-dev-shimmer 1.5s ease-in-out infinite}@keyframes under-dev-shimmer{0%{transform:translate(-100%)}to{transform:translate(350%)}}.under-dev-badge{display:inline-block;background:var(--color-primary);color:var(--color-white);font-size:12px;font-weight:600;padding:6px 14px;border-radius:4px;margin-bottom:var(--space-3)}.under-dev-cta-text{font-size:14px;color:var(--color-gray-600);margin:0 0 var(--space-3) 0}.under-dev-btn{display:inline-block;padding:12px 24px;border:1px solid var(--color-primary);background:transparent;color:var(--color-primary);font-size:14px;font-weight:600;border-radius:8px;text-decoration:none;font-family:var(--font-ui);cursor:pointer;transition:background .2s,color .2s}.under-dev-btn:hover{background:var(--color-primary);color:var(--color-white)}.accounts-page{padding:1.5rem 2rem;height:100%;display:flex;flex-direction:column;gap:1.5rem}.accounts-header{display:flex;justify-content:space-between;align-items:center}.accounts-title{font-size:1.75rem;font-weight:700;color:#1f2937;margin:0}.accounts-tabs{display:flex;gap:1rem;border-bottom:1px solid #e5e7eb}.accounts-tab{padding:.75rem 1.5rem;font-weight:500;color:#6b7280;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s}.accounts-tab:hover{color:#374151}.accounts-tab.active{color:#2563eb;border-bottom-color:#2563eb}.accounts-content{flex:1;background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem;overflow-y:auto}.daily-collections-view{display:flex;flex-direction:column;gap:2rem}.date-selector{display:flex;align-items:center;gap:1rem}.summary-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;padding:1.5rem;display:flex;flex-direction:column;gap:.5rem}.summary-card.highlight{background:#eff6ff;border-color:#bfdbfe}.accounts-page .summary-label{font-size:.875rem;color:#64748b;font-weight:600;text-transform:uppercase}.accounts-page .summary-value{font-size:2rem;font-weight:700;color:#0f172a}.payment-breakdown{border:1px solid #e2e8f0;border-radius:.5rem;padding:1.5rem}.breakdown-title{font-size:1.125rem;font-weight:600;margin-bottom:1rem}.breakdown-list{display:flex;flex-direction:column;gap:.75rem}.breakdown-item{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #e2e8f0}.breakdown-item:last-child{border-bottom:none}.day-end-actions{display:flex;justify-content:flex-end;gap:1rem;align-items:center}.status-badge{padding:.5rem 1rem;border-radius:9999px;font-weight:600;font-size:.875rem}.status-badge.closed{background-color:#dcfce7;color:#166534}.status-badge.open{background-color:#fef9c3;color:#854d0e}.outstanding-dues-view{display:flex;flex-direction:column;gap:1.5rem}.filters-bar{display:flex;gap:1rem}.dues-table{width:100%;border-collapse:collapse}.dues-table th,.dues-table td{padding:1rem;text-align:left;border-bottom:1px solid #e5e7eb}.dues-table th{background-color:#f9fafb;font-weight:600;color:#374151}.amount-due{color:#dc2626;font-weight:600}.reconciliation-view{display:flex;flex-direction:column;gap:1.5rem}.variance-alert{color:#dc2626;font-weight:600}.variance-ok{color:#166534}@media(max-width:768px){.accounts-page{padding:1rem;gap:1rem}.accounts-header{flex-direction:column;align-items:flex-start;gap:1rem}.accounts-tabs{flex-wrap:wrap;gap:.5rem}.accounts-tab{padding:.5rem 1rem;width:100%;text-align:left}.summary-cards{grid-template-columns:1fr;gap:1rem}.date-selector,.filters-bar{flex-direction:column;align-items:stretch;gap:.75rem;width:100%}.date-selector input,.filters-bar input,.filters-bar select{width:100%!important}}.treatments-page{padding:24px;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px}.page-header h1{font-size:28px;font-weight:800;margin:0;color:var(--color-gray-900)}.page-header p{color:var(--color-gray-500);margin:4px 0 0}.header-stats{display:flex;gap:24px}.mini-stat{text-align:right}.stat-label{display:block;font-size:12px;text-transform:uppercase;color:var(--color-gray-400);font-weight:700}.stat-val{font-size:24px;font-weight:800;color:var(--color-gray-900)}.filters-bar{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:12px 16px;border-radius:12px;border:1px solid var(--color-gray-100);margin-bottom:24px;box-shadow:var(--shadow-sm)}.search-box{display:flex;align-items:center;gap:12px;flex:1;max-width:400px}.search-box input{border:none;outline:none;font-size:15px;width:100%}.filters-group{display:flex;gap:12px;align-items:center}.select{height:40px;border-radius:8px;border:1px solid var(--color-gray-100);padding:0 12px;font-size:14px;background:#fff}.treatments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px}.treatment-overview-card{background:#fff;border-radius:16px;border:1px solid var(--color-gray-100);padding:20px;box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1)}.treatment-overview-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary-light)}.card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.patient-snippet{display:flex;gap:12px;align-items:center}.avatar-mini{width:36px;height:36px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px}.p-name{font-weight:700;font-size:15px;color:var(--color-gray-900)}.p-mr{font-size:12px;color:var(--color-gray-500);font-family:monospace}.card-mid{margin-bottom:24px}.t-title{font-size:16px;font-weight:700;color:var(--color-gray-800);margin-bottom:12px}.t-progress{display:flex;flex-direction:column;gap:8px}.progress-bar{height:8px;background:var(--color-gray-100);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--color-primary);border-radius:4px;transition:width 1s ease-in-out}.progress-text{font-size:12px;font-weight:600;color:var(--color-gray-500)}.card-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--color-gray-50)}.est-label{font-size:11px;text-transform:uppercase;color:var(--color-gray-400);font-weight:700}.est-val{font-size:18px;font-weight:800;color:var(--color-gray-900)}.view-btn{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--color-primary);text-decoration:none;padding:8px 12px;border-radius:8px;transition:background .2s}.view-btn:hover{background:#d0021b0d}.empty-state{grid-column:1 / -1;text-align:center;padding:100px 40px;color:var(--color-gray-400)}.empty-state h2{color:var(--color-gray-900);margin:24px 0 12px}.empty-state p{margin-bottom:24px}@media(max-width:767px){.treatments-page{padding:12px}.page-header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:20px}.header-stats{width:100%;justify-content:space-between}.mini-stat{text-align:left}.filters-bar{flex-direction:column;align-items:stretch;gap:12px;padding:12px}.search-box{max-width:100%;width:100%;border:1px solid var(--color-gray-200);border-radius:8px;padding:8px 12px;background:#f8fafc}.filters-group{width:100%;justify-content:space-between}.filters-group select,.filters-group button{flex:1}.treatments-grid{grid-template-columns:1fr;gap:16px}.empty-state{padding:48px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-state svg{margin:0 auto 16px}.empty-state h2{font-size:20px;margin:12px 0 8px}.empty-state p{font-size:13px;margin-bottom:20px}}.receptionist-mobile-billing{display:flex;flex-direction:column;gap:12px;padding-bottom:16px;font-family:DM Sans,system-ui,-apple-system,sans-serif;--spacing-scale: .85;--font-scale: .85}.billing-view-tabs{display:flex;background-color:#0284c70f;padding:4px;border-radius:12px;gap:4px;border:1px solid rgba(2,132,199,.1)}.billing-view-tabs .tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;background:none;border:none;padding:10px 4px;border-radius:9px;font-size:calc(12px * var(--font-scale));font-weight:600;color:#475569;cursor:pointer;transition:all .2s ease}.billing-view-tabs .tab-btn.active{background-color:#fff;color:#0284c7;box-shadow:0 2px 6px #0284c714}.search-filters-bar{display:flex;flex-direction:column;gap:8px;background-color:#fff;padding:calc(12px * var(--spacing-scale));border-radius:14px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #00000003}.search-input-wrap{display:flex;align-items:center;gap:8px;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:8px 12px}.search-input-wrap svg{color:#94a3b8;flex-shrink:0}.search-input-wrap input{background:none;border:none;width:100%;font-size:calc(12px * var(--font-scale));font-weight:500;color:#0f172a;outline:none}.billing-filter-tabs{display:flex;background-color:#f1f5f9;padding:3px;border-radius:8px;gap:3px}.billing-filter-tabs button{flex:1;background:none;border:none;padding:6px 2px;border-radius:6px;font-size:calc(10px * var(--font-scale));font-weight:600;color:#64748b;cursor:pointer;text-align:center;transition:all .15s ease}.billing-filter-tabs button.active{background-color:#fff;color:#0284c7;box-shadow:0 1px 3px #00000008}.mobile-invoices-stack,.mobile-payments-stack{display:flex;flex-direction:column;gap:8px}.empty-invoices-state{background-color:#fff;border-radius:14px;padding:30px 16px;text-align:center;border:1px solid #e2e8f0;color:#94a3b8;font-size:calc(12px * var(--font-scale))}.empty-invoices-state p{font-weight:500;margin:8px 0 0}.billing-card-mobile{background-color:#fff;border-radius:14px;border:1px solid #e2e8f0;padding:calc(12px * var(--spacing-scale));box-shadow:0 1px 3px #00000003;display:flex;flex-direction:column;gap:10px}.card-top-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.card-top-row h4{font-size:calc(13px * var(--font-scale));font-weight:700;color:#0f172a;margin:0 0 2px}.inv-num{font-size:calc(10px * var(--font-scale));font-weight:500;color:#94a3b8}.status-pill{font-size:calc(9px * var(--font-scale));font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase}.status-completed{background-color:#10b9810f;color:#10b981}.status-progress{background-color:#0284c70f;color:#0284c7}.status-cancelled{background-color:#ef44440f;color:#ef4444}.card-detail-pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background-color:#f8fafc;padding:8px 10px;border-radius:10px}.price-item{display:flex;flex-direction:column;gap:1px}.price-item span{font-size:calc(9px * var(--font-scale));font-weight:600;color:#94a3b8;text-transform:uppercase}.price-item strong{font-size:calc(12px * var(--font-scale));font-weight:700;color:#1e293b}.price-item strong.text-green{color:#10b981}.price-item strong.text-red{color:#ef4444}.card-actions-bar{display:flex;gap:6px}.bill-btn{flex:1;padding:8px;font-size:calc(11px * var(--font-scale));font-weight:600;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:4px;border:none;transition:background-color .2s}.btn-view{background-color:#f1f5f9;color:#334155}.btn-view:active{background-color:#e2e8f0}.btn-collect{background-color:#0284c7;color:#fff}.btn-collect:active{background-color:#0369a1}.payment-card-mobile{background-color:#fff;border-radius:14px;border:1px solid #e2e8f0;padding:calc(12px * var(--spacing-scale));box-shadow:0 1px 3px #00000003;display:flex;flex-direction:column;gap:10px}.payment-card-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.patient-avatar-name{display:flex;align-items:center;gap:8px}.small-avatar-circle{width:28px;height:28px;border-radius:50%;background-color:#0284c714;color:#0284c7;display:flex;align-items:center;justify-content:center;font-size:calc(12px * var(--font-scale));font-weight:700}.patient-meta-info{display:flex;flex-direction:column}.patient-meta-info h4{font-size:calc(13px * var(--font-scale));font-weight:700;color:#0f172a;margin:0}.payment-id{font-size:calc(9px * var(--font-scale));font-weight:500;color:#94a3b8;font-family:monospace}.mode-pill{font-size:calc(9px * var(--font-scale));font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase}.mode-pill.mode-cash{background-color:#10b98114!important;color:#059669!important;border:1px solid rgba(16,185,129,.18)!important}.mode-pill.mode-upi{background-color:#06b6d414!important;color:#0891b2!important;border:1px solid rgba(6,182,212,.18)!important}.mode-pill.mode-wallet{background-color:#8b5cf614!important;color:#7c3aed!important;border:1px solid rgba(139,92,246,.18)!important}.mode-pill.mode-razorpay-online,.mode-pill.mode-online{background-color:#3b82f614!important;color:#2563eb!important;border:1px solid rgba(59,130,246,.18)!important}.mode-pill.mode-card{background-color:#f59e0b14!important;color:#d97706!important;border:1px solid rgba(245,158,11,.18)!important}.mode-pill.mode-bank-transfer{background-color:#ec489914!important;color:#db2777!important;border:1px solid rgba(236,72,153,.18)!important}.mode-pill.mode-other{background-color:#94a3b814!important;color:#475569!important;border:1px solid rgba(148,163,184,.18)!important}.card-border-cash{border-left:3.5px solid #10b981!important}.card-border-upi{border-left:3.5px solid #06b6d4!important}.card-border-wallet{border-left:3.5px solid #8b5cf6!important}.card-border-razorpay-online,.card-border-online{border-left:3.5px solid #3b82f6!important}.card-border-card{border-left:3.5px solid #f59e0b!important}.card-border-bank-transfer{border-left:3.5px solid #ec4899!important}.card-border-other{border-left:3.5px solid #94a3b8!important}.payment-card-details{display:flex;flex-direction:column;gap:6px;background-color:#f8fafc;padding:8px 12px;border-radius:10px}.detail-row{display:flex;justify-content:space-between;align-items:center}.detail-row .label{font-size:calc(11px * var(--font-scale));font-weight:500;color:#64748b}.detail-row .value{font-size:calc(11px * var(--font-scale));font-weight:600;color:#334155}.payment-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:2px}.amount-section{display:flex;flex-direction:column}.amount-label{font-size:calc(9px * var(--font-scale));font-weight:500;color:#94a3b8}.amount-val{font-size:calc(14px * var(--font-scale));font-weight:700;color:#0f172a}.btn-view-receipt{padding:6px 12px;font-size:calc(11px * var(--font-scale));font-weight:600;border-radius:6px;background-color:#0284c70d;color:#0284c7;border:1px solid rgba(2,132,199,.15);cursor:pointer;transition:all .2s}.btn-view-receipt:active{background-color:#0284c71f;border-color:#0284c74d}.mobile-payment-sheet{width:100%;max-width:500px;background-color:#fff;border-radius:20px 20px 0 0;padding:calc(16px * var(--spacing-scale));box-shadow:0 -8px 24px #00000026;animation:slideUp .3s cubic-bezier(.16,1,.3,1);padding-bottom:calc(16px + env(safe-area-inset-bottom))}.payment-sheet-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.payment-sheet-header h3{margin:0 0 2px;font-size:calc(15px * var(--font-scale));font-weight:700;color:#0f172a}.payment-sheet-header p{margin:0;font-size:calc(11px * var(--font-scale));color:#64748b}.payment-sheet-header .close-btn{background:none;border:none;color:#64748b;cursor:pointer}.outstanding-strip-info{display:flex;justify-content:space-between;background-color:#ef44440d;border:1px solid rgba(239,68,68,.1);border-radius:10px;padding:8px 12px;margin-bottom:12px;font-size:calc(12px * var(--font-scale))}.outstanding-strip-info span{font-weight:500;color:#ef4444}.outstanding-strip-info strong{font-weight:700;color:#ef4444}.payment-form-inputs{display:flex;flex-direction:column;gap:12px}.mobile-form-group{display:flex;flex-direction:column;gap:4px}.mobile-form-group label{font-size:calc(11px * var(--font-scale));font-weight:600;color:#64748b}.mobile-form-group input{background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px;font-size:calc(13px * var(--font-scale));font-weight:500;color:#0f172a;width:100%}.mobile-form-group input:focus{outline:none;border-color:#0284c7;background-color:#fff}.mode-selection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.mode-option-btn{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px 2px;font-size:calc(10px * var(--font-scale));font-weight:600;color:#334155;cursor:pointer;text-align:center}.mode-option-btn.active{background-color:#0284c714;border-color:#0284c7;color:#0284c7}.submit-payment-btn{background-color:#10b981;color:#fff;border:none;border-radius:10px;padding:12px;font-size:calc(13px * var(--font-scale));font-weight:700;cursor:pointer;margin-top:8px;width:100%;transition:opacity .2s}.submit-payment-btn:active{opacity:.9}.crm-page{padding:24px;max-width:1400px;margin:0 auto}.crm-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.title-section h1{font-size:28px;font-weight:700;color:#1e293b;margin-bottom:4px}.subtitle{color:#64748b;font-size:14px}.action-section{display:flex;gap:16px;align-items:center}.search-box{display:flex;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:10px 16px;gap:10px;width:300px;transition:all .2s}.search-box:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.search-box input{border:none;outline:none;width:100%;font-size:14px}.crm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.stat-card{background:#fff;padding:20px;border-radius:16px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #0000000d;border:1px solid #f1f5f9}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.icon-blue{background:#eff6ff;color:#2563eb}.icon-yellow{background:#fefce8;color:#ca8a04}.icon-red{background:#fef2f2;color:#dc2626}.icon-emerald{background:#ecfdf5;color:#059669}.stat-label{display:block;font-size:13px;color:#64748b;margin-bottom:2px}.stat-value{font-size:20px;font-weight:700;color:#1e293b}.crm-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid #e2e8f0;padding-bottom:12px}.crm-tabs button{padding:8px 20px;border-radius:20px;border:none;background:transparent;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s}.crm-tabs button:hover{background:#f1f5f9;color:#1e293b}.crm-tabs button.active{background:#6366f1;color:#fff}.leads-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.lead-card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;padding:20px;transition:transform .2s,box-shadow .2s}.lead-card:hover{transform:translateY(-4px);box-shadow:0 10px 20px #0000000d}.lead-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.lead-identity h3{font-size:16px;font-weight:600;color:#1e293b;margin-bottom:4px}.lead-source{font-size:12px;color:#94a3b8;background:#f8fafc;padding:2px 8px;border-radius:4px}.status-badge{font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px}.status-blue{background:#dbeafe;color:#1e40af}.status-yellow{background:#fef9c3;color:#854d0e}.status-green{background:#dcfce7;color:#166534}.status-emerald{background:#a7f3d0;color:#065f46}.status-red{background:#fee2e2;color:#991b1b}.status-gray{background:#f1f5f9;color:#475569}.lead-card-body{border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;padding:16px 0;margin-bottom:16px;display:flex;flex-direction:column;gap:8px}.lead-info-item{display:flex;align-items:center;gap:10px;font-size:14px;color:#475569}.lead-card-footer{display:flex;gap:10px}.lead-card-footer button{flex:1}.btn-outline-sm{background:#fff;border:1px solid #e2e8f0;padding:8px;border-radius:8px;font-size:13px;font-weight:500;color:#475569;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}.btn-emerald-sm{background:#10b981;border:none;padding:8px;border-radius:8px;font-size:13px;font-weight:500;color:#fff;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}.lead-form,.interaction-form{display:flex;flex-direction:column;gap:20px;padding:10px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:#475569}.form-group input,.form-group textarea,.form-group select{padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;outline:none}.form-group input:focus{border-color:#6366f1}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:10px}.full-width{width:100%}.referrals-dashboard-container{max-width:1400px;margin:0 auto;padding:24px;box-sizing:border-box}.referrals-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;flex-wrap:wrap;gap:16px}.referrals-title{font-family:var(--font-display),"Georgia",serif;font-size:28px;font-weight:800;color:var(--color-gray-900);margin:0;position:relative}.referrals-title:after{content:"";display:block;width:40px;height:4px;background:var(--color-primary);border-radius:2px;margin-top:8px}.referrals-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-bottom:32px}.referrals-card{background:var(--color-white);padding:24px;border-radius:16px;box-shadow:var(--shadow-2);border:1px solid rgba(0,0,0,.03);display:flex;flex-direction:column;transition:all .25s ease;position:relative;overflow:hidden}.referrals-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--color-primary);opacity:0;transition:opacity .25s ease}.referrals-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-3)}.referrals-card:hover:before{opacity:1}.referrals-card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px;color:var(--color-gray-600)}.referrals-card-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--color-primary-light);color:var(--color-primary)}.referrals-card-label{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--color-gray-500)}.referrals-card-value{font-size:32px;font-weight:900;color:var(--color-gray-900);line-height:1.1}.referrals-card-subtext{font-size:12px;color:var(--color-gray-400);margin-top:8px}.referrals-charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}@media(max-width:1024px){.referrals-charts-grid{grid-template-columns:1fr}}.referrals-chart-card{background:var(--color-white);padding:24px;border-radius:16px;box-shadow:var(--shadow-2);border:1px solid rgba(0,0,0,.03);box-sizing:border-box}.referrals-chart-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid rgba(0,0,0,.04);padding-bottom:12px}.referrals-chart-title{font-size:18px;font-weight:700;color:var(--color-gray-900);margin:0}.referrals-table-card{background:var(--color-white);padding:24px;border-radius:16px;box-shadow:var(--shadow-2);border:1px solid rgba(0,0,0,.03);margin-bottom:32px}.referrals-table-wrapper{overflow-x:auto;border-radius:12px;border:1px solid var(--color-gray-100)}.referrals-table{width:100%;border-collapse:collapse;text-align:left}.referrals-table th{background:var(--color-gray-50);padding:14px 20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-gray-500);border-bottom:1px solid var(--color-gray-100)}.referrals-table td{padding:14px 20px;font-size:14px;color:var(--color-gray-800);border-bottom:1px solid var(--color-gray-100)}.referrals-table tr:last-child td{border-bottom:none}.referrals-table tr:hover td{background:var(--color-primary-light)}.referrer-rank-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--color-gray-100);color:var(--color-gray-600);font-weight:700;font-size:12px}.referrals-table tr:nth-child(1) .referrer-rank-badge{background:#fef3c7;color:#d97706}.referrals-table tr:nth-child(2) .referrer-rank-badge{background:#f1f5f9;color:#475569}.referrals-table tr:nth-child(3) .referrer-rank-badge{background:#ffedd5;color:#ea580c}.referrer-type-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.type-doctor{background:#e0f2fe;color:#0369a1}.type-patient{background:#dcfce7;color:#15803d}.type-staff{background:#f3e8ff;color:#7e22ce}.type-campaign{background:#fee2e2;color:#b91c1c}.type-walk_in{background:#f1f5f9;color:#475569}.empty-data-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:var(--color-gray-400);gap:12px}.empty-data-text{font-size:14px;font-weight:500}.reports-page{padding:2rem;max-width:1400px;margin:0 auto}@media(max-width:768px){.reports-page{padding:1rem}.reports-header{flex-direction:column;align-items:flex-start;gap:1rem}}.reports-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem}.reports-header-right{display:flex;align-items:center}.live-badge{background:#f0f9ff;color:#0ea5e9;padding:.5rem 1rem;border-radius:2rem;font-size:.75rem;font-weight:700;letter-spacing:.05em;display:flex;align-items:center;gap:.5rem;border:1px solid #bae6fd;box-shadow:0 4px 6px -1px #0000000d}.reports-hero-section{background:linear-gradient(135deg,#fafafa,#fff);border-radius:1.5rem;margin-bottom:2.5rem;border:1px solid #f1f5f9;overflow:hidden;box-shadow:0 10px 15px -3px #0000000d}.hero-content{display:flex;align-items:stretch}.hero-text{padding:2.5rem;flex:1;display:flex;flex-direction:column;justify-content:center}.hero-text h2{font-size:1.5rem;font-weight:700;color:#0f172a;margin-bottom:.5rem}.hero-text p{color:#64748b;font-size:.875rem;margin-bottom:2rem}.hero-stats{display:flex;gap:3rem}.h-stat{display:flex;flex-direction:column}.h-label{font-size:.75rem;text-transform:uppercase;color:#94a3b8;font-weight:600;letter-spacing:.025em;margin-bottom:.5rem}.h-value{font-size:1.75rem;font-weight:800;color:#1e293b}.h-value.text-teal{color:#0d9488}.hero-tag{background:#fdf2f8;color:#db2777;padding:.25rem .75rem;border-radius:.5rem;font-size:.7rem;font-weight:700;text-transform:uppercase;margin-bottom:1rem;width:fit-content}.demo-data-notice{position:absolute;top:1rem;right:1rem;background:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:.25rem .5rem;border-radius:.25rem;font-size:.6rem;font-weight:700;color:#94a3b8;border:1px solid #e2e8f0}.hero-chart-wrap{flex:1.5;background:#fdfdfd;padding:1rem 0 0;display:flex;align-items:flex-end;border-left:1px solid #f1f5f9;position:relative}.category-card-top{display:flex;gap:1rem;margin-bottom:1rem}.category-visual-wrap{margin:0 -1.5rem 1.5rem;padding:0 1rem;background:#fafafa;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;display:flex;align-items:flex-end}.category-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.mini-stat{display:flex;flex-direction:column}.m-label{font-size:.65rem;text-transform:uppercase;color:#94a3b8;font-weight:600;margin-bottom:.25rem}.m-value{font-size:1rem;font-weight:700;color:#334155}.text-green{color:#10b981}.text-blue{color:#3b82f6}.text-rose{color:#f43f5e}.reports-title-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.reports-title-icon{color:#c026d3}.reports-title{font-size:1.875rem;font-weight:700;color:#0f172a}.reports-subtitle{color:#64748b;font-size:1rem}.reports-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.5rem}.report-category-card{background:#fff;border-radius:1.25rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease;border:1px solid #f1f5f9}.report-category-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.category-card-header{display:flex;gap:1rem;margin-bottom:1.5rem}.category-icon-wrap{width:3rem;height:3rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.indigo .category-icon-wrap{background:#eef2ff;color:#4f46e5}.indigo{border-top:4px solid #4f46e5}.teal .category-icon-wrap{background:#f0fdfa;color:#0d9488}.teal{border-top:4px solid #0d9488}.rose .category-icon-wrap{background:#fff1f2;color:#e11d48}.rose{border-top:4px solid #e11d48}.amber .category-icon-wrap{background:#fffbeb;color:#d97706}.amber{border-top:4px solid #d97706}.emerald .category-icon-wrap{background:#ecfdf5;color:#059669}.emerald{border-top:4px solid #059669}.category-header-text h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:.25rem}.category-header-text p{font-size:.875rem;color:#64748b;line-height:1.4}.category-stats-preview{display:flex;gap:1rem;padding:1rem;background:#f8fafc;border-radius:.75rem;margin-bottom:1.5rem}.stat-item{display:flex;flex-direction:column}.reports-page .stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.025em;color:#94a3b8;font-weight:600;margin-bottom:.25rem}.reports-page .stat-value{font-size:1.25rem;font-weight:700;color:#334155}.reports-page .stat-value.alert{color:#ef4444}.category-reports-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;flex-grow:1}.report-link{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-radius:.75rem;color:#475569;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .2s ease,color .2s ease;background:#fff;border:1px solid #f1f5f9}.report-link:hover{background:#f1f5f9;color:#1e293b}.report-actions-row{display:flex;justify-content:flex-end;gap:1rem;margin-bottom:2rem}.export-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:.75rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;background:#fff;color:#475569;border:1px solid #e2e8f0}.export-btn:hover{background:#f8fafc;border-color:#cbd5e1}.export-btn.primary{background:#4f46e5;color:#fff;border:none}.export-btn.primary:hover{background:#4338ca}.report-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:1.25rem;padding:1.5rem;display:flex;align-items:center;gap:1.25rem;box-shadow:0 1px 3px #0000001a;border:1px solid #f1f5f9}.stat-card-icon{width:3.5rem;height:3.5rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card-icon.indigo{background:#eef2ff;color:#4f46e5}.stat-card-icon.rose{background:#fff1f2;color:#e11d48}.stat-card-icon.amber{background:#fffbeb;color:#d97706}.stat-card-icon.teal{background:#f0fdfa;color:#0d9488}.stat-card-icon.sky{background:#f0f9ff;color:#0ea5e9}.stat-card-info{display:flex;flex-direction:column}.stat-trend{font-size:.75rem;margin-top:.25rem;color:#64748b}.stat-trend.positive{color:#10b981}.report-charts-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:2rem}.chart-container-card{background:#fff;border-radius:1.25rem;padding:1.5rem;border:1px solid #f1f5f9;box-shadow:0 1px 3px #0000001a}.chart-card-header{margin-bottom:2rem}.chart-card-header h3{font-size:1.125rem;font-weight:600;color:#1e293b;margin-bottom:.25rem}.chart-card-header p{font-size:.875rem;color:#64748b}.report-loading-shimmer{display:flex;align-items:center;justify-content:center;height:400px;background:#f8fafc;border-radius:1.25rem;color:#94a3b8;font-weight:500;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:1024px){.report-charts-grid{grid-template-columns:1fr}}.report-view-page{padding:1.5rem 2rem;max-width:1400px;margin:0 auto}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.back-btn{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:#64748b;font-weight:500;cursor:pointer;transition:color .2s}.back-btn:hover{color:#1e293b}.header-actions{display:flex;gap:.75rem}.action-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:.75rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.action-btn.primary{background:#4f46e5;color:#fff;border:none}.action-btn.primary:hover{background:#4338ca}.action-btn.secondary{background:#fff;color:#475569;border:1px solid #e2e8f0}.action-btn.secondary:hover{background:#f8fafc}.header-main{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e2e8f0}.report-title{font-size:2rem;font-weight:700;color:#0f172a}.report-filters{display:flex;gap:1rem}.filter-item{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #e2e8f0;padding:.5rem 1rem;border-radius:.75rem;color:#64748b}.filter-item input{border:none;outline:none;color:#1e293b;font-size:.875rem}.filter-btn{display:flex;align-items:center;gap:.5rem;background:#f1f5f9;border:1px solid #e2e8f0;padding:.5rem 1rem;border-radius:.75rem;color:#475569;font-weight:500;cursor:pointer}.chart-placeholder-card{background:#fff;border-radius:1.25rem;padding:2rem;margin-bottom:2rem;border:1px solid #f1f5f9;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}.placeholder-bars{display:flex;align-items:flex-end;gap:1rem;height:150px;margin-top:2rem;width:300px}.placeholder-bars .bar{flex:1;background:#e0e7ff;border-radius:.5rem .5rem 0 0;animation:barGrow 1s ease-out}@keyframes barGrow{0%{height:0}}.report-table-section{background:#fff;border-radius:1.25rem;padding:1.5rem;border:1px solid #f1f5f9;box-shadow:0 1px 3px #0000001a}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.table-search{display:flex;align-items:center;gap:.75rem;background:#f8fafc;border:1px solid #e2e8f0;padding:.5rem 1rem;border-radius:.75rem;width:300px}.table-search input{background:none;border:none;outline:none;width:100%;font-size:.875rem}.report-table-container{overflow-x:auto}.report-table{width:100%;border-collapse:collapse;text-align:left}.report-table th{padding:1rem;background:#f8fafc;color:#64748b;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e2e8f0}.report-table td{padding:1rem;border-bottom:1px solid #f1f5f9;color:#334155;font-size:.875rem}.report-table tr:hover td{background:#f8fafc}.no-data{text-align:center;padding:3rem!important;color:#94a3b8}@media(max-width:768px){.hero-content{flex-direction:column}.hero-chart-wrap{border-left:none;border-top:1px solid #f1f5f9;height:160px;padding:1rem}.hero-stats{gap:1.5rem;flex-wrap:wrap}.reports-grid{grid-template-columns:1fr}.table-header{flex-direction:column;align-items:stretch;gap:1rem}.table-search{width:100%}}@media(max-width:768px){.report-view-page{padding:1rem}.header-top{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1rem}.report-filters{width:100%;flex-direction:column;align-items:stretch!important}.filter-item{width:100%;justify-content:space-between}.filter-item input,.filter-item select{width:100%!important}}@media print{.sidebar,.back-btn,.report-filters,.report-actions-row,.report-bi-panels,.header-top,.reports-header-right,.pagination-container{display:none!important}body,.report-view-page,.report-content,.report-table-section{padding:0!important;margin:0!important;background:transparent!important;box-shadow:none!important;border:none!important}.report-title{font-size:20px!important;color:#000!important;margin-bottom:20px!important}table{width:100%!important;border-collapse:collapse!important}th,td{border:1px solid #ddd!important;padding:6px!important;font-size:10px!important}}.wallet-reports-page{display:flex;flex-direction:column;gap:20px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.kpi-card{background:#fff;border:1px solid var(--color-gray-200, #e5e7eb);border-radius:12px;padding:16px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 6px #00000008}.balance-card{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;border:none}.balance-card .kpi-label,.balance-card .kpi-sub{color:#ffffffd9}.balance-card .kpi-val{color:#fff!important}.kpi-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#fff3;flex-shrink:0}.deposit-icon{background:#dcfce7;color:#16a34a}.used-icon{background:#e0f2fe;color:#0284c7}.pct-icon{background:#f3e8ff;color:#7e22ce}.kpi-label{font-size:11px;font-weight:600;text-transform:uppercase;color:#64748b;letter-spacing:.5px}.kpi-val{margin:2px 0;font-size:20px;font-weight:800;color:#0f172a}.kpi-sub{font-size:11px;color:#94a3b8}.reports-split-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:20px}.report-card{background:#fff;border:1px solid var(--color-gray-200, #e5e7eb);border-radius:12px;padding:16px;box-shadow:0 2px 6px #00000008}.full-width-card{grid-column:1 / -1}.report-card-header{margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--color-gray-100, #f3f4f6)}.flex-between{display:flex;justify-content:space-between;align-items:center}.report-card-header h4{margin:0;font-size:15px;font-weight:700;color:#0f172a;display:flex;align-items:center;gap:8px}.table-wrapper{overflow-x:auto}.report-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.report-table th{background:#f8fafc;padding:8px 12px;font-weight:600;color:#475569;border-bottom:1px solid #e2e8f0;white-space:nowrap}.report-table td{padding:10px 12px;border-bottom:1px solid #f1f5f9;color:#1e293b;vertical-align:middle}.mr-tag{background:#f1f5f9;color:#475569;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:600}.status-pill{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600}.status-pill.deposit{background:#dcfce7;color:#15803d}.status-pill.invoice-payment{background:#e0f2fe;color:#0369a1}.status-pill.refund{background:#fee2e2;color:#b91c1c}.status-pill.adjustment{background:#f3e8ff;color:#7e22ce}.mode-pill{background:#f1f5f9;color:#475569;padding:2px 6px;border-radius:4px;font-size:11px}.text-success{color:#16a34a}.text-danger{color:#dc2626}.text-primary{color:#0284c7}.font-bold{font-weight:700}.text-muted{color:#64748b}.max-w-sm{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-select{padding:4px 10px;border-radius:6px;border:1px solid #cbd5e1;font-size:12px;background:#fff}.report-pagination{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:16px;font-size:12px}.btn-p{padding:4px 10px;border-radius:4px;border:1px solid #cbd5e1;background:#fff;cursor:pointer}.btn-p:disabled{opacity:.5;cursor:not-allowed}.loading-state{text-align:center;padding:24px;color:#64748b;font-size:13px}.comm-page{padding:2.5rem;background:#fcfcfd;min-height:100vh;animation:slideUp .5s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.comm-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem}.comm-title{font-size:2.25rem;font-weight:800;letter-spacing:-.02em;color:#0f172a}.comm-title-icon{color:#e11d48;margin-right:.75rem}.comm-subtitle{color:#64748b;margin-top:.5rem;font-size:1rem}.comm-tabs{background:#f1f5f9;padding:.375rem;border-radius:1rem;display:flex;gap:.25rem;box-shadow:inset 0 2px 4px #0000000d}.comm-tab{padding:.75rem 1.5rem;border-radius:.75rem;font-weight:700;font-size:.875rem;border:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.625rem;color:#64748b;background:transparent}.comm-tab.active{background:#fff;color:#0f172a;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.campaign-layout{display:grid;grid-template-columns:1fr 400px;gap:2.5rem;align-items:start}.glass-card{background:#fff;border:1px solid #f1f5f9;border-radius:2rem;box-shadow:0 10px 15px -3px #0000000a;padding:2rem;margin-bottom:2rem}.audience-hero{background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:2rem;padding:2.5rem;color:#fff;margin-bottom:2.5rem;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.audience-hero:after{content:"";position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(225,29,72,.15) 0%,transparent 70%)}.hero-stats-row{display:flex;gap:4rem}.h-stat-box{display:flex;flex-direction:column;gap:.5rem}.h-stat-label{font-size:.875rem;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.h-stat-value{font-size:3rem;font-weight:800}.audience-config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.filter-group label{display:block;font-size:.875rem;font-weight:700;color:#334155;margin-bottom:1rem}.custom-select,.custom-input{width:100%;padding:1rem 1.25rem;background:#f8fafc;border:2px solid transparent;border-radius:1rem;font-size:.9375rem;font-weight:600;color:#1e293b;transition:all .2s}.custom-select:focus,.custom-input:focus{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 6px -1px #0000000d}.composer-section{display:flex;flex-direction:column;gap:2rem}.field-wrapper label{display:flex;justify-content:space-between;font-size:.875rem;font-weight:700;margin-bottom:.75rem}.placeholder-pill{background:#fff1f2;color:#e11d48;padding:.25rem .75rem;border-radius:2rem;font-size:.75rem;cursor:pointer;transition:transform .1s}.placeholder-pill:active{transform:scale(.95)}.rich-textarea{width:100%;border-radius:1.5rem;padding:1.5rem;background:#f8fafc;border:2px solid transparent;font-family:inherit;font-size:1.125rem;line-height:1.6;resize:vertical}.campaign-footer{display:flex;justify-content:space-between;align-items:center;margin-top:2rem}.action-btn.primary{background:#e11d48;color:#fff;padding:1.25rem 2.5rem;border-radius:1.25rem;font-weight:800;font-size:1rem;border:none;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 15px -3px #e11d4840}.action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #e11d484d}.action-btn.primary:disabled{opacity:.5;transform:none;box-shadow:none}.iphone-mockup{width:320px;height:650px;background:#000;border-radius:3rem;padding:.75rem;box-shadow:0 25px 50px -12px #00000040;position:sticky;top:2rem}.iphone-screen{width:100%;height:100%;background:#f1f5f9;border-radius:2.25rem;overflow:hidden;position:relative;display:flex;flex-direction:column}.iphone-header{height:100px;background:#fff;padding:3rem 1.5rem 1rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid #e2e8f0}.app-icon{width:40px;height:40px;background:#e11d48;border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900}.app-info h4{font-size:.875rem;font-weight:700;margin:0}.app-info span{font-size:.75rem;color:#64748b}.notification-stream{padding:1.25rem;flex:1}.preview-bubble{background:#fff;border-radius:1.25rem;padding:1.25rem;box-shadow:0 4px 6px -1px #0000000d;animation:bounceIn .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes bounceIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.bubble-subject{font-weight:800;margin-bottom:.5rem;color:#0f172a}.bubble-content{font-size:.875rem;color:#475569;line-height:1.5}.iphone-home-bar{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:120px;height:5px;background:#000;border-radius:10px;opacity:.2}.premium-table{width:100%;border-collapse:separate;border-spacing:0 .75rem}.premium-table th{padding:1.5rem;color:#64748b;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;border:none}.premium-table tr td{padding:1.5rem;background:#fff;border:1px solid #f1f5f9}.premium-table tr td:first-child{border-radius:1.5rem 0 0 1.5rem;border-right:none}.premium-table tr td:last-child{border-radius:0 1.5rem 1.5rem 0;border-left:none}.status-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:2rem;font-size:.75rem;font-weight:800;text-transform:uppercase}.status-pill.sent{background:#eff6ff;color:#2563eb}.status-pill.delivered{background:#f0fdf4;color:#166534}.config-warning-banner{background:#fffbeb;border:1px solid #fde68a;color:#92400e;padding:1rem 1.5rem;border-radius:1rem;margin-bottom:2rem;display:flex;align-items:center;gap:.75rem;font-size:.875rem;animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.modal-overlay{position:fixed;inset:0;background:#0f172a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1.5rem}.modal-content{background:#fff;width:100%;max-width:440px;border-radius:2rem;padding:2.5rem;text-align:center;box-shadow:0 25px 50px -12px #00000040;border:1px solid #f1f5f9}.modal-icon-wrap{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.modal-icon-wrap.success{background:#f0fdf4;color:#16a34a}.modal-icon-wrap.error{background:#fff1f2;color:#e11d48}.modal-content h3{font-size:1.5rem;font-weight:800;color:#0f172a;margin-bottom:.75rem}.modal-content p{color:#64748b;line-height:1.6;margin-bottom:2rem}.modal-btn{width:100%;padding:1rem;border-radius:1rem;font-weight:700;font-size:1rem;border:none;cursor:pointer;transition:all .2s}.modal-btn.success{background:#16a34a;color:#fff}.modal-btn.error{background:#e11d48;color:#fff}.modal-btn:hover{opacity:.9;transform:translateY(-1px)}.expenses-page{padding:2.5rem;background:#fcfcfd;min-height:100vh;animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.expenses-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem}.title-row{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.title-row h1{font-size:2.25rem;font-weight:800;color:#0f172a}.title-icon{color:#e11d48}.subtitle{color:#64748b;font-size:1rem}.add-btn{background:#e11d48;color:#fff;padding:.875rem 1.5rem;border-radius:.875rem;font-weight:700;display:flex;align-items:center;gap:.625rem;border:none;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px -1px #e11d4833}.add-btn:hover{background:#be123c;transform:translateY(-1px)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.stat-card{background:#fff;padding:2rem;border-radius:1.5rem;display:flex;align-items:center;gap:1.5rem;border:1px solid #f1f5f9;box-shadow:0 1px 3px #0000000d}.stat-icon-wrap{width:3.5rem;height:3.5rem;border-radius:1rem;display:flex;align-items:center;justify-content:center}.spend .stat-icon-wrap{background:#eff6ff;color:#2563eb}.pending .stat-icon-wrap{background:#fffbeb;color:#d97706}.category .stat-icon-wrap{background:#f0fdf4;color:#16a34a}.stat-label{font-size:.875rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:2rem;font-weight:800;color:#0f172a;display:block}.card{background:#fff;border-radius:1.5rem;border:1px solid #f1f5f9;box-shadow:0 1px 3px #0000000d;overflow:hidden}.card-header{padding:1.5rem 2rem;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.table-filters{display:flex;gap:.5rem}.filter-btn{padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:600;border:none;background:#f8fafc;color:#64748b;cursor:pointer}.filter-btn.active{background:#0f172a;color:#fff}.expenses-table{width:100%;border-collapse:collapse}.expenses-table th{text-align:left;padding:1.25rem 2rem;background:#f8fafc;color:#64748b;font-size:.75rem;text-transform:uppercase;font-weight:700}.expenses-table td{padding:1.25rem 2rem;border-bottom:1px solid #f1f5f9;font-size:.9375rem}.vendor-name{font-weight:700;color:#0f172a}.category-tag{font-size:.75rem;color:#64748b;margin-top:.25rem}.amount-cell{font-weight:800;color:#0f172a;font-family:monospace;font-size:1.125rem}.status-pill{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:2rem;font-size:.75rem;font-weight:700;text-transform:uppercase}.status-pill.pending{background:#fffbeb;color:#d97706}.status-pill.approved{background:#f0fdf4;color:#16a34a}.status-pill.rejected{background:#fff1f2;color:#e11d48}.view-receipt{display:flex;align-items:center;gap:.5rem;color:#2563eb;font-weight:600;font-size:.875rem;background:none;border:none;cursor:pointer}.action-row{display:flex;gap:.75rem}.approve-btn{background:#16a34a;color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;font-weight:600;cursor:pointer;font-size:.8125rem}.reject-btn{background:#fff;color:#e11d48;border:1px solid #e11d48;padding:.5rem 1rem;border-radius:.5rem;font-weight:600;cursor:pointer;font-size:.8125rem}.modal-overlay{position:fixed;inset:0;background:#0f172a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.5rem}.entry-modal{background:#fff;width:100%;max-width:700px;border-radius:2rem;box-shadow:0 25px 50px -12px #00000040;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:scale(.95);opacity:0}}.modal-header{padding:2rem;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.modal-header h3{font-size:1.25rem;font-weight:800;display:flex;align-items:center;gap:.75rem}.close-btn{background:none;border:none;color:#94a3b8;cursor:pointer}form{padding:2rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.form-group label{display:block;font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem 1rem;border-radius:.75rem;border:1px solid #e2e8f0;font-size:.9375rem}.upload-box{background:#f8fafc;border:2px dashed #e2e8f0;padding:1.5rem;border-radius:1rem;display:flex;align-items:center;gap:1.25rem;margin-top:1.5rem}.alert-icon{color:#e11d48;flex-shrink:0}.upload-info h4{font-size:.875rem;font-weight:700;margin:0}.upload-info p{font-size:.75rem;color:#64748b;margin:.25rem 0 .75rem}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;margin-top:2.5rem}.cancel-btn{background:#f1f5f9;color:#64748b;border:none;padding:.875rem 1.5rem;border-radius:.75rem;font-weight:700;cursor:pointer}.submit-btn{background:#e11d48;color:#fff;border:none;padding:.875rem 1.5rem;border-radius:.75rem;font-weight:700;cursor:pointer}.submit-btn.reject{background:#0f172a}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.rejection-modal{background:#fff;width:100%;max-width:480px;border-radius:2rem;box-shadow:0 25px 50px -12px #00000040;overflow:hidden}.modal-body{padding:2rem}.modal-body p{color:#64748b;font-size:.875rem;margin-bottom:1.5rem}.modal-body textarea{width:100%;min-height:120px;padding:1rem;border-radius:1rem;border:1px solid #e2e8f0;font-size:.9375rem;resize:vertical}.modal-body textarea:focus{outline:2px solid #e11d4822;border-color:#e11d48}.settings-page{padding:2.5rem;background:#fcfcfd;min-height:100vh}.settings-header{margin-bottom:3rem}.settings-header h1{font-size:2.5rem;font-weight:800;color:#0f172a;letter-spacing:-.025em}.settings-header p{color:#64748b;font-size:1.125rem;margin-top:.5rem}.settings-container{display:grid;grid-template-columns:320px 1fr;gap:3rem;align-items:start}.settings-sidebar{display:flex;flex-direction:column;gap:2rem}.settings-nav{display:flex;flex-direction:column;gap:.5rem}.nav-item{display:flex;align-items:center;gap:1.25rem;padding:1.25rem;border-radius:1.25rem;background:transparent;border:1px solid transparent;color:#64748b;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:left}.nav-item:hover{background:#fff;border-color:#f1f5f9;color:#0f172a}.nav-item.active{background:#fff;border-color:#e11d4822;box-shadow:0 10px 15px -3px #e11d480d;color:#e11d48}.nav-label span{display:block;font-weight:700;font-size:1rem}.nav-label small{font-size:.75rem;opacity:.8;font-weight:500}.logout-trigger{margin-top:2rem;display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-radius:1rem;border:1px solid #fee2e2;background:#fef2f2;color:#dc2626;font-weight:700;font-size:.875rem;cursor:pointer;transition:all .2s}.logout-trigger:hover{background:#dc2626;color:#fff}.settings-card{padding:3rem;min-height:600px}.glass-card{background:#fff;border-radius:2rem;border:1px solid #f1f5f9;box-shadow:0 1px 3px #00000005,0 1px 2px -1px #00000005}.section-header{margin-bottom:2.5rem}.section-header h2{font-size:1.75rem;font-weight:800;color:#0f172a}.section-header p{color:#64748b;margin-top:.5rem}.profile-avatar-row{display:flex;align-items:center;gap:2rem;margin-bottom:3rem;padding:1.5rem;background:#f8fafc;border-radius:1.5rem}.avatar-big{width:6rem;height:6rem;border-radius:2rem;background:#0f172a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;position:relative}.edit-avatar{position:absolute;bottom:-.5rem;right:-.5rem;width:2rem;height:2rem;border-radius:.75rem;background:#fff;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 6px -1px #0000001a}.avatar-info h3{font-size:1.25rem;font-weight:800}.role-badge{display:inline-block;margin-top:.5rem;padding:.25rem .75rem;background:#e11d4811;color:#e11d48;border-radius:2rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.settings-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.settings-form .form-grid.single{grid-template-columns:1fr;max-width:400px}.form-group.full{grid-column:span 2}.form-group label{display:block;font-size:.875rem;font-weight:700;color:#475569;margin-bottom:.75rem}.form-group input,.form-group textarea{width:100%;padding:1rem;border-radius:1rem;border:1px solid #e2e8f0;font-size:1rem;transition:all .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#e11d48;box-shadow:0 0 0 4px #e11d4811}.form-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid #f1f5f9}.save-btn{background:#e11d48;color:#fff;border:none;padding:1rem 2rem;border-radius:1rem;font-weight:700;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .2s}.save-btn:hover{background:#be123c;transform:translateY(-1px)}.save-btn.secondary{background:#0f172a}.security-alert{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#fffbeb;border:1px solid #fde68a;border-radius:1rem;color:#92400e;font-size:.875rem;font-weight:600;margin-bottom:2.5rem}.config-grid{display:grid;gap:1.5rem}.config-item{display:flex;align-items:center;justify-content:space-between;padding:2rem;background:#f8fafc;border-radius:1.5rem;border:1px solid #f1f5f9}.config-main{display:flex;align-items:center;gap:1.5rem}.config-info h4{font-size:1rem;font-weight:700;color:#0f172a}.config-info p{font-size:.875rem;color:#64748b;margin-top:.25rem}.status-tag{padding:.5rem 1rem;border-radius:2rem;font-size:.75rem;font-weight:700;text-transform:uppercase}.status-tag.active{background:#dcfce7;color:#166534}.status-tag.inactive{background:#fee2e2;color:#991b1b}.action-link{color:#2563eb;font-weight:700;font-size:.875rem;background:none;border:none;cursor:pointer;text-decoration:underline}@media(max-width:768px){.settings-page{padding:12px}.settings-header{margin-bottom:12px;text-align:center}.settings-header h1{font-size:18px;font-weight:700}.settings-header p{font-size:12px}.settings-container{grid-template-columns:1fr;gap:12px}.settings-sidebar{width:100%;flex-direction:row;overflow-x:auto;gap:8px;padding-bottom:4px;border-bottom:1px solid #f1f5f9}.settings-nav{flex-direction:row;gap:6px;width:100%}.nav-item{flex:1;padding:8px 12px;border-radius:8px;gap:6px;min-width:120px;justify-content:center}.nav-label span{font-size:12px;font-weight:600}.nav-label small,.logout-trigger{display:none}.settings-content{width:100%}.settings-card{padding:16px;border-radius:12px}.section-header h2{font-size:14px;font-weight:700}.section-header p{font-size:11px}.settings-form .form-grid{grid-template-columns:1fr!important;gap:12px!important}.form-group.full{grid-column:span 1!important}.form-group label{font-size:11px;font-weight:500;margin-bottom:4px}.form-group input,.form-group textarea{padding:8px 12px;font-size:12px;border-radius:8px}.profile-avatar-row{gap:12px;margin-bottom:16px}.avatar-big{width:48px;height:48px;font-size:16px}.avatar-info h3{font-size:14px;font-weight:700}.form-footer{margin-top:16px;padding-top:12px}.save-btn{padding:10px 16px;font-size:12px;border-radius:8px;width:100%;justify-content:center}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-red-900:oklch(39.6% .141 25.723);--color-orange-50:oklch(98% .016 73.684);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-700:oklch(55.4% .135 66.442);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-800:oklch(43.2% .095 166.913);--color-emerald-900:oklch(37.8% .077 168.94);--color-emerald-950:oklch(26.2% .051 172.552);--color-teal-50:oklch(98.4% .014 180.72);--color-teal-500:oklch(70.4% .14 182.503);--color-teal-600:oklch(60% .118 184.704);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-indigo-50:oklch(96.2% .018 272.314);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-200:oklch(87% .065 274.039);--color-indigo-300:oklch(78.5% .115 274.713);--color-indigo-400:oklch(67.3% .182 276.935);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-700:oklch(45.7% .24 277.023);--color-indigo-800:oklch(39.8% .195 277.366);--color-indigo-900:oklch(35.9% .144 278.697);--color-indigo-950:oklch(25.7% .09 281.288);--color-violet-50:oklch(96.9% .016 293.756);--color-violet-600:oklch(54.1% .281 293.009);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-700:oklch(49.6% .265 301.924);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-100:oklch(94.1% .03 12.58);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-400:oklch(71.2% .194 13.428);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-600:oklch(58.6% .253 17.585);--color-rose-700:oklch(51.4% .222 16.935);--color-rose-800:oklch(45.5% .188 13.697);--color-rose-900:oklch(41% .159 10.272);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-slate-950:oklch(12.9% .042 264.695);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-light:300;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-xs:4px;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-display:var(--font-display);--font-ui:var(--font-ui)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{box-sizing:border-box}html{font-family:var(--font-ui);color:var(--color-gray-900);background:var(--color-white);font-size:14px}body{-webkit-font-smoothing:antialiased;min-height:100vh;margin:0}h1,h2,h3{font-family:var(--font-display)}}@layer components{.btn{height:48px;padding:0 var(--space-3);font-size:14px;font-weight:700;font-family:var(--font-ui);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-1);box-sizing:border-box;border:1px solid #0000;border-radius:8px;text-decoration:none;transition:background .2s,color .2s,border-color .2s,transform .1s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background:var(--color-primary-dark)}.btn-outline{border-color:var(--color-primary);color:var(--color-primary);background:0 0}.btn-outline:hover{background:var(--color-primary);color:var(--color-white)}.btn-ghost{background:var(--color-gray-50);border-color:var(--color-gray-100);color:var(--color-gray-900)}.btn-ghost:hover{border-color:var(--color-primary-light);color:var(--color-primary)}.field{flex-direction:column;gap:8px;display:flex}.field label{color:var(--color-gray-900);font-size:14px;font-weight:600}.input{border:1px solid var(--color-gray-100);height:48px;padding:0 var(--space-2);font-family:var(--font-ui);background:var(--color-white);color:var(--color-gray-900);border-radius:8px;font-size:14px}.input:focus{outline:2px solid var(--color-primary);outline-offset:2px;border-color:var(--color-primary)}.input::placeholder{color:var(--color-gray-400)}.textarea{resize:vertical;min-height:96px;padding:var(--space-2);line-height:1.4}.help-text{color:var(--color-gray-600);font-size:12px}.error-text{color:var(--color-error);font-size:12px;font-weight:600}}@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.-top-1{top:calc(var(--spacing) * -1)}.-top-2{top:calc(var(--spacing) * -2)}.top-0{top:calc(var(--spacing) * 0)}.top-1{top:calc(var(--spacing) * 1)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-2\.5{top:calc(var(--spacing) * 2.5)}.top-3{top:calc(var(--spacing) * 3)}.-right-0\.5{right:calc(var(--spacing) * -.5)}.-right-1{right:calc(var(--spacing) * -1)}.-right-2{right:calc(var(--spacing) * -2)}.right-0{right:calc(var(--spacing) * 0)}.-bottom-0\.5{bottom:calc(var(--spacing) * -.5)}.-left-\[9px\]{left:-9px}.left-0{left:calc(var(--spacing) * 0)}.left-2{left:calc(var(--spacing) * 2)}.left-3{left:calc(var(--spacing) * 3)}.left-3\.5{left:calc(var(--spacing) * 3.5)}.left-4{left:calc(var(--spacing) * 4)}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[60\]{z-index:60}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-5{grid-column:span 5/span 5}.col-span-12{grid-column:span 12/span 12}.col-span-full{grid-column:1/-1}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.-mx-6{margin-inline:calc(var(--spacing) * -6)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-auto{margin-inline:auto}.-my-4{margin-block:calc(var(--spacing) * -4)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-3\.5{margin-top:calc(var(--spacing) * 3.5)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-auto{margin-top:auto}.mr-1{margin-right:calc(var(--spacing) * 1)}.mr-1\.5{margin-right:calc(var(--spacing) * 1.5)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-1{height:calc(var(--spacing) * 1)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-4\.5{height:calc(var(--spacing) * 4.5)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-32{height:calc(var(--spacing) * 32)}.h-48{height:calc(var(--spacing) * 48)}.h-\[38px\]{height:38px}.h-\[75vh\]{height:75vh}.h-\[400px\]{height:400px}.h-full{height:100%}.max-h-48{max-height:calc(var(--spacing) * 48)}.max-h-\[70vh\]{max-height:70vh}.max-h-\[85vh\]{max-height:85vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[140px\]{max-height:140px}.max-h-\[160px\]{max-height:160px}.max-h-\[170px\]{max-height:170px}.max-h-\[180px\]{max-height:180px}.max-h-\[190px\]{max-height:190px}.max-h-\[220px\]{max-height:220px}.max-h-\[250px\]{max-height:250px}.max-h-\[260px\]{max-height:260px}.max-h-\[calc\(100vh-350px\)\]{max-height:calc(100vh - 350px)}.min-h-\[80px\]{min-height:80px}.min-h-\[100px\]{min-height:100px}.min-h-\[140px\]{min-height:140px}.min-h-\[250px\]{min-height:250px}.min-h-\[260px\]{min-height:260px}.min-h-\[300px\]{min-height:300px}.min-h-\[400px\]{min-height:400px}.min-h-\[500px\]{min-height:500px}.min-h-\[600px\]{min-height:600px}.min-h-screen{min-height:100vh}.w-1{width:calc(var(--spacing) * 1)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-1\/3{width:33.3333%}.w-2{width:calc(var(--spacing) * 2)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-4\.5{width:calc(var(--spacing) * 4.5)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-32{width:calc(var(--spacing) * 32)}.w-48{width:calc(var(--spacing) * 48)}.w-80{width:calc(var(--spacing) * 80)}.w-\[150px\]{width:150px}.w-\[200px\]{width:200px}.w-fit{width:fit-content}.w-full{width:100%}.w-screen{width:100vw}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[120px\]{max-width:120px}.max-w-\[150px\]{max-width:150px}.max-w-\[200px\]{max-width:200px}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\[120px\]{min-width:120px}.min-w-\[130px\]{min-width:130px}.min-w-\[140px\]{min-width:140px}.min-w-\[150px\]{min-width:150px}.min-w-\[180px\]{min-width:180px}.min-w-\[200px\]{min-width:200px}.min-w-\[240px\]{min-width:240px}.min-w-\[280px\]{min-width:280px}.min-w-\[600px\]{min-width:600px}.min-w-\[640px\]{min-width:640px}.min-w-\[1000px\]{min-width:1000px}.min-w-\[1100px\]{min-width:1100px}.flex-1{flex:1}.flex-3{flex:3}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.translate-x-2{--tw-translate-x:calc(var(--spacing) * 2);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-16{--tw-translate-x:calc(var(--spacing) * 16);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-16{--tw-translate-y:calc(var(--spacing) * -16);translate:var(--tw-translate-x) var(--tw-translate-y)}.-rotate-90{rotate:-90deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.appearance-none{appearance: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))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-y-1{row-gap:calc(var(--spacing) * 1)}.gap-y-1\.5{row-gap:calc(var(--spacing) * 1.5)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-gray-50>:not(:last-child)){border-color:var(--color-gray-50)}:where(.divide-gray-100>:not(:last-child)){border-color:var(--color-gray-100)}:where(.divide-slate-50>:not(:last-child)){border-color:var(--color-slate-50)}:where(.divide-slate-100>:not(:last-child)){border-color:var(--color-slate-100)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-4{border-top-style:var(--tw-border-style);border-top-width:4px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-amber-100{border-color:var(--color-amber-100)}.border-amber-200{border-color:var(--color-amber-200)}.border-amber-200\/80{border-color:#fee685cc}@supports (color:color-mix(in lab,red,red)){.border-amber-200\/80{border-color:color-mix(in oklab,var(--color-amber-200) 80%,transparent)}}.border-blue-100{border-color:var(--color-blue-100)}.border-blue-100\/50{border-color:#dbeafe80}@supports (color:color-mix(in lab,red,red)){.border-blue-100\/50{border-color:color-mix(in oklab,var(--color-blue-100) 50%,transparent)}}.border-blue-200{border-color:var(--color-blue-200)}.border-emerald-100{border-color:var(--color-emerald-100)}.border-emerald-100\/60{border-color:#d0fae599}@supports (color:color-mix(in lab,red,red)){.border-emerald-100\/60{border-color:color-mix(in oklab,var(--color-emerald-100) 60%,transparent)}}.border-emerald-200{border-color:var(--color-emerald-200)}.border-emerald-200\/60{border-color:#a4f4cf99}@supports (color:color-mix(in lab,red,red)){.border-emerald-200\/60{border-color:color-mix(in oklab,var(--color-emerald-200) 60%,transparent)}}.border-emerald-200\/80{border-color:#a4f4cfcc}@supports (color:color-mix(in lab,red,red)){.border-emerald-200\/80{border-color:color-mix(in oklab,var(--color-emerald-200) 80%,transparent)}}.border-emerald-300{border-color:var(--color-emerald-300)}.border-emerald-500{border-color:var(--color-emerald-500)}.border-emerald-500\/30{border-color:#00bb7f4d}@supports (color:color-mix(in lab,red,red)){.border-emerald-500\/30{border-color:color-mix(in oklab,var(--color-emerald-500) 30%,transparent)}}.border-emerald-600{border-color:var(--color-emerald-600)}.border-gray-50{border-color:var(--color-gray-50)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-100\/50{border-color:#f3f4f680}@supports (color:color-mix(in lab,red,red)){.border-gray-100\/50{border-color:color-mix(in oklab,var(--color-gray-100) 50%,transparent)}}.border-gray-100\/80{border-color:#f3f4f6cc}@supports (color:color-mix(in lab,red,red)){.border-gray-100\/80{border-color:color-mix(in oklab,var(--color-gray-100) 80%,transparent)}}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-200\/60{border-color:#e5e7eb99}@supports (color:color-mix(in lab,red,red)){.border-gray-200\/60{border-color:color-mix(in oklab,var(--color-gray-200) 60%,transparent)}}.border-gray-200\/80{border-color:#e5e7ebcc}@supports (color:color-mix(in lab,red,red)){.border-gray-200\/80{border-color:color-mix(in oklab,var(--color-gray-200) 80%,transparent)}}.border-gray-300{border-color:var(--color-gray-300)}.border-green-100{border-color:var(--color-green-100)}.border-green-200{border-color:var(--color-green-200)}.border-indigo-50{border-color:var(--color-indigo-50)}.border-indigo-100{border-color:var(--color-indigo-100)}.border-indigo-100\/40{border-color:#e0e7ff66}@supports (color:color-mix(in lab,red,red)){.border-indigo-100\/40{border-color:color-mix(in oklab,var(--color-indigo-100) 40%,transparent)}}.border-indigo-100\/50{border-color:#e0e7ff80}@supports (color:color-mix(in lab,red,red)){.border-indigo-100\/50{border-color:color-mix(in oklab,var(--color-indigo-100) 50%,transparent)}}.border-indigo-200{border-color:var(--color-indigo-200)}.border-indigo-600{border-color:var(--color-indigo-600)}.border-orange-100{border-color:var(--color-orange-100)}.border-red-100{border-color:var(--color-red-100)}.border-red-200{border-color:var(--color-red-200)}.border-red-500{border-color:var(--color-red-500)}.border-rose-100{border-color:var(--color-rose-100)}.border-rose-100\/60{border-color:#ffe4e699}@supports (color:color-mix(in lab,red,red)){.border-rose-100\/60{border-color:color-mix(in oklab,var(--color-rose-100) 60%,transparent)}}.border-rose-600{border-color:var(--color-rose-600)}.border-slate-50{border-color:var(--color-slate-50)}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-100\/50{border-color:#f1f5f980}@supports (color:color-mix(in lab,red,red)){.border-slate-100\/50{border-color:color-mix(in oklab,var(--color-slate-100) 50%,transparent)}}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-200\/50{border-color:#e2e8f080}@supports (color:color-mix(in lab,red,red)){.border-slate-200\/50{border-color:color-mix(in oklab,var(--color-slate-200) 50%,transparent)}}.border-slate-200\/60{border-color:#e2e8f099}@supports (color:color-mix(in lab,red,red)){.border-slate-200\/60{border-color:color-mix(in oklab,var(--color-slate-200) 60%,transparent)}}.border-slate-200\/80{border-color:#e2e8f0cc}@supports (color:color-mix(in lab,red,red)){.border-slate-200\/80{border-color:color-mix(in oklab,var(--color-slate-200) 80%,transparent)}}.border-slate-200\/90{border-color:#e2e8f0e6}@supports (color:color-mix(in lab,red,red)){.border-slate-200\/90{border-color:color-mix(in oklab,var(--color-slate-200) 90%,transparent)}}.border-slate-300{border-color:var(--color-slate-300)}.border-slate-800{border-color:var(--color-slate-800)}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.border-yellow-100{border-color:var(--color-yellow-100)}.border-t-amber-600{border-top-color:var(--color-amber-600)}.border-t-blue-600{border-top-color:var(--color-blue-600)}.border-t-emerald-600{border-top-color:var(--color-emerald-600)}.border-t-indigo-600{border-top-color:var(--color-indigo-600)}.border-t-rose-600{border-top-color:var(--color-rose-600)}.border-t-slate-600{border-top-color:var(--color-slate-600)}.border-t-teal-600{border-top-color:var(--color-teal-600)}.border-t-transparent{border-top-color:#0000}.border-t-violet-600{border-top-color:var(--color-violet-600)}.border-t-yellow-500{border-top-color:var(--color-yellow-500)}.border-l-amber-500{border-left-color:var(--color-amber-500)}.border-l-blue-600{border-left-color:var(--color-blue-600)}.border-l-emerald-500{border-left-color:var(--color-emerald-500)}.border-l-emerald-600{border-left-color:var(--color-emerald-600)}.border-l-indigo-500{border-left-color:var(--color-indigo-500)}.border-l-indigo-600{border-left-color:var(--color-indigo-600)}.border-l-rose-500{border-left-color:var(--color-rose-500)}.border-l-rose-600{border-left-color:var(--color-rose-600)}.border-l-slate-400{border-left-color:var(--color-slate-400)}.border-l-teal-500{border-left-color:var(--color-teal-500)}.border-l-teal-600{border-left-color:var(--color-teal-600)}.bg-\[\#5cb85c\]{background-color:#5cb85c}.bg-\[\#0087ba\]{background-color:#0087ba}.bg-\[\#fdfdfd\]{background-color:#fdfdfd}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-50\/50{background-color:#fffbeb80}@supports (color:color-mix(in lab,red,red)){.bg-amber-50\/50{background-color:color-mix(in oklab,var(--color-amber-50) 50%,transparent)}}.bg-amber-50\/70{background-color:#fffbebb3}@supports (color:color-mix(in lab,red,red)){.bg-amber-50\/70{background-color:color-mix(in oklab,var(--color-amber-50) 70%,transparent)}}.bg-amber-100{background-color:var(--color-amber-100)}.bg-amber-200\/60{background-color:#fee68599}@supports (color:color-mix(in lab,red,red)){.bg-amber-200\/60{background-color:color-mix(in oklab,var(--color-amber-200) 60%,transparent)}}.bg-amber-500{background-color:var(--color-amber-500)}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab,red,red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black) 40%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-50\/50{background-color:#eff6ff80}@supports (color:color-mix(in lab,red,red)){.bg-blue-50\/50{background-color:color-mix(in oklab,var(--color-blue-50) 50%,transparent)}}.bg-blue-50\/70{background-color:#eff6ffb3}@supports (color:color-mix(in lab,red,red)){.bg-blue-50\/70{background-color:color-mix(in oklab,var(--color-blue-50) 70%,transparent)}}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-100\/70{background-color:#dbeafeb3}@supports (color:color-mix(in lab,red,red)){.bg-blue-100\/70{background-color:color-mix(in oklab,var(--color-blue-100) 70%,transparent)}}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-current{background-color:currentColor}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-50\/20{background-color:#ecfdf533}@supports (color:color-mix(in lab,red,red)){.bg-emerald-50\/20{background-color:color-mix(in oklab,var(--color-emerald-50) 20%,transparent)}}.bg-emerald-50\/30{background-color:#ecfdf54d}@supports (color:color-mix(in lab,red,red)){.bg-emerald-50\/30{background-color:color-mix(in oklab,var(--color-emerald-50) 30%,transparent)}}.bg-emerald-50\/50{background-color:#ecfdf580}@supports (color:color-mix(in lab,red,red)){.bg-emerald-50\/50{background-color:color-mix(in oklab,var(--color-emerald-50) 50%,transparent)}}.bg-emerald-50\/60{background-color:#ecfdf599}@supports (color:color-mix(in lab,red,red)){.bg-emerald-50\/60{background-color:color-mix(in oklab,var(--color-emerald-50) 60%,transparent)}}.bg-emerald-50\/80{background-color:#ecfdf5cc}@supports (color:color-mix(in lab,red,red)){.bg-emerald-50\/80{background-color:color-mix(in oklab,var(--color-emerald-50) 80%,transparent)}}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-emerald-500\/20{background-color:#00bb7f33}@supports (color:color-mix(in lab,red,red)){.bg-emerald-500\/20{background-color:color-mix(in oklab,var(--color-emerald-500) 20%,transparent)}}.bg-emerald-600{background-color:var(--color-emerald-600)}.bg-emerald-950{background-color:var(--color-emerald-950)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-50\/20{background-color:#f9fafb33}@supports (color:color-mix(in lab,red,red)){.bg-gray-50\/20{background-color:color-mix(in oklab,var(--color-gray-50) 20%,transparent)}}.bg-gray-50\/30{background-color:#f9fafb4d}@supports (color:color-mix(in lab,red,red)){.bg-gray-50\/30{background-color:color-mix(in oklab,var(--color-gray-50) 30%,transparent)}}.bg-gray-50\/50{background-color:#f9fafb80}@supports (color:color-mix(in lab,red,red)){.bg-gray-50\/50{background-color:color-mix(in oklab,var(--color-gray-50) 50%,transparent)}}.bg-gray-50\/60{background-color:#f9fafb99}@supports (color:color-mix(in lab,red,red)){.bg-gray-50\/60{background-color:color-mix(in oklab,var(--color-gray-50) 60%,transparent)}}.bg-gray-50\/80{background-color:#f9fafbcc}@supports (color:color-mix(in lab,red,red)){.bg-gray-50\/80{background-color:color-mix(in oklab,var(--color-gray-50) 80%,transparent)}}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-100\/80{background-color:#f3f4f6cc}@supports (color:color-mix(in lab,red,red)){.bg-gray-100\/80{background-color:color-mix(in oklab,var(--color-gray-100) 80%,transparent)}}.bg-gray-200{background-color:var(--color-gray-200)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-50\/20{background-color:#f0fdf433}@supports (color:color-mix(in lab,red,red)){.bg-green-50\/20{background-color:color-mix(in oklab,var(--color-green-50) 20%,transparent)}}.bg-green-50\/30{background-color:#f0fdf44d}@supports (color:color-mix(in lab,red,red)){.bg-green-50\/30{background-color:color-mix(in oklab,var(--color-green-50) 30%,transparent)}}.bg-green-100{background-color:var(--color-green-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-600{background-color:var(--color-green-600)}.bg-indigo-50{background-color:var(--color-indigo-50)}.bg-indigo-50\/10{background-color:#eef2ff1a}@supports (color:color-mix(in lab,red,red)){.bg-indigo-50\/10{background-color:color-mix(in oklab,var(--color-indigo-50) 10%,transparent)}}.bg-indigo-50\/30{background-color:#eef2ff4d}@supports (color:color-mix(in lab,red,red)){.bg-indigo-50\/30{background-color:color-mix(in oklab,var(--color-indigo-50) 30%,transparent)}}.bg-indigo-50\/50{background-color:#eef2ff80}@supports (color:color-mix(in lab,red,red)){.bg-indigo-50\/50{background-color:color-mix(in oklab,var(--color-indigo-50) 50%,transparent)}}.bg-indigo-100{background-color:var(--color-indigo-100)}.bg-indigo-200{background-color:var(--color-indigo-200)}.bg-indigo-500{background-color:var(--color-indigo-500)}.bg-indigo-600{background-color:var(--color-indigo-600)}.bg-orange-50{background-color:var(--color-orange-50)}.bg-orange-50\/50{background-color:#fff7ed80}@supports (color:color-mix(in lab,red,red)){.bg-orange-50\/50{background-color:color-mix(in oklab,var(--color-orange-50) 50%,transparent)}}.bg-orange-400{background-color:var(--color-orange-400)}.bg-purple-50{background-color:var(--color-purple-50)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-50\/10{background-color:#fef2f21a}@supports (color:color-mix(in lab,red,red)){.bg-red-50\/10{background-color:color-mix(in oklab,var(--color-red-50) 10%,transparent)}}.bg-red-50\/20{background-color:#fef2f233}@supports (color:color-mix(in lab,red,red)){.bg-red-50\/20{background-color:color-mix(in oklab,var(--color-red-50) 20%,transparent)}}.bg-red-50\/30{background-color:#fef2f24d}@supports (color:color-mix(in lab,red,red)){.bg-red-50\/30{background-color:color-mix(in oklab,var(--color-red-50) 30%,transparent)}}.bg-red-50\/50{background-color:#fef2f280}@supports (color:color-mix(in lab,red,red)){.bg-red-50\/50{background-color:color-mix(in oklab,var(--color-red-50) 50%,transparent)}}.bg-red-50\/60{background-color:#fef2f299}@supports (color:color-mix(in lab,red,red)){.bg-red-50\/60{background-color:color-mix(in oklab,var(--color-red-50) 60%,transparent)}}.bg-red-100{background-color:var(--color-red-100)}.bg-red-600{background-color:var(--color-red-600)}.bg-rose-50{background-color:var(--color-rose-50)}.bg-rose-50\/50{background-color:#fff1f280}@supports (color:color-mix(in lab,red,red)){.bg-rose-50\/50{background-color:color-mix(in oklab,var(--color-rose-50) 50%,transparent)}}.bg-rose-100{background-color:var(--color-rose-100)}.bg-rose-500{background-color:var(--color-rose-500)}.bg-rose-600{background-color:var(--color-rose-600)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-50\/20{background-color:#f8fafc33}@supports (color:color-mix(in lab,red,red)){.bg-slate-50\/20{background-color:color-mix(in oklab,var(--color-slate-50) 20%,transparent)}}.bg-slate-50\/30{background-color:#f8fafc4d}@supports (color:color-mix(in lab,red,red)){.bg-slate-50\/30{background-color:color-mix(in oklab,var(--color-slate-50) 30%,transparent)}}.bg-slate-50\/50{background-color:#f8fafc80}@supports (color:color-mix(in lab,red,red)){.bg-slate-50\/50{background-color:color-mix(in oklab,var(--color-slate-50) 50%,transparent)}}.bg-slate-50\/80{background-color:#f8fafccc}@supports (color:color-mix(in lab,red,red)){.bg-slate-50\/80{background-color:color-mix(in oklab,var(--color-slate-50) 80%,transparent)}}.bg-slate-50\/90{background-color:#f8fafce6}@supports (color:color-mix(in lab,red,red)){.bg-slate-50\/90{background-color:color-mix(in oklab,var(--color-slate-50) 90%,transparent)}}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-100\/80{background-color:#f1f5f9cc}@supports (color:color-mix(in lab,red,red)){.bg-slate-100\/80{background-color:color-mix(in oklab,var(--color-slate-100) 80%,transparent)}}.bg-slate-200{background-color:var(--color-slate-200)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-slate-900\/60{background-color:#0f172b99}@supports (color:color-mix(in lab,red,red)){.bg-slate-900\/60{background-color:color-mix(in oklab,var(--color-slate-900) 60%,transparent)}}.bg-slate-950{background-color:var(--color-slate-950)}.bg-teal-50{background-color:var(--color-teal-50)}.bg-transparent{background-color:#0000}.bg-violet-50{background-color:var(--color-violet-50)}.bg-white{background-color:var(--color-white)}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.bg-white\/20{background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.bg-white\/50{background-color:#ffffff80}@supports (color:color-mix(in lab,red,red)){.bg-white\/50{background-color:color-mix(in oklab,var(--color-white) 50%,transparent)}}.bg-white\/60{background-color:#fff9}@supports (color:color-mix(in lab,red,red)){.bg-white\/60{background-color:color-mix(in oklab,var(--color-white) 60%,transparent)}}.bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.bg-white\/90{background-color:color-mix(in oklab,var(--color-white) 90%,transparent)}}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-yellow-50\/20{background-color:#fefce833}@supports (color:color-mix(in lab,red,red)){.bg-yellow-50\/20{background-color:color-mix(in oklab,var(--color-yellow-50) 20%,transparent)}}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-emerald-500{--tw-gradient-from:var(--color-emerald-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-indigo-500{--tw-gradient-from:var(--color-indigo-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-slate-900{--tw-gradient-from:var(--color-slate-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-indigo-950{--tw-gradient-to:var(--color-indigo-950);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-purple-500{--tw-gradient-to:var(--color-purple-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-teal-600{--tw-gradient-to:var(--color-teal-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.stroke-\[3\]{stroke-width:3px}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing) * 0)}.p-1{padding:calc(var(--spacing) * 1)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-3\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-10{padding:calc(var(--spacing) * 10)}.p-12{padding:calc(var(--spacing) * 12)}.p-16{padding:calc(var(--spacing) * 16)}.p-20{padding:calc(var(--spacing) * 20)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-10{padding-inline:calc(var(--spacing) * 10)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-4\.5{padding-block:calc(var(--spacing) * 4.5)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-20{padding-block:calc(var(--spacing) * 20)}.py-24{padding-block:calc(var(--spacing) * 24)}.py-32{padding-block:calc(var(--spacing) * 32)}.py-40{padding-block:calc(var(--spacing) * 40)}.pt-0\.5{padding-top:calc(var(--spacing) * .5)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-2\.5{padding-top:calc(var(--spacing) * 2.5)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pr-0{padding-right:calc(var(--spacing) * 0)}.pr-1{padding-right:calc(var(--spacing) * 1)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pb-1\.5{padding-bottom:calc(var(--spacing) * 1.5)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-2\.5{padding-bottom:calc(var(--spacing) * 2.5)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-6{padding-left:calc(var(--spacing) * 6)}.pl-7{padding-left:calc(var(--spacing) * 7)}.pl-8{padding-left:calc(var(--spacing) * 8)}.pl-9{padding-left:calc(var(--spacing) * 9)}.pl-10{padding-left:calc(var(--spacing) * 10)}.pl-12{padding-left:calc(var(--spacing) * 12)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10\.5px\]{font-size:10.5px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-tighter{--tw-tracking:var(--tracking-tighter);letter-spacing:var(--tracking-tighter)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[\#5cb85c\]{color:#5cb85c}.text-\[\#0087ba\]{color:#0087ba}.text-\[\#0284c7\]{color:#0284c7}.text-\[\#d0021b\]{color:#d0021b}.text-amber-500{color:var(--color-amber-500)}.text-amber-600{color:var(--color-amber-600)}.text-amber-700{color:var(--color-amber-700)}.text-amber-800{color:var(--color-amber-800)}.text-amber-900{color:var(--color-amber-900)}.text-blue-400{color:var(--color-blue-400)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-emerald-50{color:var(--color-emerald-50)}.text-emerald-300{color:var(--color-emerald-300)}.text-emerald-400{color:var(--color-emerald-400)}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-700{color:var(--color-emerald-700)}.text-emerald-800{color:var(--color-emerald-800)}.text-emerald-900{color:var(--color-emerald-900)}.text-emerald-950{color:var(--color-emerald-950)}.text-gray-100{color:var(--color-gray-100)}.text-gray-200{color:var(--color-gray-200)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-green-800{color:var(--color-green-800)}.text-indigo-200{color:var(--color-indigo-200)}.text-indigo-200\/80{color:#c7d2ffcc}@supports (color:color-mix(in lab,red,red)){.text-indigo-200\/80{color:color-mix(in oklab,var(--color-indigo-200) 80%,transparent)}}.text-indigo-300{color:var(--color-indigo-300)}.text-indigo-400{color:var(--color-indigo-400)}.text-indigo-500{color:var(--color-indigo-500)}.text-indigo-600{color:var(--color-indigo-600)}.text-indigo-700{color:var(--color-indigo-700)}.text-indigo-700\/80{color:#432dd7cc}@supports (color:color-mix(in lab,red,red)){.text-indigo-700\/80{color:color-mix(in oklab,var(--color-indigo-700) 80%,transparent)}}.text-indigo-800{color:var(--color-indigo-800)}.text-indigo-900{color:var(--color-indigo-900)}.text-indigo-950{color:var(--color-indigo-950)}.text-orange-500{color:var(--color-orange-500)}.text-purple-600{color:var(--color-purple-600)}.text-purple-700{color:var(--color-purple-700)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-red-800{color:var(--color-red-800)}.text-red-900{color:var(--color-red-900)}.text-rose-400{color:var(--color-rose-400)}.text-rose-500{color:var(--color-rose-500)}.text-rose-600{color:var(--color-rose-600)}.text-rose-600\/90{color:#e70044e6}@supports (color:color-mix(in lab,red,red)){.text-rose-600\/90{color:color-mix(in oklab,var(--color-rose-600) 90%,transparent)}}.text-rose-700{color:var(--color-rose-700)}.text-rose-800{color:var(--color-rose-800)}.text-slate-100{color:var(--color-slate-100)}.text-slate-200{color:var(--color-slate-200)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-teal-600{color:var(--color-teal-600)}.text-violet-600{color:var(--color-violet-600)}.text-white{color:var(--color-white)}.text-white\/40{color:#fff6}@supports (color:color-mix(in lab,red,red)){.text-white\/40{color:color-mix(in oklab,var(--color-white) 40%,transparent)}}.text-yellow-500{color:var(--color-yellow-500)}.text-yellow-700{color:var(--color-yellow-700)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.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,)}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.decoration-slate-200{-webkit-text-decoration-color:var(--color-slate-200);text-decoration-color:var(--color-slate-200)}.underline-offset-4{text-underline-offset:4px}.placeholder-slate-400::placeholder{color:var(--color-slate-400)}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xs{--tw-shadow:0 1px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-blue-100{--tw-shadow-color:oklch(93.2% .032 255.585)}@supports (color:color-mix(in lab,red,red)){.shadow-blue-100{--tw-shadow-color:color-mix(in oklab, var(--color-blue-100) var(--tw-shadow-alpha), transparent)}}.shadow-current{--tw-shadow-color:currentcolor}@supports (color:color-mix(in lab,red,red)){.shadow-current{--tw-shadow-color:color-mix(in oklab, currentcolor var(--tw-shadow-alpha), transparent)}}.shadow-emerald-200{--tw-shadow-color:oklch(90.5% .093 164.15)}@supports (color:color-mix(in lab,red,red)){.shadow-emerald-200{--tw-shadow-color:color-mix(in oklab, var(--color-emerald-200) var(--tw-shadow-alpha), transparent)}}.shadow-emerald-600\/20{--tw-shadow-color:#00976733}@supports (color:color-mix(in lab,red,red)){.shadow-emerald-600\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-emerald-600) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-indigo-100{--tw-shadow-color:oklch(93% .034 272.788)}@supports (color:color-mix(in lab,red,red)){.shadow-indigo-100{--tw-shadow-color:color-mix(in oklab, var(--color-indigo-100) var(--tw-shadow-alpha), transparent)}}.shadow-indigo-200{--tw-shadow-color:oklch(87% .065 274.039)}@supports (color:color-mix(in lab,red,red)){.shadow-indigo-200{--tw-shadow-color:color-mix(in oklab, var(--color-indigo-200) var(--tw-shadow-alpha), transparent)}}.shadow-rose-100{--tw-shadow-color:oklch(94.1% .03 12.58)}@supports (color:color-mix(in lab,red,red)){.shadow-rose-100{--tw-shadow-color:color-mix(in oklab, var(--color-rose-100) var(--tw-shadow-alpha), transparent)}}.shadow-rose-200{--tw-shadow-color:oklch(89.2% .058 10.001)}@supports (color:color-mix(in lab,red,red)){.shadow-rose-200{--tw-shadow-color:color-mix(in oklab, var(--color-rose-200) var(--tw-shadow-alpha), transparent)}}.shadow-slate-100{--tw-shadow-color:oklch(96.8% .007 247.896)}@supports (color:color-mix(in lab,red,red)){.shadow-slate-100{--tw-shadow-color:color-mix(in oklab, var(--color-slate-100) var(--tw-shadow-alpha), transparent)}}.shadow-slate-200{--tw-shadow-color:oklch(92.9% .013 255.508)}@supports (color:color-mix(in lab,red,red)){.shadow-slate-200{--tw-shadow-color:color-mix(in oklab, var(--color-slate-200) var(--tw-shadow-alpha), transparent)}}.shadow-slate-200\/40{--tw-shadow-color:#e2e8f066}@supports (color:color-mix(in lab,red,red)){.shadow-slate-200\/40{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-slate-200) 40%, transparent) var(--tw-shadow-alpha), transparent)}}.ring-emerald-100{--tw-ring-color:var(--color-emerald-100)}.ring-emerald-500\/20{--tw-ring-color:#00bb7f33}@supports (color:color-mix(in lab,red,red)){.ring-emerald-500\/20{--tw-ring-color:color-mix(in oklab, var(--color-emerald-500) 20%, transparent)}}.ring-emerald-600\/20{--tw-ring-color:#00976733}@supports (color:color-mix(in lab,red,red)){.ring-emerald-600\/20{--tw-ring-color:color-mix(in oklab, var(--color-emerald-600) 20%, transparent)}}.ring-white{--tw-ring-color:var(--color-white)}.ring-offset-2{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.ring-offset-slate-50{--tw-ring-offset-color:var(--color-slate-50)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}.backdrop-blur-\[1px\]{--tw-backdrop-blur:blur(1px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-xs{--tw-backdrop-blur:blur(var(--blur-xs));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}.group-last\:hidden:is(:where(.group):last-child *){display:none}@media(hover:hover){.group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:rotate-90:is(:where(.group):hover *){rotate:90deg}.group-hover\:bg-blue-100:is(:where(.group):hover *){background-color:var(--color-blue-100)}.group-hover\:bg-indigo-100:is(:where(.group):hover *){background-color:var(--color-indigo-100)}.group-hover\:bg-red-100:is(:where(.group):hover *){background-color:var(--color-red-100)}.group-hover\:bg-rose-50:is(:where(.group):hover *){background-color:var(--color-rose-50)}.group-hover\:bg-rose-100:is(:where(.group):hover *){background-color:var(--color-rose-100)}.group-hover\:bg-rose-600:is(:where(.group):hover *){background-color:var(--color-rose-600)}.group-hover\:text-\[\#0087ba\]:is(:where(.group):hover *){color:#0087ba}.group-hover\:text-blue-500:is(:where(.group):hover *){color:var(--color-blue-500)}.group-hover\:text-blue-600:is(:where(.group):hover *){color:var(--color-blue-600)}.group-hover\:text-blue-700:is(:where(.group):hover *){color:var(--color-blue-700)}.group-hover\:text-indigo-500:is(:where(.group):hover *){color:var(--color-indigo-500)}.group-hover\:text-indigo-600:is(:where(.group):hover *){color:var(--color-indigo-600)}.group-hover\:text-indigo-700:is(:where(.group):hover *){color:var(--color-indigo-700)}.group-hover\:text-red-500:is(:where(.group):hover *){color:var(--color-red-500)}.group-hover\:text-red-600:is(:where(.group):hover *){color:var(--color-red-600)}.group-hover\:text-red-700:is(:where(.group):hover *){color:var(--color-red-700)}.group-hover\:text-rose-600:is(:where(.group):hover *){color:var(--color-rose-600)}.group-hover\:text-rose-900:is(:where(.group):hover *){color:var(--color-rose-900)}.group-hover\:text-slate-600:is(:where(.group):hover *){color:var(--color-slate-600)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\/row\:translate-x-0:is(:where(.group\/row):hover *){--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\/row\:border-indigo-200:is(:where(.group\/row):hover *){border-color:var(--color-indigo-200)}.group-hover\/row\:bg-indigo-100:is(:where(.group\/row):hover *){background-color:var(--color-indigo-100)}.group-hover\/row\:text-indigo-600:is(:where(.group\/row):hover *){color:var(--color-indigo-600)}.group-hover\/row\:text-indigo-700:is(:where(.group\/row):hover *){color:var(--color-indigo-700)}.group-hover\/row\:text-indigo-900:is(:where(.group\/row):hover *){color:var(--color-indigo-900)}.group-hover\/row\:opacity-100:is(:where(.group\/row):hover *){opacity:1}}.placeholder\:text-slate-300::placeholder{color:var(--color-slate-300)}.placeholder\:text-slate-400::placeholder{color:var(--color-slate-400)}@media(hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:scale-\[1\.02\]:hover{scale:1.02}.hover\:border-\[\#0087ba\]:hover{border-color:#0087ba}.hover\:border-emerald-100:hover{border-color:var(--color-emerald-100)}.hover\:border-emerald-300:hover{border-color:var(--color-emerald-300)}.hover\:border-gray-300:hover{border-color:var(--color-gray-300)}.hover\:border-indigo-100:hover{border-color:var(--color-indigo-100)}.hover\:border-indigo-300:hover{border-color:var(--color-indigo-300)}.hover\:border-indigo-400:hover{border-color:var(--color-indigo-400)}.hover\:border-rose-100:hover{border-color:var(--color-rose-100)}.hover\:border-rose-200:hover{border-color:var(--color-rose-200)}.hover\:bg-\[\#4cae4c\]:hover{background-color:#4cae4c}.hover\:bg-\[\#0076a3\]:hover{background-color:#0076a3}.hover\:bg-amber-50:hover{background-color:var(--color-amber-50)}.hover\:bg-black:hover{background-color:var(--color-black)}.hover\:bg-blue-50:hover{background-color:var(--color-blue-50)}.hover\:bg-blue-50\/30:hover{background-color:#eff6ff4d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-blue-50\/30:hover{background-color:color-mix(in oklab,var(--color-blue-50) 30%,transparent)}}.hover\:bg-blue-50\/50:hover{background-color:#eff6ff80}@supports (color:color-mix(in lab,red,red)){.hover\:bg-blue-50\/50:hover{background-color:color-mix(in oklab,var(--color-blue-50) 50%,transparent)}}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-emerald-50\/30:hover{background-color:#ecfdf54d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-emerald-50\/30:hover{background-color:color-mix(in oklab,var(--color-emerald-50) 30%,transparent)}}.hover\:bg-emerald-100:hover{background-color:var(--color-emerald-100)}.hover\:bg-emerald-700:hover{background-color:var(--color-emerald-700)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-50\/20:hover{background-color:#f9fafb33}@supports (color:color-mix(in lab,red,red)){.hover\:bg-gray-50\/20:hover{background-color:color-mix(in oklab,var(--color-gray-50) 20%,transparent)}}.hover\:bg-gray-50\/30:hover{background-color:#f9fafb4d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-gray-50\/30:hover{background-color:color-mix(in oklab,var(--color-gray-50) 30%,transparent)}}.hover\:bg-gray-50\/50:hover{background-color:#f9fafb80}@supports (color:color-mix(in lab,red,red)){.hover\:bg-gray-50\/50:hover{background-color:color-mix(in oklab,var(--color-gray-50) 50%,transparent)}}.hover\:bg-gray-50\/80:hover{background-color:#f9fafbcc}@supports (color:color-mix(in lab,red,red)){.hover\:bg-gray-50\/80:hover{background-color:color-mix(in oklab,var(--color-gray-50) 80%,transparent)}}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-green-700:hover{background-color:var(--color-green-700)}.hover\:bg-indigo-50:hover{background-color:var(--color-indigo-50)}.hover\:bg-indigo-50\/30:hover{background-color:#eef2ff4d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-indigo-50\/30:hover{background-color:color-mix(in oklab,var(--color-indigo-50) 30%,transparent)}}.hover\:bg-indigo-50\/50:hover{background-color:#eef2ff80}@supports (color:color-mix(in lab,red,red)){.hover\:bg-indigo-50\/50:hover{background-color:color-mix(in oklab,var(--color-indigo-50) 50%,transparent)}}.hover\:bg-indigo-100:hover{background-color:var(--color-indigo-100)}.hover\:bg-indigo-600:hover{background-color:var(--color-indigo-600)}.hover\:bg-indigo-700:hover{background-color:var(--color-indigo-700)}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:bg-rose-50:hover{background-color:var(--color-rose-50)}.hover\:bg-rose-700:hover{background-color:var(--color-rose-700)}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\:bg-slate-50\/50:hover{background-color:#f8fafc80}@supports (color:color-mix(in lab,red,red)){.hover\:bg-slate-50\/50:hover{background-color:color-mix(in oklab,var(--color-slate-50) 50%,transparent)}}.hover\:bg-slate-50\/80:hover{background-color:#f8fafccc}@supports (color:color-mix(in lab,red,red)){.hover\:bg-slate-50\/80:hover{background-color:color-mix(in oklab,var(--color-slate-50) 80%,transparent)}}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\:bg-slate-100\/50:hover{background-color:#f1f5f980}@supports (color:color-mix(in lab,red,red)){.hover\:bg-slate-100\/50:hover{background-color:color-mix(in oklab,var(--color-slate-100) 50%,transparent)}}.hover\:bg-slate-100\/70:hover{background-color:#f1f5f9b3}@supports (color:color-mix(in lab,red,red)){.hover\:bg-slate-100\/70:hover{background-color:color-mix(in oklab,var(--color-slate-100) 70%,transparent)}}.hover\:bg-slate-200:hover{background-color:var(--color-slate-200)}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:bg-white\/50:hover{background-color:#ffffff80}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/50:hover{background-color:color-mix(in oklab,var(--color-white) 50%,transparent)}}.hover\:text-\[\#0087ba\]:hover{color:#0087ba}.hover\:text-amber-500:hover{color:var(--color-amber-500)}.hover\:text-amber-600:hover{color:var(--color-amber-600)}.hover\:text-amber-700:hover{color:var(--color-amber-700)}.hover\:text-blue-600:hover{color:var(--color-blue-600)}.hover\:text-emerald-600:hover{color:var(--color-emerald-600)}.hover\:text-gray-600:hover{color:var(--color-gray-600)}.hover\:text-green-500:hover{color:var(--color-green-500)}.hover\:text-indigo-600:hover{color:var(--color-indigo-600)}.hover\:text-indigo-700:hover{color:var(--color-indigo-700)}.hover\:text-red-500:hover{color:var(--color-red-500)}.hover\:text-rose-500:hover{color:var(--color-rose-500)}.hover\:text-rose-600:hover{color:var(--color-rose-600)}.hover\:text-slate-600:hover{color:var(--color-slate-600)}.hover\:text-slate-700:hover{color:var(--color-slate-700)}.hover\:text-slate-900:hover{color:var(--color-slate-900)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-rose-100\/30:hover{--tw-shadow-color:#ffe4e64d}@supports (color:color-mix(in lab,red,red)){.hover\:shadow-rose-100\/30:hover{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-rose-100) 30%, transparent) var(--tw-shadow-alpha), transparent)}}}.focus\:border-\[\#0087ba\]:focus{border-color:#0087ba}.focus\:border-blue-300:focus{border-color:var(--color-blue-300)}.focus\:border-blue-500:focus{border-color:var(--color-blue-500)}.focus\:border-indigo-400:focus{border-color:var(--color-indigo-400)}.focus\:border-indigo-500:focus{border-color:var(--color-indigo-500)}.focus\:border-rose-400:focus{border-color:var(--color-rose-400)}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-4:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-\[\#0087ba\]:focus{--tw-ring-color:#0087ba}.focus\:ring-emerald-500:focus{--tw-ring-color:var(--color-emerald-500)}.focus\:ring-indigo-50:focus{--tw-ring-color:var(--color-indigo-50)}.focus\:ring-indigo-100:focus{--tw-ring-color:var(--color-indigo-100)}.focus\:ring-indigo-500:focus{--tw-ring-color:var(--color-indigo-500)}.focus\:ring-rose-50:focus{--tw-ring-color:var(--color-rose-50)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-90:active{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:scale-\[0\.98\]:active{scale:.98}.active\:bg-emerald-800:active{background-color:var(--color-emerald-800)}.active\:bg-gray-100:active{background-color:var(--color-gray-100)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media(min-width:40rem){.sm\:mt-2{margin-top:calc(var(--spacing) * 2)}.sm\:mb-8{margin-bottom:calc(var(--spacing) * 8)}.sm\:block{display:block}.sm\:hidden{display:none}.sm\:h-10{height:calc(var(--spacing) * 10)}.sm\:w-10{width:calc(var(--spacing) * 10)}.sm\:w-auto{width:auto}.sm\:flex-none{flex:none}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-col{flex-direction:column}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:items-end{align-items:flex-end}.sm\:justify-end{justify-content:flex-end}.sm\:justify-start{justify-content:flex-start}.sm\:gap-4{gap:calc(var(--spacing) * 4)}.sm\:gap-6{gap:calc(var(--spacing) * 6)}.sm\:gap-10{gap:calc(var(--spacing) * 10)}:where(.sm\:space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}.sm\:rounded-2xl{border-radius:var(--radius-2xl)}.sm\:border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.sm\:p-4{padding:calc(var(--spacing) * 4)}.sm\:p-5{padding:calc(var(--spacing) * 5)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:pt-0{padding-top:calc(var(--spacing) * 0)}.sm\:pr-10{padding-right:calc(var(--spacing) * 10)}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.sm\:text-\[13px\]{font-size:13px}}@media(min-width:48rem){.md\:col-span-1{grid-column:span 1/span 1}.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-3{grid-column:span 3/span 3}.md\:col-span-4{grid-column:span 4/span 4}.md\:col-span-5{grid-column:span 5/span 5}.md\:col-span-6{grid-column:span 6/span 6}.md\:col-span-9{grid-column:span 9/span 9}.md\:block{display:block}.md\:flex{display:flex}.md\:w-80{width:calc(var(--spacing) * 80)}.md\:w-auto{width:auto}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.md\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.md\:pt-0{padding-top:calc(var(--spacing) * 0)}.md\:pl-6{padding-left:calc(var(--spacing) * 6)}.md\:text-right{text-align:right}}@media(min-width:64rem){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}}:root{--color-primary:#d0021b;--color-primary-dark:#a50015;--color-primary-light:#fff0f0;--color-white:#fff;--color-gray-50:#f7f7f7;--color-gray-100:#e8e8e8;--color-gray-300:#ccc;--color-gray-400:#aaa;--color-gray-500:#888;--color-gray-600:#666;--color-gray-700:#444;--color-gray-900:#1a1a1a;--color-success:#00a86b;--color-warning:#f5a623;--color-error:#d0021b;--color-sidebar-bg:#1a1a1a;--color-sidebar-text:#e8e8e8;--color-sidebar-active:#d0021b;--shadow-1:0 1px 3px #0000000f;--shadow-2:0 4px 12px #00000014;--shadow-3:0 8px 32px #00000024;--shadow-4:0 16px 48px #d0021b1f;--shadow-sm:var(--shadow-1);--shadow-md:var(--shadow-2);--shadow-lg:var(--shadow-3);--shadow-xl:var(--shadow-4);--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:48px;--space-6:64px;--font-display:Georgia, serif;--font-ui:"DM Sans", "Calibri", system-ui, sans-serif;--font-mono:"Fira Code", monospace}@media(max-width:768px){:root{--space-3:16px;--space-4:20px;--space-5:28px;--space-6:36px}}.toast-container{z-index:10000;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;top:24px;right:24px}.premium-toast{pointer-events:auto;cursor:pointer;background:#fff;border:1px solid #f1f5f9;border-radius:1rem;align-items:center;gap:.875rem;min-width:320px;max-width:450px;padding:1rem 1.25rem;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.premium-toast:before{content:"";width:4px;position:absolute;top:0;bottom:0;left:0}.toast-content{color:#1e293b;flex:1;font-size:.9375rem;font-weight:600}.toast-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.toast-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .2s}.toast-close:hover{color:#64748b;background:#f1f5f9}.toast-success{border-bottom:2px solid #10b98122}.toast-success .toast-icon{color:#10b981}.toast-success:before{background:#10b981}.toast-error{border-bottom:2px solid #ef444422}.toast-error .toast-icon{color:#ef4444}.toast-error:before{background:#ef4444}.toast-warning{border-bottom:2px solid #f59e0b22}.toast-warning .toast-icon{color:#f59e0b}.toast-warning:before{background:#f59e0b}.toast-info{border-bottom:2px solid #3b82f622}.toast-info .toast-icon{color:#3b82f6}.toast-info:before{background:#3b82f6}.dashboard-header{min-height:auto!important;margin-bottom:12px!important}.dashboard-title{margin-bottom:2px!important;font-size:20px!important}.dashboard-greeting,.dashboard-date{font-size:12px!important}.profile-top-strip{margin-bottom:16px!important;padding:8px 16px!important}.profile-page{padding:0 16px 16px!important}.page-header{margin-bottom:16px!important}.page-header h1{font-size:22px!important}.reports-header,.settings-header{margin-bottom:16px!important}.reports-page,.settings-page,.treatments-page{padding:16px!important}.reports-hero-section{margin-bottom:16px!important}.settings-container{gap:16px!important}.settings-header h1{font-size:22px!important}.settings-header p{margin-top:2px!important;font-size:13px!important}.max-w-7xl.mx-auto{margin-top:0!important;padding-left:0!important;padding-right:0!important}.max-w-7xl.mx-auto.space-y-6{--tw-space-y-backward:0px!important;margin-top:0!important}.max-w-7xl.mx-auto.space-y-6>:not([hidden])~:not([hidden]){margin-top:16px!important}@media(max-width:640px){html{font-size:13px}}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;margin-bottom:var(--space-2);overflow-x:auto}.grid-responsive-2{gap:var(--space-2);grid-template-columns:repeat(2,1fr);display:grid}@media(max-width:768px){.grid-responsive-2{grid-template-columns:1fr}}.grid-responsive-3{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}@media(max-width:1024px){.grid-responsive-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid-responsive-3{grid-template-columns:1fr}}.page-wrapper-responsive{width:100%;max-width:1400px;padding:var(--space-2);box-sizing:border-box;margin:0 auto}@media(min-width:1024px){.page-wrapper-responsive{padding:var(--space-3)}}.section-wrapper-responsive{background:var(--color-white);box-shadow:var(--shadow-sm);padding:var(--space-2);margin-bottom:var(--space-3);box-sizing:border-box;border-radius:12px}@media(min-width:1024px){.section-wrapper-responsive{padding:var(--space-3)}}@media(max-width:768px){.w-full-mobile{width:100%!important}.h-auto-mobile{height:auto!important}}.sidebar,.sidebar-nav,.patient-sidebar,.patient-sidebar-nav,.settings-sidebar,.nav-menu,.menu-bar,.sidebar-list,.invoice-sidebar,.tp-sidebar,.tp-sidebar-section,.prescription-sidebar,aside,nav{scrollbar-width:none!important;-ms-overflow-style:none!important}.sidebar::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.sidebar-nav::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.patient-sidebar::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.patient-sidebar-nav::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.settings-sidebar::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.nav-menu::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.menu-bar::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.sidebar-list::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.invoice-sidebar::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.tp-sidebar::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.tp-sidebar-section::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.prescription-sidebar::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}aside::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}nav::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}@media(max-width:767px){html,body,#root,.shell,.shell-main{max-width:100vw!important;overflow-x:hidden!important}.page-header{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.page-header>div{width:100%!important}.header-actions{justify-content:flex-start!important;width:100%!important}.header-actions .btn{justify-content:center!important;width:100%!important}.table-container,.card,.grid{box-sizing:border-box!important;max-width:100%!important}.modal-container,.modal-content{max-width:95vw!important;margin:10px auto!important}}.global-progress-loading-bar{z-index:999999;background-color:#d0021b26;height:3px;position:fixed;top:0;left:0;right:0;overflow:hidden}.global-progress-loading-bar .bar-fill{background:linear-gradient(90deg,#d0021b,#0284c7,#d0021b);width:40%;height:100%;animation:1.5s ease-in-out infinite loading-slide-animation}@keyframes loading-slide-animation{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(250%)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}