.permissions-page{max-width:1100px;margin:0 auto;padding:12px 18px 48px;color:#17342d}.permissions-hero{display:flex;align-items:center;gap:18px;margin-bottom:20px;padding:25px 28px;border:1px solid #dce8e3;border-radius:21px;background:linear-gradient(135deg,#fff 40%,#eef8f4);box-shadow:0 12px 32px rgba(29,60,51,.07)}.permissions-hero__icon{display:flex;width:59px;height:59px;align-items:center;justify-content:center;border-radius:17px;background:#e3f3eb;color:#286e5a;font-size:27px}.permissions-hero>div:nth-child(2){flex:1}.permissions-hero span{color:#367863;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.permissions-hero h1{margin:4px 0 5px;font-size:27px}.permissions-hero p{margin:0;color:#71817c}.permissions-hero>a{padding:11px 15px;border:1px solid #cbdad5;border-radius:9px;color:#31594f;font-weight:800;text-decoration:none}.permissions-success{margin-bottom:18px;padding:13px 17px;border:1px solid #baddce;border-radius:11px;background:#eaf7f1;color:#24684f;font-weight:700}.permissions-user-picker{display:flex;align-items:center;gap:13px;margin-bottom:18px;padding:17px 20px;border:1px solid #dde7e4;border-radius:14px;background:#fff}.permissions-user-picker label{font-weight:800}.permissions-user-picker select{min-width:300px;height:43px;padding:0 12px;border:1px solid #cbd9d5;border-radius:9px;background:#fbfdfc}.permissions-card{border:1px solid #dce7e3;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(29,60,51,.06);overflow:hidden}.permissions-card__head{display:flex;align-items:center;justify-content:space-between;padding:21px 24px;border-bottom:1px solid #e5ece9}.permissions-card__head h2{margin:0 0 4px;font-size:19px}.permissions-card__head p{margin:0;color:#788782;font-size:12px}.permission-toggle{padding:8px 12px;border:1px solid #cbd9d5;border-radius:8px;background:#fff;color:#31594f;font-weight:700;cursor:pointer}.permissions-table-wrap{overflow:auto}.permissions-table{width:100%;border-collapse:collapse}.permissions-table th{padding:13px 15px;background:#f2f7f5;color:#5f746d;font-size:11px;text-align:center;text-transform:uppercase}.permissions-table th:first-child{text-align:left}.permissions-table td{padding:13px 15px;border-top:1px solid #e8eeeb;text-align:center}.permissions-table td:first-child{text-align:left}.permissions-table tbody tr:hover{background:#f8fbfa}.permission-icon{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;margin-right:4px;border-radius:7px}.permission-icon--view{background:#e8f1fa;color:#3b6c9f}.permission-icon--create{background:#e4f3ec;color:#286e59}.permission-icon--update{background:#fff0dc;color:#a96622}.permission-icon--delete{background:#fbe7e4;color:#a3463b}.permission-check{display:inline-block;cursor:pointer}.permission-check input{position:absolute;opacity:0}.permission-check span{display:block;width:23px;height:23px;border:2px solid #bdccc7;border-radius:7px;background:#fff}.permission-check input:checked+span{border-color:#28735d;background:#28735d}.permission-check input:checked+span:after{content:'✓';display:block;color:#fff;font-size:15px;font-weight:900;line-height:19px}.permissions-actions{display:flex;justify-content:flex-end;gap:11px;padding:19px 23px;border-top:1px solid #e5ece9}.permissions-actions a,.permissions-actions button{display:inline-flex;min-height:43px;align-items:center;padding:0 17px;border:1px solid #cbd9d5;border-radius:9px;background:#fff;color:#31594f;font-weight:800;text-decoration:none}.permissions-actions button{border-color:#246b58;background:#246b58;color:#fff;cursor:pointer}.permissions-note{margin-top:17px;padding:15px 18px;border-left:4px solid #d99b31;border-radius:0 10px 10px 0;background:#fff8ec;color:#6d5a36}.permissions-note p{margin:4px 0 0;font-size:12px}@media(max-width:700px){.permissions-page{padding:8px 10px 32px}.permissions-hero{align-items:flex-start;flex-wrap:wrap;padding:20px}.permissions-hero>a{width:100%;text-align:center}.permissions-user-picker{align-items:flex-start;flex-direction:column}.permissions-user-picker select{width:100%;min-width:0}.permissions-table{min-width:720px}.permissions-actions{flex-direction:column-reverse}.permissions-actions a,.permissions-actions button{justify-content:center}}