.permission-page{--pm-panel:rgba(255,255,252,.94);--pm-line:#d9e0dc;--pm-muted:#71827c;--pm-text:#173b32;--pm-accent:#2f7b65;--pm-accent-soft:#e3f1eb;min-width:0;min-height:calc(100vh - 112px);color:var(--pm-text);background:radial-gradient(circle at 92% 4%,rgba(184,216,106,.17),transparent 25rem),#f4f2e9;border-radius:18px;padding:clamp(24px,3.4vw,52px);position:relative;overflow:hidden}.permission-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px;animation:.32s ease-out both permission-rise;display:flex}.permission-kicker{color:#688078;letter-spacing:.22em;font-size:9px;font-weight:800}.permission-header h1{letter-spacing:-.05em;margin:7px 0 8px;font:400 clamp(40px,4.8vw,68px)/.98 Georgia,Noto Serif SC,serif}.permission-header p{color:var(--pm-muted);margin:0;font-size:12px}.permission-header-actions,.permission-sync-state{align-items:center;gap:10px;display:flex}.permission-sync-state{color:#60766e;background:rgba(255,255,255,.62);border:1px solid #d7e1dc;border-radius:999px;margin-right:5px;padding:8px 11px;font-size:10px}.permission-live-dot{background:#a9d557;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px rgba(169,213,87,.14)}.permission-button{color:#315d4f;cursor:pointer;background:#eff6f2;border:1px solid #cfdcd6;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 17px;font-size:11px;font-weight:700;display:inline-flex}.permission-button:hover{background:#e5f1eb;border-color:#a8c7ba}.permission-button-primary{color:#fff;background:#174f40;border-color:#174f40}.permission-button-primary:hover{background:#103f33}.permission-button:disabled{opacity:.45;cursor:default}.permission-notice{color:#315b45;background:#edf6e3;border-left:3px solid #91bb4b;border-radius:7px;align-items:center;gap:10px;margin:-7px 0 17px;padding:11px 14px;font-size:11px;display:flex}.permission-notice button{color:#657a72;cursor:pointer;background:0 0;margin-left:auto}.permission-notice.is-error{color:#9f463b;background:#fff0ed;border-color:#cf6657}.permission-role-console{border:1px solid var(--pm-line);background:var(--pm-panel);border-radius:15px;animation:.38s ease-out 50ms both permission-rise;overflow:hidden;box-shadow:0 18px 55px rgba(25,39,33,.07);container-type:inline-size}.permission-role-heading{border-bottom:1px solid #e0e5e2;justify-content:space-between;align-items:flex-end;gap:20px;padding:20px 22px;display:flex}.permission-role-heading h2{margin:6px 0 0;font:400 25px/1.2 Georgia,Noto Serif SC,serif}.permission-role-heading p{color:var(--pm-muted);margin:6px 0 0;font-size:11px}.permission-role-heading>span{color:#98a49f;font:400 28px/1 Georgia,serif}.permission-role-table-frame{width:100%;max-width:100%;overflow:hidden}.permission-role-table-head,.permission-role-row{grid-template-columns:minmax(180px,1.5fr) minmax(82px,.65fr) 72px 92px minmax(220px,auto);align-items:center;gap:14px;min-width:0;display:grid}.permission-role-table-head{color:#75877f;letter-spacing:.08em;background:#f0f4f1;border-bottom:1px solid #e0e5e2;min-height:42px;padding:0 24px;font-size:9px;font-weight:800}.permission-role-row{background:rgba(255,255,255,.65);border-bottom:1px solid #e5eae7;min-height:78px;padding:10px 24px;transition:background .15s}.permission-role-row:hover{background:#f7faf8}.permission-role-row:last-child{border-bottom:0}.permission-role-name{appearance:none;min-width:0;padding-left:calc(var(--role-depth) * 24px);color:var(--pm-text);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;display:flex}.permission-tree-line{width:14px;height:14px;opacity:calc(.45 + var(--role-depth) * .2);border-bottom:1px solid #9db4aa;border-left:1px solid #9db4aa;flex:none}.permission-role-name>span:last-child{gap:5px;min-width:0;display:grid}.permission-role-name strong{font-size:13px}.permission-role-name:hover strong{color:var(--pm-accent)}.permission-role-name small{color:#7c8c86;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.permission-role-scope,.permission-role-status{color:#667a72;background:#f1f5f2;border:1px solid #d4ded9;border-radius:999px;justify-self:start;padding:5px 8px;font-size:9px}.permission-role-status.is-enabled{color:#236a4f;background:#dff3e9;border-color:#c9e4d7}.permission-role-rate{color:#526b62;font-size:11px}.permission-role-actions{justify-content:flex-end;gap:7px;min-width:max-content;display:flex}.permission-role-actions button{appearance:none;color:#28604f;white-space:nowrap;cursor:pointer;background:#eff7f3;border:1px solid #cfe0d8;border-radius:7px;flex:none;min-height:34px;padding:0 11px;font-size:10px}.permission-role-actions button:hover{background:#e5f2ec;border-color:#a9c9bc}.permission-role-actions .is-danger,.permission-button.is-danger{color:#ad4f43;background:#fff2ef;border-color:#efc5be}.permission-role-actions button:disabled{opacity:.35;cursor:not-allowed}.permission-empty-state{min-height:260px;color:var(--pm-muted);text-align:center;place-items:center;display:grid}.permission-empty-state h3{color:var(--pm-text)}.permission-dialog-backdrop{z-index:1400;box-sizing:border-box;overscroll-behavior:contain;backdrop-filter:blur(6px);background:rgba(17,43,36,.48);place-items:center;width:100vw;height:100dvh;padding:28px;display:grid;position:fixed;inset:0;overflow:hidden}.permission-editor{box-sizing:border-box;width:min(1080px,100%);height:min(860px,100dvh - 56px);max-height:calc(100dvh - 56px);color:var(--pm-text);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;border:1px solid #dce7e1;border-radius:18px;grid-template-rows:auto minmax(0,1fr) auto;padding:28px;display:grid;overflow:hidden;box-shadow:0 30px 90px rgba(10,40,31,.24)}.permission-editor-body{overscroll-behavior:contain;scrollbar-color:#88aa9d transparent;scrollbar-width:thin;min-height:0;padding-right:8px;overflow:hidden auto}.permission-editor-heading,.permission-section-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.permission-editor-heading{border-bottom:1px solid #e1e6e3;padding-bottom:19px}.permission-editor-heading h2{margin:6px 0 5px;font:400 29px/1.2 Georgia,Noto Serif SC,serif}.permission-editor-heading p,.permission-section-heading p{color:#7b8c85;margin:0;font-size:10px}.permission-editor-id{color:#376b59;background:#eff6f2;border:1px solid #cedbd5;border-radius:7px;padding:6px 9px;font-size:9px}.permission-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:22px 0;display:grid}.permission-field{color:#526b62;align-content:start;gap:7px;min-width:0;font-size:10px;font-weight:700;display:grid}.permission-field.is-wide{grid-column:span 2}.permission-field input,.permission-field select,.permission-menu-toolbar input{box-sizing:border-box;color:#173b31;width:100%;min-width:0;min-height:42px;font:inherit;background:#f9fbf9;border:1px solid #cfdbd5;border-radius:8px;outline:0;padding:0 12px;font-size:12px;font-weight:400}.permission-field input:focus,.permission-field select:focus,.permission-menu-toolbar input:focus{border-color:#45907a;box-shadow:0 0 0 3px rgba(69,144,122,.1)}.permission-field input:disabled{color:#788a83;cursor:not-allowed;background:#eef2ef;border-color:#dbe2de}.permission-segmented{background:#f4f7f5;border:1px solid #cfdbd5;border-radius:8px;grid-template-columns:1fr 1fr;min-height:42px;padding:3px;display:grid}.permission-segmented button{color:#6f817a;cursor:pointer;background:0 0;border-radius:6px}.permission-segmented button.is-active{color:#fff;background:#286c58}.permission-policy-section{border-top:1px solid #e1e6e3;padding:21px 0}.permission-section-heading h3{margin:0 0 6px;font:400 20px/1.2 Georgia,Noto Serif SC,serif}.permission-section-heading>span{color:#4a7968;font-size:10px;font-weight:700}.permission-chip-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:15px;display:grid}.permission-chip{appearance:none;color:#49655b;text-align:left;cursor:pointer;background:#fbfcfb;border:1px solid #d9e2dd;border-radius:9px;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:10px;min-height:60px;padding:10px 12px;display:grid}.permission-chip.is-selected,.permission-menu-row.is-selected{color:#174f40;background:#eaf5ef;border-color:#9fc7b7}.permission-chip>span:last-child,.permission-menu-copy{gap:4px;min-width:0;display:grid}.permission-chip strong{font-size:11px}.permission-chip small{color:#82918c;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.permission-checkbox{background:#fff;border:1px solid #9aaca4;border-radius:4px;width:15px;height:15px;display:block;position:relative}.is-selected>.permission-checkbox{background:#2f7b65;border-color:#2f7b65}.is-selected>.permission-checkbox:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.permission-menu-toolbar{gap:10px;margin:15px 0 10px;display:flex}.permission-menu-toolbar button{color:#28604f;cursor:pointer;background:#eff7f3;border:1px solid #c9dbd3;border-radius:8px;min-width:88px;font-size:10px;font-weight:700}.permission-menu-list{scrollbar-width:thin;background:#fff;border:1px solid #dce4df;border-radius:9px;max-height:360px;overflow:auto}.permission-menu-row{width:100%;min-height:55px;padding:8px 12px 8px calc(12px + var(--permission-depth) * 20px);color:#60746c;text-align:left;cursor:pointer;background:#fff;border-bottom:1px solid #e5eae7;grid-template-columns:18px minmax(220px,1fr) auto;align-items:center;gap:11px;display:grid}.permission-menu-row:hover{background:#f7faf8}.permission-menu-row:last-child{border-bottom:0}.permission-menu-copy strong{font-size:11px}.permission-menu-copy small{color:#82918c;font-size:8px}.permission-menu-tags{align-items:center;gap:6px;display:flex}.permission-menu-tags em,.permission-menu-tags code{color:#75877f;background:#f3f6f4;border:1px solid #d7e0dc;border-radius:5px;padding:3px 6px;font-size:8px;font-style:normal}.permission-empty-inline{color:var(--pm-muted);text-align:center;padding:22px;font-size:10px}.permission-editor-actions{background:#fff;border-top:1px solid #e1e6e3;flex-wrap:wrap;flex:none;justify-content:flex-end;gap:10px;padding-top:17px;display:flex}.permission-editor-error{color:#9f463b;background:#fff0ed;border-left:3px solid #cf6657;border-radius:7px;flex:1 0 100%;margin:0;padding:10px 12px;font-size:10px;line-height:1.55}.permission-confirm-dialog{width:min(460px,100%);color:var(--pm-text);background:#fff;border:1px solid #dce7e1;border-radius:17px;padding:27px;box-shadow:0 28px 80px rgba(15,44,35,.25)}.permission-confirm-dialog h2{margin:10px 0;font:400 25px/1.2 Georgia,Noto Serif SC,serif}.permission-confirm-dialog p{color:var(--pm-muted);margin-bottom:24px;font-size:11px;line-height:1.7}.permission-denied{text-align:center;align-content:center;justify-items:center;display:grid}.permission-denied h1{margin:13px 0 10px;font:400 34px/1.2 Georgia,Noto Serif SC,serif}.permission-denied p{max-width:620px;color:var(--pm-muted);line-height:1.8}@keyframes permission-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@container (width<=820px){.permission-role-table-head{display:none}.permission-role-row{grid-template-columns:minmax(0,1fr) auto auto;gap:11px 14px;padding:16px}.permission-role-name{grid-column:1/-1;padding-bottom:4px}.permission-role-scope{grid-column:1}.permission-role-status{grid-column:2}.permission-role-rate{grid-column:3}.permission-role-actions{border-top:1px solid #e5eae7;grid-column:1/-1;justify-content:flex-start;min-width:0;padding-top:12px}}@container (width<=560px){.permission-role-row{grid-template-columns:minmax(0,1fr) auto}.permission-role-rate{display:none}.permission-role-actions{justify-content:stretch}.permission-role-actions button{flex:1;min-height:40px}}@media (width<=980px){.permission-page{border-radius:14px;padding:24px}.permission-header{flex-direction:column;align-items:flex-start}.permission-header-actions{width:100%}.permission-sync-state{margin-right:auto}.permission-form-grid{grid-template-columns:1fr 1fr}.permission-field.is-wide{grid-column:auto}.permission-chip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.permission-page{border-radius:0;min-height:calc(100vh - 82px);margin:-12px;padding:20px 14px}.permission-header h1{font-size:42px}.permission-header-actions{grid-template-columns:1fr 1fr;display:grid}.permission-sync-state{grid-column:1/-1}.permission-role-heading{align-items:flex-start}.permission-dialog-backdrop{align-items:end;padding:0}.permission-editor{border:0;border-radius:18px 18px 0 0;width:100%;height:94dvh;max-height:94dvh;padding:20px 14px}.permission-editor-body{padding-right:4px}.permission-form-grid,.permission-chip-grid{grid-template-columns:1fr}.permission-menu-row{grid-template-columns:18px 1fr}.permission-menu-tags{grid-column:2}.permission-editor-actions .permission-button{flex:1}}@media (prefers-reduced-motion:reduce){.permission-header,.permission-role-console{animation:none}}