.permission-page{padding:20px}.permission-page>header{display:flex;justify-content:space-between;align-items:center}.permission-page h2,.permission-page p{margin:0}.permission-page p{color:#718a9b}.permission-page>header button{padding:9px 18px;border:0;border-radius:8px;background:#087dce;color:#fff;font-weight:700}.permission-page>header button:disabled{opacity:.45}.permission-filters{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0}.permission-filters label{display:grid;gap:4px;color:#567286;font-size:11px}.permission-filters select{min-width:150px;padding:8px;border:1px solid #bdd5e3;border-radius:8px;background:#fff}.permission-pool{padding:13px;border:1px solid #bcd8e7;border-radius:10px;background:#f7fcff}.permission-pool>span{margin-left:10px;color:#7890a0;font-size:12px}.permission-pool>div{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.permission-pool button,.permission-role span{padding:6px 10px;border:1px solid #bcd8e7;border-radius:999px;background:#fff;color:#28516b}.permission-pool button{cursor:grab}.permission-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;margin-top:14px}.permission-grid>article{border:1px solid #cbdde8;border-radius:11px;overflow:hidden}.permission-grid>article>header{display:grid;padding:11px;background:#eaf6fd}.permission-grid small{color:#728b9a}.permission-role{min-height:75px;padding:10px;border-top:1px solid #dce9f0}.permission-role>b{display:block;margin-bottom:7px}.permission-role>div{display:flex;gap:6px;flex-wrap:wrap}.permission-role span{background:#e6fbf4;cursor:grab}.permission-role span button{margin-left:5px;border:0;background:transparent;color:#586f7b;cursor:pointer}#permissionNotice{margin:8px 0;color:#a15c00}