:root{--brand-royal: #064E3B;--brand-emerald: #059669;--brand-lemon: #A3E635;--brand-lemon-dark: #84CC16;--brand-success: #10B981;--surface-mist: #F7F9FC;--surface-slate: #E2E8F0;--surface-white: #FFFFFF;--text-ink: #0F172A;--text-deep: #1E293B;--text-slate: #475569;--text-muted: #94A3B8;--sem-amber: #D97706;--sem-red: #B42318;--sem-blue: #2563EB;--sem-teal: #0891B2;--header-h: 56px;--nav-h: 64px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-full: 9999px;--shadow-card: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow-float: 0 10px 25px -5px rgba(0,0,0,.12), 0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl: 0 20px 60px -10px rgba(6,78,59,.35)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;height:100dvh;overflow:hidden;background:var(--brand-royal)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;touch-action:manipulation}h1,h2,h3,h4,h5,.font-brand{font-family:Plus Jakarta Sans,Inter,sans-serif;font-weight:700}#app{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;max-width:430px;margin:0 auto;background:var(--surface-mist);overflow:hidden;box-shadow:var(--shadow-xl)}#auth-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;background:var(--brand-royal);display:flex;flex-direction:column;overflow-y:auto;padding:calc(var(--safe-top) + 20px) 0 calc(var(--safe-bottom) + 20px);transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s}#auth-wrapper.slide-out{transform:translateY(-100%);opacity:0;pointer-events:none}.auth-logo-wrap{display:flex;flex-direction:column;align-items:center;padding:20px 24px 4px}.auth-brand-name{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:1.4rem;color:#fff;letter-spacing:-.02em;margin-top:8px}.auth-brand-accent{color:var(--brand-lemon)}.auth-tagline{font-size:.75rem;color:#fff9;text-align:center;margin-top:4px}.auth-facility-badge{margin-top:8px;font-size:.7rem;color:#ffffff73}.auth-card{margin:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--r-xl);padding:22px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.auth-tabs{display:flex;background:#ffffff14;border-radius:var(--r-full);padding:3px;margin-bottom:18px}.auth-tab{flex:1;padding:9px 12px;border:none;border-radius:var(--r-full);background:transparent;font-family:Inter,sans-serif;font-size:.85rem;font-weight:700;color:#ffffff8c;cursor:pointer;transition:background .2s,color .2s}.auth-tab.active{background:var(--brand-lemon);color:var(--brand-royal)}.auth-group{margin-bottom:12px}.auth-label{display:block;font-size:.7rem;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px}.auth-input{width:100%;padding:12px 14px;background:#ffffff1a;border:1.5px solid rgba(255,255,255,.15);border-radius:var(--r-md);font-family:Inter,sans-serif;font-size:.9rem;color:#fff;outline:none;transition:border-color .15s}.auth-input::placeholder{color:#fff6}.auth-input:focus{border-color:var(--brand-lemon);background:#ffffff21}.auth-btn{width:100%;padding:13px;border:none;border-radius:var(--r-md);background:var(--brand-lemon);color:var(--brand-royal);font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;font-weight:800;cursor:pointer;transition:background .15s,transform .1s;margin-top:2px;display:flex;align-items:center;justify-content:center;gap:6px}.auth-btn:active{transform:scale(.98);background:var(--brand-lemon-dark)}.auth-btn i{width:16px;height:16px}.auth-flash{padding:10px 12px;border-radius:var(--r-md);font-size:.825rem;margin-bottom:12px}.auth-flash.ok{background:#a3e63526;color:var(--brand-lemon);border:1px solid rgba(163,230,53,.25)}.auth-flash.err{background:#b4231826;color:#fca5a5;border:1px solid rgba(180,35,24,.25)}.auth-footer{text-align:center;padding:6px 24px;font-size:.68rem;color:#ffffff4d}#app-shell{display:flex;flex-direction:column;height:100%;height:100dvh;overflow:hidden}#app-shell.hidden{display:none}#app-header{flex-shrink:0;height:calc(var(--header-h) + var(--safe-top));padding-top:var(--safe-top);background:var(--brand-royal);display:flex;align-items:center;justify-content:space-between;padding-left:14px;padding-right:14px;z-index:50}.header-brand{display:flex;align-items:center;gap:8px}.header-brand-text{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:1.05rem;color:#fff;letter-spacing:-.02em;line-height:1.1}.header-brand-accent{color:var(--brand-lemon)}.header-brand-sub{font-size:.62rem;color:#ffffff8c;text-transform:uppercase;letter-spacing:.05em}.header-actions{display:flex;align-items:center;gap:6px}.icon-btn{width:36px;height:36px;border-radius:var(--r-full);border:none;background:#ffffff1a;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:background .15s}.icon-btn:active{background:#fff3}.icon-btn i{width:18px;height:18px}.badge{position:absolute;top:3px;right:3px;width:8px;height:8px;border-radius:50%;background:var(--brand-lemon);border:2px solid var(--brand-royal)}#app-content{flex:1;overflow:hidden;position:relative}.screen{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;background:var(--surface-mist);opacity:0;transform:translate(8px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.screen.active{opacity:1;transform:translate(0);pointer-events:auto}.screen-body{padding:14px 14px calc(var(--nav-h) + var(--safe-bottom) + 10px)}#bottom-nav{flex-shrink:0;height:calc(var(--nav-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--surface-white);border-top:1px solid var(--surface-slate);display:flex;align-items:stretch;z-index:50}.nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:color .15s;position:relative;padding:0 4px}.nav-tab.active{color:var(--brand-emerald)}.nav-tab i{width:22px;height:22px}.nav-tab-label{font-size:.58rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.nav-tab.active:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:24px;height:3px;border-radius:0 0 3px 3px;background:var(--brand-emerald)}.nav-badge{position:absolute;top:5px;right:calc(50% - 20px);min-width:16px;height:16px;border-radius:8px;background:var(--sem-red);color:#fff;font-size:.58rem;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 3px}.card{background:var(--surface-white);border-radius:var(--r-lg);padding:14px;box-shadow:var(--shadow-card);border:1px solid var(--surface-slate)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.card-title{font-family:Plus Jakarta Sans,sans-serif;font-size:.875rem;font-weight:700;color:var(--text-deep)}.card-link{font-size:.75rem;font-weight:600;color:var(--brand-emerald);background:none;border:none;cursor:pointer;padding:0}.hero-card{background:linear-gradient(135deg,var(--brand-royal) 0%,#0a6b52 100%);border-radius:var(--r-xl);padding:18px;color:#fff;position:relative;overflow:hidden;border:none}.hero-card:before{content:"";position:absolute;top:-28px;right:-18px;width:120px;height:120px;border-radius:50%;background:#a3e6351a}.hero-card:after{content:"";position:absolute;bottom:-36px;right:28px;width:72px;height:72px;border-radius:50%;background:#a3e63512}.hero-greeting{font-size:.7rem;font-weight:500;color:#ffffffb3;text-transform:uppercase;letter-spacing:.06em}.hero-name{font-family:Plus Jakarta Sans,sans-serif;font-size:1.35rem;font-weight:800;color:#fff;margin-top:2px;letter-spacing:-.02em}.hero-facility{display:inline-flex;align-items:center;gap:4px;margin-top:8px;padding:4px 10px;border-radius:var(--r-full);background:#ffffff1f;font-size:.7rem;font-weight:600;color:var(--brand-lemon)}.hero-facility i{width:11px;height:11px}.hero-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:14px}.hero-stat{background:#ffffff1a;border-radius:var(--r-md);padding:10px 6px;text-align:center}.hero-stat-val{font-family:Plus Jakarta Sans,sans-serif;font-size:1.2rem;font-weight:800;color:var(--brand-lemon);line-height:1}.hero-stat-label{font-size:.58rem;font-weight:500;color:#fff9;text-transform:uppercase;letter-spacing:.04em;margin-top:3px}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.quick-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;border-radius:var(--r-lg);border:1px solid var(--surface-slate);background:var(--surface-white);cursor:pointer;transition:background .12s,transform .1s;box-shadow:var(--shadow-card)}.quick-btn:active{transform:scale(.96);background:var(--surface-mist)}.quick-btn-icon{width:38px;height:38px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center}.quick-btn-icon i{width:18px;height:18px}.quick-btn-label{font-size:.62rem;font-weight:600;color:var(--text-slate);text-align:center;line-height:1.2}.list-item{display:flex;align-items:flex-start;gap:10px;padding:11px 0;border-bottom:1px solid var(--surface-slate);cursor:pointer}.list-item:last-child{border-bottom:none}.list-icon{width:34px;height:34px;border-radius:var(--r-md);flex-shrink:0;display:flex;align-items:center;justify-content:center}.list-icon i{width:16px;height:16px}.list-body{flex:1;min-width:0}.list-title{font-size:.85rem;font-weight:600;color:var(--text-deep);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-sub{font-size:.75rem;color:var(--text-slate);margin-top:2px}.list-meta{font-size:.68rem;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.pill{display:inline-flex;align-items:center;padding:3px 7px;border-radius:var(--r-full);font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.pill-requested{background:#fef3c7;color:var(--sem-amber)}.pill-confirmed{background:#d1fae5;color:var(--brand-emerald)}.pill-rescheduled{background:#dbeafe;color:var(--sem-blue)}.pill-completed{background:#f1f5f9;color:var(--text-slate)}.pill-cancelled{background:#fee2e2;color:var(--sem-red)}.pill-general{background:#f0fdf4;color:var(--brand-emerald)}.pill-telemedicine{background:#eff6ff;color:var(--sem-blue)}.vitals-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.vital-card{background:var(--surface-white);border-radius:var(--r-lg);padding:12px;border:1px solid var(--surface-slate);box-shadow:var(--shadow-card)}.vital-card-icon{width:32px;height:32px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;margin-bottom:8px}.vital-card-icon i{width:16px;height:16px}.vital-card-val{font-family:Plus Jakarta Sans,sans-serif;font-size:1.35rem;font-weight:800;color:var(--text-ink);line-height:1}.vital-card-unit{font-size:.68rem;color:var(--text-muted)}.vital-card-label{font-size:.65rem;font-weight:600;color:var(--text-slate);text-transform:uppercase;letter-spacing:.04em;margin-top:4px}.vital-card-time{font-size:.62rem;color:var(--text-muted);margin-top:1px}.form-group{margin-bottom:12px}.form-label{display:block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-slate);margin-bottom:4px}.form-input,.form-select,.form-textarea{width:100%;padding:11px 13px;border:1.5px solid var(--surface-slate);border-radius:var(--r-md);background:var(--surface-white);font-family:Inter,sans-serif;font-size:.9rem;color:var(--text-ink);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;transition:border-color .15s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--brand-emerald);box-shadow:0 0 0 3px #0596691a}.form-textarea{resize:none;min-height:76px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:11px 18px;border-radius:var(--r-md);border:none;font-family:Inter,sans-serif;font-size:.875rem;font-weight:700;cursor:pointer;transition:all .14s}.btn:active{transform:scale(.97)}.btn i{width:15px;height:15px;flex-shrink:0}.btn-primary{background:var(--brand-emerald);color:#fff}.btn-primary:hover{background:#047857}.btn-royal{background:var(--brand-royal);color:#fff}.btn-lemon{background:var(--brand-lemon);color:var(--brand-royal)}.btn-outline{background:transparent;color:var(--brand-emerald);border:1.5px solid var(--brand-emerald)}.btn-ghost{background:var(--surface-mist);color:var(--text-slate);border:1px solid var(--surface-slate)}.btn-danger{background:var(--sem-red);color:#fff}.btn-full{width:100%}.btn-lg{padding:13px 22px;font-size:.95rem;border-radius:var(--r-lg)}.btn-sm{padding:6px 11px;font-size:.78rem;border-radius:var(--r-sm)}.fab{position:absolute;bottom:calc(var(--nav-h) + var(--safe-bottom) + 14px);right:14px;width:50px;height:50px;border-radius:var(--r-full);background:var(--brand-emerald);color:#fff;border:none;box-shadow:var(--shadow-float);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:40;transition:transform .14s,background .14s}.fab:active{transform:scale(.91)}.fab i{width:22px;height:22px}.section-header{display:flex;align-items:center;justify-content:space-between}.section-title{font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;font-weight:700;color:var(--text-ink)}.filter-row{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}.msg-thread{display:flex;align-items:flex-start;gap:10px;padding:11px 0;border-bottom:1px solid var(--surface-slate);cursor:pointer}.msg-thread:last-child{border-bottom:none}.msg-avatar{width:40px;height:40px;border-radius:var(--r-full);background:var(--brand-royal);color:var(--brand-lemon);display:flex;align-items:center;justify-content:center;font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:.9rem;flex-shrink:0}.msg-wrap{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.msg-row-patient{display:flex;justify-content:flex-end}.msg-row-facility{display:flex;justify-content:flex-start}.msg-bubble{padding:9px 12px;border-radius:12px;max-width:80%;font-size:.85rem;line-height:1.5}.msg-bubble.patient{background:var(--brand-emerald);color:#fff;border-radius:12px 12px 4px}.msg-bubble.facility{background:var(--surface-white);color:var(--text-ink);border:1px solid var(--surface-slate);border-radius:12px 12px 12px 4px}.msg-time{font-size:.62rem;color:var(--text-muted);padding:0 4px}#slide-panel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none}#slide-panel.open{pointer-events:auto}#slide-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a73;opacity:0;transition:opacity .25s}#slide-panel.open #slide-overlay{opacity:1}#slide-sheet{position:absolute;bottom:0;left:0;right:0;max-height:92%;background:var(--surface-white);border-radius:var(--r-xl) var(--r-xl) 0 0;overflow-y:auto;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}#slide-panel.open #slide-sheet{transform:translateY(0)}.slide-handle{width:34px;height:4px;border-radius:2px;background:var(--surface-slate);margin:10px auto 0}.slide-header{padding:8px 14px 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--surface-slate)}.slide-title{font-family:Plus Jakarta Sans,sans-serif;font-size:.95rem;font-weight:700;color:var(--text-ink)}.slide-body{padding:14px}.profile-header{display:flex;align-items:center;gap:12px}.profile-avatar{width:68px;height:68px;border-radius:var(--r-full);background:linear-gradient(135deg,var(--brand-royal),var(--brand-emerald));color:var(--brand-lemon);display:flex;align-items:center;justify-content:center;font-family:Plus Jakarta Sans,sans-serif;font-size:1.4rem;font-weight:800;flex-shrink:0}.profile-name{font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;font-weight:800;color:var(--text-ink)}.profile-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--surface-slate)}.profile-row:last-child{border-bottom:none}.profile-row-icon{width:34px;height:34px;border-radius:var(--r-md);background:var(--surface-mist);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--brand-emerald)}.profile-row-icon i{width:15px;height:15px}.profile-row-body{flex:1}.profile-row-label{font-size:.68rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.profile-row-val{font-size:.88rem;font-weight:600;color:var(--text-deep);margin-top:1px}.sync-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--r-full);font-size:.68rem;font-weight:600}.sync-chip.online{background:#d1fae5;color:var(--brand-emerald)}.sync-chip.offline{background:#ffffff1f;color:#ffffff8c}.sync-chip.syncing{background:#dbeafe;color:var(--sem-blue)}.sync-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.sync-dot.pulse{animation:pulse-dot 1.4s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;gap:8px}.empty-state-icon{width:52px;height:52px;border-radius:var(--r-full);background:var(--surface-mist);border:1px solid var(--surface-slate);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.empty-state-icon i{width:22px;height:22px}.empty-state-title{font-size:.9rem;font-weight:600;color:var(--text-deep)}.empty-state-sub{font-size:.78rem;color:var(--text-muted)}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .65s linear infinite;display:inline-block;vertical-align:middle}.spinner.dark{border-color:#064e3b26;border-top-color:var(--brand-emerald)}@keyframes spin{to{transform:rotate(360deg)}}#toast-container{position:fixed;top:calc(var(--safe-top) + 10px);left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:7px;width:min(390px,calc(100vw - 28px));pointer-events:none}.toast{background:#0f172aed;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;border-radius:var(--r-md);padding:10px 13px;font-size:.82rem;font-weight:500;display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow-float);transform:translateY(-8px);opacity:0;transition:transform .18s,opacity .18s;pointer-events:auto}.toast.show{transform:translateY(0);opacity:1}.toast i{flex-shrink:0;width:16px;height:16px}.toast.success i{color:var(--brand-lemon)}.toast.error i{color:#fca5a5}.toast.info i{color:#93c5fd}.appt-header{background:linear-gradient(135deg,var(--brand-royal) 0%,#0a6b52 100%);border-radius:var(--r-lg) var(--r-lg) 0 0;padding:16px;color:#fff;margin:-14px -14px 14px}.appt-dept{font-family:Plus Jakarta Sans,sans-serif;font-size:1.1rem;font-weight:800}.appt-date{font-size:.82rem;color:#fffc;margin-top:4px;display:flex;align-items:center;gap:5px}.appt-date i{width:13px;height:13px}.appt-note{background:var(--surface-mist);border-left:3px solid var(--brand-emerald);border-radius:0 var(--r-md) var(--r-md) 0;padding:9px 11px;font-size:.8rem;color:var(--text-slate)}.notif-item{display:flex;gap:10px;padding:11px 0;border-bottom:1px solid var(--surface-slate)}.notif-item:last-child{border-bottom:none}.notif-item.unread .notif-body-title{font-weight:700;color:var(--text-ink)}.notif-icon{width:34px;height:34px;border-radius:var(--r-full);display:flex;align-items:center;justify-content:center;flex-shrink:0}.notif-icon i{width:16px;height:16px}.notif-body-title{font-size:.85rem;font-weight:500;color:var(--text-deep)}.notif-body-sub{font-size:.75rem;color:var(--text-slate);margin-top:2px}.notif-body-time{font-size:.65rem;color:var(--text-muted);margin-top:3px}.hidden{display:none!important}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-5{margin-top:20px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.text-muted{color:var(--text-muted);font-size:.8rem}.text-sm{font-size:.8rem;color:var(--text-slate)}.text-xs{font-size:.7rem;color:var(--text-muted)}.font-bold{font-weight:700}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (min-width: 480px){#app{border-radius:var(--r-xl);top:16px;height:calc(100dvh - 32px)}}