:root{--bg:#eef1f4;--panel:#fff;--ink:#1c2733;--muted:#5b6b7a;--line:#c7d0d9;--line2:#9fb0bf;--accent:#1f6feb;--accent-ink:#fff;--accent-hover:#1a5fd0;--ok:#138a36;--okbg:#e4f6ea;--ok-border:#bfe6cc;--warn:#9a6700;--warnbg:#fdf3d8;--danger:#b42318;--dangerbg:#fde8e6;--danger-border:#e1a59f;--chip:#eef2f6;--r:14px;--brand-navy:#2b4c8c;--brand-teal:#0b6b8c;--fs-xs:13px;--fs-sm:14px;--fs-base:18px;--fs-lg:20px;--fs-xl:24px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--radius-lg:20px;--radius-full:999px}*{box-sizing:border-box}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}body{background:var(--bg);color:var(--ink);font:var(--fs-base) / 1.45 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;margin:0}.topbar{align-items:center;gap:var(--sp-3);border-bottom:4px solid var(--accent);max-width:1000px;margin:0 auto;padding:14px 18px;display:flex}.topbar .brand{letter-spacing:.3px;font-weight:800;font-size:var(--fs-lg);color:var(--ink);text-decoration:none}.topbar-user{align-items:center;gap:10px;margin-left:auto;display:flex}.topbar-user .username{font-weight:600}.device{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);max-width:1000px;margin:0 auto;padding:22px;overflow:hidden;box-shadow:0 10px 30px #14283c1f}.auth-page{min-height:100vh;padding:var(--sp-5);flex-direction:column;justify-content:center;align-items:center;gap:22px;display:flex}.auth-brand{font-weight:800;font-size:var(--fs-xl);letter-spacing:.3px;color:var(--brand-navy)}.auth-page .device{width:100%;max-width:420px;margin:0}.lock-overlay{z-index:1000;padding:var(--sp-5);background:var(--bg);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}h1{font-size:var(--fs-xl);margin:.2em 0 .5em}h2{font-size:var(--fs-base);color:var(--muted);margin:1.1em 0 .5em}.muted{color:var(--muted)}.small{font-size:var(--fs-sm)}.btn{border-radius:var(--r);border:2px solid var(--line2);background:var(--panel);min-height:58px;font-size:var(--fs-base);cursor:pointer;color:var(--ink);justify-content:center;align-items:center;gap:10px;padding:0 20px;font-family:inherit;font-weight:600;transition:background-color .12s,border-color .12s,transform 80ms;display:inline-flex}.btn .i{font-size:22px}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn.brand{background:var(--brand-navy);border-color:var(--brand-navy);color:var(--accent-ink)}.btn.brand:hover:not(:disabled){background:var(--brand-teal);border-color:var(--brand-teal)}.btn.danger{border-color:var(--danger-border);color:var(--danger)}.btn.danger:hover:not(:disabled){background:var(--dangerbg);border-color:var(--danger)}.btn.block{width:100%;display:flex}.btn-row{gap:var(--sp-3);flex-wrap:wrap;display:flex}.card{border:2px solid var(--line);border-radius:var(--r);padding:var(--sp-4);margin:var(--sp-3) 0;background:var(--panel)}.card-dashed{border-style:dashed}.listrow{border:2px solid var(--line);border-radius:var(--r);cursor:pointer;background:var(--panel);width:100%;font:inherit;text-align:left;color:inherit;align-items:center;gap:14px;margin:10px 0;padding:15px;transition:border-color .12s;display:flex}.listrow:hover:not(:disabled){border-color:var(--accent)}.listrow:disabled{cursor:default;opacity:.55}.avatar{background:var(--chip);width:50px;height:50px;font-weight:800;font-size:var(--fs-lg);color:var(--muted);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.grow{flex:1;min-width:0}.name{font-weight:700;font-size:var(--fs-lg)}.sub{color:var(--muted);font-size:var(--fs-sm)}.from{font-size:var(--fs-xs);color:var(--muted);background:var(--chip);border-radius:8px;padding:3px 9px}.chip{font-size:var(--fs-xs);border-radius:var(--radius-full);border:1px solid var(--line);align-items:center;gap:6px;padding:5px 11px;font-weight:700;display:inline-flex}.chip.hiv{color:#1f4ea8;background:#eef4ff;border-color:#cdddfb}.chip.tiko{color:#6b3fa0;background:#f3eefb;border-color:#e0d2f5}.chip.imm{color:#0e6f78;background:#e9f7f6;border-color:#bfe6e3}.steps{gap:var(--sp-2);flex-wrap:wrap;margin-bottom:14px;display:flex}.step{text-align:center;border:2px solid var(--line);min-width:110px;font-size:var(--fs-xs);color:var(--muted);border-radius:10px;flex:1;padding:9px;font-weight:700}.step.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.step.done{background:var(--okbg);border-color:var(--ok-border);color:var(--ok)}.field{margin:13px 0}.field label{margin-bottom:6px;font-weight:700;display:block}.field input,.field select,.field textarea{width:100%;font-size:var(--fs-base);border:2px solid var(--line2);border-radius:var(--r);padding:14px 15px;font-family:inherit;transition:border-color .12s}.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--accent)}.pickrow{flex-wrap:wrap;gap:10px;display:flex}.pick{border:2px solid var(--line2);border-radius:var(--r);font-family:inherit;font-size:var(--fs-base);color:var(--ink);cursor:pointer;background:var(--panel);padding:13px 17px;font-weight:600;transition:background-color .12s,border-color .12s,color .12s}.pick:hover{border-color:var(--accent)}.pick.sel{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.pick.sel:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.grid2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.grid3{gap:var(--sp-3);grid-template-columns:2fr 1fr 1fr;display:grid}@media (width<=640px){.grid2,.grid3{grid-template-columns:1fr}}.vital{border:2px solid var(--line);border-radius:var(--r);grid-template-columns:1fr 1fr;align-items:center;gap:14px;margin:10px 0;padding:14px;display:grid}.v{text-align:center;border:2px solid var(--line2);padding:var(--sp-2);border-radius:12px;min-width:70px;font-size:34px;font-weight:800}.stepper{justify-content:center;align-items:center;gap:10px;display:flex}.stepper button{border:2px solid var(--line2);background:var(--panel);cursor:pointer;border-radius:14px;width:56px;height:56px;font-size:28px}.dropzone{border:3px dashed var(--line2);border-radius:var(--r);text-align:center;color:var(--muted);background:#fafcfe;padding:30px}.dropzone .big{font-size:40px}.thumb{border:2px solid var(--line);background:var(--chip);width:120px;height:80px;color:var(--muted);font-size:var(--fs-xs);object-fit:cover;border-radius:10px;justify-content:center;align-items:center;display:flex}.sigwrap{border:2px solid var(--line2);border-radius:var(--r);background:var(--panel);position:relative}.sigpad{border-radius:var(--r);touch-action:none;width:100%;height:130px;display:block}.sighint{left:14px;bottom:var(--sp-2);color:var(--line2);font-size:var(--fs-sm);pointer-events:none;position:absolute}.bottombar{background:var(--panel);border-top:2px solid var(--line);gap:var(--sp-3);margin:18px -22px -22px;padding:13px 18px;display:flex;position:sticky;bottom:0}