.admin-roles{flex-direction:column;gap:1rem;display:flex}.admin-roles-toolbar{justify-content:space-between;align-items:center;gap:1rem;display:flex}.admin-roles-search{border:1px solid #d1d5db;border-radius:6px;outline:none;width:260px;padding:.5rem .75rem;font-size:.95rem}.admin-roles-search:focus{border-color:#111827}.admin-roles-create-btn{color:#fff;cursor:pointer;background:#111827;border:0;border-radius:6px;padding:.55rem .9rem;font-weight:600}.admin-roles-create-btn:hover{opacity:.95}.admin-roles-perm-cell{text-align:center;width:90px}.admin-roles-permission-icon{font-size:22px!important}.admin-roles-permission-icon--on{color:#16a34a}.admin-roles-permission-icon--off{color:#dc2626}.admin-roles-action{text-align:right}.admin-roles-action-buttons{gap:.5rem;display:inline-flex}.admin-roles-action-btn{cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:6px;padding:.35rem .75rem;font-weight:600}.admin-roles-action-btn:disabled{opacity:.5;cursor:not-allowed}.admin-roles-action-btn--edit{color:#111827}.admin-roles-action-btn--save{color:#fff;background:#111827;border-color:#111827}.admin-roles-action-btn--cancel{background:0 0}.admin-roles-modal-overlay{z-index:2000;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.admin-roles-modal{background:#fff;border:1px solid #e5e7eb;border-radius:14px;width:min(520px,100vw - 24px);max-height:calc(100vh - 24px);overflow:auto;box-shadow:0 10px 40px #0000001f}.admin-roles-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.admin-roles-modal-title{font-size:1.05rem;font-weight:800}.admin-roles-modal-close{cursor:pointer;background:0 0;border:0;font-size:1.5rem;line-height:1}.admin-roles-modal-body{flex-direction:column;gap:1rem;padding:1rem 1.25rem 1.25rem;display:flex}.admin-roles-modal-fields-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.admin-roles-modal-row{align-items:flex-start;gap:.75rem;display:flex}.admin-roles-label{color:#111827;flex-direction:column;gap:.35rem;width:100%;font-weight:600;display:flex}.admin-roles-input{border:1px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:.55rem .75rem}.admin-roles-modal-permissions{flex-direction:column;gap:.6rem;display:flex}.admin-roles-modal-section-title{font-weight:700}.admin-roles-modal-permission-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem 1.25rem;display:grid}.admin-roles-permission-check{color:#111827;cursor:pointer;align-items:center;gap:.5rem;font-weight:500;display:flex}.admin-roles-permission-check input[type=checkbox]{accent-color:#111827;cursor:pointer;border:1px solid #d1d5db;border-radius:4px;width:18px;height:18px}.admin-roles-modal-info-banner{color:#fff;background:#2563eb;border-radius:10px;padding:.75rem 1rem;font-size:.875rem;font-weight:500;line-height:1.4}.admin-roles-form-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:.6rem .75rem;font-weight:600}.admin-roles-modal-actions{justify-content:flex-start;gap:.75rem;margin-top:.25rem;display:flex}.admin-roles-action-btn--create{color:#fff;cursor:pointer;background:#111827;border:0;border-radius:8px;padding:.5rem 1.25rem;font-weight:600}.admin-roles-action-btn--create:hover{opacity:.95}@media (max-width:560px){.admin-roles-modal-fields-row{grid-template-columns:1fr}}@media (max-width:820px){.admin-roles-toolbar{flex-direction:column;align-items:stretch}.admin-roles-search{width:100%}.admin-roles-modal-permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}