:root{--text:#2c2c2b;--text2:#7d7a75;--canvas:#fff;--soft:#fff;--surface2:#f0efed;--border:#e6e5e3;--blue:#2783de;--blue-soft:#e5f2fc;--green:#46a171;--green-soft:#e8f1ec;--orange:#d5803b;--orange-soft:#fbebde;--red:#e56458;--red-soft:#fce9e7;--gold:#c9a227;--purple:#8256b5;--tooth:#fff;--tooth-line:#c9c6c1;--shadow:0 1px 2px #0000000d, 0 4px 12px #0000000a}[data-theme=dark]{--text:#f5f5f5;--text2:#ffffff9e;--canvas:#141414;--soft:#1f1f1e;--surface2:#2e2e2d;--border:#ffffff24;--blue:#6babf0;--blue-soft:#6babf02e;--green:#7bc99a;--green-soft:#7bc99a2e;--orange:#e89b62;--orange-soft:#e89b622e;--red:#ef7e72;--red-soft:#ef7e722e;--gold:#edd07a;--purple:#c99be5;--tooth:#232322;--tooth-line:#63615c;--shadow:0 1px 2px #00000073, 0 4px 14px #00000061;--shadow-card:0 4px 14px #0000008c}*{box-sizing:border-box}html,body{margin:0}body{background:var(--canvas);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.5;transition:background .2s,color .2s}.wrap{max-width:100%;margin:0 auto;padding:14px 20px 8px}.search-row{align-items:stretch;gap:10px;display:flex}.searchbar{background:var(--canvas);border:1px solid var(--border);min-width:0;box-shadow:var(--shadow);border-radius:12px;flex:1;align-items:center;gap:12px;padding:8px 8px 8px 16px;display:flex;position:relative}.searchbar>svg{color:var(--text2);flex:none}.searchbar input{min-width:0;color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:16px}.searchbar input::placeholder{color:var(--text2)}.search-hint{color:var(--text2);white-space:nowrap;padding-right:8px;font-size:13px}.theme-toggle{border:1px solid var(--border);background:var(--canvas);width:48px;color:var(--text);cursor:pointer;box-shadow:var(--shadow);border-radius:12px;flex:none;justify-content:center;align-items:center;transition:background .12s,border-color .12s;display:flex}.theme-toggle:hover{background:var(--surface2)}.theme-toggle:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.theme-toggle .icon-moon{display:inline-flex}.theme-toggle .icon-sun,[data-theme=dark] .theme-toggle .icon-moon{display:none}[data-theme=dark] .theme-toggle .icon-sun{display:inline-flex}.results{background:var(--canvas);border:1px solid var(--border);z-index:20;border-radius:12px;display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 1px 2px #0000000d,0 8px 24px #0000001f}.results.show{display:block}.result{cursor:pointer;border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 16px;display:flex}.result:last-child{border-bottom:none}.result:hover,.result.active{background:var(--soft)}.avatar{background:var(--blue-soft);width:40px;height:40px;color:var(--blue);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:15px;font-weight:600;display:flex}.result .name{font-weight:600}.result .sub{color:var(--text2);font-size:13px}.no-result{color:var(--text2);padding:16px;font-size:14px}.empty{text-align:center;color:var(--text2);padding:26px 24px}.empty .icon{background:var(--surface2);width:56px;height:56px;color:var(--text2);border-radius:14px;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.empty h2{color:var(--text);margin:0 0 4px;font-size:18px}.empty p{margin:0;font-size:14px}.patient-grid{text-align:left;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:8px;display:grid}.pcard{background:var(--canvas);border:1px solid var(--border);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:12px;transition:border-color .12s,transform .12s,box-shadow .12s;display:flex}.pcard:hover{border-color:var(--blue);box-shadow:var(--shadow-card,0 4px 12px #00000014);transform:translateY(-1px)}.pcard .pc-name{color:var(--text);font-size:14.5px;font-weight:600}.pcard .pc-sub{color:var(--text2);margin-top:2px;font-size:12.5px}[data-theme=dark] .pcard{background:var(--soft);border-color:var(--border)}[data-theme=dark] .pcard:hover{background:var(--canvas)}.patient-card{background:var(--canvas);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px;margin-top:8px;padding:9px 16px;display:flex}.patient-card .avatar{width:48px;height:48px;font-size:17px}.patient-card .pname{font-size:18px;font-weight:600}.patient-card .pmeta{color:var(--text2);font-size:13px}.patient-card .spacer{flex:1}.pname-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.badge-row{flex-wrap:wrap;gap:6px;display:flex}.badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:600}.badge.treat{background:var(--surface2);color:var(--text2);border-color:var(--border)}.badge.allergy-warn{background:var(--red-soft);color:var(--red);border-color:var(--red)}.badge.allergy-ok{background:var(--green-soft);color:var(--green);border-color:var(--border)}.scan-btn{background:linear-gradient(135deg, var(--blue) 0%, #2563eb 100%);color:#fff;cursor:pointer;letter-spacing:.01em;text-shadow:0 1px #0000001f;border:0;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:700;transition:transform .12s,box-shadow .12s,filter .12s;display:inline-flex;box-shadow:0 4px 14px #2783de59}.scan-btn:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 6px 20px #2783de73}.scan-btn:active{transform:translateY(0)}[data-theme=dark] .scan-btn{background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%);box-shadow:0 4px 16px #3b82f673}[data-theme=dark] .scan-btn:hover{box-shadow:0 6px 22px #3b82f68c}.scan-modal{z-index:9999;background:#000c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.scan-modal-content{background:var(--canvas);border:1px solid var(--border);border-radius:12px;flex-direction:column;max-width:min(1200px,95vw);max-height:92vh;display:flex;overflow:hidden}.scan-modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.scan-modal-title{color:var(--text);font-size:15px;font-weight:600}.scan-close{color:var(--text2);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px 10px;font-size:20px}.scan-close:hover{background:var(--surface2);color:var(--text)}.scan-img{object-fit:contain;background:#000;max-width:100%;max-height:calc(92vh - 60px);display:block}.tab-bar{border-bottom:1px solid var(--border);gap:4px;margin:14px 0 10px;padding-bottom:0;display:flex}.tab-btn{color:var(--text2);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:6px 6px 0 0;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.tab-btn:hover{color:var(--text);background:var(--surface2)}.tab-btn.active{color:var(--text);border-bottom-color:var(--blue,#3b82f6)}.tab-btn:focus-visible{outline:2px solid var(--blue,#3b82f6);outline-offset:2px}.tab-btn svg{opacity:.85;flex:none}.tab-btn.active svg{opacity:1}.tab-pane[hidden]{display:none}.tab-pane.active{display:block}.scanner-panel{padding:12px 16px}.scan-tabs{flex-wrap:wrap;gap:6px;display:flex}.scanner-viewport{background:#000;border-radius:8px;justify-content:center;align-items:center;min-height:420px;margin-top:10px;display:flex;overflow:hidden}.scanner-viewport .scan-img{max-height:75vh}.scan-empty{text-align:center;color:var(--text2);width:100%;padding:40px}.billing-status{border-radius:8px;margin-top:6px;padding:4px 10px;font-size:13px;font-weight:600;display:inline-block}.billing-status.ok{background:var(--green-soft);color:var(--green);border:1px solid var(--border)}.billing-status.mid{background:var(--orange-soft);color:var(--orange);border:1px solid var(--orange)}.billing-status.warn{background:var(--red-soft);color:var(--red);border:1px solid var(--red)}.chip{background:var(--surface2);color:var(--text2);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:500}.plan-switcher{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.plan-pill{border:1px solid var(--border);background:var(--soft);color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-size:12.5px;font-weight:600;transition:background .1s,border-color .1s;display:inline-flex}.plan-pill:hover{background:var(--surface2)}.plan-pill[aria-pressed=true]{border-color:var(--blue);background:var(--blue-soft);color:var(--blue)}.plan-pill:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.plan-pill .dot{border-radius:50%;flex:none;width:7px;height:7px}.plan-pill .dot.ok{background:var(--green)}.plan-pill .dot.mid{background:var(--orange)}.plan-pill .dot.warn{background:var(--red)}.allergy-alert{border-radius:10px;align-items:center;gap:10px;margin-bottom:12px;padding:11px 14px;font-size:14px;font-weight:600;display:flex}.allergy-alert.warn{background:var(--red-soft);color:var(--red);border:1px solid var(--red)}.allergy-alert.ok{background:var(--green-soft);color:var(--green);border:1px solid var(--border)}.clin-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px;display:grid}.billing-grid{grid-template-columns:repeat(3,1fr);gap:8px}.clin-item{background:var(--soft);border:1px solid var(--border);border-radius:10px;padding:6px 10px}.clin-item .k{color:var(--text2);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.clin-item .v{margin-top:3px;font-size:14px;font-weight:600}.clin-notes{color:var(--text);background:var(--soft);border:1px solid var(--border);border-radius:10px;margin-top:8px;padding:10px 12px;font-size:14px}.clin-notes .k{color:var(--text2);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:11px;display:block}.panel{background:var(--canvas);border:1px solid var(--border);border-radius:12px;margin-top:7px;padding:10px 16px}.panel-title{color:var(--text2);text-transform:uppercase;letter-spacing:.05em;margin:0 0 7px;font-size:12px;font-weight:600}.panel-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px;display:flex}.panel-title-row .panel-title{margin:0}.panel-title-row .billing-status{margin-top:0}.tools{grid-template-columns:repeat(9,1fr);align-items:stretch;gap:8px;display:grid}.tool{border:1px solid var(--border);background:var(--canvas);min-height:42px;color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:4px;min-width:0;padding:6px 4px;font-size:12px;font-weight:500;transition:transform 50ms,box-shadow .1s;display:flex;overflow:hidden}.tool:hover{box-shadow:var(--shadow)}.tool:active{transform:translateY(1px)}.tool[aria-pressed=true]{border-color:var(--blue);box-shadow:0 0 0 2px var(--blue-soft)}.tool:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.tool-label{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.sw{border:1px solid var(--border);border-radius:4px;flex:none;width:16px;height:16px}.tool .glyph{text-align:center;flex:none;width:16px;font-size:16px}.reset-tool{color:var(--text2)}.spacer{flex:1}.btn{cursor:pointer;border:1px solid var(--border);background:var(--canvas);min-height:38px;color:var(--text);border-radius:8px;padding:8px 12px;font-size:13px;font-weight:500}.btn:hover{box-shadow:var(--shadow)}.btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.chart-scroll{width:100%;padding:4px 0;overflow:hidden}.arch-scaler{justify-content:center;width:100%;display:flex;overflow:hidden}.arch{transform-origin:top;justify-content:center;gap:0;width:max-content;margin:0 auto;display:flex}.quad{display:flex}.quad.q-right{border-right:2px dashed var(--border)}.arch.lower{margin-top:2px}.arch-label{color:var(--text2);text-transform:uppercase;letter-spacing:.05em;text-align:center;margin:1px 0;font-size:11px;font-weight:600}.midline-note{text-align:center;color:var(--text2);margin:2px 0;font-size:11px}.tooth{flex-direction:column;align-items:center;width:44px;margin:0 1px;display:flex}.arch.lower .tooth{flex-direction:column-reverse}.tnum{color:var(--text2);font-variant-numeric:tabular-nums;padding:3px 0;font-size:11px}svg.tsvg{cursor:pointer;flex:none;width:44px;height:44px;display:block}svg.tsvg polygon{fill:var(--tooth);stroke:var(--tooth-line);stroke-width:1px;transition:fill 80ms}svg.tsvg polygon:hover{stroke:var(--blue);stroke-width:1.6px}svg.tsvg .whole{pointer-events:none}.summary{gap:5px;display:grid}.stat{background:var(--soft);border:1px solid var(--border);border-radius:9px;flex-direction:column;justify-content:center;min-width:0;padding:8px 10px;display:flex;overflow:hidden}.stat .n{font-size:20px;font-weight:700;line-height:1.1}.stat .l{color:var(--text2);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:13px;line-height:1.25;overflow:hidden}.hint{color:var(--text2);margin-top:6px;font-size:12.5px}.settings-modal{z-index:9999;background:#0000008c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.settings-content{background:var(--canvas);border:1px solid var(--border);width:min(560px,100%);max-height:92vh;box-shadow:var(--shadow);border-radius:14px;overflow:auto}.settings-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.settings-title{font-size:16px;font-weight:700}.settings-body{flex-direction:column;gap:14px;padding:16px 18px;display:flex}.settings-warn{background:var(--orange-soft);color:var(--orange);border:1px solid var(--orange);border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.45}.settings-field{flex-direction:column;gap:6px;display:flex}.settings-label{color:var(--text2);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.settings-field input{border:1px solid var(--border);background:var(--canvas);width:100%;color:var(--text);border-radius:10px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px}.settings-field input:focus{outline:2px solid var(--blue);outline-offset:1px;border-color:var(--blue)}.settings-hint{color:var(--text2);font-size:12px}.settings-error{background:var(--red-soft);color:var(--red);border:1px solid var(--red);white-space:pre-wrap;border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.45}.settings-status{background:var(--green-soft);color:var(--green);border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:13px}.settings-actions{border-top:1px solid var(--border);align-items:center;gap:8px;padding:14px 18px;display:flex}.sync-badge{border:1px solid var(--border);background:var(--canvas);color:var(--text2);white-space:nowrap;min-height:48px;box-shadow:var(--shadow);border-radius:12px;flex:none;align-items:center;gap:6px;padding:0 12px;font-size:12.5px;font-weight:600;display:inline-flex}.sync-badge.saved{color:var(--green);border-color:var(--green)}.sync-badge.saving{color:var(--blue);border-color:var(--blue)}.sync-badge.err{color:var(--red);border-color:var(--red);cursor:pointer}.sync-badge .dot{background:currentColor;border-radius:50%;width:8px;height:8px}.sync-banner{border-radius:10px;align-items:center;gap:10px;margin-top:8px;padding:10px 14px;font-size:13.5px;display:flex}.sync-banner.warn{background:var(--orange-soft);color:var(--orange);border:1px solid var(--orange)}.sync-banner.err{background:var(--red-soft);color:var(--red);border:1px solid var(--red)}.sync-banner .btn{margin-left:auto}@media (width<=640px){.wrap{padding:12px 16px 6px}.search-hint{display:none}.sync-badge{padding:0 8px;font-size:11.5px}}