:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:#0f172a;background:#f1f5f9}:root{--teal:#0d9488;--teal-d:#0f766e;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--bg:#f1f5f9;--card:#fff}*{margin:0}.splash{height:100vh;color:var(--muted);place-items:center;display:grid}.brand{letter-spacing:-.02em;color:var(--ink);font-size:1.7rem;font-weight:800}.brand span{color:var(--teal)}.brand.sm{font-size:1.25rem}.auth-wrap{background:radial-gradient(900px 500px at 50% -10%,#ccfbf1,transparent 60%),var(--bg);place-items:center;min-height:100vh;padding:20px;display:grid}.auth-card{background:var(--card);border:1px solid var(--line);text-align:center;border-radius:18px;width:100%;max-width:380px;padding:30px 26px;box-shadow:0 10px 30px #02061712}.auth-card .sub{color:var(--muted);margin:6px 0 18px;font-size:.9rem}.tabs{background:var(--bg);border-radius:10px;margin-bottom:18px;padding:4px;display:flex}.tabs button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:7px;flex:1;padding:9px;font-size:.92rem;font-weight:600}.tabs button.on{background:var(--card);color:var(--ink);box-shadow:0 1px 3px #0206171a}.auth-card form{text-align:left}.auth-card label{color:var(--muted);margin:12px 0 5px;font-size:.8rem;font-weight:600;display:block}.auth-card input{border:1px solid var(--line);border-radius:10px;outline:none;width:100%;padding:11px 13px;font-size:.95rem}.auth-card input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #ccfbf1}.btn{background:var(--teal);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:18px;padding:12px;font-size:.95rem;font-weight:700;transition:background .15s}.btn:hover{background:var(--teal-d)}.btn:disabled{opacity:.6;cursor:default}.link{color:var(--muted);cursor:pointer;background:0 0;border:none;margin-top:14px;font-size:.85rem;text-decoration:underline}.note{border-radius:9px;margin-top:14px;padding:10px 12px;font-size:.85rem;line-height:1.4}.note.err{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.note.ok{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.app{min-height:100vh}.topbar{background:var(--card);border-bottom:1px solid var(--line);z-index:10;align-items:center;gap:16px;height:62px;padding:0 22px;display:flex;position:sticky;top:0}.topbar .who{text-align:right;margin-left:auto;line-height:1.25}.topbar .who b{font-size:.95rem;display:block}.topbar .who span{color:var(--muted);font-size:.8rem}.topbar .who em{color:var(--teal);text-transform:capitalize;font-style:normal;font-weight:600}.topbar .link{margin:0}.board-empty{text-align:center;max-width:560px;margin:0 auto;padding:90px 24px}.big-check{width:64px;height:64px;color:var(--teal);background:#ccfbf1;border-radius:50%;place-items:center;margin:0 auto 18px;font-size:2rem;font-weight:800;display:grid}.board-empty h2{margin-bottom:12px;font-size:1.5rem}.board-empty p{color:var(--muted);line-height:1.6}.board-empty .next{color:#115e59;background:#f0fdfa;border:1px solid #99f6e4;border-radius:12px;margin-top:20px;padding:12px 16px;font-size:.92rem}.board{padding:18px 22px 28px}.board-bar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;display:flex}.board-bar h1{letter-spacing:-.01em;font-size:1.35rem}.board-sub{color:var(--muted);text-transform:capitalize;margin-top:3px;font-size:.85rem}.board-actions{align-items:center;gap:10px;display:flex}.toggle{color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;font-size:.82rem;display:flex}.toggle input{accent-color:var(--teal);width:15px;height:15px}.btn-sm{background:var(--teal);color:#fff;cursor:pointer;border:none;border-radius:9px;padding:9px 14px;font-size:.85rem;font-weight:700;transition:background .15s}.btn-sm:hover{background:var(--teal-d)}.btn-sm:disabled{opacity:.6;cursor:default}.ghost{background:var(--card);border:1px solid var(--line);width:36px;height:36px;color:var(--muted);cursor:pointer;border-radius:9px;font-size:1.05rem}.ghost:hover{color:var(--ink);border-color:#cbd5e1}.board-loading{color:var(--muted);text-align:center;padding:60px}.cols{grid-auto-columns:minmax(208px,1fr);grid-auto-flow:column;align-items:start;gap:12px;padding-bottom:8px;display:grid;overflow-x:auto}.col{background:var(--bg);border:1px solid var(--line);border-radius:14px;flex-direction:column;min-height:120px;display:flex}.col-head{color:var(--ink);border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.03em;justify-content:space-between;align-items:center;padding:11px 13px;font-size:.82rem;font-weight:700;display:flex}.col-head .count{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:20px;place-items:center;min-width:22px;height:20px;padding:0 6px;font-size:.72rem;display:grid}.col-body{flex-direction:column;gap:9px;padding:10px;display:flex}.col-empty{color:#cbd5e1;text-align:center;padding:6px 0;font-size:.85rem}.card{background:var(--card);border:1px solid var(--line);border-radius:11px;padding:11px;transition:opacity .15s;box-shadow:0 1px 2px #0206170a}.card.busy{opacity:.5;pointer-events:none}.card-open{cursor:pointer;border-radius:8px;margin:-2px;padding:2px}.card-open:hover{background:#f8fafc}.card-top{align-items:center;gap:8px;margin-bottom:5px;display:flex}.antri{color:var(--teal-d);background:#ccfbf1;border-radius:6px;padding:2px 6px;font-size:.72rem;font-weight:800}.nama{color:var(--ink);font-size:.92rem;line-height:1.2}.keluhan{color:#475569;margin-bottom:5px;font-size:.82rem;line-height:1.35}.meta{color:var(--muted);margin-bottom:9px;font-size:.72rem;line-height:1.35}.card-actions{align-items:center;gap:6px;display:flex}.advance{color:#115e59;cursor:pointer;background:#f0fdfa;border:1px solid #99f6e4;border-radius:8px;flex:1;padding:7px 8px;font-size:.78rem;font-weight:700;transition:background .15s}.advance:hover{background:#ccfbf1}.advance.done{color:#3f6212;background:#ecfccb;border-color:#bef264}.advance.done:hover{background:#d9f99d}.jump{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:8px;max-width:42px;padding:7px 4px;font-size:.78rem}.cancel{border:1px solid var(--line);color:#cbd5e1;cursor:pointer;background:#fff;border-radius:8px;width:30px;height:32px;font-size:.8rem}.cancel:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.modal-bg{z-index:50;background:#02061773;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:var(--card);border-radius:16px;width:100%;max-width:480px;max-height:92vh;padding:24px;overflow:auto;box-shadow:0 20px 50px #02061740}.modal h2{margin-bottom:16px;font-size:1.15rem}.modal label{color:var(--muted);margin:11px 0 5px;font-size:.8rem;font-weight:600;display:block}.modal input,.modal select{border:1px solid var(--line);background:#fff;border-radius:10px;outline:none;width:100%;padding:10px 12px;font-size:.92rem}.modal input:focus,.modal select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #ccfbf1}.row2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.ghost-btn{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:10px;padding:9px 16px;font-size:.85rem;font-weight:600}.ghost-btn:hover{color:var(--ink)}.ghost-btn:disabled{opacity:.5;cursor:default}.modal-hint{color:var(--muted);margin:-6px 0 4px;font-size:.85rem;line-height:1.45}.nav-top{background:var(--bg);border-radius:9px;gap:4px;margin-left:20px;padding:3px;display:flex}.nav-top button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:7px 16px;font-size:.85rem;font-weight:600}.nav-top button.on{background:var(--card);color:var(--ink);box-shadow:0 1px 3px #0206171a}.staff-list{flex-direction:column;gap:8px;max-width:760px;display:flex}.staff-row{background:var(--card);border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;transition:opacity .15s;display:flex}.staff-row.busy{opacity:.5;pointer-events:none}.staff-id{align-items:center;gap:11px;display:flex}.ava{width:38px;height:38px;color:var(--teal-d);background:#ccfbf1;border-radius:50%;flex-shrink:0;place-items:center;font-size:1rem;font-weight:800;display:grid}.staff-id strong{color:var(--ink);font-size:.95rem}.staff-id .you{color:var(--muted);font-size:.82rem;font-weight:500}.staff-id .off{color:#dc2626;font-size:.82rem}.staff-controls{align-items:center;gap:8px;display:flex}.staff-controls select{border:1px solid var(--line);color:var(--ink);cursor:pointer;text-transform:capitalize;background:#fff;border-radius:9px;padding:8px 10px;font-size:.85rem}.staff-controls .ghost-btn{padding:8px 12px;font-size:.82rem}.staff-controls .cancel{width:34px;height:36px}.or-sep{color:#cbd5e1;align-items:center;gap:10px;margin:18px 0 14px;font-size:.78rem;display:flex}.or-sep:before,.or-sep:after{content:"";background:var(--line);flex:1;height:1px}.join-note{color:var(--muted);text-align:center;margin-bottom:8px;font-size:.82rem;line-height:1.5}.join-note b{color:var(--ink)}.badges{gap:5px;margin-top:8px;display:flex}.badge{letter-spacing:.02em;border-radius:5px;padding:2px 6px;font-size:.66rem;font-weight:800}.b-triase{color:#1d4ed8;background:#dbeafe}.b-dokter{color:#15803d;background:#dcfce7}.b-lab{color:#b45309;background:#fef3c7}.modal.detail{max-width:560px}.detail-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:6px;display:flex}.detail-head h2{align-items:center;gap:8px;font-size:1.1rem;display:flex}.sections{flex-direction:column;gap:18px;margin-top:14px;display:flex}.sec h3{text-transform:uppercase;letter-spacing:.04em;color:var(--ink);border-bottom:1px solid var(--line);margin-bottom:8px;padding-bottom:6px;font-size:.85rem}.sec-empty{color:#94a3b8;margin-bottom:10px;font-size:.85rem}.sec-locked{color:#cbd5e1;margin-top:6px;font-size:.78rem;font-style:italic}.note-entry{background:var(--bg);border:1px solid var(--line);border-radius:10px;margin-bottom:8px;padding:9px 11px;position:relative}.note-entry p{color:var(--ink);font-size:.86rem;line-height:1.5}.note-entry p span{min-width:64px;color:var(--muted);font-size:.78rem;font-weight:600;display:inline-block}.note-entry time{color:#94a3b8;font-size:.7rem;position:absolute;top:9px;right:11px}.note-form{flex-direction:column;gap:8px;margin-top:8px;display:flex}.note-form input{border:1px solid var(--line);border-radius:9px;outline:none;width:100%;padding:9px 11px;font-size:.88rem}.note-form input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #ccfbf1}.note-form .grid4{grid-template-columns:1fr 1fr 1fr 1fr;gap:8px;display:grid}.note-form .btn-sm{align-self:flex-start}@media (width<=520px){.note-form .grid4{grid-template-columns:1fr 1fr}}.tarif-harga{color:var(--teal-d);margin-top:2px;font-size:.86rem;font-weight:700}.advance.pay{color:#854d0e;background:#fef9c3;border-color:#fde047}.advance.pay:hover{background:#fef08a}.sec.billing h3{color:var(--teal-d)}.charges{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.charge{background:var(--bg);border:1px solid var(--line);border-radius:9px;align-items:center;gap:10px;padding:7px 10px;display:flex}.charge .c-nama{color:var(--ink);flex:1;font-size:.88rem}.charge .c-qty{color:var(--muted);font-size:.8rem}.charge .c-sub{color:var(--ink);text-align:right;min-width:84px;font-size:.88rem;font-weight:700}.charge .cancel{width:28px;height:28px;font-size:.72rem}.qty{align-items:center;gap:6px;display:flex}.qty button{border:1px solid var(--line);cursor:pointer;width:24px;height:24px;color:var(--muted);background:#fff;border-radius:6px;font-weight:700;line-height:1}.qty button:hover{border-color:var(--teal);color:var(--teal)}.qty span{text-align:center;min-width:18px;font-size:.86rem;font-weight:600}.total-row{border-top:2px solid var(--line);justify-content:space-between;align-items:center;padding:10px 2px;display:flex}.total-row b{color:var(--ink);font-size:1.15rem}.bill-add{grid-template-columns:1fr 1fr auto auto;gap:7px;margin:12px 0;display:grid}.bill-add select,.bill-add input{border:1px solid var(--line);border-radius:9px;outline:none;min-width:0;padding:8px 10px;font-size:.84rem}.bill-add select:focus,.bill-add input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #ccfbf1}.bill-add .ghost-btn{white-space:nowrap;padding:8px 12px;font-size:.82rem}.pay-row{align-items:center;gap:10px;margin-bottom:10px;display:flex}.pay-row select,.pay-row input{border:1px solid var(--line);border-radius:9px;outline:none;padding:9px 11px;font-size:.88rem}.pay-row select:focus,.pay-row input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #ccfbf1}.kembali{color:var(--teal-d);font-size:.85rem;font-weight:700}.kembali.kurang{color:#dc2626}.pay-btn{width:100%;padding:12px}@media (width<=520px){.bill-add{grid-template-columns:1fr 1fr}}