.timeline-pill{border:1px solid var(--surface-hover);color:var(--text-main);cursor:pointer;background-color:#ffffff05;border-radius:12px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.timeline-pill:hover{border-color:var(--primary);background-color:#ffffff0d;transform:translateY(-2px)}.timeline-pill.active{background-color:var(--primary);color:#fff;border-color:var(--primary)}.timeline-trend-btn{border:1px solid var(--primary);color:var(--primary);cursor:pointer;opacity:.6;background-color:#0000;border-radius:12px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .3s;display:flex}.timeline-trend-btn:hover{opacity:1;background-color:#00bb931a;transform:scale(1.05)}.timeline-trend-btn.active{opacity:1;background-color:#00bb9326}:root{--primary:#008967;--primary-hover:#007054;--bg-color:#0f172a;--surface:#1e293b;--surface-hover:#334155;--text-main:#f8fafc;--text-muted:#94a3b8;--accent:#008967;--danger:#ef4444;--success:#008967}body{background-color:var(--bg-color);color:var(--text-main);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.alert{border:1px solid #0000;border-radius:8px;padding:12px 16px;font-size:14px;font-weight:500}.alert-danger{color:#f87171;background-color:#ef44441a;border-color:#ef444433}.alert-success{color:#34d399;background-color:#10b9811a;border-color:#10b98133}*{box-sizing:border-box}h1,h2,h3,h4{color:var(--text-main);letter-spacing:-.02em;margin-top:0;font-family:Outfit,sans-serif;font-weight:700}p{color:var(--text-muted)}.btn{background-color:var(--surface);color:var(--text-main);border:1px solid var(--surface-hover);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:Outfit,sans-serif;font-size:15px;font-weight:600;transition:all .2s;display:inline-flex}.btn:hover{background-color:var(--surface-hover);transform:translateY(-1px)}.btn-primary{background-color:var(--primary);color:#fff;border:none}.btn-primary:hover{background-color:var(--primary-hover)}.btn-premium{background:linear-gradient(135deg, var(--primary) 0%, #00a884 100%);color:#fff;border:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-premium:hover{filter:brightness(1.1);transform:translateY(-2px)scale(1.02)}.btn-premium:active{transform:translateY(0)scale(.98)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.input-group{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.input-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.input{background-color:var(--bg-color);border:1px solid var(--surface-hover);width:100%;color:var(--text-main);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:12px;padding:14px;font-size:16px;transition:all .2s}.input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #007a6433}input[type=date].input::-webkit-datetime-edit{align-items:center;padding:0;display:flex}input[type=date].input::-webkit-datetime-edit-fields-wrapper{align-items:center;padding:0;display:flex}input[type=date].input::-webkit-datetime-edit-text{padding:0 1px;line-height:1}input[type=date].input::-webkit-datetime-edit-month-field{padding:0 1px;line-height:1}input[type=date].input::-webkit-datetime-edit-day-field{padding:0 1px;line-height:1}input[type=date].input::-webkit-datetime-edit-year-field{padding:0 1px;line-height:1}input[type=date].input::-webkit-calendar-picker-indicator{cursor:pointer;margin:0;padding:0}.input:-webkit-autofill{caret-color:var(--text-main);transition:background-color 99999s ease-out;-webkit-box-shadow:0 0 0 1000px var(--bg-color) inset!important;box-shadow:0 0 0 1000px var(--bg-color) inset!important;-webkit-text-fill-color:var(--text-main)!important}.input:-webkit-autofill:hover{caret-color:var(--text-main);transition:background-color 99999s ease-out;-webkit-box-shadow:0 0 0 1000px var(--bg-color) inset!important;box-shadow:0 0 0 1000px var(--bg-color) inset!important;-webkit-text-fill-color:var(--text-main)!important}.input:-webkit-autofill:focus{caret-color:var(--text-main);transition:background-color 99999s ease-out;-webkit-box-shadow:0 0 0 1000px var(--bg-color) inset!important;box-shadow:0 0 0 1000px var(--bg-color) inset!important;-webkit-text-fill-color:var(--text-main)!important}.custom-checkbox{appearance:none;border:1.5px solid var(--surface-hover);cursor:pointer;background-color:#ffffff05;border-radius:6px;outline:none;flex-shrink:0;place-content:center;width:18px;height:18px;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-grid;position:relative}.custom-checkbox:hover{border-color:var(--primary);background-color:#0089670d}.custom-checkbox:checked{background-color:var(--primary);border-color:var(--primary);box-shadow:0 0 10px #0089674d}.custom-checkbox:before{content:"";clip-path:polygon(14% 44%,0 58%,38% 96%,100% 16%,86% 2%,38% 70%);background-color:#fff;width:9px;height:9px;transition:transform .15s cubic-bezier(.175,.885,.32,1.275);transform:scale(0)}.custom-checkbox:checked:before{transform:scale(1)}.custom-checkbox:focus-visible{box-shadow:0 0 0 2px var(--bg-color), 0 0 0 4px var(--primary)}.colleague-label{color:var(--text-main);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:10px;padding:6px 10px;font-size:.85rem;transition:all .2s;display:flex}.colleague-label:hover{background-color:#ffffff0a}select,.input-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:40px!important}select option{color:#f8fafc;background-color:#1e293b;padding:10px}.card{background-color:var(--surface);border:1px solid var(--surface-hover);border-radius:20px;padding:32px;box-shadow:0 10px 30px #0003}.text-center{text-align:center}.w-full{width:100%}.mt-4{margin-top:16px}.page-container{height:100vh;display:flex}.sidebar{background-color:var(--surface);border-right:1px solid var(--surface-hover);flex-direction:column;width:280px;display:flex}.content{flex:1;padding:40px;overflow-y:auto}.spinner{border:5px solid #ffffff0d;border-top:5px solid var(--primary);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}.spinner-sm{border:2px solid #fff3;border-top-color:currentColor;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}.progress-container{background-color:#ffffff0d;border-radius:10px;width:100%;height:6px;position:relative;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--primary) 0%, #00bc8c 100%);border-radius:10px;height:100%;transition:width .3s}.progress-bar-shimmer{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;animation:1.5s infinite shimmer;position:absolute;top:0;left:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes settingsSectionHighlight{0%{box-shadow:0 0 #00bb938c}40%{box-shadow:0 0 0 4px #00bb9359}to{box-shadow:0 0 #00bb9300}}.settings-section-highlight{border-radius:16px;scroll-margin-top:24px;animation:1.6s ease-out settingsSectionHighlight}[id^=settings-anchor-]{scroll-margin-top:24px}.animate-spin{animation:1s linear infinite spin}.box-cell{-webkit-backdrop-filter:blur(8px);color:var(--text-main);background-color:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;align-items:center;min-height:48px;padding:10px 12px;font-size:.85rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:inset 0 1px 1px #ffffff05}.patient-row{cursor:pointer;grid-template-columns:minmax(150px,1.2fr) 1fr 1fr 50px 110px minmax(130px,1fr) 1.2fr 130px;align-items:stretch;gap:10px;transition:transform .2s;display:grid}.patient-row:hover{transform:translateY(-2px)}.patient-row:hover .box-cell{background-color:#1e293b99;border-color:#0089674d;box-shadow:0 10px 15px -3px #0003}.box-cell.actions-cell{justify-content:center;gap:8px}.action-btn-small{color:var(--text-muted);cursor:pointer;background:#1e293b99;border:1px solid #ffffff0d;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.action-btn-small.archive:hover{background-color:var(--primary);color:#fff;border-color:var(--primary)}.action-btn-small.view:hover{color:#fff;background-color:#38bdf8;border-color:#38bdf8}.action-btn-small.edit:hover{color:#fff;background-color:#f59e0b;border-color:#f59e0b}.action-btn-small.merge:hover{color:#fff;background-color:#8b5cf6;border-color:#8b5cf6}.action-btn-small.delete:hover{background-color:var(--danger);color:#fff;border-color:var(--danger)}input[type=number]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none!important}input[type=number]::-webkit-inner-spin-button{margin:0;-webkit-appearance:none!important}.input.no-spin::-webkit-outer-spin-button{margin:0;-webkit-appearance:none!important}.input.no-spin::-webkit-inner-spin-button{margin:0;-webkit-appearance:none!important}input[type=number],.input.no-spin{appearance:textfield}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--surface-hover);border:2px solid var(--bg-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}*{scrollbar-width:thin;scrollbar-color:var(--surface-hover) var(--bg-color)}.page-container{flex-direction:column;width:100%;min-height:100vh;display:flex}@media (max-width:1400px){.content{padding:32px 24px!important}}@media (max-width:1024px){div[style*=gridTemplateColumns],div[style*=grid-template-columns]{grid-template-columns:1fr!important;gap:20px!important}.patient-row{overflow-x:auto;min-width:900px!important;display:flex!important}div[style*=gridTemplateColumns]:has(>.box-cell){overflow-x:auto;min-width:900px!important;display:flex!important}div[style*=grid-template-columns]:has(>.box-cell){overflow-x:auto;min-width:900px!important;display:flex!important}div:has(>.patient-row){-webkit-overflow-scrolling:touch;padding-bottom:8px;width:100%!important;overflow-x:auto!important}.box-cell{flex:1;min-width:100px}}@media (max-width:768px){body{font-size:14px}.content{margin-top:60px!important;padding:20px 16px!important}header{margin-bottom:24px!important}header h1{font-size:1.5rem!important}.card{border-radius:16px!important;padding:20px!important}div[style*="display: flex"][style*="justify-content: space-between"],div[style*=display\:flex][style*=justify-content\:space-between],div[style*="display: flex"][style*="flex-direction: row"]{flex-direction:column!important;align-items:stretch!important;gap:12px!important}input[type=text]{font-size:16px!important}.btn,button[class*=btn]{justify-content:center;width:100%}.actions-cell,div[style*="gap: 8px"][style*="display: flex"],.btn-group{flex-direction:row!important}.hide-mobile{display:none!important}}@media (max-width:480px){.card{border-radius:12px!important;padding:16px 12px!important}header h1{font-size:1.25rem!important}}@keyframes patientConfirmIn{0%{opacity:0;transform:translateY(6px)scale(.96)}55%{opacity:1;transform:translateY(0)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes patientConfirmPanel{0%{background-color:#9b59b60a;box-shadow:0 0 #00896700}35%{background-color:#00896729;box-shadow:0 0 0 6px #00896738}to{background-color:#0089671a;box-shadow:0 0 #00896700}}.patient-confirm-banner{animation:.45s cubic-bezier(.16,1,.3,1) both patientConfirmIn}.patient-confirm-panel-flash{animation:.7s cubic-bezier(.16,1,.3,1) both patientConfirmPanel}@keyframes tabFadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tab-content-animate{animation:.35s cubic-bezier(.16,1,.3,1) forwards tabFadeSlideIn}@keyframes tabSlideInLeft{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes tabSlideInRight{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}.tab-content-slide-left{animation:.35s cubic-bezier(.16,1,.3,1) forwards tabSlideInLeft}.tab-content-slide-right{animation:.35s cubic-bezier(.16,1,.3,1) forwards tabSlideInRight}.alphabet-link{transition:all .2s cubic-bezier(.4,0,.2,1)}.alphabet-link.has-data:hover{text-underline-offset:4px;transform:scale(1.1);color:var(--primary)!important;text-decoration:underline!important}.alphabet-scroll-container::-webkit-scrollbar{display:none}.hover-card-premium{transition:all .3s cubic-bezier(.4,0,.2,1)!important}.hover-card-premium:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000004d;background-color:#ffffff0a!important;border-color:#0089674d!important}.medhub-chat-wallpaper{background-color:var(--bg-color);background-image:url(/medhub-chat-bg.png?v=4);background-repeat:repeat;background-size:720px 960px;background-attachment:scroll}