:root{--color-primary:#4f46e5;--color-primary-light:#ede9fe;--color-primary-border:#a5b4fc;--color-primary-dark:#3730a3;--color-text-primary:#111827;--color-text-secondary:#374151;--color-text-muted:#6b7280;--color-text-subtle:#9ca3af;--color-bg-page:#f5f5f5;--color-bg-surface:#fff;--color-bg-subtle:#f3f4f6;--color-bg-input:#fff;--color-border:#e5e7eb;--color-danger:#dc2626;--color-danger-light:#fef2f2;--color-warning:#92400e;--color-warning-light:#fef3c7;--color-info:#1d4ed8;--color-info-light:#dbeafe;--color-success:#059669;--color-success-light:#d1fae5;--color-appointment:#d97706;--color-appointment-light:#fffbeb;--color-appointment-border:#fcd34d;--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-overlay:#0006;--color-swatch-border:#0000001a;--color-btn-primary-text:#fff}@media (prefers-color-scheme:dark){:root{--color-primary:#6366f1;--color-primary-light:#1e1b4b;--color-primary-border:#4338ca;--color-primary-dark:#818cf8;--color-text-primary:#f8fafc;--color-text-secondary:#e2e8f0;--color-text-muted:#a8b8cc;--color-text-subtle:#7a90a8;--color-bg-page:#0f172a;--color-bg-surface:#1e293b;--color-bg-subtle:#334155;--color-bg-input:#1e293b;--color-border:#334155;--color-danger:#f87171;--color-danger-light:#2d1515;--color-warning:#fbbf24;--color-warning-light:#2d1f00;--color-info:#60a5fa;--color-info-light:#1e3a5f;--color-success:#34d399;--color-success-light:#0c2318;--color-appointment:#f59e0b;--color-appointment-light:#1c1505;--color-appointment-border:#92400e;--shadow-card:0 2px 12px #0006;--shadow-modal:0 20px 60px #000000b3;--shadow-hover:0 1px 4px #0000004d;--color-overlay:#0009;--color-swatch-border:#ffffff1f}}*,:before,:after{box-sizing:border-box}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}.btn-sm{white-space:nowrap;margin:0;padding:.375rem .75rem;font-size:.8125rem}.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-primary);color:var(--color-btn-primary-text);border-color:var(--color-primary);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-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}