.employee-permissions{font-family:Tajawal,Arial,sans-serif;max-width:1200px;margin:auto;color:#203047}.permissions-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px;margin-bottom:22px;border-radius:20px;background:linear-gradient(135deg,#173b68,#1e7291);color:#fff;box-shadow:0 14px 34px rgba(20,55,90,.18)}.permissions-hero span{opacity:.8}.permissions-hero h2{margin:5px 0 7px;font-weight:800}.permissions-hero p{margin:0}.permissions-score{text-align:center;background:rgba(255,255,255,.14);padding:14px 22px;border-radius:15px}.permissions-score strong,.permissions-score small{display:block}.permissions-score strong{font-size:27px}.permissions-picker,.permissions-form-head,.permissions-save{display:flex;justify-content:space-between;align-items:center;gap:18px}.permissions-picker{background:#fff;border:1px solid #e1e8ef;padding:16px 20px;border-radius:14px;margin-bottom:18px}.permissions-picker form{display:flex;align-items:center;gap:12px;flex:1}.permissions-picker select{max-width:460px}.permissions-form,.permissions-audit{background:#fff;border:1px solid #e1e8ef;border-radius:16px;padding:22px;margin-bottom:22px;box-shadow:0 8px 24px rgba(33,61,89,.06)}.permissions-form-head{border-bottom:1px solid #e8edf2;padding-bottom:17px;margin-bottom:20px}.permissions-form-head h3{margin:0 0 5px}.permissions-bulk{display:flex;gap:8px}.permission-group{border:1px solid #e4eaf0;border-radius:14px;margin-bottom:18px;overflow:hidden}.permission-group>header{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;background:#f6f9fc}.permission-group h3{margin:0;font-size:17px}.permission-group header label{font-weight:400;margin:0}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#e6ecf1}.permission-item{display:flex;gap:13px;align-items:flex-start;margin:0;padding:17px;background:#fff;cursor:pointer}.permission-item>input{position:absolute;opacity:0}.permission-switch{width:42px;height:23px;border-radius:20px;background:#bac5d0;position:relative;flex:0 0 auto;margin-top:2px;transition:.2s}.permission-switch:after{content:"";position:absolute;width:17px;height:17px;top:3px;right:3px;border-radius:50%;background:white;transition:.2s}.permission-item>input:checked+.permission-switch{background:#27ae60}.permission-item>input:checked+.permission-switch:after{transform:translateX(-19px)}.permission-copy{display:flex;flex-direction:column;min-width:0}.permission-copy strong{font-size:15px}.permission-copy small{color:#6c7c8c;margin:4px 0 8px}.permission-copy code{white-space:pre-line;direction:rtl;text-align:right;color:#176394;background:#eef6fb;padding:4px 7px;border-radius:6px;width:max-content;max-width:100%}.permissions-save{position:sticky;bottom:8px;background:#f8fbfd;border:1px solid #dce6ee;border-radius:12px;padding:13px;z-index:3}.permissions-save span{color:#627181}.permissions-audit h3{margin-top:0}.permissions-audit p,.permissions-empty{color:#6b7988}.permissions-empty{background:#fff;border:1px dashed #bbc8d4;border-radius:14px;padding:35px;text-align:center}@media(max-width:750px){.permissions-hero,.permissions-picker,.permissions-form-head,.permissions-save{align-items:stretch;flex-direction:column}.permissions-picker form{align-items:stretch;flex-direction:column}.permission-grid{grid-template-columns:1fr}.permissions-score{width:100%}.permissions-save{position:static}.permissions-save .btn{width:100%}}