:root{--bg-primary: #1a1d21;--bg-secondary: #22262b;--bg-tertiary: #2c3038;--input-bg: #353b44;--border-color: #3a3f47;--text-primary: #e8eaed;--text-secondary: #9ca3af;--text-tertiary: #6b7280;--accent-primary: #7ec8e3;--accent-secondary: #ff8200;--error: #ef4444;--success: #10b981;--warning: #f59e0b;--status-success-fg: #34D399;--status-success-bg: rgba(52, 211, 153, .15);--status-success-border: rgba(52, 211, 153, .3);--status-warning-fg: #FBBF24;--status-warning-bg: rgba(251, 191, 36, .15);--status-warning-border: rgba(251, 191, 36, .3);--status-danger-fg: #F87171;--status-danger-bg: rgba(248, 113, 113, .15);--status-danger-border: rgba(248, 113, 113, .3);--status-info-fg: #7EC8E3;--status-info-bg: rgba(126, 200, 227, .15);--status-info-border: rgba(126, 200, 227, .3);--status-neutral-fg: #9CA3AF;--status-neutral-bg: rgba(156, 163, 175, .15);--status-neutral-border: rgba(156, 163, 175, .3);--sidebar-bg: #1a1d21;--sidebar-text-primary: #e8eaed;--sidebar-text-secondary: #9ca3af;--sidebar-text-tertiary: #6b7280;--sidebar-border: #3a3f47;--sidebar-active-bg: rgba(126, 200, 227, .12);--sidebar-active-text: #7ec8e3;--sidebar-hover-bg: rgba(255, 255, 255, .05);--sidebar-width-expanded: 240px;--sidebar-width-collapsed: 72px;--sidebar-transition: .2s ease}[data-theme=light]{--bg-primary: #f5f7fa;--bg-secondary: #ffffff;--bg-tertiary: #f0f2f5;--input-bg: #ffffff;--border-color: #e5e7eb;--text-primary: #111827;--text-secondary: #4b5563;--text-tertiary: #9ca3af;--accent-primary: #2563eb;--accent-secondary: #0c447c;--status-success-fg: #059669;--status-success-bg: #D1FAE5;--status-success-border: #6EE7B7;--status-warning-fg: #D97706;--status-warning-bg: #FEF3C7;--status-warning-border: #FCD34D;--status-danger-fg: #DC2626;--status-danger-bg: #FEE2E2;--status-danger-border: #FCA5A5;--status-info-fg: #2563EB;--status-info-bg: #DBEAFE;--status-info-border: #93C5FD;--status-neutral-fg: #6B7280;--status-neutral-bg: #F3F4F6;--status-neutral-border: #D1D5DB}.staff-sidebar{position:sticky;top:0;height:100vh;width:var(--sidebar-width-expanded);flex-shrink:0;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;transition:width var(--sidebar-transition);z-index:20}.staff-sidebar-brand{height:64px;display:flex;align-items:center;gap:8px;padding:0 20px;border-bottom:1px solid var(--sidebar-border);flex-shrink:0}.staff-sidebar-brand-text{flex:1;min-width:0;font-size:18px;font-weight:700;color:var(--sidebar-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.staff-sidebar-toggle{display:flex;align-items:center;justify-content:center;margin-left:auto;background:none;border:none;color:var(--sidebar-text-secondary);padding:8px;border-radius:4px;cursor:pointer;transition:color .15s}.staff-sidebar-toggle:hover{color:var(--sidebar-text-primary)}.staff-sidebar-nav{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.staff-sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:6px;color:var(--sidebar-text-secondary);background:none;border:none;text-align:left;font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;transition:background .15s,color .15s;font-family:inherit;width:100%}.staff-sidebar-nav-item:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-text-primary)}.staff-sidebar-nav-item.active,.staff-sidebar-nav-item.active:hover{background:var(--sidebar-active-bg);color:var(--sidebar-active-text)}.staff-sidebar-nav-icon{flex-shrink:0}.staff-sidebar-nav-label{white-space:nowrap;overflow:hidden}.staff-sidebar-footer{padding:12px;border-top:1px solid var(--sidebar-border);flex-shrink:0}@media (min-width: 769px){.staff-sidebar.collapsed{width:var(--sidebar-width-collapsed)}.staff-sidebar.collapsed .staff-sidebar-brand{padding:0 12px;justify-content:center}.staff-sidebar.collapsed .staff-sidebar-brand-text{display:none}.staff-sidebar.collapsed .staff-sidebar-toggle{margin:0 auto}.staff-sidebar.collapsed .staff-sidebar-nav-label{display:none}.staff-sidebar.collapsed .staff-sidebar-nav-item{justify-content:center;padding:10px}}.staff-sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:15}.staff-mobile-menu-btn{display:none;background:none;border:none;color:inherit;padding:8px;cursor:pointer;align-items:center;border-radius:4px}@media (max-width: 768px){.staff-sidebar{position:fixed;left:0;top:0;transform:translate(-100%);transition:transform var(--sidebar-transition)}.staff-sidebar.mobile-open{transform:translate(0);box-shadow:4px 0 16px #0003}.staff-sidebar-backdrop{display:block}.staff-mobile-menu-btn{display:inline-flex}}.staff-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.staff-page-title{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-2xl);font-weight:600;color:var(--text-primary);line-height:1.2}.staff-page-subtitle{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary)}.staff-page-actions{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.staff-view-toggle{display:inline-flex;border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.staff-view-toggle-btn{padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:0;font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:background .15s ease,color .15s ease;line-height:1;min-height:0}.staff-view-toggle-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.staff-view-toggle-btn.active{background:var(--accent-primary);color:var(--bg-primary);font-weight:600}.staff-filters{display:flex;gap:var(--spacing-md);align-items:center;flex-wrap:wrap;margin-bottom:var(--spacing-xl)}.staff-search{flex:1;min-width:180px;padding:var(--spacing-sm) var(--spacing-md);background:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm)}.staff-search::placeholder{color:var(--text-tertiary)}.staff-search:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #7ec8e326}.staff-filter-select{padding:var(--spacing-sm) var(--spacing-md);background:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);min-width:130px}.staff-filter-select:focus{outline:none;border-color:var(--accent-primary)}.staff-state-msg{text-align:center;padding:var(--spacing-3xl) var(--spacing-lg);color:var(--text-secondary);font-size:var(--font-size-base)}.staff-error{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);background:#ef44441a;border:1px solid var(--error);color:var(--error);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm)}.staff-avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--accent-primary);color:var(--bg-primary);font-size:var(--font-size-xs);font-weight:700;flex-shrink:0;letter-spacing:.02em}.staff-avatar-lg{width:44px;height:44px;font-size:var(--font-size-sm)}.staff-table-wrapper{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-color)}.staff-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.staff-table thead tr{background:var(--bg-tertiary)}.staff-table th{padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-weight:600;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap}.staff-table td{padding:var(--spacing-md);border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:middle}.staff-table tbody tr:last-child td{border-bottom:none}.staff-table-row{cursor:pointer;transition:background .12s ease}.staff-table-row:hover{background:var(--bg-tertiary)}.staff-table-row:focus{outline:2px solid var(--accent-primary);outline-offset:-2px}.staff-table-name-cell{display:flex;align-items:center;gap:var(--spacing-md)}.staff-name-group{display:flex;flex-direction:column;gap:2px}.staff-display-name{font-weight:600;color:var(--text-primary)}.staff-work-email{font-size:var(--font-size-xs);color:var(--text-secondary)}.staff-branch{color:var(--text-secondary)}.staff-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--spacing-lg)}.staff-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);cursor:pointer;transition:box-shadow .15s ease,border-color .15s ease}.staff-card:hover{border-color:var(--accent-primary);box-shadow:0 4px 12px #00000026}.staff-card:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.staff-card-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.staff-card-name-group{display:flex;flex-direction:column;gap:2px;min-width:0}.staff-card-name-group .staff-display-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staff-card-body{display:flex;flex-direction:column;gap:var(--spacing-sm)}.staff-card-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.staff-card-label{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:500;flex-shrink:0}.staff-card-value{font-size:var(--font-size-sm);color:var(--text-primary);text-align:right}.staff-badge-role{background:var(--bg-tertiary);color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);white-space:nowrap}@media (max-width: 640px){.staff-page-header{flex-direction:column;align-items:flex-start}.staff-page-actions{width:100%;justify-content:flex-end}.staff-filters{flex-direction:column;align-items:stretch}.staff-filter-select{min-width:0;width:100%}}.staff-avatar-xl{width:56px;height:56px;font-size:var(--font-size-lg);flex-shrink:0}.profile-page{display:flex;flex-direction:column;gap:var(--spacing-xl);max-width:860px}.profile-back-link{display:inline-flex;align-items:center;font-size:var(--font-size-sm);color:var(--text-secondary);text-decoration:none;gap:var(--spacing-xs);transition:color .15s ease}.profile-back-link:hover{color:var(--text-primary)}.profile-header{display:flex;align-items:flex-start;gap:var(--spacing-lg)}.profile-header-body{flex:1;min-width:0}.profile-name{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);line-height:1.2}.profile-job-title{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-sm);color:var(--text-secondary)}.profile-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:center}.profile-header-actions{flex-shrink:0;padding-top:var(--spacing-xs)}.profile-tabs{display:flex;gap:0;border-bottom:2px solid var(--border-color);overflow-x:auto;scrollbar-width:none}.profile-tabs::-webkit-scrollbar{display:none}.profile-tab-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:color .15s ease,border-color .15s ease}.profile-tab-btn:hover{color:var(--text-primary)}.profile-tab-btn--active{color:var(--accent-primary);border-bottom-color:var(--accent-primary);font-weight:600}.profile-tab-btn--soon{cursor:default;color:var(--text-tertiary);pointer-events:none}.profile-tab-soon-pill{display:inline-block;font-size:10px;font-weight:600;line-height:1;padding:2px 5px;border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-tertiary);letter-spacing:.04em;text-transform:uppercase}.profile-tab-body{display:flex;flex-direction:column;gap:var(--spacing-xl)}.profile-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.profile-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);background:var(--bg-tertiary)}.profile-card-header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.profile-card-title{margin:0;font-size:var(--font-size-base);font-weight:600;color:var(--text-primary)}.profile-card-sub{margin:var(--spacing-xs) 0 0;font-size:var(--font-size-xs);color:var(--text-secondary)}.profile-card-body{padding:var(--spacing-lg)}.profile-dl{display:grid;grid-template-columns:1fr;gap:var(--spacing-sm);margin:0}.profile-dl-row{display:flex;gap:var(--spacing-md)}.profile-dl-label{min-width:120px;font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary)}.profile-dl-value{font-size:var(--font-size-sm);color:var(--text-primary);margin:0}.setup-checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.setup-checklist-item{display:flex;align-items:baseline;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-primary)}.checklist-icon{font-size:var(--font-size-sm);font-weight:700;line-height:1;width:18px;text-align:center;flex-shrink:0}.checklist-icon--success{color:var(--success)}.checklist-icon--warning{color:var(--warning)}.checklist-icon--danger{color:var(--error)}.checklist-icon--muted{color:var(--text-tertiary)}.checklist-label{flex:1}.checklist-message{font-size:var(--font-size-xs);color:var(--text-secondary)}.checklist-dispatch-badge{font-size:10px;font-weight:600;padding:2px 6px;border-radius:var(--radius-sm);background:#ef44441a;color:var(--error);white-space:nowrap;letter-spacing:.03em;text-transform:uppercase}.profile-coming-soon{padding:var(--spacing-2xl) var(--spacing-xl);text-align:center}.profile-coming-soon-text{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary)}.profile-dl-row--edit{align-items:center}.profile-edit-input{flex:1;padding:var(--spacing-xs) var(--spacing-sm);background:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);min-width:0}.profile-edit-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #7ec8e326}.profile-private-pill{display:inline-block;font-size:10px;font-weight:600;line-height:1;padding:2px 6px;border-radius:var(--radius-sm);background:#ef44441a;color:var(--error);letter-spacing:.04em;text-transform:uppercase}.account-actions-row{display:flex;flex-direction:column;gap:var(--spacing-lg)}.account-action-item{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);padding:var(--spacing-md) 0;border-bottom:1px solid var(--border-color)}.account-action-item:last-child{border-bottom:none;padding-bottom:0}.account-action-item--danger .account-action-label{color:var(--error)}.account-action-info{flex:1;min-width:0}.account-action-label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.account-action-desc{margin:0;font-size:var(--font-size-xs);color:var(--text-secondary)}.btn-warning{background:var(--warning);color:var(--bg-primary);border-color:var(--warning)}.btn-warning:hover:not(:disabled){opacity:.85}.btn-danger{background:var(--error);color:var(--bg-primary);border-color:var(--error)}.btn-danger:hover:not(:disabled){opacity:.85}.perm-role-row{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;margin-bottom:var(--spacing-md)}.perm-role-label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);flex-shrink:0}.perm-role-select{max-width:220px}.perm-saving-hint{font-size:var(--font-size-xs);color:var(--text-secondary)}.perm-role-hint{margin:0;font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.5}.perm-search{display:block;width:100%;margin-bottom:var(--spacing-lg);box-sizing:border-box}.perm-category-group{margin-bottom:var(--spacing-lg)}.perm-category-group:last-child{margin-bottom:0}.perm-category-heading{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-color)}.perm-row-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.perm-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color)}.perm-row:last-child{border-bottom:none}.perm-row-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;flex:1;min-width:0}.perm-checkbox{flex-shrink:0;width:15px;height:15px;accent-color:var(--accent-primary);cursor:pointer}.perm-row-text{font-size:var(--font-size-sm);color:var(--text-primary);line-height:1.4}.perm-source-tag{display:inline-block;flex-shrink:0;font-size:10px;font-weight:600;line-height:1;padding:2px 6px;border-radius:var(--radius-sm);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}.perm-source-tag--role{background:var(--bg-tertiary);color:var(--text-secondary)}.perm-source-tag--added{background:#22c55e1f;color:var(--success)}.perm-source-tag--removed{background:#eab3081f;color:var(--warning)}.perm-success-banner{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);background:#22c55e1a;border:1px solid var(--success);color:var(--success);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.perm-no-results{font-size:var(--font-size-sm);color:var(--text-secondary);padding:var(--spacing-md) 0;margin:0}.perm-delegation-body{display:flex;flex-direction:column;gap:var(--spacing-lg)}.perm-field-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.perm-field-label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.perm-role-checklist{display:flex;flex-direction:column;gap:var(--spacing-xs)}.perm-delegation-role-row{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-primary);cursor:pointer}@media (max-width: 640px){.perm-role-select{max-width:100%;width:100%}.perm-row{flex-wrap:wrap;gap:var(--spacing-sm)}}@media (max-width: 640px){.profile-header{flex-wrap:wrap}.profile-dl-row{flex-direction:column;gap:var(--spacing-xs)}.profile-dl-label{min-width:0}.account-action-item{flex-direction:column;align-items:flex-start}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:200;padding:var(--spacing-lg)}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;box-shadow:0 20px 60px #0006}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);flex-shrink:0}.modal-title{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.modal-close-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:background .12s ease,color .12s ease;flex-shrink:0;min-height:0}.modal-close-btn:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.modal-close-btn:disabled{opacity:.4;cursor:not-allowed}.modal-content form{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.modal-field-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.modal-label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary)}.modal-required{color:var(--error);margin-left:2px}.modal-optional{font-size:var(--font-size-xs);color:var(--text-tertiary);font-weight:400;margin-left:4px}.modal-input{width:100%;box-sizing:border-box;flex:unset;min-width:0}.modal-select{width:100%;box-sizing:border-box;min-width:0}.modal-input--error{border-color:var(--error)!important}.modal-field-error{margin:0;font-size:var(--font-size-xs);color:var(--error)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-color);margin-top:var(--spacing-sm)}.modal-content .staff-error{margin:var(--spacing-md) var(--spacing-lg) 0}@media (max-width: 480px){.modal-content{max-height:100vh;border-radius:0}.modal-backdrop{padding:0;align-items:flex-end}}:root{--primary-blue: #378ADD;--primary-blue-light: #E6F1FB;--primary-blue-medium: #185FA5;--navy-blue: #0C447C;--teal-accent: #1D9E75;--teal-light: #E1F5EE;--teal-dark: #0F6E56;--success-green: #639922;--success-light: #EAF3DE;--warning-amber: #EF9F27;--warning-light: #FAEEDA;--neutral-gray: #888780;--border-light: #E0E0E0;--border-medium: #D0D0D0;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 28px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 4px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .12);--shadow-depth: 0 1px 3px rgba(0, 0, 0, .08);--z-dropdown: 100;--z-modal: 1000;--z-toast: 2000}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-md);line-height:1.6;color:var(--text-primary);background-color:var(--bg-secondary)}input,button,textarea,select{font-family:inherit}h1{font-size:var(--font-size-3xl);font-weight:600;line-height:1.2;color:var(--text-primary);margin-bottom:var(--spacing-lg)}h2{font-size:var(--font-size-2xl);font-weight:600;line-height:1.3;color:var(--text-primary);margin-bottom:var(--spacing-md)}h3{font-size:var(--font-size-lg);font-weight:600;line-height:1.4;color:var(--text-primary);margin-bottom:var(--spacing-md)}h4,h5,h6{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}p{margin-bottom:var(--spacing-md);line-height:1.7}small{font-size:var(--font-size-sm);color:var(--text-secondary)}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=time],textarea,select{width:100%;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-md);border:1px solid var(--border-light);border-radius:var(--radius-md);background-color:var(--bg-primary);color:var(--text-primary);transition:all .2s ease;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path fill='none' stroke='%239CA3AF' stroke-width='2' d='M2 4l4 4 4-4'/></svg>");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #378add1a}input:disabled,textarea:disabled,select:disabled{background-color:var(--bg-secondary);color:var(--text-tertiary);cursor:not-allowed}textarea{resize:vertical;min-height:100px}button{cursor:pointer;transition:all .2s ease;border:none;border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-md)}.btn{padding:var(--spacing-md) var(--spacing-lg);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);white-space:nowrap;min-height:44px;touch-action:manipulation;border:1px solid transparent;border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-md);text-decoration:none}.btn-primary{background-color:var(--primary-blue);color:#fff}.btn-primary:hover{background-color:var(--primary-blue-medium);box-shadow:var(--shadow-md)}.btn-primary:active{transform:scale(.98)}.btn-secondary{background-color:transparent;color:var(--primary-blue);border:1px solid var(--primary-blue)}.btn-secondary:hover{background-color:var(--primary-blue-light)}.btn-success{background-color:var(--success-green);color:#fff}.btn-success:hover{opacity:.9}.btn-warning{background-color:var(--warning-amber);color:#fff}.btn-warning:hover{opacity:.9}.btn-danger{background-color:#e24b4a;color:#fff}.btn-danger:hover{opacity:.9}.btn-small{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);min-height:36px}.btn-large{padding:var(--spacing-lg) var(--spacing-2xl);font-size:var(--font-size-lg);min-height:48px}.btn:disabled{opacity:.5;cursor:not-allowed}.clients-toolbar{display:grid;grid-template-columns:minmax(0,24rem) minmax(0,12rem) 1fr;column-gap:16px;row-gap:var(--spacing-sm);align-items:end;margin-bottom:20px}.clients-toolbar__clients{grid-column:1;grid-row:1;margin:0}.clients-toolbar__type{grid-column:2;grid-row:1;margin:0;font-size:var(--font-size-3xl);font-weight:600;color:var(--text-primary);line-height:1.2}.clients-toolbar__actions{grid-column:3;grid-row:1;justify-self:end;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.clients-toolbar__search{grid-column:1;grid-row:2;width:100%}.clients-toolbar__select{grid-column:2;grid-row:2;width:100%}@media (max-width: 900px){.clients-toolbar{grid-template-columns:1fr}.clients-toolbar__clients{grid-column:1;grid-row:1}.clients-toolbar__search{grid-column:1;grid-row:2}.clients-toolbar__type{grid-column:1;grid-row:3}.clients-toolbar__select{grid-column:1;grid-row:4}.clients-toolbar__actions{grid-column:1;grid-row:5;justify-self:start;justify-content:flex-start}}.card{background-color:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-depth);transition:all .2s ease}.card:hover{box-shadow:var(--shadow-md)}.card-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-light)}.card-body{margin-bottom:var(--spacing-md)}.card-footer{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-light);display:flex;gap:var(--spacing-md);justify-content:flex-end}.badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:600;white-space:nowrap}.badge-success{background-color:var(--success-light);color:var(--success-green)}.badge-warning{background-color:var(--warning-light);color:var(--warning-amber)}.badge-primary{background-color:var(--primary-blue-light);color:var(--navy-blue)}.badge-secondary{background-color:var(--bg-secondary);color:var(--text-secondary)}.alert{padding:var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);border-left:4px solid}.alert-info{background-color:var(--primary-blue-light);border-color:var(--primary-blue);color:var(--navy-blue)}.alert-success{background-color:var(--success-light);border-color:var(--success-green);color:var(--success-green)}.alert-warning{background-color:var(--warning-light);border-color:var(--warning-amber);color:var(--warning-amber)}.alert-error{background-color:#fcebeb;border-color:#e24b4a;color:#a32d2d}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.grid{display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.flex{display:flex;gap:var(--spacing-md)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-column{flex-direction:column}@media (max-width: 768px){:root{--font-size-3xl: 24px;--font-size-2xl: 20px;--spacing-lg: 12px;--spacing-2xl: 16px}h1{font-size:var(--font-size-2xl)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--text-secondary)}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.p-1{padding:var(--spacing-sm)}.p-2{padding:var(--spacing-md)}.p-3{padding:var(--spacing-lg)}.hidden{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:9999px;font-size:12px;font-weight:500;line-height:1;border:1px solid var(--status-neutral-border);background:var(--status-neutral-bg);color:var(--status-neutral-fg);white-space:nowrap}.status-badge--success{color:var(--status-success-fg);background:var(--status-success-bg);border-color:var(--status-success-border)}.status-badge--warning{color:var(--status-warning-fg);background:var(--status-warning-bg);border-color:var(--status-warning-border)}.status-badge--danger{color:var(--status-danger-fg);background:var(--status-danger-bg);border-color:var(--status-danger-border)}.status-badge--info{color:var(--status-info-fg);background:var(--status-info-bg);border-color:var(--status-info-border)}