:focus-visible{outline:none;box-shadow:var(--focus-ring)}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:none;box-shadow:var(--focus-ring)}.card{background:var(--color-bg-card);border:1px solid var(--border-subtle);border-radius:var(--r-xl);box-shadow:var(--shadow-xs);transition:border-color var(--t-base),box-shadow var(--t-base),transform var(--t-base)}.card:hover{border-color:var(--border-color);box-shadow:var(--shadow-sm)}.card-interactive{cursor:pointer}.card-interactive:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:var(--border-hover)}.card-interactive:active{transform:translateY(0);box-shadow:var(--shadow-xs)}.card-gradient{background:var(--gradient-card)}.card-flush{padding:0!important}.card-p{padding:var(--sp-6)}.card-header{padding:var(--sp-5) var(--sp-6) var(--sp-4);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.card-body{padding:var(--sp-5) var(--sp-6)}.stat-card{background:var(--color-bg-card);border:1px solid var(--border-subtle);border-radius:var(--r-xl);padding:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-2);position:relative;overflow:hidden;box-shadow:var(--shadow-xs);transition:all var(--t-base)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-color,var(--gradient-primary));border-radius:var(--r-xl) var(--r-xl) 0 0}.stat-card:hover{border-color:var(--border-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.stat-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-muted)}.stat-value{font-size:28px;font-weight:800;letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--text-primary)}.stat-sub{font-size:12px;color:var(--text-muted);margin-top:2px}.stat-icon-wrap{width:40px;height:40px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:8px 16px;border-radius:var(--r-md);font-size:13.5px;font-weight:600;cursor:pointer;border:none;outline:none;text-decoration:none;transition:all var(--t-fast);white-space:nowrap;line-height:1;letter-spacing:-.01em}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:active:not(:disabled){transform:scale(.97)}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 2px 6px #2563eb33,inset 0 1px #ffffff1a}.btn-primary:not(:disabled):hover{background:var(--color-primary-hover);box-shadow:var(--shadow-primary);transform:translateY(-1px)}.btn-primary:not(:disabled):active{transform:scale(.97) translateY(0);box-shadow:0 1px 3px #2563eb33}.btn-gradient{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-primary)}.btn-gradient:not(:disabled):hover{opacity:.92;transform:translateY(-1px)}.btn-secondary{background:var(--color-bg-surface);color:var(--text-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-xs)}.btn-secondary:not(:disabled):hover{background:var(--color-bg-subtle);border-color:var(--border-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:not(:disabled):hover{background:var(--glass-bg);color:var(--text-primary)}.btn-danger{background:var(--color-rose-light);color:var(--color-rose);border:1px solid rgba(225,29,72,.18)}.btn-danger:not(:disabled):hover{background:#e11d4826;box-shadow:var(--shadow-error)}.btn-teal{background:var(--color-teal-light);color:var(--color-teal);border:1px solid rgba(13,148,136,.18)}.btn-sm{padding:6px 12px;font-size:12.5px;border-radius:var(--r-sm)}.btn-xs{padding:4px 8px;font-size:11.5px;border-radius:var(--r-xs)}.btn-icon{padding:8px;border-radius:var(--r-md)}.btn-icon-sm{padding:6px;border-radius:var(--r-sm)}.fab{position:fixed;bottom:calc(var(--sp-8) + 64px);right:var(--sp-5);width:52px;height:52px;border-radius:var(--r-full);background:var(--gradient-primary);color:#fff;font-size:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;box-shadow:var(--shadow-lg),var(--shadow-primary);transition:transform var(--t-spring),box-shadow var(--t-fast);z-index:var(--z-raised)}@media (min-width:769px){.fab{bottom:var(--sp-8);right:var(--sp-8)}}.fab:hover{transform:scale(1.06);box-shadow:var(--shadow-xl),var(--shadow-primary)}.fab:active{transform:scale(.94)}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.form-input,.form-select,.form-textarea{background:var(--color-bg-surface);border:1.5px solid var(--border-color);border-radius:var(--r-md);padding:10px 14px;color:var(--text-primary);font-size:14px;font-family:inherit;outline:none;transition:border-color var(--t-fast),box-shadow var(--t-fast),background var(--t-fast);width:100%}.form-input:hover,.form-select:hover{border-color:var(--border-hover)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);background:#fafcff}[data-theme=dark] .form-input:focus,[data-theme=dark] .form-select:focus,[data-theme=dark] .form-textarea:focus{background:var(--color-bg-elevated)}.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--color-rose);box-shadow:0 0 0 3px var(--color-rose-light)}.form-select{cursor:pointer}.form-textarea{resize:vertical;min-height:88px}.form-hint{font-size:12px;color:var(--text-muted)}.form-error{font-size:12px;color:var(--color-rose)}.phone-input-wrap{display:flex;gap:8px}.phone-cc-select{flex:0 0 auto;width:auto;min-width:130px;max-width:160px}.phone-local-input{flex:1 1 0}.search-wrap{position:relative}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;font-size:14px}.search-input{padding-left:36px!important}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:var(--r-full);font-size:11px;font-weight:700;letter-spacing:.02em;transition:transform var(--t-fast)}.badge:hover{transform:scale(1.02)}.badge-success{background:var(--color-emerald-light);color:var(--color-emerald);border:1px solid rgba(5,150,105,.15)}.badge-warning{background:var(--color-amber-light);color:var(--color-amber);border:1px solid rgba(217,119,6,.15)}.badge-error{background:var(--color-rose-light);color:var(--color-rose);border:1px solid rgba(225,29,72,.15)}.badge-info{background:var(--color-primary-light);color:var(--color-primary);border:1px solid rgba(37,99,235,.15)}.badge-teal{background:var(--color-teal-light);color:var(--color-teal);border:1px solid rgba(13,148,136,.15)}.badge-violet{background:var(--color-violet-light);color:var(--color-violet);border:1px solid rgba(124,58,237,.15)}.badge-neutral{background:var(--glass-bg);color:var(--text-secondary);border:1px solid var(--border-color)}.table{width:100%;border-collapse:collapse}.table th{background:var(--color-bg-subtle);color:var(--text-muted);font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;padding:var(--sp-3) var(--sp-4);text-align:left;border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:1}.table td{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-subtle);color:var(--text-primary);font-size:13.5px}.table tbody tr{transition:background var(--t-fast)}.table tbody tr:hover td{background:var(--color-bg-subtle)}.table tbody tr:last-child td{border-bottom:none}.table tbody tr.selected td{background:var(--color-primary-light)}.table-zebra tbody tr:nth-child(2n) td{background:var(--color-bg-subtle)}.patient-card{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);background:var(--color-bg-card);border:1px solid var(--border-subtle);border-radius:var(--r-xl);cursor:pointer;transition:all var(--t-fast);text-decoration:none;color:inherit;box-shadow:var(--shadow-xs)}.patient-card:hover{border-color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.patient-avatar{width:44px;height:44px;border-radius:var(--r-full);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:#fff;flex-shrink:0;box-shadow:0 0 0 3px var(--color-primary-light)}.patient-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.patient-status-dot.active{background:var(--color-emerald)}.patient-status-dot.inactive{background:var(--text-muted)}.alert-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:var(--r-full);font-size:11px;font-weight:600;background:var(--color-rose-light);color:var(--color-rose);border:1px solid rgba(225,29,72,.18)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--sp-4);animation:fadeIn .15s ease}.modal-panel{background:var(--color-bg-surface);border:1px solid var(--border-color);border-radius:var(--r-2xl);width:100%;max-width:520px;max-height:88vh;overflow-y:auto;box-shadow:var(--shadow-2xl);animation:scaleIn .18s cubic-bezier(.22,1,.36,1)}.modal-panel.modal-exiting{animation:none;opacity:0;transform:scale(.97);transition:opacity .15s ease,transform .15s ease}.modal-header{padding:var(--sp-6);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4)}.modal-title{font-size:16px;font-weight:700;color:var(--text-primary)}.modal-body{padding:var(--sp-6)}.modal-footer{padding:var(--sp-4) var(--sp-6);border-top:1px solid var(--border-subtle);display:flex;gap:var(--sp-3);justify-content:flex-end}.toast-container{position:fixed;bottom:var(--sp-6);right:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-2);z-index:var(--z-toast);pointer-events:none}.toast{background:var(--color-bg-surface);border:1px solid var(--border-color);border-radius:var(--r-lg);padding:12px 16px 14px;min-width:300px;display:flex;align-items:center;gap:var(--sp-3);box-shadow:var(--shadow-lg);animation:slideUp .22s cubic-bezier(.22,1,.36,1);pointer-events:all;position:relative;overflow:hidden}.toast-icon{font-size:16px;flex-shrink:0}.toast-msg{font-size:13.5px;font-weight:500;flex:1;color:var(--text-primary)}.toast-close{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:14px;padding:2px 4px;border-radius:var(--r-xs);transition:color var(--t-fast),background var(--t-fast);flex-shrink:0}.toast-close:hover{color:var(--text-primary);background:var(--glass-bg)}.toast-progress{position:absolute;bottom:0;left:0;height:2px;border-radius:0 0 0 var(--r-xs);animation:toastProgress linear forwards}.toast.success{border-left:3px solid var(--color-emerald)}.toast.success .toast-progress{background:var(--color-emerald)}.toast.error{border-left:3px solid var(--color-rose)}.toast.error .toast-progress{background:var(--color-rose)}.toast.warning{border-left:3px solid var(--color-amber)}.toast.warning .toast-progress{background:var(--color-amber)}.toast.info{border-left:3px solid var(--color-primary)}.toast.info .toast-progress{background:var(--color-primary)}.progress{height:8px;background:var(--color-bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--r-full);overflow:hidden}.progress-fill{height:100%;border-radius:var(--r-full);transition:width var(--t-slow);background:var(--gradient-primary)}.progress-fill.danger{background:var(--color-rose)}.progress-fill.warning{background:var(--color-amber)}.progress-fill.success{background:var(--gradient-success)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-8);gap:var(--sp-4)}.page-title{font-size:22px;font-weight:800;letter-spacing:var(--tracking-tight);color:var(--text-primary);line-height:var(--leading-tight)}.page-sub{font-size:13px;color:var(--text-secondary);margin-top:3px}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border-color);margin-bottom:var(--sp-6)}.tab{padding:10px 16px;cursor:pointer;color:var(--text-muted);font-size:13.5px;font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all var(--t-fast);border-radius:var(--r-sm) var(--r-sm) 0 0}.tab:hover{color:var(--text-secondary);background:var(--color-bg-subtle)}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.skeleton{background:linear-gradient(110deg,var(--color-bg-subtle) 25%,var(--color-bg-wash) 50%,var(--color-bg-subtle) 75%);background-size:300% 100%;animation:shimmerPremium 1.6s infinite;border-radius:var(--r-md)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-16) var(--sp-6);text-align:center;gap:var(--sp-4)}.empty-state-icon{width:64px;height:64px;border-radius:var(--r-xl);background:var(--color-bg-subtle);display:flex;align-items:center;justify-content:center;font-size:28px;border:1px solid var(--border-color)}.empty-state-title{font-size:16px;font-weight:700;color:var(--text-primary);letter-spacing:var(--tracking-tight)}.empty-state-desc{font-size:13.5px;color:var(--text-secondary);max-width:320px;line-height:var(--leading-relaxed)}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-4)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4)}@media (max-width:1100px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.tabs{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{white-space:nowrap;flex-shrink:0;padding:8px 12px;font-size:13px}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100vw}.modal-panel{max-width:calc(100vw - 32px);margin:var(--sp-4)}.modal-overlay{padding:var(--sp-2)}.card-header{padding:var(--sp-4) var(--sp-4) var(--sp-3)}.card-body,.card-p{padding:var(--sp-4)}.modal-header,.modal-body{padding:var(--sp-4) var(--sp-5)}.modal-footer{padding:var(--sp-3) var(--sp-5);flex-wrap:wrap}.modal-footer .btn{flex:1;min-width:0;justify-content:center}.page-title{font-size:18px}.page-sub{font-size:12px}.stat-value{font-size:22px}.form-group{width:100%}.form-input,.form-select,.form-textarea{font-size:16px}.table th,.table td{padding:var(--sp-2) var(--sp-3);font-size:12px}.table th{font-size:10px}.toast-container{bottom:calc(60px + var(--sp-2));right:var(--sp-3);left:var(--sp-3)}.toast{min-width:0;width:100%}.page-header .btn,.card-header .btn{font-size:12px;padding:6px 10px;min-height:40px}.stat-card{padding:var(--sp-4)}.patient-card{padding:var(--sp-3) var(--sp-4)}.patients-grid{grid-template-columns:1fr!important}.empty-state{padding:var(--sp-8) var(--sp-4)}}@media (max-width:480px){.modal-overlay{align-items:flex-end;padding:0}.modal-panel{max-width:100vw;border-radius:var(--r-2xl) var(--r-2xl) 0 0;margin:0;max-height:90vh}.page-title{font-size:17px}.stat-value{font-size:20px}.stat-label{font-size:10px}.btn{font-size:12.5px;padding:7px 12px}.badge{font-size:10px;padding:2px 7px}.toast-container{bottom:calc(60px + var(--sp-1));right:var(--sp-2);left:var(--sp-2)}}.main-content{overflow-x:hidden}.table{table-layout:auto;word-break:break-word}img,video,canvas,svg{max-width:100%;height:auto}.divider{height:1px;background:var(--border-subtle);margin:var(--sp-4) 0}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.fw-600{font-weight:600}.fw-700{font-weight:700}.fw-800{font-weight:800}.fs-12{font-size:12px}.fs-13{font-size:13px}.fs-11{font-size:11px}.offline-banner{background:var(--color-amber-light);border-bottom:1px solid rgba(217,119,6,.22);color:var(--color-amber);padding:8px var(--sp-6);text-align:center;font-size:13px;font-weight:500}.margin-high{color:var(--color-emerald);font-weight:700}.margin-mid{color:var(--color-amber);font-weight:700}.margin-low{color:var(--color-rose);font-weight:700}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;padding:var(--sp-2);color:#94a3b899;text-decoration:none;font-size:11px;gap:3px;transition:color var(--t-fast);position:relative}.bottom-nav-item.active{color:#60a5fa}.bottom-nav-item.active:after{content:"";position:absolute;bottom:2px;width:4px;height:4px;border-radius:50%;background:#60a5fa}.bottom-nav-item span:first-child{font-size:20px}.appt-card{position:relative;border-radius:var(--r-md);background:var(--color-bg-elevated, #fff);border:1px solid var(--border-color);padding:6px 8px;cursor:pointer;margin-bottom:3px;overflow:hidden;transition:box-shadow .15s ease,transform .1s ease;min-height:52px;-webkit-user-select:none;user-select:none}.appt-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px);z-index:2}.appt-card.is-late{animation:pulse-border 2s infinite}@keyframes pulse-border{0%,to{border-color:var(--border-color)}50%{border-color:#ef4444;box-shadow:0 0 0 2px #ef444426}}.appt-card-accent{position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--r-md) var(--r-md) 0 0}.appt-card-body{display:flex;align-items:flex-start;gap:7px;padding-top:4px}.appt-card-avatar{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;flex-shrink:0;letter-spacing:.3px}.appt-card-info{flex:1;min-width:0}.appt-card-name{font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary);line-height:1.3}.appt-card-time{font-size:10px;color:var(--text-secondary);font-weight:500;margin-top:1px}.appt-card-meta{display:flex;align-items:center;gap:4px;margin-top:3px;flex-wrap:wrap}.appt-card-status{font-size:9px;font-weight:600;padding:1px 5px;border-radius:100px;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.appt-card-proc{font-size:9px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px}.appt-card-actions{display:flex;gap:3px;margin-top:4px;opacity:0;transform:translateY(3px);transition:opacity .15s ease,transform .15s ease;pointer-events:none}.appt-card:hover .appt-card-actions{opacity:1;transform:translateY(0);pointer-events:auto}.appt-card-action-btn{font-size:10px;padding:2px 6px;border-radius:var(--r-sm);border:1px solid var(--border-color);background:var(--color-bg-base);cursor:pointer;color:var(--text-primary);white-space:nowrap;transition:background .1s}.appt-card-action-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.appt-card-wa{position:absolute;top:6px;right:6px;width:20px;height:20px;border-radius:50%;background:#25d3661f;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:11px;color:#25d366;transition:background .1s}.appt-card-wa:hover{background:#25d36640}.appt-card-drag-handle{position:absolute;left:3px;top:50%;transform:translateY(-50%);color:var(--border-color);font-size:10px;letter-spacing:-2px;line-height:1}