*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--or:#e86a00;--orl:#fff3eb;--gn:#2d9f6e;--gnb:#edf7f3;--bl:#185fa5;--blb:#e6f1fb;--pu:#26215c;--pub:#eeedfe;--pum:#534ab7;--soft:#f4f2ef;--wh:#fff;--tx:#1a1a1a;--mu:#595959;--bd:#e8e4de;--rad:14px;--rsm:10px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif}html,body,#root{height:100%;font-family:var(--font);color:var(--tx);-webkit-text-size-adjust:100%;background:#f8f6f3}button{font-family:var(--font);cursor:pointer}a{color:inherit;text-decoration:none}input,textarea,select{font-family:var(--font)}.desktop-layout{max-width:1400px;height:100vh;margin:0 auto;display:flex;overflow:hidden}.sidebar{background:var(--wh);border-right:.5px solid var(--bd);flex-direction:column;flex-shrink:0;width:220px;padding:0;display:flex}.sidebar-logo{border-bottom:.5px solid var(--bd);align-items:center;gap:10px;padding:20px 16px 16px;display:flex}.sidebar-logo-icon{background:var(--or);color:#fff;border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex}.sidebar-client{border-bottom:.5px solid var(--bd);cursor:pointer;padding:14px 16px}.sidebar-client:hover{background:var(--soft)}.sidebar-client-name{font-size:14px;font-weight:500}.sidebar-client-sub{color:var(--or);margin-top:1px;font-size:11px}.sidebar-nav{flex:1;padding:10px 8px;overflow-y:auto}.nav-item{border-radius:var(--rsm);color:var(--tx);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:9px 10px;font-size:14px;transition:background .15s;display:flex;position:relative}.nav-item:hover{background:var(--soft)}.nav-item.active{background:var(--orl);color:var(--or);font-weight:500}.nav-item svg{flex-shrink:0}.nav-badge{background:var(--or);color:#fff;border-radius:20px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:500}.sidebar-user{border-top:.5px solid var(--bd);align-items:center;gap:10px;padding:14px 16px;display:flex}.user-avatar{background:var(--orl);width:32px;height:32px;color:var(--or);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:500;display:flex}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{background:var(--wh);border-bottom:.5px solid var(--bd);flex-shrink:0;align-items:center;gap:12px;height:56px;padding:0 24px;display:flex}.topbar-title{font-size:16px;font-weight:500}.page-body{flex:1;padding:24px;overflow-y:auto}.page-body-wide{padding:0}.mobile-layout{background:#f8f6f3;flex-direction:column;max-width:430px;margin:0 auto;display:flex;position:fixed;inset:0;overflow:hidden}.mobile-tbar{background:var(--wh);border-bottom:.5px solid var(--bd);flex-shrink:0;align-items:center;gap:10px;min-height:52px;padding:10px 16px;display:flex}.mobile-tbar-title{flex:1;font-size:16px;font-weight:500}.mobile-sbody{-webkit-overflow-scrolling:touch;flex:1;padding:14px 16px 24px;overflow-y:auto}.mobile-bnav{background:var(--wh);border-top:.5px solid var(--bd);flex-shrink:0;padding:6px 0 20px;display:flex}.bnav-tab{cursor:pointer;min-height:44px;color:var(--mu);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:5px 0;display:flex}.bnav-tab.active{color:var(--or)}.bnav-tab span{font-size:11px;font-weight:400}.bnav-tab.active span{font-weight:500}.card{background:var(--wh);border:.5px solid var(--bd);border-radius:var(--rad);margin-bottom:12px;padding:16px}.card-title{margin-bottom:10px;font-size:14px;font-weight:500}.btn-orange{background:var(--or);color:#fff;cursor:pointer;border:none;border-radius:20px;align-items:center;gap:7px;padding:10px 20px;font-size:14px;font-weight:500;transition:opacity .15s;display:inline-flex}.btn-orange:hover{opacity:.9}.btn-outline{background:var(--wh);border:.5px solid var(--bd);cursor:pointer;color:var(--tx);border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;transition:background .15s;display:inline-flex}.btn-outline:hover{background:var(--soft)}.tag{border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:500;display:inline-flex}.tag-green{background:var(--gnb);color:#1a6645}.tag-orange{background:var(--orl);color:#7a3600}.tag-blue{background:var(--blb);color:#0c447c}.tag-purple{background:var(--pub);color:#26215c}.tag-red{color:#c94040;background:#fdf0f0}.update-card{background:var(--wh);border:.5px solid var(--bd);border-radius:var(--rad);margin-bottom:10px;padding:14px 16px}.update-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.update-author{color:var(--mu);align-items:center;gap:6px;margin-top:8px;font-size:11px;display:flex}.author-dot{background:var(--or);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:8px;font-weight:700;display:flex}.modal-overlay{z-index:300;background:#1a1a1a99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:var(--wh);border-radius:20px;width:100%;max-width:480px;margin:16px;padding:28px;position:relative;box-shadow:0 8px 60px #00000026}.modal-sheet{background:var(--wh);-webkit-overflow-scrolling:touch;border-radius:20px 20px 0 0;width:100%;max-height:90vh;padding:20px 18px 36px;overflow-y:auto}.modal-handle{background:var(--bd);border-radius:2px;width:36px;height:4px;margin:0 auto 16px}.modal-close{background:var(--soft);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.form-field{margin-bottom:16px}.form-label{color:var(--tx);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.form-input{border:.5px solid var(--bd);border-radius:var(--rsm);width:100%;color:var(--tx);background:var(--wh);outline:none;padding:10px 12px;font-size:14px;transition:border-color .15s}.form-input:focus{border-color:var(--or)}.form-select{border:.5px solid var(--bd);border-radius:var(--rsm);width:100%;color:var(--tx);background:var(--wh);outline:none;padding:10px 12px;font-size:14px}.toast{background:var(--tx);color:#fff;z-index:500;white-space:nowrap;border-radius:20px;padding:10px 20px;font-size:13px;animation:.2s fadeInUp;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.mobile-toast{bottom:90px}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.drawer-overlay{z-index:400;background:#1a1a1a8c;position:fixed;inset:0}.drawer{background:var(--wh);z-index:500;width:285px;height:100vh;animation:.25s cubic-bezier(.4,0,.2,1) slideInRight;position:fixed;top:0;right:0;overflow-y:auto;box-shadow:-4px 0 32px #0000002e}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{color:#fff;background:linear-gradient(135deg,#e86a00,#c05000);padding:50px 20px 18px}.drawer-av{color:#fff;cursor:pointer;background:#ffffff40;border:2px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:10px;font-size:18px;font-weight:500;display:flex}.drawer-item{color:var(--tx);border:none;border-bottom:.5px solid var(--bd);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:12px;width:100%;min-height:52px;padding:13px 18px;font-size:14px;display:flex}.drawer-item:active{background:var(--soft)}.drawer-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.drawer-label{color:var(--mu);text-transform:uppercase;letter-spacing:.06em;padding:10px 18px 3px;font-size:10px;font-weight:500}.profile-hero{background:linear-gradient(135deg, var(--or), #c05000);border-radius:var(--rad);color:#fff;align-items:center;gap:20px;margin-bottom:20px;padding:24px;display:flex}.profile-av{color:#fff;background:#ffffff40;border:3px solid #fff6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-size:24px;font-weight:500;display:flex}.profile-section{background:var(--wh);border:.5px solid var(--bd);border-radius:var(--rad);margin-bottom:16px;overflow:hidden}.profile-section-hdr{background:var(--soft);border-bottom:.5px solid var(--bd);align-items:center;gap:8px;padding:12px 18px;display:flex}.profile-row{border-bottom:.5px solid var(--bd);align-items:flex-start;padding:11px 18px;display:flex}.profile-row:last-child{border-bottom:none}.profile-label{color:var(--mu);flex-shrink:0;min-width:150px;font-size:12px}.profile-value{color:var(--tx);flex:1;font-size:13px;line-height:1.5}.filter-pills{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.pill{border:.5px solid var(--bd);background:var(--wh);color:var(--mu);cursor:pointer;border-radius:20px;padding:6px 14px;font-size:12px}.pill.active{background:var(--or);color:#fff;border-color:var(--or);font-weight:500}.msg-bubble{border-radius:18px;max-width:75%;margin-bottom:4px;padding:10px 13px;font-size:13px;line-height:1.5}.msg-bubble.sent{background:var(--or);color:#fff;border-radius:18px 18px 4px;margin-left:auto}.msg-bubble.received{background:var(--wh);border:.5px solid var(--bd);border-radius:18px 18px 18px 4px}.appt-card{background:var(--wh);border:.5px solid var(--bd);border-radius:var(--rad);cursor:pointer;margin-bottom:10px;padding:14px 16px;transition:border-color .15s}.appt-card:hover{border-color:var(--or)}.appt-card.upcoming{border-left:3px solid var(--or)}.appt-card.past{border-left:3px solid var(--bd);opacity:.8}.date-block{text-align:center;flex-shrink:0;width:44px}.date-day{color:var(--tx);font-size:22px;font-weight:600;line-height:1}.date-mon{color:var(--mu);text-transform:uppercase;font-size:11px}.med-time-block{background:var(--wh);border:.5px solid var(--bd);border-radius:var(--rad);margin-bottom:12px;overflow:hidden}.med-time-hdr{background:var(--soft);align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:500;display:flex}.med-item{border-bottom:.5px solid var(--bd);align-items:center;gap:12px;padding:11px 14px;display:flex}.med-item:last-child{border-bottom:none}.med-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.med-taken{background:var(--gn)}.med-pending{background:var(--bd)}.vital-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.vital-card{background:var(--wh);border:.5px solid var(--bd);border-radius:var(--rad);padding:14px}.vital-val{color:var(--tx);font-size:22px;font-weight:600}.vital-unit{color:var(--mu);font-size:11px}.vital-label{color:var(--mu);margin-top:4px;font-size:12px}.rec-pulse{border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:.15;transform:translate(-50%,-50%)scale(1.15)}}.wave-bar{background:var(--bd);border-radius:3px;width:4px;height:6px;transition:height .12s}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.text-mu{color:var(--mu)}.text-or{color:var(--or)}.text-sm{font-size:12px}.text-xs{font-size:11px}.font-500{font-weight:500}.w-full{width:100%}