:root{--brand-50:#faf5f1;--brand-100:#f5ede7;--brand-200:#e4d3c6;--brand-300:#c9a88f;--brand-400:#a0714e;--brand-500:#855233;--brand-600:#6b4028;--brand-700:#55321f;--brand-800:#3f2517;--brand-900:#2a1810;--canvas:#fff;--surface:#fff;--surface-2:#f7f5f3;--surface-hover:#f1ece7;--border:#eae3dc;--border-strong:#d8cdc0;--text:#2a211c;--text-secondary:#6b615a;--text-muted:#9a8f86;--text-on-brand:#fff;--success:#2e7d5b;--success-bg:#e8f3ee;--warning:#b7791f;--warning-bg:#fbf2e0;--danger:#b4443a;--danger-bg:#fbebe9;--info:#3a6ea5;--info-bg:#e9f0f7;--muted-plum:#8c5b6b;--muted-plum-bg:#f5eaee;--gold:#c9a227;--gold-bg:#faf3dc;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--shadow-xs:0 1px 2px #2a211c0f;--shadow-sm:0 2px 6px #2a211c12;--shadow-md:0 6px 16px #2a211c17;--shadow-lg:0 16px 40px #2a211c1f;--shadow-brand:0 4px 14px #6b402838;--font-sans:"Inter var", -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.5rem;--dur-instant:90ms;--dur-fast:.16s;--dur-base:.24s;--dur-slow:.32s;--ease-standard:cubic-bezier(.2, .8, .2, 1);--ease-enter:cubic-bezier(.16, 1, .3, 1);--ease-exit:cubic-bezier(.4, 0, 1, 1)}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--canvas);color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}.tabular-nums{font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);min-height:44px;font:inherit;font-weight:550;font-size:var(--text-sm);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard), transform var(--dur-instant) var(--ease-standard);border:1px solid #0000;padding:10px 18px;display:inline-flex}.btn:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px}.btn:disabled{cursor:not-allowed}.btn-primary{background:var(--brand-600);color:var(--text-on-brand);box-shadow:var(--shadow-brand)}.btn-primary:hover:not(:disabled){background:var(--brand-500)}.btn-primary:active:not(:disabled){background:var(--brand-700);box-shadow:var(--shadow-xs);transform:translateY(1px)}.btn-primary:disabled{background:var(--brand-300);box-shadow:none}.btn-secondary{background:var(--surface);color:var(--brand-600);border-color:var(--brand-200)}.btn-secondary:hover:not(:disabled){background:var(--brand-50)}.btn-secondary:active:not(:disabled){background:var(--brand-100)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface-hover)}.field{gap:var(--space-1);display:grid}.field label{font-size:var(--text-xs);color:var(--text-secondary);font-weight:600}.field input,.field select,.field textarea{font:inherit;font-size:var(--text-base);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--text);min-height:44px;transition:border-color var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard), background-color var(--dur-fast) var(--ease-standard);padding:10px 12px}.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--brand-300)}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{border-color:var(--brand-500);box-shadow:0 0 0 3px var(--brand-100);outline:none}.field input:disabled,.field select:disabled,.field textarea:disabled{background:var(--surface-2);color:var(--text-muted);cursor:not-allowed}.field select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%236B4028' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:40px}.field select:disabled{cursor:not-allowed;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%239A8F86' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.field select option{color:var(--text);background:var(--surface)}.field textarea{resize:vertical;min-height:88px}.field .hint{font-size:var(--text-xs);color:var(--text-muted)}.field .error{font-size:var(--text-xs);color:var(--danger)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6)}.badge{font-size:var(--text-xs);border-radius:var(--radius-full);align-items:center;gap:4px;padding:3px 9px;font-weight:600;display:inline-flex}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-neutral{background:var(--surface-2);color:var(--text-secondary)}.page-enter{animation:page-enter var(--dur-base) var(--ease-enter) both}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}table.data-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}table.data-table th{text-align:left;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border)}table.data-table td{padding:var(--space-3);border-bottom:1px solid var(--border);vertical-align:middle}table.data-table tr:last-child td{border-bottom:none}.toggle{border-radius:var(--radius-full);background:var(--border-strong);cursor:pointer;width:40px;height:24px;transition:background-color var(--dur-fast) var(--ease-standard);border:none;flex-shrink:0;position:relative}.toggle[data-on=true]{background:var(--brand-600)}.toggle:after{content:"";width:18px;height:18px;transition:transform var(--dur-fast) var(--ease-standard);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.toggle[data-on=true]:after{transform:translate(16px)}.role-matrix-scroll{overflow-x:auto}table.role-matrix{min-width:640px}.role-matrix-permcol{min-width:220px}.role-matrix-rolecol{text-align:center;min-width:100px}.role-matrix-group-row td{padding:var(--space-2) var(--space-3);background:var(--surface-2);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);font-weight:700}.role-matrix-cell{text-align:center}.role-matrix-cell-inner{align-items:center;gap:var(--space-2);display:inline-flex}.role-matrix-reset{cursor:pointer;font-size:var(--text-base);color:var(--brand-600);border-radius:var(--radius-sm);background:0 0;border:none;padding:2px 4px;line-height:1}.role-matrix-reset:hover{background:var(--surface-2)}.chip-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip{min-height:32px;font-size:var(--text-sm);border:1px solid var(--border-strong);border-radius:var(--radius-full);background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard);padding:6px 12px}.chip:hover{border-color:var(--brand-500)}.chip.active{background:var(--brand-600);border-color:var(--brand-600);color:#fff}.guard-picker{gap:var(--space-3);display:grid}.guard-picker-zone{gap:var(--space-2);display:grid}.guard-picker-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.guard-picker-sequence{font-size:var(--text-sm);color:var(--text-secondary);padding-top:var(--space-2);border-top:1px solid var(--border)}.guard-picker-sequence .tabular-nums{font-family:var(--font-mono);color:var(--text)}.cutcard-meta{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);display:flex}.cutcard-sections{gap:var(--space-5);display:grid}.cutcard-section h3{margin:0 0 var(--space-2);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.cutcard-row{gap:var(--space-2);font-size:var(--text-sm);padding:3px 0;display:flex}.cutcard-row-label{min-width:160px;color:var(--text-muted);flex-shrink:0}.cutcard-allergy{margin:var(--space-1) 0}.cutcard-history{margin-top:var(--space-4)}.cutcard-history h3{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.cutcard-history ul{gap:var(--space-1);font-size:var(--text-sm);color:var(--text-secondary);margin:0;padding:0;list-style:none;display:grid}.field-changed{padding-left:var(--space-3);border-left:3px solid var(--warning);position:relative}.modal-root{z-index:100;padding:var(--space-4);place-items:center;display:grid;position:fixed;inset:0}.modal-overlay{background:#2a211c59;position:absolute;inset:0}.modal-panel{background:var(--surface);border-radius:var(--radius-xl);width:100%;max-height:88vh;box-shadow:var(--shadow-lg);padding:var(--space-6);position:relative;overflow-y:auto}.modal-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.modal-header h2{font-size:var(--text-lg);margin:0}.modal-close{min-height:32px;padding:6px 10px}.modal-body{gap:var(--space-4);display:grid}.form-row{gap:var(--space-1);display:grid}.form-actions{gap:var(--space-3);margin-top:var(--space-2);justify-content:flex-end;display:flex}.data-table tr.row-clickable{cursor:pointer;transition:background-color var(--dur-fast) var(--ease-standard)}.data-table tr.row-clickable:hover{background:var(--surface-2)}.row-edit-hint{color:var(--brand-600);font-size:var(--text-xs);text-align:right;white-space:nowrap;font-weight:600}.data-table tr.row-clickable:hover .row-edit-hint{color:var(--brand-500)}.category-quick-add{min-height:32px;font-size:var(--text-xs);justify-self:start;padding:6px 10px}.category-quick-form{gap:var(--space-3);padding:var(--space-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);display:grid}.category-quick-form input{font:inherit;font-size:var(--text-sm);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);min-height:38px;color:var(--text);padding:8px 10px}.category-quick-form input:focus-visible{border-color:var(--brand-500);box-shadow:0 0 0 3px var(--brand-100);outline:none}.category-quick-colors{gap:8px;display:flex}.category-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:22px;height:22px;padding:0}.category-swatch.selected{border-color:var(--text);box-shadow:0 0 0 2px var(--surface)}.category-quick-actions{gap:var(--space-2);justify-content:flex-end;display:flex}.login-screen{background:var(--canvas);min-height:100vh;padding:var(--space-4);place-items:center;display:grid}.login-card{width:100%;max-width:380px}.login-brand{align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);display:flex}.login-mark{border-radius:var(--radius-md);background:var(--brand-600);color:#fff;place-items:center;width:2.2rem;height:2.2rem;display:grid}.login-brand b{font-size:1.2rem}.shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--border);padding:var(--space-4) var(--space-3)}.sidebar-brand{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3) var(--space-6);display:flex}.sidebar-mark{border-radius:var(--radius-sm);background:var(--brand-600);color:#fff;place-items:center;width:1.9rem;height:1.9rem;font-size:.95rem;display:grid}.sidebar-nav{gap:2px;display:grid;position:relative}.sidebar-link{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);transition:background-color var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);padding:10px 12px;text-decoration:none;display:flex;position:relative}.sidebar-link:hover{background:var(--surface-hover)}.sidebar-link.active{background:var(--brand-100);color:var(--brand-600);font-weight:600}.sidebar-indicator{border-radius:var(--radius-full);background:var(--brand-600);width:3px;position:absolute;top:6px;bottom:6px;left:-12px}.sidebar-icon{text-align:center;width:1.2rem}.shell-main{flex-direction:column;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--border);height:60px;padding:0 var(--space-6);justify-content:space-between;align-items:center;display:flex}.topbar-user{align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);display:flex}.role-badge{font-size:var(--text-xs);border-radius:var(--radius-full);background:var(--brand-100);color:var(--brand-700);padding:3px 10px;font-weight:600}.shell-content{padding:var(--space-6)}.page-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.form-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.loading-screen{min-height:100vh;color:var(--text-secondary);place-items:center;display:grid}@media (width<=640px){.shell{grid-template-columns:1fr}.sidebar{display:none}.form-grid{grid-template-columns:1fr}}.calendar-grid-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow-x:auto}.calendar-grid{min-width:640px;display:grid;position:relative}.cal-corner{border-bottom:1px solid var(--border);border-right:1px solid var(--border)}.cal-staff-head{align-items:center;gap:var(--space-2);padding:var(--space-3);font-weight:600;font-size:var(--text-sm);border-bottom:1px solid var(--border);border-right:1px solid var(--border);background:var(--surface);z-index:2;display:flex;position:sticky;top:0}.cal-staff-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.cal-hours{border-right:1px solid var(--border);position:relative}.cal-hour-label{font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums;position:absolute;right:8px;transform:translateY(-50%)}.cal-column{border-right:1px solid var(--border-strong);cursor:pointer;position:relative}.cal-column:last-child{border-right:none}.cal-column:hover{background:var(--surface-2)}.cal-hour-line{border-top:1px solid var(--border);pointer-events:none;position:absolute;left:0;right:0}.appt-block{box-sizing:border-box;border-radius:var(--radius-sm);max-width:calc(100% - 6px);min-height:36px;font-size:var(--text-xs);text-align:left;cursor:pointer;transition:box-shadow .12s var(--ease-standard), transform 90ms var(--ease-standard);font:inherit;border:1px solid #0000;border-left-width:3px;flex-direction:column;gap:2px;padding:4px 7px;display:flex;position:absolute;left:3px;right:3px;overflow:hidden}.appt-block:hover{box-shadow:var(--shadow-sm);z-index:3;transform:translateY(-1px)}.appt-row1{align-items:center;gap:5px;width:100%;display:flex}.appt-time{color:var(--text);flex-shrink:0;font-weight:700}.appt-service{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-secondary);flex:auto;font-size:10.5px;overflow:hidden}.appt-status-badge{text-transform:uppercase;letter-spacing:.02em;border-radius:var(--radius-full);flex-shrink:0;padding:1px 6px;font-size:8.5px;font-weight:700}.appt-who{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);font-size:11.5px;font-weight:600;overflow:hidden}.appt-scheduled{background:var(--surface-2);border-color:var(--border-strong)}.appt-scheduled .appt-status-badge{background:var(--surface);border:1px solid var(--border-strong);color:var(--text-secondary)}.appt-confirmed{background:var(--info-bg);border-color:var(--info)}.appt-confirmed .appt-status-badge{background:var(--info);color:#fff}.appt-arrived{background:var(--brand-100);border-color:var(--brand-400)}.appt-arrived .appt-status-badge{background:var(--brand-400);color:#fff}.appt-in-chair{background:var(--brand-600);border-color:var(--brand-600)}.appt-in-chair .appt-status-badge{color:var(--brand-700);background:#ffffffe6}.appt-in-chair .appt-time,.appt-in-chair .appt-who{color:#fff}.appt-in-chair .appt-service{color:#ffffffd1}.appt-completed{background:var(--success-bg);border-color:var(--success);border-left-width:4px}.appt-completed .appt-status-badge{background:var(--success);color:#fff}.appt-no-show{background:var(--danger-bg);border-color:var(--danger);border-style:dashed}.appt-no-show .appt-status-badge{background:var(--danger);color:#fff}.appt-cancelled{background:var(--muted-plum-bg);border-color:var(--muted-plum);border-style:dashed}.appt-cancelled .appt-status-badge{background:var(--muted-plum);color:#fff}.appt-cancelled .appt-time,.appt-cancelled .appt-who,.appt-cancelled .appt-service{color:var(--muted-plum)}.appt-cancelled .appt-who{text-decoration:line-through}.view-tabs{background:var(--surface-2);border-radius:var(--radius-md);gap:2px;padding:3px;display:flex}.view-tab{font:inherit;font-size:var(--text-sm);color:var(--text-secondary);border-radius:calc(var(--radius-md) - 3px);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);background:0 0;border:none;padding:7px 14px;font-weight:550}.view-tab:hover{color:var(--text)}.view-tab.active{background:var(--surface);color:var(--brand-600);box-shadow:var(--shadow-xs)}.date-jump{font:inherit;font-size:var(--text-sm);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);min-height:36px;color:var(--text);padding:8px 10px}.date-jump:hover{border-color:var(--brand-300)}.date-jump:focus-visible{border-color:var(--brand-500);box-shadow:0 0 0 3px var(--brand-100);outline:none}.week-staff-select{appearance:none;cursor:pointer;font:inherit;font-size:var(--text-sm);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);min-height:36px;color:var(--text);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%236B4028' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding:7px 32px 7px 12px}.cal-today{color:var(--brand-600)}.month-grid{background:var(--border);border:1px solid var(--border);border-radius:var(--radius-lg);grid-template-columns:repeat(7,1fr);gap:1px;display:grid;overflow:hidden}.month-dow{background:var(--surface-2);padding:var(--space-2);text-align:center;font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;font-weight:600}.month-cell{background:var(--surface);min-height:84px;padding:var(--space-2);align-items:flex-start;gap:var(--space-1);cursor:pointer;font:inherit;text-align:left;transition:background-color var(--dur-fast) var(--ease-standard);border:none;flex-direction:column;display:flex}.month-cell:hover{background:var(--surface-2)}.month-cell.outside{color:var(--text-muted);background:var(--canvas)}.month-cell.today .month-cell-num{background:var(--brand-600);color:#fff;border-radius:var(--radius-full);place-items:center;width:22px;height:22px;font-weight:600;display:grid}.month-cell-num{font-size:var(--text-sm)}.month-cell-count{font-size:var(--text-xs);background:var(--brand-100);color:var(--brand-700);border-radius:var(--radius-full);align-self:flex-end;margin-top:auto;padding:1px 8px;font-weight:600}