:root{color:#332d29;font-synthesis:none;text-rendering:optimizelegibility;--color-bg:#f4efe8;--color-surface:#fffdf9;--color-surface-muted:#eee4d8;--color-border:#d9c9b8;--color-text:#332d29;--color-text-muted:#74685f;--color-primary:#9a4f3b;--color-primary-dark:#763a2b;--color-accent:#6f7655;--color-error:#a40000;--shadow-soft:0 .25rem 1rem #3b2a1f14;background:#f4efe8;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--color-bg);min-width:320px;min-height:100vh;color:var(--color-text);margin:0}button,input,select{font:inherit}button,a,select{transition:background-color .12s,border-color .12s,color .12s,transform .12s}#root{min-height:100vh}.login-page{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.login-card{background:var(--color-surface);border:1px solid var(--color-border);width:min(100%,24rem);box-shadow:var(--shadow-soft);border-radius:.75rem;gap:1rem;padding:2rem;display:grid}.login-card h1,.login-card p{text-align:center;margin:0}.login-card label,.client-form label{gap:.4rem;font-weight:600;display:grid}.login-card input,.client-form input,.language-switcher select,.admin-header-actions select,.client-directory-controls input,.client-directory-controls select{border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-text);border-radius:.4rem;padding:.7rem .75rem}button{border:1px solid var(--color-primary);background:var(--color-primary);color:#fff;cursor:pointer;border-radius:.45rem;padding:.65rem .9rem;font-weight:700}button:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}button:disabled{cursor:not-allowed;opacity:.7}button[aria-busy=true]{cursor:wait}.secondary-button{color:var(--color-primary-dark);background:0 0}.secondary-button:hover{background:var(--color-surface-muted)}.error-message{color:var(--color-error)}.session-status{padding:1.5rem}.admin-shell{min-height:100vh}.admin-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:1rem;min-height:4rem;padding:.7rem 1.25rem;display:flex}.admin-brand{white-space:nowrap;align-items:baseline;gap:.55rem;display:flex}.admin-brand-name{color:var(--color-primary-dark);font-size:1.15rem;font-weight:800}.admin-brand-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:700}.admin-header-actions{align-items:center;gap:.75rem;display:flex}.admin-header-actions select{min-width:7rem;padding-block:.45rem}.language-switcher{color:var(--color-text-muted);gap:.2rem;font-size:.75rem;font-weight:700;display:grid}.language-switcher select{min-width:7rem;padding-block:.45rem}.admin-body{grid-template-columns:12rem minmax(0,1fr);min-height:calc(100vh - 4rem);display:grid}.admin-nav{border-right:1px solid var(--color-border);background:#e8ddd1;flex-direction:column;gap:.25rem;padding:1rem .75rem;display:flex}.admin-nav-primary{flex-direction:column;gap:.25rem;display:flex}.admin-settings-link{align-items:center;gap:.5rem;margin-top:auto;display:flex}.admin-nav a,.nav-disabled{color:var(--color-text);border-radius:.4rem;padding:.65rem .75rem;font-weight:700;text-decoration:none}.admin-nav a:hover{background:#fffdf9b3}.admin-nav a.active{background:var(--color-surface);color:var(--color-primary-dark);box-shadow:0 .1rem .4rem #3b2a1f12}.nav-disabled{color:var(--color-text-muted);opacity:.6}.admin-content{min-width:0;padding:1.25rem}.clients-page,.dashboard-page,.users-page,.settings-page{width:min(100%,76rem);margin:0 auto}.page-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.compact-page-header{margin-bottom:1rem}.page-header h1,.page-header p{margin:0}.page-header h1{font-size:1.6rem}.page-header p{color:var(--color-text-muted);margin-top:.2rem}.page-actions,.form-actions{gap:.75rem;display:flex}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.75rem;display:grid}.dashboard-widget{background:var(--color-surface);border:1px solid var(--color-border);min-height:8rem;box-shadow:var(--shadow-soft);border-radius:.6rem;flex-direction:column;justify-content:space-between;gap:.75rem;padding:1rem;display:flex}.dashboard-widget h2,.dashboard-widget p{margin:0}.dashboard-widget h2{font-size:1rem}.dashboard-widget p{color:var(--color-text-muted);margin-top:.35rem;font-size:.9rem;line-height:1.4}.text-action{color:var(--color-primary-dark);font-size:.9rem;font-weight:800;text-decoration:none}.text-action:hover{text-decoration:underline}.client-list,.user-list{gap:.65rem;display:grid}.client-card,.user-row{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-soft);border-radius:.55rem;padding:.9rem 1rem}.client-card{color:inherit;text-decoration:none;display:block}.client-card:hover{border-color:#c8b29d;transform:translateY(-1px)}.client-card h2,.client-card p,.user-row h2,.user-row p{margin:0}.client-card h2,.user-row h2{font-size:1rem}.client-card p,.user-row p{color:var(--color-text-muted);margin-top:.2rem;font-size:.9rem}.client-directory-controls{grid-template-columns:minmax(14rem,1fr) minmax(9rem,12rem) auto;align-items:end;gap:.75rem;display:grid}.client-directory-controls label{gap:.35rem;font-weight:700;display:grid}.view-options{gap:.5rem;display:flex}.client-directory-table-wrap{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-soft);border-radius:.6rem;overflow-x:auto}.client-directory-table{border-collapse:collapse;width:100%}.client-directory-table th,.client-directory-table td{text-align:left;border-bottom:1px solid var(--color-border);padding:.75rem .9rem}.client-directory-table tbody tr:last-child td{border-bottom:0}.client-directory-table tbody tr:hover{background:var(--color-surface-muted)}.client-directory-table th button{color:var(--color-primary-dark);font:inherit;background:0 0;border:0;padding:0}.client-directory-table th button:hover{background:0 0;border-color:#0000;text-decoration:underline}.client-directory-table td a{color:var(--color-primary-dark);font-weight:800;text-decoration:none}.client-directory-table td a:hover{text-decoration:underline}.user-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.user-row.is-archived{opacity:.68}.user-row-main{align-items:center;gap:1rem;min-width:0;display:flex}.status-badge{color:#40563a;background:#dfe9db;border-radius:999px;flex:none;padding:.2rem .5rem;font-size:.75rem;font-weight:800}.status-badge.archived{background:var(--color-surface-muted);color:var(--color-text-muted)}.compact-button{flex:none;padding:.4rem .65rem;font-size:.8rem}.field-help{color:var(--color-text-muted);font-size:.8rem;font-weight:400}.user-form{max-width:38rem}.client-form{gap:1rem;display:grid}.client-form button{justify-self:start}.detail-section{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-soft);border-radius:.6rem;margin-bottom:1rem;padding:1rem}.detail-section h2{margin-top:0}.settings-placeholder p{color:var(--color-text-muted);margin-bottom:0}.section-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.section-header h2{margin:0}@media (width<=760px){.admin-header{flex-direction:column;align-items:flex-start}.admin-header-actions{justify-content:space-between;width:100%}.admin-body{grid-template-columns:1fr}.admin-nav{border-right:0;border-bottom:1px solid var(--color-border);flex-direction:row;overflow-x:auto}.admin-nav-primary{flex-direction:row}.admin-settings-link{margin-top:0}.admin-content{padding:1rem}.page-header,.user-row,.user-row-main{flex-direction:column;align-items:flex-start}.client-directory-controls{grid-template-columns:1fr}}.debug-mode-banner{color:#8a1212;background:#fff0f0;border-bottom:2px solid #9b1c1c;justify-content:center;align-items:center;gap:.75rem;padding:.55rem 1rem;font-size:.85rem;display:flex}.debug-mode-banner strong{letter-spacing:.06em;font-size:.95rem}@media (width<=760px){.debug-mode-banner{flex-direction:column;align-items:flex-start;gap:.2rem}}.user-row-link{color:inherit;text-decoration:none;transition:transform .12s,border-color .12s}.user-row-link:hover{border-color:#c8b29d;transform:translateY(-1px)}.user-identity{min-width:0}.user-row-badges{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.4rem;display:flex}.role-badge{background:var(--color-surface-muted);color:var(--color-primary-dark);border-radius:999px;padding:.2rem .5rem;font-size:.75rem;font-weight:800}.role-badge.muted{color:var(--color-text-muted);font-weight:700}.role-fieldset{border:0;margin:0;padding:0}.role-fieldset legend{margin-bottom:.5rem;font-weight:700}.role-options{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.5rem;display:grid}.checkbox-option{align-items:flex-start;grid-template-columns:none!important;gap:.55rem!important;font-weight:500!important;display:flex!important}.checkbox-option input{margin-top:.15rem;width:auto!important}.checkbox-option span{gap:.1rem;display:grid}.checkbox-option small{color:var(--color-text-muted);font-weight:400;line-height:1.35}.button-link{border:1px solid var(--color-primary);background:var(--color-primary);color:#fff;border-radius:.45rem;justify-content:center;align-items:center;padding:.65rem .9rem;font-weight:700;text-decoration:none;display:inline-flex}.button-link:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.role-success-message{border:1px solid var(--color-primary);background:var(--color-surface-muted);color:var(--color-primary-dark);border-radius:.5rem;margin:0 0 1rem;padding:.75rem .9rem;font-weight:700}.role-success-message strong{margin-right:.35rem}.role-summary-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.25rem;display:grid}.role-summary-row.is-archived{opacity:.7}.role-summary-meta{min-width:9rem;color:var(--color-text-muted);justify-items:end;gap:.15rem;font-size:.82rem;display:grid}.role-summary-meta strong{color:var(--color-primary-dark);font-size:.9rem}.role-form{gap:1rem;display:grid}.role-form textarea{border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-text);font:inherit;resize:vertical;border-radius:.4rem;padding:.7rem .75rem}.role-permissions-heading h2,.role-permissions-heading p,.protected-role-notice h2,.protected-role-notice p{margin:0}.role-permissions-heading p,.protected-role-notice p{color:var(--color-text-muted);margin-top:.25rem}.role-permission-groups{gap:1rem;display:grid}.permission-category{border:1px solid var(--color-border);border-radius:.5rem;margin:0;padding:.85rem}.permission-category legend{color:var(--color-primary-dark);padding:0 .35rem;font-weight:800}.permission-options{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:.75rem 1rem;display:grid}.permission-option code{color:var(--color-text-muted);font-size:.72rem}.permission-option:has(input:disabled){opacity:.72}.protected-role-notice{gap:.7rem;display:grid}.protected-role-notice .role-badge{width:fit-content}.assigned-user-list{gap:.5rem;display:grid}.assigned-user-list a{border:1px solid var(--color-border);color:inherit;border-radius:.45rem;grid-template-columns:minmax(0,1fr) minmax(12rem,1fr) auto;align-items:center;gap:.75rem;padding:.65rem .75rem;text-decoration:none;display:grid}.assigned-user-list a:hover{background:var(--color-surface-muted)}.assigned-user-list span:not(.status-badge){color:var(--color-text-muted);font-size:.85rem}.danger-zone{border-color:#d7aaa1}.danger-zone h2{color:#8a3428}.delete-confirmation{margin:1rem 0}.danger-button{background:#9c3f31;border-color:#9c3f31}.danger-button:hover{background:#7e3026;border-color:#7e3026}@media (width<=760px){.user-row-badges{justify-content:flex-start}.role-summary-row{grid-template-columns:1fr}.role-summary-meta{justify-items:start}.permission-options,.assigned-user-list a{grid-template-columns:1fr}}.user-save-notice{scroll-margin-top:1rem}.user-save-action{cursor:not-allowed;display:inline-block}.user-save-action[data-busy=true]{cursor:wait}.user-save-action button:disabled{pointer-events:none}