:root{--color-primary:#4f46e5;--color-primary-light:#eef2ff;--color-primary-border:#c7d2fe;--color-primary-dark:#3730a3;--color-text-primary:#0f172a;--color-text-secondary:#334155;--color-text-muted:#475569;--color-text-subtle:#64748b;--color-bg-page:#f8fafc;--color-bg-surface:#fff;--color-bg-subtle:#f1f5f9;--color-bg-input:#fff;--color-border:#cbd5e1;--color-danger:#dc2626;--color-danger-light:#fef2f2;--color-danger-border:#fca5a5;--color-warning:#b45309;--color-warning-light:#fef3c7;--color-info:#1d4ed8;--color-info-light:#eff6ff;--color-success:#047857;--color-success-light:#ecfdf5;--color-success-border:#86efac;--color-appointment:#d97706;--color-appointment-light:#fffbeb;--color-appointment-border:#fbbf24;--color-visit:#0891b2;--color-visit-light:#ecfeff;--color-visit-border:#67e8f9;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-pill:9999px;--shadow-card:0 2px 12px #0000001a;--shadow-modal:0 20px 60px #0003;--shadow-hover:0 1px 4px #00000014;--color-link:#1d4ed8;--color-link-visited:#6d28d9;--color-overlay:#0006;--color-swatch-border:#0000001a;--color-btn-primary-text:#fff;--color-btn-primary-bg:#4f46e5}@media (prefers-color-scheme:dark){:root{--color-primary:#818cf8;--color-primary-light:#1e1b4b;--color-primary-border:#6366f1;--color-primary-dark:#a5b4fc;--color-text-primary:#f1f5f9;--color-text-secondary:#cbd5e1;--color-text-muted:#94a3b8;--color-text-subtle:#7a90a8;--color-bg-page:#0f172a;--color-bg-surface:#1e293b;--color-bg-subtle:#263447;--color-bg-input:#151f2e;--color-border:#3d5166;--color-danger:#f87171;--color-danger-light:#2d1515;--color-danger-border:#b91c1c;--color-warning:#fbbf24;--color-warning-light:#2d1f00;--color-info:#60a5fa;--color-info-light:#1e3a5f;--color-success:#34d399;--color-success-light:#0c2318;--color-success-border:#065f46;--color-appointment:#f59e0b;--color-appointment-light:#231a04;--color-appointment-border:#b45309;--color-visit:#22d3ee;--color-visit-light:#0a1f24;--color-visit-border:#0891b2;--shadow-card:0 2px 12px #0006;--shadow-modal:0 20px 60px #000000b3;--shadow-hover:0 1px 4px #0000004d;--color-link:#93c5fd;--color-link-visited:#c4b5fd;--color-overlay:#0009;--color-swatch-border:#ffffff1f;--color-btn-primary-bg:#4f46e5}}*,:before,:after{box-sizing:border-box}a{color:var(--color-link)}a:visited{color:var(--color-link-visited)}body{color:var(--color-text-primary);background:var(--color-bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;font-weight:450;overflow-y:scroll}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600}p{margin:0}button{font-family:inherit;font-weight:inherit;cursor:pointer;border-radius:var(--radius-sm);border:1px solid var(--color-border);color:var(--color-text-primary);background:0 0;padding:.375rem .75rem;font-size:.875rem}button:disabled{opacity:.6;cursor:not-allowed}input{border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:inherit;font-size:1rem;font-weight:inherit;color:var(--color-text-primary);background:var(--color-bg-input);width:100%;padding:.5rem .75rem}input:focus{border-color:var(--color-primary);outline:none}input:disabled{background:var(--color-bg-subtle);color:var(--color-text-muted);border-color:var(--color-border);cursor:not-allowed}select{border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:inherit;font-size:.875rem;font-weight:inherit;color:var(--color-text-primary);background:var(--color-bg-input);width:100%;padding:.5rem .75rem}select:focus{border-color:var(--color-primary);outline:none}textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:inherit;font-size:.875rem;font-weight:inherit;color:var(--color-text-primary);background:var(--color-bg-input);resize:vertical;width:100%;padding:.5rem .75rem}textarea:focus{border-color:var(--color-primary);outline:none}textarea:disabled{background:var(--color-bg-subtle);color:var(--color-text-muted);border-color:var(--color-border);cursor:not-allowed;resize:none}label{color:var(--color-text-primary);flex-direction:column;gap:.25rem;font-size:.875rem;font-weight:500;display:flex}form{flex-direction:column;gap:1rem;display:flex}.inline-label{flex-direction:row;align-items:center;gap:.5rem;font-weight:500}.inline-label input[type=checkbox]{width:auto;accent-color:var(--color-primary)}.required{color:var(--color-danger)}.color-pick{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;width:2rem;height:2rem;padding:.125rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-header{background:var(--color-bg-surface);border-bottom:1px solid var(--color-border);align-items:center;gap:.75rem;padding:1rem 2rem;display:flex}.btn-primary{background:var(--color-btn-primary-bg);color:var(--color-btn-primary-text);border-color:var(--color-btn-primary-bg);margin:.5rem;padding:.625rem 1.5rem}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--color-bg-subtle);color:var(--color-text-secondary);border-color:var(--color-border);margin:.5rem;padding:.625rem 1.5rem}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-danger{border-color:var(--color-danger);color:var(--color-danger);background:0 0;margin:.5rem;padding:.625rem 1.5rem}.btn-danger:hover{background:var(--color-danger);color:var(--color-btn-primary-text)}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.btn-sm{white-space:nowrap;margin:0;padding:.375rem .75rem;font-size:.8125rem}.btn-block{width:100%;padding:.625rem;font-size:1rem}.muted{color:var(--color-text-muted);font-size:.875rem}.error{color:var(--color-danger);font-size:.875rem}.connecting-overlay{background:var(--color-bg-page);color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;font-size:1rem;display:flex;position:fixed;inset:0}.connecting-title{margin-top:20px}.connecting-hr{color:var(--color-border);width:200px}.loading-dots:after{content:"";animation:3s steps(3,end) infinite loading-dots}@keyframes loading-dots{0%{content:"..."}33%{content:"."}66%{content:".."}to{content:"..."}}.no-spinner::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.no-spinner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.no-spinner{appearance:textfield}.delayed-message{opacity:0;animation:10s step-end forwards delayed-message}@keyframes delayed-message{0%{opacity:0}to{opacity:1}}.search-box{margin-top:.75rem;margin-bottom:.75rem}.barcode-lookup-overlay{z-index:200;color:#fff;background:#0006;justify-content:center;align-items:center;font-size:1rem;display:flex;position:fixed;inset:0}