:root{--surface:#fff;--surface-muted:#f5f7f8;--surface-raised:#fbfcfd;--ink:#172026;--ink-muted:#59656d;--ink-faint:#8b969d;--primary:#176b87;--primary-strong:#0f5064;--primary-soft:#e3eff4;--success:#287a4d;--success-soft:#e4f2ea;--warning:#8a5a00;--warning-soft:#f7edd8;--danger:#a52828;--danger-soft:#f8e6e6;--border:#dce2e5;--focus:#0b78a1;--caregiver:#3d2e73;--caregiver-soft:#efe9fb;--page-bg:#eef1f3;--sp-xs:4px;--sp-sm:8px;--sp-md:16px;--sp-lg:24px;--sp-xl:32px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-pill:9999px;--shadow-1:0 1px 2px #1720260f, 0 1px 3px #17202614;--shadow-2:0 6px 18px #1720261a;--font-body:"Public Sans", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);color:var(--ink);background:var(--page-bg);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}h1,h2,h3,h4,h5,p{margin:0}a{color:var(--primary-strong)}button{font-family:inherit}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{background:var(--page-bg);flex-direction:column;max-width:640px;min-height:100dvh;margin:0 auto;display:flex}.app-main{flex-direction:column;flex:1;min-width:0;display:flex}.content{padding:var(--sp-md);padding-bottom:calc(84px + env(safe-area-inset-bottom));flex:1}.side{display:none}.topbar{z-index:30;background:var(--surface);border-bottom:1px solid var(--border);padding:10px var(--sp-md);align-items:center;gap:10px;min-height:56px;display:flex;position:sticky;top:0}.topbar .tb-titles{flex:1;min-width:0}.topbar .tb-title{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:800;overflow:hidden}.topbar .tb-sub{color:var(--ink-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.iconbtn{border-radius:var(--r-md);width:44px;height:44px;color:var(--ink-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.iconbtn:hover{background:var(--surface-muted);color:var(--ink)}.iconbtn svg{width:22px;height:22px}.avatar{background:var(--primary-soft);width:34px;height:34px;color:var(--primary-strong);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:inline-flex}.avatar.caregiver{background:var(--caregiver-soft);color:var(--caregiver)}.avatar.admin{background:var(--warning-soft);color:var(--warning)}.bnav{z-index:40;background:var(--surface);border-top:1px solid var(--border);padding:6px 4px calc(6px + env(safe-area-inset-bottom));justify-content:space-around;align-items:flex-end;max-width:640px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.bnav-item{min-width:56px;min-height:44px;color:var(--ink-faint);cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:2px 6px;font-size:10.5px;font-weight:700;text-decoration:none;display:flex}.bnav-item svg{width:22px;height:22px}.bnav-item.on{color:var(--primary)}.bnav-item.cta{margin-top:-26px}.bnav-item.cta .fab{background:var(--primary);color:#fff;border:4px solid var(--surface);border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;display:flex;box-shadow:0 6px 14px #176b876b}.bnav-item.cta .fab svg{width:24px;height:24px}@media (width>=1000px){.app{background:var(--surface);max-width:1240px;min-height:100vh;box-shadow:var(--shadow-1);flex-direction:row}.bnav{display:none}.content{padding:var(--sp-lg);padding-bottom:var(--sp-xl);background:var(--page-bg)}.side{background:var(--surface);border-right:1px solid var(--border);width:224px;padding:var(--sp-md);flex-direction:column;flex:none;gap:4px;display:flex}.side .brand{align-items:center;gap:10px;padding:6px 8px 18px;font-size:17px;font-weight:800;display:flex}.side .brand .mark{background:var(--primary);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.side .brand .mark svg{width:18px;height:18px}.side .brand .tag{letter-spacing:.08em;color:var(--ink-faint);font-size:10px;font-weight:800}.side .snav{border-radius:var(--r-md);width:100%;color:var(--ink-muted);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:11px 12px;font-size:13.5px;font-weight:600;text-decoration:none;display:flex}.side .snav svg{width:18px;height:18px}.side .snav:hover{background:var(--surface-muted);color:var(--ink)}.side .snav.on{background:var(--primary-soft);color:var(--primary-strong);font-weight:700}.side .spacer{flex:1}.side .who{border-top:1px solid var(--border);padding:12px 8px 4px;font-size:13px}.side .who b{display:block}.side .who span{color:var(--ink-muted);font-size:12px}.cols2{gap:var(--sp-md);grid-template-columns:1fr 1fr;align-items:start;display:grid}.cols2>.span2{grid-column:span 2}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-md);box-shadow:var(--shadow-1)}.card+.card{margin-top:14px}@media (width>=1000px){.cols2 .card+.card{margin-top:0}}.card h5{text-transform:uppercase;letter-spacing:.07em;color:var(--ink-faint);margin-bottom:10px;font-size:11.5px;font-weight:800}.chead{align-items:center;gap:8px;margin-bottom:12px;display:flex}.chead h4{flex:1;font-size:14.5px;font-weight:800}.link{color:var(--primary-strong);cursor:pointer;background:0 0;border:none;padding:4px;font-size:13px;font-weight:700;text-decoration:none}.link:hover{text-decoration:underline}.btn{border-radius:var(--r-md);cursor:pointer;border:1.5px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:12px 20px;font-size:14.5px;font-weight:800;text-decoration:none;transition:background .15s;display:inline-flex}.btn svg{width:18px;height:18px}.btn[disabled]{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not([disabled]){background:var(--primary-strong)}.btn-secondary{background:var(--surface);border-color:var(--border);color:var(--primary-strong)}.btn-secondary:hover:not([disabled]){background:var(--primary-soft)}.btn-ghost{color:var(--primary-strong);background:0 0}.btn-danger{background:var(--danger);color:#fff}.btn-dangersoft{background:var(--danger-soft);color:var(--danger)}.btn-block{width:100%}.btn-lg{border-radius:var(--r-lg);min-height:56px;font-size:17px}.btn-sm{min-height:38px;padding:8px 14px;font-size:13px}.spin{border:2.5px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.badge{border-radius:var(--r-pill);white-space:nowrap;align-items:center;gap:6px;padding:3px 11px;font-size:12px;font-weight:800;display:inline-flex}.badge i{background:currentColor;border-radius:50%;width:7px;height:7px}.b-ok{background:var(--success-soft);color:var(--success)}.b-warn{background:var(--warning-soft);color:var(--warning)}.b-dang{background:var(--danger-soft);color:var(--danger)}.b-info{background:var(--primary-soft);color:var(--primary-strong)}.b-neu{background:var(--surface-muted);color:var(--ink-muted);border:1px solid var(--border)}.b-caregiver{background:var(--caregiver-soft);color:var(--caregiver)}.bp{font-variant-numeric:tabular-nums;align-items:baseline;gap:4px;display:flex}.bp .sys{letter-spacing:-.02em;font-size:38px;font-weight:800}.bp .sep{color:var(--ink-faint);font-size:24px;font-weight:300}.bp .dia{color:var(--ink-muted);font-size:28px;font-weight:700}.bp .unit{color:var(--ink-faint);align-self:flex-start;margin-top:8px;font-size:11px;font-weight:700}.bp.danger .sys{color:var(--danger)}.bp.sm .sys{font-size:22px}.bp.sm .sep{font-size:16px}.bp.sm .dia{font-size:18px}.bp.sm .unit{margin-top:2px}.hr{color:var(--ink-muted);font-variant-numeric:tabular-nums;align-items:center;gap:5px;font-size:13px;font-weight:700;display:inline-flex}.hr svg{width:15px;height:15px;color:var(--danger)}.qual{align-items:center;gap:10px;display:flex}.qual .ring{flex:none;width:46px;height:46px;position:relative}.qual .ring svg{transform:rotate(-90deg)}.qual .ring b{font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex;position:absolute;inset:0}.qual .ql b{font-size:13.5px;display:block}.qual .ql span{color:var(--ink-muted);font-size:12px}.inp{margin-bottom:14px;display:block}.inp>span{margin-bottom:6px;font-size:13px;font-weight:800;display:block}.inp input,.inp select,.inp textarea{border:1.5px solid var(--border);border-radius:var(--r-md);width:100%;color:var(--ink);background:var(--surface);padding:12px 14px;font-family:inherit;font-size:16px}.inp input:focus,.inp select:focus,.inp textarea:focus{outline:3px solid var(--focus);outline-offset:0;border-color:var(--focus)}.inp .hint{color:var(--ink-faint);margin-top:4px;font-size:12px}.inp.err input,.inp.err select{border-color:var(--danger)}.inp.err .hint{color:var(--danger);font-weight:700}.inp input.big{text-align:center;font-variant-numeric:tabular-nums;font-size:30px;font-weight:800}.seg{background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--r-md);gap:2px;padding:3px;display:flex}.seg button{color:var(--ink-muted);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;min-height:38px;padding:9px 10px;font-size:13px;font-weight:700}.seg button.on{background:var(--surface);color:var(--primary-strong);box-shadow:var(--shadow-1)}.switch{flex:none;width:46px;height:27px;display:inline-block;position:relative}.switch input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.switch .track{border-radius:var(--r-pill);pointer-events:none;background:#c7ced2;width:46px;height:27px;transition:background .15s;display:block}.switch .track:after{content:"";width:21px;height:21px;box-shadow:var(--shadow-1);background:#fff;border-radius:50%;transition:transform .15s;position:absolute;top:3px;left:3px}.switch input:checked+.track{background:var(--success)}.switch input:checked+.track:after{transform:translate(19px)}.switch input:focus-visible+.track{outline:3px solid var(--focus);outline-offset:2px}.alert{border-radius:var(--r-md);border:1px solid;align-items:flex-start;gap:10px;padding:12px 14px;font-size:13.5px;display:flex}.alert svg{flex:none;width:18px;height:18px;margin-top:1px}.alert b{display:block}.a-info{background:var(--primary-soft);color:var(--primary-strong);border-color:#c4dde8}.a-warn{background:var(--warning-soft);color:var(--warning);border-color:#ecd9ac}.a-dang{background:var(--danger-soft);color:var(--danger);border-color:#eec6c6}.a-ok{background:var(--success-soft);color:var(--success);border-color:#c4e2d1}.empty{text-align:center;padding:34px 16px}.empty .ico{background:var(--primary-soft);width:56px;height:56px;color:var(--primary-strong);border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;display:inline-flex}.empty .ico svg{width:26px;height:26px}.empty b{margin-bottom:4px;display:block}.empty p{color:var(--ink-muted);margin-bottom:14px;font-size:13.5px}.row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:11px 0;display:flex}.row:last-child{border-bottom:none}.row .grow{flex:1;min-width:0}.row .t{font-size:14px;font-weight:800}.row .s{color:var(--ink-muted);font-size:12px}.tblwrap{overflow-x:auto}table.tbl{border-collapse:collapse;width:100%;font-size:13px}table.tbl th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint);border-bottom:1.5px solid var(--border);padding:8px 10px;font-size:11px}table.tbl td{border-bottom:1px solid var(--border);vertical-align:middle;padding:10px}table.tbl tbody tr.click{cursor:pointer}table.tbl tbody tr:hover{background:var(--surface-muted)}.rtbl .as-table{display:none}@media (width>=1000px){.rtbl .as-cards{display:none}.rtbl .as-table{display:block}}.chips{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.chip{border:1.5px solid var(--border);background:var(--surface);border-radius:var(--r-pill);color:var(--ink-muted);cursor:pointer;min-height:38px;padding:8px 14px;font-size:13px;font-weight:700}.chip.on{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-strong)}.ctxban{background:var(--caregiver);color:#fff;border-radius:var(--r-md);align-items:center;gap:10px;margin-bottom:14px;padding:11px 14px;font-size:13.5px;font-weight:700;display:flex}.ctxban svg{flex:none;width:18px;height:18px}.ctxban .grow{flex:1}.ctxban a,.ctxban button{color:#fff;cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:800;text-decoration:underline}.kpis{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;display:grid}@media (width>=1000px){.kpis{grid-template-columns:repeat(4,1fr)}}.kpi b{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:24px;font-weight:800;display:block}.kpi b.danger{color:var(--danger)}.kpi .lbl{color:var(--ink-muted);font-size:11.5px}.kpi .delta{font-size:11.5px;font-weight:800}.kpi .delta.up{color:var(--danger)}.kpi .delta.down{color:var(--success)}.kpi .delta.flat{color:var(--ink-faint)}.steps{gap:6px;margin-bottom:16px;display:flex}.steps i{background:var(--border);border-radius:99px;flex:1;height:5px}.steps i.done{background:var(--primary)}.timer{width:170px;height:170px;margin:10px auto;position:relative}.timer svg{transform:rotate(-90deg)}.timer .tin{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.timer .tin b{font-variant-numeric:tabular-nums;font-size:38px;font-weight:800}.timer .tin span{color:var(--ink-muted);font-size:12px}.wfoot{bottom:calc(76px + env(safe-area-inset-bottom));background:linear-gradient(to top, var(--page-bg) 75%, transparent);z-index:10;flex-direction:column;gap:8px;padding-top:14px;display:flex;position:sticky}@media (width>=1000px){.wfoot{bottom:0}}.cal{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.cal .dow{text-align:center;color:var(--ink-faint);text-transform:uppercase;padding:4px 0;font-size:10.5px;font-weight:800}.cal .day{border:1px solid var(--border);background:var(--surface);border-radius:9px;flex-direction:column;align-items:center;gap:4px;min-height:44px;padding:4px;font-size:12px;font-weight:700;display:flex}.cal .day.today{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.cal .day.mute{opacity:.35}.cal .dots{gap:3px;display:flex}.cal .dots i{border-radius:50%;width:6px;height:6px}.cal .dots i.d-ok{background:var(--success)}.cal .dots i.d-warn{background:var(--warning)}.cal .dots i.d-miss{background:var(--border)}.legend{color:var(--ink-muted);flex-wrap:wrap;gap:14px;margin-top:10px;font-size:12px;display:flex}.legend span{align-items:center;gap:5px;display:inline-flex}.legend i{border-radius:50%;width:9px;height:9px}.legend i.sq{border-radius:2px}.toast{left:50%;bottom:calc(92px + env(safe-area-inset-bottom));color:#fff;border-radius:var(--r-md);box-shadow:var(--shadow-2);z-index:100;background:#172026;align-items:center;gap:8px;max-width:min(90vw,420px);padding:11px 18px;font-size:13.5px;font-weight:800;animation:.25s toastin;display:flex;position:fixed;transform:translate(-50%)}.toast svg{color:#6ecf9a;flex:none;width:18px;height:18px}.toast.err svg{color:#f2a1a1}@keyframes toastin{0%{opacity:0;transform:translate(-50%)translateY(8px)}}.scrim{z-index:90;background:#00000073;position:fixed;inset:0}.sheet{background:var(--surface);width:100%;max-width:640px;padding:12px 18px calc(18px + env(safe-area-inset-bottom));z-index:95;border-radius:20px 20px 0 0;animation:.22s sheetin;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -8px 26px #0000002e}@keyframes sheetin{0%{opacity:0;transform:translate(-50%)translateY(30px)}}@media (width>=1000px){.sheet{border-radius:var(--r-lg);max-width:440px;top:50%;bottom:auto;transform:translate(-50%,-50%)}}.sheet .handle{background:var(--border);border-radius:99px;width:40px;height:4px;margin:0 auto 14px}@media (width>=1000px){.sheet .handle{display:none}}.sheet h3{margin-bottom:6px;font-size:17px;font-weight:800}.sheet p{color:var(--ink-muted);margin-bottom:16px;font-size:13.5px}.sheet .actions{flex-direction:column;gap:8px;display:flex}.emerg{text-align:center;color:var(--ink-muted);padding:18px 12px 6px;font-size:12.5px}.emerg b{color:var(--danger)}.chartwrap{width:100%;overflow:hidden}.chartwrap svg{width:100%;height:auto;display:block}.authwrap{min-height:100dvh;padding:var(--sp-lg) var(--sp-md);background:var(--page-bg);flex-direction:column;justify-content:center;align-items:center;display:flex}.authcard{width:100%;max-width:400px}.authbrand{flex-direction:column;align-items:center;gap:8px;margin-bottom:22px;display:flex}.authbrand .mark{background:var(--primary);color:#fff;border-radius:16px;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.authbrand .mark svg{width:28px;height:28px}.authbrand h1{font-size:24px;font-weight:800}.authbrand p{color:var(--ink-muted);text-align:center;font-size:13px}.mt-sm{margin-top:var(--sp-sm)}.mt-md{margin-top:var(--sp-md)}.mb-sm{margin-bottom:var(--sp-sm)}.mb-md{margin-bottom:var(--sp-md)}.muted{color:var(--ink-muted)}.faint{color:var(--ink-faint)}.small{font-size:12.5px}.center{text-align:center}.grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stack{flex-direction:column;gap:12px;display:flex}.hstack{align-items:center;gap:10px;display:flex}.spread{justify-content:space-between;align-items:center;gap:10px;display:flex}