:root{--orange: #f68630;--orange-filled: #b5560a;--orange-dark: #a8500a;--ink: #16202a;--ink-2: #4a5763;--ink-3: #5f6b78;--line: #e3e8ec;--line-2: #cfd7de;--surface: #ffffff;--surface-2: #f8fafb;--ground: #f2f5f7;--ok: #0d8168;--ok-bg: #e4f4ef;--warn: #b5620a;--warn-bg: #fbefdc;--bad: #bd2e26;--bad-bg: #fbe9e7;--blue: #245fa6;--blue-bg: #e9f1fa;--radius: 10px;--tap: 44px;--sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}button{font:inherit;cursor:pointer}.boot{display:grid;place-items:center;height:100%;color:var(--ink-2);padding:24px}.app{display:flex;flex-direction:column;min-height:100%}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:14px;padding:8px 14px;background:var(--surface);border-bottom:1px solid var(--line-2);padding-top:max(8px,env(safe-area-inset-top))}.brand{display:flex;align-items:center;gap:9px;flex:none}.brand-mark{width:30px;height:30px;border-radius:8px;background:var(--orange);color:#fff;font-weight:700;display:grid;place-items:center}.brand-name{font-weight:700;letter-spacing:-.01em}.preview-chip{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:var(--blue-bg);color:var(--blue);border:1px solid #c6dcf0;border-radius:999px;padding:2px 8px;flex:none}.tabs{display:flex;gap:4px;flex:1;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{min-height:var(--tap);padding:0 16px;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--ink-2);font-weight:600;white-space:nowrap}.tab.active{background:var(--orange-filled);color:#fff}.tab:disabled{color:var(--ink-3);opacity:.55;cursor:not-allowed}.sync{display:flex;align-items:center;gap:8px;flex:none;min-height:var(--tap);padding:0 14px;border-radius:999px;border:1px solid var(--line-2);background:var(--surface-2);color:var(--ink-2);font-size:13.5px;font-weight:600}.sync .dot{width:9px;height:9px;border-radius:50%;background:var(--ink-3);flex:none}.sync-ok .dot{background:var(--ok)}.sync-ok{color:var(--ok)}.sync-warn .dot{background:var(--warn)}.sync-warn{color:var(--warn)}.sync-bad .dot{background:var(--bad)}.sync-bad{color:var(--bad)}.sync .pending{background:var(--warn-bg);color:var(--warn);border-radius:999px;padding:2px 8px;font-size:11.5px}.sync:disabled{opacity:.75;cursor:default}main{flex:1}.screen{max-width:1100px;margin:0 auto;padding:16px 14px 40px}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line-2);border:1px solid var(--line-2);border-radius:var(--radius);overflow:hidden;margin-bottom:14px}.stat{background:var(--surface);padding:12px 14px}.stat-n{font-size:24px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--orange-dark)}.stat-l{font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3)}.toolbar{display:flex;gap:10px;margin-bottom:12px}.search{flex:1;min-height:var(--tap);padding:0 14px;font-size:16px;border:1px solid var(--line-2);border-radius:var(--radius);background:var(--surface)}.search:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.btn{min-height:var(--tap);padding:0 16px;border-radius:var(--radius);border:1px solid var(--orange-filled);background:var(--orange-filled);color:#fff;font-weight:650}.btn-ghost{background:var(--surface);color:var(--ink-2);border-color:var(--line-2)}.btn-ghost.has-badge{border-color:var(--orange);color:var(--orange-dark)}.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:end;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px;margin-bottom:12px}.field{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--ink-3)}.field select,.field input{min-height:var(--tap);padding:0 10px;font-size:15px;color:var(--ink);border:1px solid var(--line-2);border-radius:8px;background:var(--surface)}.patient-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.patient-card{width:100%;text-align:left;display:flex;gap:12px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--orange);border-radius:var(--radius);padding:12px 14px}.patient-card:active{background:var(--surface-2)}.pc-main{flex:1;min-width:0}.pc-name{font-weight:680;font-size:16px}.pc-meta{font-size:13px;color:var(--ink-3);margin-top:2px}.pc-dx{font-size:14px;color:var(--ink-2);margin-top:5px}.pc-badges{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end;flex:none;max-width:45%}.badge{font-size:11px;font-weight:680;padding:3px 9px;border-radius:999px;white-space:nowrap}.badge-red{background:var(--bad-bg);color:var(--bad)}.badge-amber{background:var(--warn-bg);color:var(--warn)}.badge-blue{background:var(--blue-bg);color:var(--blue)}.badge-green{background:var(--ok-bg);color:var(--ok)}.empty{text-align:center;color:var(--ink-3);padding:36px 16px}.empty.small{padding:14px;font-size:14px}.muted{color:var(--ink-3)}.alert{border-radius:var(--radius);padding:16px 18px;border:1px solid var(--line-2);background:var(--surface)}.alert-bad{background:var(--bad-bg);border-color:#f0c3bd;color:var(--bad)}.alert p{color:var(--ink-2);margin:8px 0}.panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#10182073;z-index:50;display:flex;justify-content:flex-end}.panel{width:min(760px,100%);background:var(--ground);height:100%;display:flex;flex-direction:column;box-shadow:-8px 0 30px #0000002e}.panel-head{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--surface);border-bottom:1px solid var(--line-2);padding-top:max(14px,env(safe-area-inset-top))}.panel-title{font-size:18px;font-weight:700}.panel-sub{font-size:13px;color:var(--ink-3);margin-top:2px}.panel-head .btn-ghost{margin-left:auto}.panel-body{flex:1;overflow-y:auto;padding:14px;-webkit-overflow-scrolling:touch}.visit-count{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);margin-bottom:10px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px;margin-bottom:10px}.card h4{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3)}.visit-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.visit-num{font-weight:700}.visit-meta{font-size:13px;color:var(--ink-3)}.chip{font-size:11.5px;background:var(--surface-2);border:1px solid var(--line-2);border-radius:999px;padding:2px 9px;color:var(--ink-2)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.block{margin-bottom:12px}.block h4{margin:0 0 6px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3)}.row{display:flex;gap:10px;padding:4px 0;border-bottom:1px solid var(--surface-2);font-size:14.5px}.row:last-child{border-bottom:none}.row-k{color:var(--ink-3);flex:none;width:130px;font-size:13px}.row-v{color:var(--ink);flex:1;min-width:0;overflow-wrap:anywhere}.row-v.bad{color:var(--bad);font-weight:650}.meds{margin:6px 0}.med{padding:5px 0;border-bottom:1px solid var(--surface-2);font-size:14.5px}.table-scroll{overflow-x:auto}.trend{border-collapse:collapse;width:100%;font-size:14px}.trend th,.trend td{text-align:left;padding:6px 10px;border-bottom:1px solid var(--line);white-space:nowrap}.trend th{font-size:12px;color:var(--ink-3);font-weight:600}.trend .th-date{font-weight:400;font-size:11px}.trend td.warn{color:var(--warn);font-weight:700}.trend td.bad{color:var(--bad);font-weight:700}.update-bar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;align-items:center;gap:12px;justify-content:center;background:var(--ink);color:#fff;padding:12px 16px;font-size:14px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.update-bar button{min-height:38px;padding:0 14px;border-radius:8px;border:none;background:var(--orange-filled);color:#fff;font-weight:650}.update-bar button.ghost{background:transparent;border:1px solid rgba(255,255,255,.5)}body.has-update-bar .screen{padding-bottom:76px}@media(max-width:860px){.tab{padding:0 12px}.sync{padding:0 10px;font-size:13px}}@media(max-width:560px){.topbar{flex-wrap:wrap;row-gap:6px;padding-bottom:6px}.tabs{order:3;flex-basis:100%;justify-content:space-between}.tab{flex:1;padding:0 6px;font-size:14px}.sync .pending{display:none}}@media(max-width:720px){.stat-row{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.brand-name{display:none}.row-k{width:104px}.pc-badges{max-width:38%}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.panel-wide{width:min(940px,100%)}.panel{height:var(--vvh, 100%)}.panel-foot{display:flex;gap:10px;justify-content:flex-end;padding:12px 16px;background:var(--surface);border-top:1px solid var(--line-2);padding-bottom:max(12px,env(safe-area-inset-bottom))}.form-section{padding:0;overflow:hidden}.section-head{width:100%;display:flex;align-items:center;justify-content:space-between;background:var(--surface-2);border:none;border-bottom:1px solid var(--line);padding:10px 14px;text-align:left;min-height:var(--tap)}.section-head:disabled{cursor:default}.section-head h4{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3)}.section-head .chev{color:var(--ink-3);font-size:18px;line-height:1}.section-body{padding:14px;display:flex;flex-direction:column;gap:12px}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.form-field{display:flex;flex-direction:column;gap:5px;min-width:0}.form-label{font-size:12.5px;color:var(--ink-3)}.form-label .req{color:var(--bad)}.form-label .hint{color:var(--ink-3)}.form-field input,.form-field select,.form-field textarea,.section-body>textarea{min-height:var(--tap);padding:9px 11px;font-size:16px;color:var(--ink);border:1px solid var(--line-2);border-radius:8px;background:var(--surface);width:100%;font-family:inherit}.form-field textarea,.section-body>textarea{min-height:auto;resize:vertical}.form-field input.readonly{background:var(--surface-2);color:var(--ink-2);font-variant-numeric:tabular-nums}.form-field.invalid input,.form-field.invalid select{border-color:var(--bad);background:var(--bad-bg)}.form-field .err{font-size:12.5px;color:var(--bad)}.check{display:flex;align-items:center;gap:8px;min-height:var(--tap);font-size:15px}.check input{width:22px;height:22px}.subhead{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);margin-top:4px}.toggle-group{display:flex;gap:6px;flex-wrap:wrap}.toggle{min-height:var(--tap);padding:0 16px;border-radius:8px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink-2);font-weight:600;transition:none}.toggle.active{background:var(--orange-filled);border-color:var(--orange-filled);color:#fff}.toggle-group.small .toggle{min-height:var(--tap);padding:0 12px;font-size:13px}.pill-group{display:flex;flex-wrap:wrap;gap:6px}.pill{min-height:var(--tap);padding:0 14px;border-radius:999px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink-2);font-size:14px}.pill.active{background:var(--ok-bg);border-color:var(--ok);color:var(--ok);font-weight:650}.lab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}.lab{border:1px solid var(--line);border-radius:8px;padding:9px 11px;background:var(--surface)}.lab.on{border-color:var(--orange);background:#fff8f1}.lab-name{font-size:13px;color:var(--ink-2);margin-bottom:6px;font-weight:600}.lab input{width:100%;min-height:var(--tap);padding:8px 10px;font-size:15px;border:1px solid var(--line-2);border-radius:6px}.ua-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.med-line{display:grid;grid-template-columns:2fr 1fr 1.4fr 1fr auto;gap:8px;align-items:center}.med-line select,.med-line input{min-height:var(--tap);padding:8px 10px;font-size:15px;border:1px solid var(--line-2);border-radius:8px;background:var(--surface);width:100%}.btn.icon{min-width:var(--tap);padding:0;font-size:20px;line-height:1}.visit-actions{display:flex;gap:6px;margin-left:auto}.btn-danger{color:var(--bad);border-color:var(--line-2)}.btn-danger:hover{border-color:var(--bad)}.visit-actions .btn{min-height:34px;padding:0 12px;font-size:13px}.alert-ok{background:var(--ok-bg);border-color:var(--ok);color:#0a5d4b}.alert-info{background:var(--blue-bg);border-color:#c6dcf0;color:var(--blue)}.alert-info p{color:var(--ink-2)}.problem-list{margin:8px 0 0;padding-left:18px;color:var(--ink-2);font-size:14px}@media(max-width:720px){.form-row{grid-template-columns:1fr}.med-line{grid-template-columns:1fr 1fr}.lab-grid,.ua-grid{grid-template-columns:1fr}}.analytics-filters{align-items:end}.analytics-filters .btn{margin-left:auto}.kpi-row{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--line-2);border:1px solid var(--line-2);border-radius:var(--radius);overflow:hidden;margin-bottom:12px}.kpi{background:var(--surface);padding:12px 14px}.kpi-n{font-size:23px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--orange-dark)}.kpi-n.bad{color:var(--bad)}.kpi-l{font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3)}.kpi-s{font-size:11.5px;color:var(--ink-3);margin-top:1px}.chart-card{padding:14px 14px 8px}.chart-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:8px}.chart-head h4{margin:0;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3)}.chart-sub{font-size:12.5px;color:var(--ink-3)}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.legend{display:flex;gap:14px;font-size:12.5px;color:var(--ink-2);padding:2px 4px 8px}.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px}.stat-list{list-style:none;margin:0;padding:0 0 8px;display:flex;flex-direction:column;gap:10px}.sl-head{display:flex;justify-content:space-between;font-size:14px;gap:10px}.sl-val{font-variant-numeric:tabular-nums;font-weight:650}.meter{height:7px;background:var(--surface-2);border-radius:999px;overflow:hidden;margin-top:4px}.meter-fill{height:100%;background:var(--bad);border-radius:999px}.dq-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-bottom:8px}.dq{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:12px}.dq-n{font-size:21px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ok)}.dq-n.warn{color:var(--warn)}.dq-l{font-size:13px;color:var(--ink-2)}.dq-s{font-size:12px;color:var(--ink-3)}@media(max-width:900px){.kpi-row{grid-template-columns:repeat(3,1fr)}.chart-grid,.dq-row{grid-template-columns:1fr}}.builder-head{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:14px}.builder-title{font-size:20px;font-weight:700;margin:0}.builder-sub{margin:4px 0 0;color:var(--ink-2);font-size:14.5px;max-width:62ch}.save-state{margin-left:auto;font-size:13px;color:var(--ink-3);align-self:center}.save-state .err{color:var(--bad)}.builder-list{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:8px}.builder-row{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.builder-row.is-hidden{opacity:.6;background:var(--surface-2)}.br-head{display:flex;align-items:center;gap:8px;padding:8px 10px;flex-wrap:wrap}.grip{min-width:34px;min-height:34px;border:1px solid var(--line-2);border-radius:8px;background:var(--surface-2);color:var(--ink-3);font-size:15px;cursor:grab;touch-action:none}.grip:active{cursor:grabbing}.br-title{flex:1;min-width:160px;min-height:38px;padding:6px 10px;font-size:15px;font-weight:600;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--ink)}.br-title{border-bottom-color:var(--line-2);border-radius:8px 8px 0 0}.br-title:focus{border-color:var(--line-2);background:var(--surface)}@media(hover:hover){.br-title:hover{border-color:var(--line-2);background:var(--surface)}}.chip-custom{background:var(--ok-bg);color:var(--ok);border-color:transparent}.btn.small{min-height:34px;padding:0 11px;font-size:13px}.btn.danger{color:var(--bad);border-color:#f0c3bd}.check.small{font-size:13px;color:var(--ink-2);min-height:34px;gap:6px}.check.small input{width:18px;height:18px}.field-editor{border-top:1px solid var(--line);padding:10px;background:var(--surface-2);border-radius:0 0 var(--radius) var(--radius)}.fe-list{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column;gap:6px}.fe-row{background:var(--surface);border:1px solid var(--line);border-radius:8px}.fe-head{display:flex;align-items:center;gap:7px;padding:6px 8px;flex-wrap:wrap}.fe-label{flex:1;min-width:140px;min-height:34px;padding:5px 9px;font-size:14px;border:1px solid transparent;border-radius:7px;background:transparent}.fe-label{border-bottom-color:var(--line-2);border-radius:7px 7px 0 0}.fe-label:focus{border-color:var(--line-2);background:var(--surface-2)}@media(hover:hover){.fe-label:hover{border-color:var(--line-2);background:var(--surface-2)}}.fe-head select{min-height:34px;padding:4px 8px;font-size:13px;border:1px solid var(--line-2);border-radius:7px;background:var(--surface)}.fe-detail{padding:4px 10px 10px}.fe-range{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fe-add{display:flex;gap:8px;flex-wrap:wrap}.fe-add input{flex:1;min-width:160px;min-height:var(--tap);padding:8px 11px;font-size:15px;border:1px solid var(--line-2);border-radius:8px}.fe-add select{min-height:var(--tap);padding:8px 10px;font-size:15px;border:1px solid var(--line-2);border-radius:8px;background:var(--surface)}.range-row{display:flex;align-items:center;gap:10px}.range-row input[type=range]{flex:1}.range-val{font-variant-numeric:tabular-nums;font-size:14px;color:var(--ink-2);min-width:92px}.admin .card{padding:16px 18px}.admin .card h4{margin:0 0 10px;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3)}.admin .card p{margin:0 0 12px;color:var(--ink-2);font-size:14.5px;max-width:68ch}.admin .card p.small{font-size:13.5px}.kv-list{display:flex;flex-direction:column;gap:2px;margin-bottom:12px}.row-v.mono{font-family:var(--mono, ui-monospace, monospace);font-size:13.5px}.btn-row{display:flex;gap:10px;flex-wrap:wrap}.steps{margin:0;padding-left:20px;color:var(--ink-2);font-size:14.5px;display:flex;flex-direction:column;gap:6px;max-width:68ch}.med-qty{font-size:13px;color:var(--ink-3);white-space:nowrap;align-self:center}.med-qty-bad{color:var(--warn);font-weight:600}.banner{margin:10px 12px 0}.setup{min-height:100%;display:grid;place-items:center;padding:24px 16px;background:var(--ground)}.setup-card{width:min(560px,100%);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;gap:12px}.setup-brand{display:flex;align-items:center;gap:10px;font-weight:700}.setup-card h2{margin:4px 0 0;font-size:20px}.setup-card p{margin:0}.setup-choice{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;height:auto;min-height:var(--tap);padding:14px;white-space:normal}.setup-choice span{font-weight:400;font-size:13.5px;opacity:.92}.setup-card textarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.demo-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--ink);color:#fff;padding:8px 14px;font-size:13px}.demo-chip{background:var(--orange-filled);color:#fff;font-weight:700;flex:none;padding:2px 8px;border-radius:999px;font-size:11px;letter-spacing:.04em}.demo-text{flex:1;min-width:220px}.demo-bar .btn{border-color:#ffffff73;color:#fff;background:transparent}.view-switch{display:flex;gap:6px;margin:4px 0 14px;flex-wrap:wrap}.switch-btn{min-height:var(--tap);padding:0 16px;border-radius:var(--radius);border:1px solid var(--line-2);background:var(--surface);color:var(--ink);font-weight:600;font-size:15px}.switch-btn.active{background:var(--orange-filled);border-color:var(--orange-filled);color:#fff}.card>textarea{width:100%;font-size:16px;padding:10px 12px;line-height:1.5;border:1px solid var(--line-2);border-radius:var(--radius);background:var(--surface);font-family:var(--sans);resize:vertical}.section-head-row{display:flex;align-items:baseline;gap:10px}.section-head-row h4{margin:0 0 6px}.cfg-list{list-style:none;margin:10px 0;padding:0;display:flex;flex-direction:column;gap:8px}.cfg-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:8px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2)}.cfg-row input,.cfg-row select{min-height:var(--tap);font-size:16px}.cfg-name{flex:2 1 190px}.cfg-dose{flex:0 1 110px}.cfg-unit{flex:0 1 165px}.cfg-cat{flex:1 1 130px}.cfg-row .btn{margin-left:auto}@media(max-width:720px){.cfg-name,.cfg-dose,.cfg-unit,.cfg-cat{flex:1 1 100%}.cfg-row .btn{margin-left:0}}