.volunteer-list-page{max-width:1400px}.volunteer-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.volunteer-stat-card{border:1px solid transparent;padding:var(--spacing-md);border-radius:var(--border-radius-lg);background:#fff;box-shadow:var(--shadow);text-align:left;cursor:pointer}.volunteer-stat-card strong{display:block;margin:.25rem 0;font-size:1.8rem}.volunteer-stat-card p{margin:0;color:var(--text-secondary);font-size:.875rem}.volunteer-stat-label{color:var(--text-secondary);font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.volunteer-stat-card-active{border-color:var(--color-primary);box-shadow:0 0 0 2px #2563eb1f}.volunteer-toolbar{display:flex;gap:var(--spacing-sm);align-items:center;flex-wrap:wrap;margin-bottom:var(--spacing-md)}.volunteer-refresh-button,.volunteer-filter-pill{display:inline-flex;align-items:center;justify-content:center;min-height:2.25rem;padding:.4rem .85rem;border-radius:999px;font-size:.8125rem;font-weight:600}.volunteer-refresh-button{border:none;background:var(--color-primary);color:#fff;cursor:pointer}.volunteer-refresh-button:disabled{cursor:not-allowed;opacity:.6}.volunteer-filter-pill{border:1px solid var(--border-color);background:#fff;color:var(--text-primary);cursor:pointer}.volunteer-name{font-weight:500;color:var(--color-primary)}.role-tags{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.role-tag{padding:.125rem .5rem;background:var(--bg-tertiary);border-radius:9999px;font-size:.75rem;color:var(--text-secondary)}.role-more{padding:.125rem .5rem;background:var(--bg-tertiary);border-radius:9999px;font-size:.75rem;color:var(--text-muted)}.screening-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;font-size:.75rem;font-weight:500;border-radius:9999px}.screening-valid{background:#dcfce7;color:#166534}.screening-expiring{background:#fef3c7;color:#92400e}.screening-expired{background:#fee2e2;color:#991b1b}.screening-pending{background:#f1f5f9;color:#475569}.error-message{padding:var(--spacing-md);background:#fef2f2;color:#991b1b;border-radius:var(--border-radius);margin-bottom:var(--spacing-md)}.volunteer-action-message{margin-bottom:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--border-radius);background:#eff6ff;color:#1d4ed8;font-weight:500}.volunteer-readiness-cell{display:flex;flex-direction:column;gap:.35rem;min-width:12rem}.volunteer-readiness-detail{color:var(--text-secondary);font-size:.8125rem;line-height:1.35}.volunteer-actions-cell{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;align-items:center}.volunteer-action-button,.volunteer-action-link{display:inline-flex;align-items:center;justify-content:center;min-height:2rem;padding:.35rem .75rem;border-radius:999px;font-size:.8125rem;font-weight:600;text-decoration:none}.volunteer-action-button{border:none;cursor:pointer;background:var(--color-primary);color:#fff}.volunteer-action-button:disabled{cursor:not-allowed;opacity:.6}.volunteer-action-link{background:var(--bg-tertiary);color:var(--text-primary)}@media (max-width: 900px){.volunteer-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.volunteer-detail-page{max-width:1200px}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.breadcrumb{display:flex;gap:var(--spacing-sm);color:var(--text-secondary);font-size:.875rem}.breadcrumb a{color:var(--color-primary)}.header-actions{display:flex;gap:var(--spacing-sm)}.btn{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);font-size:.875rem;font-weight:500;border:none;cursor:pointer}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:var(--color-primary);color:#fff}.btn-secondary{background:#fff;color:var(--text-primary);border:1px solid var(--border-color)}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.detail-card{background:#fff;border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow)}.detail-card-wide{grid-column:span 2}.detail-card h2{font-size:1rem;font-weight:600;margin:0 0 var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.detail-list{display:grid;grid-template-columns:120px 1fr;gap:var(--spacing-sm)}.detail-list dt{color:var(--text-secondary);font-size:.875rem}.detail-list dd{font-weight:500;margin:0}.role-list{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.role-tag-lg{padding:var(--spacing-xs) var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--border-radius);font-size:.875rem}.stat-row{display:flex;gap:var(--spacing-lg)}.stat-item{text-align:center}.stat-number{display:block;font-size:2rem;font-weight:700;color:var(--color-primary)}.stat-label{font-size:.75rem;color:var(--text-secondary)}.loading,.error{padding:var(--spacing-xl);text-align:center;color:var(--text-secondary)}.detail-muted{color:var(--text-secondary);font-size:.875rem}.readiness-banner{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);border-radius:var(--border-radius);margin-bottom:var(--spacing-md)}.readiness-banner-ready{background:#dcfce7;color:#166534}.readiness-banner-blocked{background:#fee2e2;color:#991b1b}.readiness-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.detail-notice{margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);font-size:.875rem;font-weight:500}.detail-notice-success{background:#dcfce7;color:#166534}.detail-notice-error{background:#fee2e2;color:#991b1b}.form-actions{display:flex;gap:var(--spacing-sm);align-items:center;margin-top:var(--spacing-md)}.requirement-chip-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.requirement-chip{padding:var(--spacing-xs) var(--spacing-sm);border-radius:999px;background:#fef3c7;color:#92400e;font-size:.8125rem;font-weight:600}.readiness-list{margin-top:var(--spacing-md)}.readiness-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--spacing-sm)}.readiness-metric-card{display:flex;flex-direction:column;gap:.15rem;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-secondary)}.readiness-metric-card strong{font-size:1.25rem}.readiness-metric-label{color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}.credential-inline-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.credential-inline-row{display:flex;justify-content:space-between;gap:var(--spacing-md);align-items:center;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius)}.credential-inline-meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-xs);font-size:.875rem;color:var(--text-secondary)}.credential-status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:.2rem .65rem;font-size:.8125rem;font-weight:600}.credential-status-pill-verified{background:#dcfce7;color:#166534}.credential-status-pill-pending{background:#fef3c7;color:#92400e}.credential-status-pill-expired,.credential-status-pill-rejected,.credential-status-pill-suspended{background:#fee2e2;color:#991b1b}.detail-alert{margin-top:var(--spacing-md);padding:var(--spacing-md);background:#eff6ff;border-radius:var(--border-radius);color:#1d4ed8}.detail-alert ul{margin:var(--spacing-sm) 0 0 1rem}@media (max-width: 900px){.detail-grid{grid-template-columns:1fr}.detail-card-wide{grid-column:span 1}.detail-header,.readiness-actions,.credential-inline-row,.stat-row{flex-direction:column;align-items:flex-start}.readiness-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.credential-inline-meta{align-items:flex-start}}.scheduling-page{max-width:1400px}.schedule-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.overview-card{background:var(--sap-base-bg);border:1px solid var(--sap-group-content-border);border-radius:var(--sap-border-radius);padding:1.25rem;text-align:center}.overview-value{font-size:2rem;font-weight:300;color:var(--sap-title-color);margin-bottom:.25rem}.overview-value.warning{color:var(--sap-warning-color)}.overview-value.success{color:var(--sap-success-color)}.overview-label{font-size:.8125rem;color:var(--sap-neutral-text)}.status-open{background:var(--sap-warning-bg);color:var(--sap-warning-color)}.status-assigned{background:var(--sap-information-bg);color:var(--sap-information-color)}.status-confirmed{background:var(--sap-success-bg);color:var(--sap-success-color)}.status-completed{background:#e0e0e0;color:#616161}.status-cancelled{background:#f5f5f5;color:#9e9e9e}.unassigned{color:var(--sap-neutral-text);font-style:italic}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--sap-group-content-border)}.shift-form{padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.8125rem;font-weight:500;color:var(--sap-text-color);margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.625rem .75rem;border:1px solid var(--sap-group-content-border);border-radius:var(--sap-border-radius);font-size:.875rem;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--sap-brand-color);box-shadow:0 0 0 2px #002b5c1a}.form-group textarea{resize:vertical}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--sap-group-content-border);margin-top:1rem}.btn-primary{background:var(--sap-brand-color);color:#fff;border:none;padding:.625rem 1.25rem;border-radius:var(--sap-border-radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s}.btn-primary:hover:not(:disabled){background:#001d3d}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--sap-base-bg);color:var(--sap-text-color);border:1px solid var(--sap-group-content-border);padding:.625rem 1.25rem;border-radius:var(--sap-border-radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s}.btn-secondary:hover{background:var(--sap-background-color)}.attendance-page{max-width:1400px}.attendance-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem}.date-selector{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding:1rem;background:var(--sap-base-bg);border:1px solid var(--sap-group-content-border);border-radius:var(--sap-border-radius)}.date-selector label{font-size:.875rem;font-weight:500;color:var(--sap-text-color)}.date-selector input{padding:.5rem .75rem;border:1px solid var(--sap-group-content-border);border-radius:var(--sap-border-radius);font-size:.875rem}.date-selector input:focus{outline:none;border-color:var(--sap-brand-color)}.btn-check-in,.btn-check-out{padding:.375rem .75rem;border:none;border-radius:var(--sap-border-radius);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s}.btn-check-in{background:var(--sap-success-color);color:#fff}.btn-check-in:hover:not(:disabled){background:#2e7d32}.btn-check-out{background:var(--sap-information-color);color:#fff}.btn-check-out:hover:not(:disabled){background:#1565c0}.btn-check-in:disabled,.btn-check-out:disabled{opacity:.6;cursor:not-allowed}.time-recorded{font-family:monospace;color:var(--sap-text-color)}.status-pending{background:var(--sap-background-color);color:var(--sap-neutral-text)}.status-checked-in{background:var(--sap-information-bg);color:var(--sap-information-color)}.status-late{background:var(--sap-warning-bg);color:var(--sap-warning-color)}.status-no-show{background:var(--sap-error-bg);color:var(--sap-error-color)}.attendance-legend{margin-top:2rem;padding:1.25rem;background:var(--sap-base-bg);border:1px solid var(--sap-group-content-border);border-radius:var(--sap-border-radius)}.attendance-legend h3{font-size:.875rem;font-weight:600;color:var(--sap-title-color);margin:0 0 1rem}.legend-items{display:flex;flex-wrap:wrap;gap:1.5rem}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--sap-text-color)}.onboarding-page{max-width:1400px}.onboarding-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:var(--sap-base-bg);border:1px solid var(--sap-group-content-border);border-radius:var(--sap-border-radius);padding:1.25rem;text-align:center}.stat-card-button{width:100%;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.stat-card-button:hover{border-color:var(--sap-brand-color);transform:translateY(-1px)}.stat-card-active{border-color:var(--sap-brand-color);box-shadow:0 0 0 1px color-mix(in srgb,var(--sap-brand-color) 30%,transparent)}.stat-value{font-size:1.75rem;font-weight:300;color:var(--sap-title-color);margin-bottom:.25rem}.stat-value.success{color:var(--sap-success-color)}.stat-value.info{color:var(--sap-information-color)}.stat-value.warning{color:var(--sap-warning-color)}.stat-label{font-size:.75rem;color:var(--sap-neutral-text);text-transform:uppercase}.onboarding-checklist-template{background:var(--sap-base-bg);border:1px solid var(--sap-group-content-border);border-radius:var(--sap-border-radius);padding:1.25rem;margin-bottom:1.5rem}.onboarding-checklist-template h3{font-size:.875rem;font-weight:600;color:var(--sap-title-color);margin:0 0 1rem}.checklist-items{display:flex;flex-wrap:wrap;gap:.75rem}.checklist-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--sap-background-color);border-radius:var(--sap-border-radius)}.task-order{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--sap-brand-color);color:#fff;border-radius:50%;font-size:.6875rem;font-weight:600}.task-info{display:flex;align-items:center;gap:.5rem}.task-title{font-size:.8125rem;color:var(--sap-text-color)}.required-badge{font-size:.625rem;padding:.125rem .375rem;background:var(--sap-error-bg);color:var(--sap-error-color);border-radius:.25rem;text-transform:uppercase;font-weight:600}.onboarding-toolbar{display:flex;gap:.75rem;align-items:center;margin:0 0 1rem}.onboarding-filter-pill{padding:.375rem .75rem;border-radius:999px;border:1px solid var(--sap-brand-color);background:var(--sap-base-bg);color:var(--sap-brand-color);font-size:.75rem;font-weight:600;cursor:pointer}.volunteer-link{color:var(--sap-brand-color);text-decoration:none;font-weight:500}.volunteer-link:hover{text-decoration:underline}.progress-cell{display:flex;align-items:center;gap:.5rem}.progress-bar{width:80px;height:6px;background:var(--sap-background-color);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--sap-success-color);transition:width .3s}.progress-text{font-size:.75rem;color:var(--sap-neutral-text);min-width:32px}.wwcc-badge{display:inline-block;padding:.25rem .5rem;border-radius:.25rem;font-size:.6875rem;font-weight:500;text-transform:uppercase}.wwcc-pending{background:var(--sap-warning-bg);color:var(--sap-warning-color)}.wwcc-submitted{background:var(--sap-information-bg);color:var(--sap-information-color)}.wwcc-verified{background:var(--sap-success-bg);color:var(--sap-success-color)}.wwcc-expired{background:var(--sap-error-bg);color:var(--sap-error-color)}.status-badge{display:inline-block;padding:.25rem .625rem;border-radius:.25rem;font-size:.75rem;font-weight:500;text-transform:capitalize}.status-not-started{background:var(--sap-background-color);color:var(--sap-neutral-text)}.status-in-progress{background:var(--sap-information-bg);color:var(--sap-information-color)}.status-completed{background:var(--sap-success-bg);color:var(--sap-success-color)}.status-overdue{background:var(--sap-error-bg);color:var(--sap-error-color)}.btn-view-details{padding:.375rem .75rem;background:var(--sap-base-bg);border:1px solid var(--sap-brand-color);color:var(--sap-brand-color);border-radius:var(--sap-border-radius);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s}.btn-view-details:hover{background:var(--sap-brand-color);color:#fff}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--sap-base-bg);border-radius:var(--sap-border-radius);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:var(--sap-shadow-level-2)}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem;border-bottom:1px solid var(--sap-group-content-border)}.modal-header h2{margin:0;font-size:1.125rem;font-weight:600}.modal-actions{display:flex;justify-content:flex-end;padding:.75rem 1.5rem 0}.modal-volunteer-link{display:inline-flex;align-items:center;justify-content:center;padding:.375rem .75rem;border-radius:var(--sap-border-radius);background:var(--sap-base-bg);border:1px solid var(--sap-brand-color);color:var(--sap-brand-color);text-decoration:none;font-size:.75rem;font-weight:600}.modal-subtitle{font-size:.8125rem;color:var(--sap-neutral-text)}.close-btn{background:none;border:none;font-size:1.5rem;color:var(--sap-neutral-text);cursor:pointer;padding:0;line-height:1}.close-btn:hover{color:var(--sap-text-color)}.onboarding-detail{padding:1.5rem}.detail-progress{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--sap-group-content-border)}.progress-circle{position:relative;width:80px;height:80px}.progress-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-circle .progress-bg{fill:none;stroke:var(--sap-background-color);stroke-width:3}.progress-circle .progress-fill{fill:none;stroke:var(--sap-success-color);stroke-width:3;stroke-linecap:round}.progress-percent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.125rem;font-weight:600;color:var(--sap-title-color)}.progress-info{display:flex;flex-direction:column;gap:.25rem;font-size:.875rem;color:var(--sap-text-color)}.due-date{color:var(--sap-neutral-text);font-size:.8125rem}.task-list h3{font-size:.875rem;font-weight:600;color:var(--sap-title-color);margin:0 0 1rem}.task-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-bottom:1px solid var(--sap-group-content-border)}.task-item:last-child{border-bottom:none}.task-checkbox{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.875rem}.task-completed .task-checkbox{background:var(--sap-success-color);color:#fff}.task-pending .task-checkbox{border:2px solid var(--sap-group-content-border);color:var(--sap-neutral-text)}.task-content{flex:1;display:flex;flex-direction:column;gap:.125rem}.task-item .task-title{font-size:.875rem}.task-completed .task-title{color:var(--sap-success-color)}.task-completed-date{font-size:.75rem;color:var(--sap-neutral-text)}.btn-mark-complete{padding:.375rem .75rem;background:var(--sap-success-color);color:#fff;border:none;border-radius:var(--sap-border-radius);font-size:.75rem;font-weight:500;cursor:pointer;transition:background .15s}.btn-mark-complete:hover:not(:disabled){background:#2e7d32}.btn-mark-complete:disabled{opacity:.6;cursor:not-allowed}.volunteer-edit-page{max-width:600px;margin:0 auto;padding:2rem}.volunteer-edit-form{display:flex;flex-direction:column;gap:1rem}.volunteer-edit-form label{display:flex;flex-direction:column;font-weight:500}.volunteer-edit-form input{padding:.5rem;border:1px solid #d1d5db;border-radius:4px;font-size:1rem}.volunteer-edit-form button{margin-top:1rem;padding:.75rem 1.5rem;background:#0052cc;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer}.volunteer-edit-form button:disabled{background:#b3b3b3;cursor:not-allowed}.volunteer-edit-actions{display:flex;gap:.75rem;align-items:center}.volunteer-edit-secondary{display:inline-flex;align-items:center;justify-content:center;margin-top:1rem;padding:.75rem 1.5rem;border:1px solid #d1d5db;border-radius:4px;color:#111827;background:#fff;text-decoration:none;font-weight:500}.credential-registry-page{display:flex;flex-direction:column;gap:var(--spacing-lg)}.credential-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:var(--spacing-md)}.credential-stat-card,.credential-section{background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow)}.credential-stat-card{padding:var(--spacing-lg);border-top:4px solid #1d4ed8}.credential-stat-card strong{display:block;margin-top:var(--spacing-sm);font-size:2rem;line-height:1;color:var(--text-primary)}.credential-stat-card p{margin:var(--spacing-sm) 0 0 0;color:var(--text-secondary);font-size:.875rem}.credential-stat-label{color:var(--text-secondary);font-size:.8125rem;text-transform:uppercase;letter-spacing:.04em}.credential-section{padding:var(--spacing-lg)}.credential-section-header{display:flex;justify-content:space-between;gap:var(--spacing-md);align-items:flex-start;margin-bottom:var(--spacing-md)}.credential-section-header h2{margin:0}.credential-section-header p{margin:var(--spacing-xs) 0 0 0;color:var(--text-secondary)}.credential-section-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;justify-content:flex-end}.credential-section-badge{padding:var(--spacing-xs) var(--spacing-sm);background:#eff6ff;color:#1d4ed8;border-radius:999px;font-size:.8125rem;font-weight:600;white-space:nowrap}.credential-grid-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-lg)}.credential-subject,.credential-detail,.credential-policy{display:flex;flex-direction:column;gap:.2rem}.credential-subject span,.credential-detail span,.credential-policy span{color:var(--text-secondary);font-size:.8125rem}.credential-pill{display:inline-flex;align-items:center;border-radius:999px;padding:.2rem .65rem;font-size:.8125rem;font-weight:600}.credential-pill-ok{background:#dcfce7;color:#166534}.credential-pill-pending{background:#fef3c7;color:#92400e}.credential-pill-alert{background:#fee2e2;color:#991b1b}.credential-pill-neutral{background:#e5e7eb;color:#374151}.credential-tag-list{display:flex;flex-wrap:wrap;gap:.4rem}.credential-tag{background:#f3f4f6;border-radius:999px;padding:.2rem .6rem;font-size:.8125rem}.credential-error-banner{padding:var(--spacing-md);border-radius:var(--border-radius);background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.credential-filter-banner{display:flex;justify-content:space-between;gap:var(--spacing-md);align-items:center;padding:var(--spacing-md);border-radius:var(--border-radius);background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}.credential-filter-banner-actions{display:flex;gap:var(--spacing-sm);align-items:center}.credential-filter-banner-actions a,.credential-filter-banner-actions button{color:#1d4ed8;background:transparent;border:0;cursor:pointer;font-weight:600;text-decoration:none}.credential-button,.credential-link-button,.credential-modal-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;font:inherit}.credential-button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:2.5rem;padding:.65rem 1rem;border-radius:999px;font-weight:700;transition:box-shadow .15s ease,background .15s ease,opacity .15s ease}.credential-link-button:hover,.credential-modal-close:hover{transform:translateY(-1px)}.credential-button:disabled,.credential-link-button:disabled,.credential-modal-close:disabled{cursor:not-allowed;opacity:.65;transform:none}.credential-button-primary{background:linear-gradient(135deg,#1d4ed8,#0f766e);color:#fff;box-shadow:0 10px 24px #1d4ed838}.credential-button-secondary{background:#e2e8f0;color:#0f172a}.credential-button-danger{background:#b91c1c;color:#fff;box-shadow:0 10px 24px #b91c1c2e}.credential-row-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.credential-link-button{background:transparent;color:#1d4ed8;font-weight:700;padding:0}.credential-link-button-danger{color:#b91c1c}.credential-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#0f172a85;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.credential-modal{width:min(760px,100%);max-height:min(90vh,860px);overflow:auto;background:#fff;border-radius:24px;box-shadow:0 32px 80px #0f172a47;padding:1.5rem}.credential-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.credential-modal-header h3{margin:0}.credential-modal-close{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:999px;background:#e2e8f0;color:#0f172a}.credential-modal-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.credential-modal-form label,.credential-checkbox-group{display:flex;flex-direction:column;gap:.45rem;color:var(--text-primary);font-weight:600}.credential-modal-form input,.credential-modal-form select,.credential-modal-form textarea{width:100%;border:1px solid #cbd5e1;border-radius:14px;padding:.78rem .9rem;font:inherit;color:var(--text-primary);background:#fff}.credential-modal-form input:focus,.credential-modal-form select:focus,.credential-modal-form textarea:focus{outline:2px solid rgba(29,78,216,.16);border-color:#1d4ed8}.credential-modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-md)}.credential-modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);flex-wrap:wrap}.credential-inline-error{padding:.8rem 1rem;border-radius:14px;background:#fef2f2;color:#991b1b;border:1px solid #fecaca;font-weight:600}.credential-verify-summary{display:flex;flex-direction:column;gap:.25rem;padding:1rem;border-radius:18px;background:#f8fafc;border:1px solid #e2e8f0}.credential-verify-summary strong{font-size:1rem}.credential-verify-summary span{color:var(--text-secondary);font-size:.9375rem}.credential-checkbox-list{display:flex;flex-wrap:wrap;gap:.75rem}.credential-checkbox-item{display:inline-flex;align-items:center;gap:.55rem;font-weight:500;color:var(--text-primary)}.credential-checkbox-item input{width:auto;margin:0}@media (max-width: 960px){.credential-grid-split,.credential-modal-grid{grid-template-columns:1fr}.credential-section-header{flex-direction:column}.credential-filter-banner{flex-direction:column;align-items:flex-start}.credential-section-actions,.credential-modal-actions{justify-content:flex-start}}
