.security-tabs{display:flex;gap:4px;margin:0 0 16px;padding:4px;width:max-content;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc}.security-tabs a{display:flex;align-items:center;gap:7px;padding:8px 14px;border-radius:7px;color:#475569;font-size:12px;font-weight:700;text-decoration:none}.security-tabs a.active{color:#fff;background:#1d4ed8;box-shadow:0 2px 5px #1d4ed82b}.security-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:10px 0 14px}.security-heading h1{margin:0;color:#14213d;font-size:21px}.security-heading p{margin:4px 0 0;color:#64748b;font-size:12px}.security-table-wrap{overflow:hidden;border:1px solid #dfe5ec;border-radius:11px;background:#fff}.security-table{width:100%;border-collapse:collapse;font-size:12px}.security-table th{padding:11px 13px;color:#64748b;background:#f8fafc;text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.05em}.security-table td{padding:12px 13px;border-top:1px solid #eef2f6;color:#475569}.security-table td:first-child small,.security-table td:first-child strong{display:block}.security-table td:first-child strong{color:#17243c}.security-table td:first-child small{margin-top:3px;color:#2563eb;font-size:9px}.security-table code{padding:3px 6px;border-radius:5px;color:#344054;background:#f1f5f9;font-size:11px}.security-icon-button{display:inline-flex;padding:7px;border:1px solid #d8e0e9;border-radius:7px;color:#475569;background:#fff;cursor:pointer}.security-dialog-backdrop{position:fixed;z-index:80;inset:0;display:flex;align-items:center;justify-content:center;padding:30px;background:#0f172a80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.security-dialog{overflow:auto;width:min(720px,100%);max-height:90vh;border-radius:14px;background:#fff;box-shadow:0 24px 70px #0f172a4d}.security-dialog.compact{width:min(550px,100%)}.security-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #e8edf3}.security-dialog>header>div{display:flex;gap:10px;color:#2563eb}.security-dialog>header h2{margin:0;color:#17243c;font-size:17px}.security-dialog>header p{margin:3px 0 0;color:#64748b;font-size:11px}.security-dialog>header>button{border:0;color:#64748b;background:transparent;cursor:pointer}.security-form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:13px;gap:13px;padding:18px 20px 8px}.security-form-grid label{display:grid;grid-gap:6px;gap:6px}.security-form-grid label.wide{grid-column:1/-1}.security-choice-section h3,.security-form-grid span{color:#475569;font-size:11px;font-weight:700}.security-form-grid input,.security-form-grid textarea{width:100%;box-sizing:border-box;padding:9px 10px;border:1px solid #cfd8e3;border-radius:7px;color:#17243c;background:#fff;font:inherit}.security-form-grid input:disabled{color:#64748b;background:#f1f5f9}.security-choice-section{padding:10px 20px}.security-choice-section h3{margin:0 0 7px}.security-choice-section>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:7px;gap:7px}.security-choice-section label{display:flex;align-items:flex-start;gap:8px;padding:9px;border:1px solid #e1e7ef;border-radius:8px;cursor:pointer}.security-choice-section label>span{display:grid}.security-choice-section strong{color:#344054;font-size:11px}.security-choice-section small{margin-top:2px;color:#7b8797;font-size:9px}.security-active{display:flex;align-items:center;gap:7px;margin:10px 20px;color:#475569;font-size:11px;font-weight:700}.security-dialog>footer{display:grid;grid-template-columns:auto 1fr auto auto;grid-gap:8px;gap:8px;padding:14px 20px;border-top:1px solid #e8edf3}.management-notice.success{display:flex;align-items:center;gap:7px;margin:8px 0;padding:10px 12px;border:1px solid #a7f3d0;border-radius:8px;color:#047857;background:#ecfdf5;font-size:11px}.security-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.security-role-card{border:1px solid #dfe5ec;border-radius:11px;background:#fff;box-shadow:0 2px 7px #0f172a0a}.security-role-card>header{display:flex;gap:10px;min-height:78px;padding:15px}.security-role-card>header>span{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:9px;color:#2563eb;background:#eff6ff}.security-role-card>header>span.system{color:#7c3aed;background:#f5f3ff}.security-role-card h2{margin:1px 0 5px;color:#17243c;font-size:14px}.security-role-card p{margin:0;color:#64748b;font-size:10px;line-height:1.45}.security-role-card>div{display:flex;gap:7px;padding:10px 15px;border-top:1px solid #eef2f6}.security-role-card>div span{padding:3px 6px;border-radius:5px;color:#64748b;background:#f1f5f9;font-size:9px}.security-role-card>div span.active{color:#047857;background:#ecfdf5}.security-role-card>footer{display:flex;justify-content:space-between;padding:10px 15px;border-top:1px solid #eef2f6}.security-role-card>footer a,.security-role-card>footer button{display:flex;align-items:center;gap:5px;border:0;color:#2563eb;background:transparent;font-size:10px;font-weight:700;text-decoration:none;cursor:pointer}.security-role-card>footer button:disabled{color:#94a3b8;cursor:not-allowed}.security-permission-actions{display:flex;gap:8px}.security-permission-actions select{min-width:220px;padding:8px 10px;border:1px solid #cfd8e3;border-radius:7px;background:#fff}.security-admin-note{display:flex;align-items:flex-start;gap:10px;margin:0 0 12px;padding:12px;border:1px solid #c4b5fd;border-radius:9px;color:#6d28d9;background:#f5f3ff}.security-admin-note span,.security-admin-note strong{display:block}.security-admin-note span{font-size:10px}.security-admin-note strong{margin-bottom:2px;font-size:11px}.permission-module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.permission-module{overflow:hidden;border:1px solid #dfe5ec;border-radius:11px;background:#fff}.permission-module>header{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;background:#f8fafc}.permission-module>header>div{display:flex;align-items:center;gap:8px}.permission-module h2{margin:0;color:#27364d;font-size:12px}.permission-module header span{padding:2px 5px;border-radius:5px;color:#2563eb;background:#dbeafe;font-size:9px}.permission-module header button{border:0;color:#2563eb;background:transparent;font-size:9px;font-weight:700;cursor:pointer}.permission-module header button:disabled{color:#94a3b8}.permission-module>div{display:grid}.permission-module label{display:flex;gap:9px;padding:10px 13px;border-top:1px solid #eef2f6;cursor:pointer}.permission-module label.selected{background:#f8fbff}.permission-module label>span{display:grid;grid-gap:2px;gap:2px}.permission-module label strong{color:#344054;font-size:11px}.permission-module label small{color:#7b8797;font-size:9px}.permission-module label code{margin-top:2px;color:#94a3b8;font-size:8px}.permission-module input{margin-top:2px;accent-color:#2563eb}@media(max-width:900px){.security-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.permission-module-grid{grid-template-columns:1fr}}@media(max-width:650px){.security-heading{align-items:flex-start;flex-direction:column}.security-table-wrap{overflow-x:auto}.security-table{min-width:720px}.security-card-grid,.security-choice-section>div,.security-form-grid{grid-template-columns:1fr}.security-permission-actions{width:100%;flex-direction:column}.security-dialog>footer{grid-template-columns:1fr 1fr}.security-dialog>footer>span{display:none}}.permission-matrix{display:grid;grid-gap:12px;gap:12px}.permission-matrix-module{overflow:hidden;border:1px solid #dce4ed;border-radius:12px;background:#fff}.permission-matrix-module>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:62px;padding:0 18px;cursor:pointer;list-style:none}.permission-matrix-module>summary::-webkit-details-marker{display:none}.permission-matrix-module>summary:hover{background:#f8fafc}.permission-matrix-module>summary>span{display:flex;align-items:center;gap:10px}.permission-matrix-module>summary svg{color:#334155;transition:transform .15s ease}.permission-matrix-module[open]>summary svg{transform:rotate(180deg)}.permission-matrix-module>summary strong{color:#17243c;font-size:14px}.permission-matrix-module>summary small{color:#64748b;font-size:10px;font-weight:700}.permission-matrix-module>summary label{display:flex;align-items:center;gap:8px;color:#17243c;font-size:11px;font-weight:800;white-space:nowrap}.permission-matrix input[type=checkbox]{width:15px;height:15px;accent-color:#0b67d1}.permission-matrix-scroll{overflow-x:auto;min-width:0;padding:0 18px 18px;border-top:1px solid #e4eaf1}.permission-matrix-scroll section{min-width:1500px}.permission-matrix-scroll section+section{margin-top:20px}.permission-matrix-scroll h3{margin:18px 0 9px;color:#64748b;font-size:11px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.permission-matrix-scroll table{width:100%;border-collapse:collapse;table-layout:fixed}.permission-matrix-scroll td,.permission-matrix-scroll th{height:48px;border-bottom:1px solid #e6ebf1;padding:5px;text-align:center}.permission-matrix-scroll th{color:#35506f;font-size:9px;font-weight:850;text-transform:uppercase}.permission-matrix-scroll td:first-child,.permission-matrix-scroll th:first-child{position:-webkit-sticky;position:sticky;left:0;z-index:1;width:210px;padding-left:12px;background:#fff;text-align:left}.permission-matrix-scroll thead th:first-child{z-index:2}.permission-matrix-scroll td:first-child strong{color:#17243c;font-size:11px}.permission-matrix-scroll td:not(:first-child),.permission-matrix-scroll th:not(:first-child){width:70px}.permission-matrix-scroll tr:hover td{background:#f8fbff}.permission-matrix-scroll input:disabled{opacity:.28;cursor:not-allowed}@media (max-width:650px){.permission-matrix-module>summary{align-items:flex-start;flex-direction:column;padding:13px}.permission-matrix-module>summary label{align-self:flex-end}.permission-matrix-scroll{padding:0 10px 12px}}