:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brand-teal:#2d0907;--brand-mint:#ffae00;--brand-ink:#fee7ca;--bg-0:#fdfaf6;--bg-1:#fffbf3;--bg-2:#fff;--bg-3:#f8e5c9;--bg-4:#f3ddc0;--bg-5:#efe7da;--border-1:#f0e6d8;--border-2:#e7d3b3;--border-3:#e2c6a0;--text-1:#1e1e1e;--text-2:#444;--text-3:#78716c;--text-4:#a8a29e;--heading:#2d0907;--link:#2d0907;--accent:#2d0907;--accent-hover:#410e0b;--accent-press:#3a0610;--accent-soft:#2d09070f;--accent-active:#2d09071a;--on-accent:#fee7ca;--role-red:#c42e2e;--role-amber:#b8860b;--role-amber-active:#b8860b2e;--role-purple:#6d28d9;--role-blue:#1b3a6b;--role-cyan:#0f766e;--role-green:#0a4a46;--role-pink:#be185d;--success:#1f7a4d;--success-soft:#1f7a4d24;--warning:#8a5600;--warning-soft:#8a560024;--danger:#b02a1f;--danger-soft:#b02a1f24;--info:#1b3a6b;--info-soft:#1b3a6b1a;--neutral:#78716c;--neutral-soft:#78716c24;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:56px;--r-1:4px;--r-2:6px;--r-3:8px;--r-4:12px;--r-5:16px;--r-full:999px;--shadow-1:0 1px 2px #0000000d;--shadow-2:0 8px 30px #00000005;--shadow-3:0 8px 24px #2d09071a;--shadow-4:0 12px 40px #2d09071f;--scrollbar-thumb:#2d090738;--scrollbar-thumb-hover:#2d090761;--z-popover:1500;--t-fast:.12s;--t-base:.18s;--ease-out:cubic-bezier(.2, .7, .2, 1);--font-dm-sans:"DM Sans";--font-dm-mono:"DM Mono";--font-sans:var(--font-dm-sans), system-ui, -apple-system, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif;--font-mono:var(--font-dm-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--text-2xs:11px;--text-xs:12px;--text-sm:13px;--text-body:14px;--text-h4:15px;--text-h3:17px;--text-h2:20px;--text-h1:24px;--text-display:32px;--lh-base:1.55;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}:root[data-mui-color-scheme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--brand-teal:#2d0907;--brand-mint:#ffae00;--brand-ink:#fee7ca;--bg-0:#1b0806;--bg-1:#33100d;--bg-2:#3a1410;--bg-3:#45191a;--bg-4:#4a1f1a;--bg-5:#260c0a;--border-1:#3a1410;--border-2:#4a1f1a;--border-3:#5c2a24;--text-1:#fee7ca;--text-2:#e5cfb3;--text-3:#c9a89b;--text-4:#8f7368;--heading:#fee7ca;--link:#e79b90;--accent:#7a2a22;--accent-hover:#8b2e2e;--accent-press:#602222;--accent-soft:#fee7ca0f;--accent-active:#fee7ca1a;--on-accent:#fee7ca;--role-red:#e0776b;--role-amber:#ffae00;--role-amber-active:#ffae002e;--role-purple:#c4a3f5;--role-blue:#9dc2ea;--role-cyan:#5ed0c0;--role-green:#5cc98e;--role-pink:#f0a3c4;--success:#5cc98e;--success-soft:#5cc98e24;--warning:#e0a437;--warning-soft:#e0a43724;--danger:#e0776b;--danger-soft:#e0776b24;--info:#9dc2ea;--info-soft:#9dc2ea24;--neutral:#c9a89b;--neutral-soft:#c9a89b24;--shadow-1:0 1px 2px #0006;--shadow-2:0 8px 30px #00000059;--shadow-3:0 8px 24px #00000073;--shadow-4:0 12px 40px #0000008c;--scrollbar-thumb:#fee7ca38;--scrollbar-thumb-hover:#fee7ca61}*,:before,:after{box-sizing:border-box}html{height:100%}body{background:var(--bg-0);min-height:100%;color:var(--text-1);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:var(--font-sans);margin:0}.react-flow__nodes,.react-flow__node{pointer-events:all}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}.mono{font-family:var(--font-mono)}.muted{color:var(--text-3)}.users-page{gap:var(--space-5);height:100%;min-height:100%;padding-bottom:var(--space-7);flex-direction:column;display:flex}.users-page>:not(:first-child){margin-inline:var(--space-7)}@media (max-width:720px){.users-page{padding:var(--space-4) var(--space-4);height:auto;min-height:100%}}.bcrumb{font-size:var(--text-xs);color:var(--text-3);margin-bottom:var(--space-2);align-items:center;gap:6px;display:flex}.bcrumb a,.bcrumb button{color:var(--text-3);font:inherit;cursor:pointer;transition:color var(--t-fast) var(--ease-out);background:0 0;border:0;padding:0;text-decoration:none}.bcrumb a:hover,.bcrumb button:hover{color:var(--text-1)}.bcrumb-sep{color:var(--text-4)}.users-header-r{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.kpi-divider{background:var(--border-1);width:1px;height:36px}.btn{height:36px;padding:0 var(--space-4);border-radius:var(--r-2);font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;transition:background var(--t-fast) var(--ease-out), border-color var(--t-fast) var(--ease-out), color var(--t-fast) var(--ease-out);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;font-weight:600;text-decoration:none;display:inline-flex}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:active{transform:translateY(1px)}.btn[disabled],.btn[aria-disabled=true]{pointer-events:none;background:var(--bg-4);color:var(--text-4);border-color:#0000}.btn-sm{height:28px;font-size:var(--text-xs);padding:0 10px}.btn-lg{height:44px;padding:0 var(--space-5)}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:active{background:var(--accent-press)}.btn-primary-success{background:var(--success);color:#fff}.btn-secondary{background:var(--bg-3);color:var(--text-1);border-color:var(--border-2)}.btn-secondary:hover{background:var(--bg-4);border-color:var(--border-3)}.btn-ghost{color:var(--text-2);border-color:var(--border-2);background:0 0}.btn-ghost:hover{background:var(--bg-2);color:var(--text-1)}.btn-icon{width:36px;height:36px;color:var(--text-2);border-radius:var(--r-2);cursor:pointer;transition:background var(--t-fast) var(--ease-out), color var(--t-fast) var(--ease-out);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-icon:hover{background:var(--bg-3);color:var(--text-1)}.btn-icon:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-icon.btn-sm{width:28px;height:28px}.btn-icon-bare{width:24px;height:24px;color:var(--text-3);border-radius:var(--r-2);cursor:pointer;transition:background var(--t-fast) var(--ease-out), color var(--t-fast) var(--ease-out);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.btn-icon-bare:hover{background:var(--bg-3);color:var(--text-1)}.btn-icon-bare:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.u-row-danger:hover{background:var(--danger-soft);color:var(--danger)}.input,.textarea{background:var(--bg-2);border:1px solid var(--border-2);border-radius:var(--r-2);width:100%;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-1);transition:border-color var(--t-fast) var(--ease-out), box-shadow var(--t-fast) var(--ease-out);padding:9px 12px;display:block}@media (max-width:599.98px){.input,.textarea{font-size:16px}}.textarea{resize:vertical;min-height:72px;line-height:1.5}.input::placeholder,.textarea::placeholder{color:var(--text-4)}.input:hover,.textarea:hover{border-color:var(--border-3)}.input:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.input.error,.textarea.error{border-color:var(--danger)}.input.error:focus,.textarea.error:focus{box-shadow:0 0 0 3px var(--danger-soft)}.input-group{background:var(--bg-2);border:1px solid var(--border-2);border-radius:var(--r-2);transition:border-color var(--t-fast) var(--ease-out), box-shadow var(--t-fast) var(--ease-out);align-items:center;display:flex}.input-group:hover{border-color:var(--border-3)}.input-group:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input-group .input{background:0 0;border:0;flex:1;min-width:0}.input-group .input:focus{box-shadow:none}.input-prefix{color:var(--text-3);border-right:1px solid var(--border-1);align-self:stretch;align-items:center;padding:0 10px;display:inline-flex}.input-suffix{border-left:1px solid var(--border-1);align-self:stretch;align-items:center;gap:2px;padding:0 6px 0 8px;display:inline-flex}.field{flex-direction:column;gap:6px;display:flex}.field-label{font-size:var(--text-xs);color:var(--text-2);align-items:center;gap:4px;font-weight:600;display:inline-flex}.field-label .req{color:var(--danger)}.field-hint{font-size:var(--text-xs);color:var(--text-3);line-height:1.45}.field-error{font-size:var(--text-xs);color:var(--danger);align-items:center;gap:4px;display:inline-flex}.kselect{width:100%;position:relative}.kselect-trigger{background:var(--bg-2);border:1px solid var(--border-2);border-radius:var(--r-2);width:100%;min-height:38px;color:var(--text-1);font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;text-align:left;transition:border-color var(--t-fast) var(--ease-out), box-shadow var(--t-fast) var(--ease-out);align-items:center;gap:8px;padding:0 10px;display:flex}.kselect-trigger:hover{border-color:var(--border-3)}:is(.kselect-trigger:focus-visible,.kselect-trigger[aria-expanded=true]){border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.kselect-trigger[disabled]{pointer-events:none;opacity:.6}.kselect-trigger-content{text-overflow:ellipsis;white-space:nowrap;flex:1;align-items:center;gap:8px;min-width:0;display:inline-flex;overflow:hidden}.kselect-placeholder{color:var(--text-4)}.kselect-chev{color:var(--text-3);transition:transform var(--t-fast) var(--ease-out), color var(--t-fast) var(--ease-out);flex-shrink:0}.kselect-trigger[aria-expanded=true] .kselect-chev{color:var(--text-1);transform:rotate(180deg)}.kselect-menu{background:var(--bg-2);border:1px solid var(--border-2);border-radius:var(--r-3);box-shadow:var(--shadow-3);max-height:360px;z-index:var(--z-popover);padding:4px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden auto}.kselect-option{border-radius:var(--r-2);cursor:pointer;color:var(--text-1);font-size:var(--text-sm);transition:background var(--t-fast) var(--ease-out);align-items:center;gap:8px;padding:8px 10px;display:flex}.kselect-option:hover,.kselect-option[data-active=true]{background:var(--bg-3)}.kselect-option[aria-selected=true]{background:#2d090714}.kselect-option-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.kselect-option-label{font-size:var(--text-sm);color:var(--text-1);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;min-width:0;display:inline-flex;overflow:hidden}.kselect-option-desc{font-size:var(--text-xs);color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;line-height:1.4;overflow:hidden}.kselect-option-check{color:var(--accent);flex-shrink:0}.avatar{color:var(--on-accent);text-transform:uppercase;font-weight:700;font-family:var(--font-sans);-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.avatar-xs{width:20px;height:20px;font-size:9px}.avatar-sm{width:26px;height:26px;font-size:10px}.avatar-md{width:32px;height:32px;font-size:12px}.avatar-lg{width:40px;height:40px;font-size:14px}.avatar-xl{width:56px;height:56px;font-size:18px}.avatar-xxl{width:80px;height:80px;font-size:26px}.avatar-blue{background:var(--role-blue)}.avatar-purple{background:var(--role-purple)}.avatar-cyan{background:var(--role-cyan)}.avatar-amber{background:var(--role-amber)}.avatar-pink{background:var(--role-pink)}.avatar-green{background:var(--role-green)}.avatar-red{background:var(--role-red)}.role{border-radius:var(--r-2);height:16px;font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;align-items:center;padding:0 5px;font-size:9.5px;font-weight:700;line-height:1;display:inline-flex}.role-admin{color:var(--role-green);background:#0a4a4629}.role-default{background:var(--bg-3);color:var(--text-3);border:1px solid var(--border-2)}.role-revisor{color:var(--role-blue);background:#1b3a6b29}.role-corretor{color:var(--role-purple);background:#6d28d929}.role-vendas{color:var(--role-amber);background:#b8860b2e}.role-manager{color:var(--role-purple);background:#6d28d92e}.role-sudo{color:var(--role-cyan);background:#0f766e29}.role-scope{border-radius:var(--r-1);height:18px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;align-items:center;gap:4px;padding:0 7px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.role-scope-sistema{color:var(--role-cyan);background:#0f766e24}.role-scope-empresa{color:var(--role-blue);background:#1b3a6b24}.status{border-radius:var(--r-1);height:22px;font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;align-items:center;gap:6px;padding:0 9px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.status.success{background:var(--success-soft);color:var(--success)}.status.warning{background:var(--warning-soft);color:var(--warning)}.status.danger{background:var(--danger-soft);color:var(--danger)}.status.info{background:var(--accent-soft);color:var(--accent)}.status.neutral{background:var(--neutral-soft);color:var(--neutral)}.toggle{background:var(--bg-4);border-radius:var(--r-full);cursor:pointer;width:36px;height:22px;transition:background var(--t-fast) var(--ease-out);border:0;flex-shrink:0;align-items:center;padding:2px;display:inline-flex}.toggle[aria-checked=true]{background:var(--accent)}.toggle[disabled],.toggle[aria-disabled=true]{pointer-events:none;opacity:.5}.toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.toggle-thumb{background:var(--bg-2);width:18px;height:18px;transition:transform var(--t-fast) var(--ease-out);border-radius:50%;transform:translate(0);box-shadow:0 1px 2px #00000029}.toggle[aria-checked=true] .toggle-thumb{transform:translate(14px)}.check{border:1.5px solid var(--border-3);cursor:pointer;width:18px;height:18px;transition:background var(--t-fast) var(--ease-out), border-color var(--t-fast) var(--ease-out);color:var(--on-accent);background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.check:hover{border-color:var(--accent)}.check:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.check[aria-checked=true]{background:var(--accent);border-color:var(--accent)}.check[aria-checked=mixed]{background:var(--accent-soft);border-color:var(--accent)}.check-indeterminate-dash{background:var(--accent);border-radius:1px;width:8px;height:2px}.empty{padding:var(--space-9) var(--space-5);text-align:center;justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.empty .ico{background:var(--bg-2);width:56px;height:56px;color:var(--text-3);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.empty-title{font-size:var(--text-h4);color:var(--text-1);font-weight:600}.empty-sub{font-size:var(--text-sm);color:var(--text-3);max-width:38ch;line-height:1.5}.empty-action{margin-top:var(--space-2)}.empty.is-error .ico{background:var(--danger-soft);color:var(--danger)}.pg{align-items:center;gap:4px;display:inline-flex}.pg-btn{color:var(--text-2);cursor:pointer;border-radius:var(--r-2);transition:background var(--t-fast) var(--ease-out), color var(--t-fast) var(--ease-out);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.pg-btn:hover{background:var(--bg-3);color:var(--text-1)}.pg-btn[data-active=true]{background:var(--accent);color:var(--on-accent)}.pg-btn[disabled]{pointer-events:none;color:var(--text-4)}.pg-sm .pg-btn{width:26px;height:26px;font-family:var(--font-mono);font-size:11px}.card{background:var(--bg-1);border:1px solid var(--border-2);border-radius:var(--r-4);overflow:hidden}.card-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-1);flex-shrink:0;display:flex}.card-head-col{flex-direction:column;align-items:flex-start;gap:2px}.card-title{font-size:var(--text-h4);color:var(--text-1);font-weight:600}.card-sub{font-size:var(--text-xs);color:var(--text-3)}.card-body{padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.card-body-tight{padding:0}.card-foot{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--bg-2);border-top:1px solid var(--border-1);flex-shrink:0;display:flex}.card-foot-hint{font-size:var(--text-xs);color:var(--text-3);align-items:center;gap:6px;display:inline-flex}.card-foot-actions{align-items:center;gap:var(--space-2);display:inline-flex}.field-grid-2{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.field-grid-name-color{gap:var(--space-3);grid-template-columns:1fr 220px;display:grid}@media (max-width:720px){.field-grid-2,.field-grid-name-color{grid-template-columns:1fr}}.users-page>.card{flex-direction:column;flex:1;min-height:0;display:flex}@media (max-width:1180px){.users-page>.card{flex:none}}.users-grid{gap:var(--space-5);flex:1;grid-template-columns:460px 1fr;align-items:stretch;min-height:0;display:grid}.users-grid-l,.users-grid-r{flex-direction:column;min-width:0;min-height:0;display:flex}.users-grid-l>.card,.users-grid-r>.card{flex-direction:column;flex:1;min-height:0;display:flex}.users-grid-l>.card>.card-body{min-height:0;overflow-y:auto}@media (max-width:1180px){.users-grid{flex:none;grid-template-columns:1fr}.users-grid-l>.card,.users-grid-r>.card{flex:none}.users-grid-l>.card>.card-body{overflow-y:visible}}.users-list-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-5) var(--space-5) var(--space-3);border-bottom:1px solid var(--border-1);flex-shrink:0;display:flex}.users-list-toolbar{gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-1);border-bottom:1px solid var(--border-1);flex-wrap:wrap;flex-shrink:0;align-items:center;display:flex}.users-list-search{flex:1;min-width:200px;max-width:340px}.users-list-filter{flex-shrink:0;width:240px}.users-list{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}@media (max-width:1180px){.users-list{flex:none;overflow-y:visible}}.u-row{gap:var(--space-4);padding:12px var(--space-5);border-bottom:1px solid var(--border-1);transition:background var(--t-fast) var(--ease-out);grid-template-columns:auto 1fr auto auto;align-items:center;display:grid}.u-row:last-child{border-bottom:0}.u-row:hover{background:var(--bg-2)}.u-row-inactive{opacity:.6}.u-row-main{flex-direction:column;gap:2px;min-width:0;display:flex}.u-row-name-line{align-items:center;gap:8px;min-width:0;display:flex}.u-row-name{font-size:var(--text-sm);color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.u-row-email{font-family:var(--font-mono);color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.u-row-meta{align-items:center;display:inline-flex}.u-row-actions{opacity:0;transition:opacity var(--t-fast) var(--ease-out);align-items:center;gap:2px;display:inline-flex}.u-row:hover .u-row-actions,.u-row:focus-within .u-row-actions{opacity:1}@media (max-width:720px){.u-row-actions{opacity:1}}.users-list-foot{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-top:1px solid var(--border-1);background:var(--bg-2);flex-shrink:0;display:flex}.users-list-foot-text{font-size:var(--text-xs);color:var(--text-3)}.r-row{gap:var(--space-4);padding:14px var(--space-5);border-bottom:1px solid var(--border-1);cursor:pointer;transition:background var(--t-fast) var(--ease-out);grid-template-columns:36px 1fr auto auto;align-items:center;display:grid}.r-row:last-child{border-bottom:0}.r-row:hover{background:var(--bg-2)}.r-row-shield{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:var(--r-3);justify-content:center;align-items:center;display:inline-flex}.r-row-main{min-width:0}.r-row-title{align-items:center;gap:8px;margin-bottom:4px;display:flex}.r-row-name{font-size:var(--text-sm);color:var(--text-1);font-weight:600}.r-row-desc{font-size:var(--text-xs);color:var(--text-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:64ch;line-height:1.45;display:-webkit-box;overflow:hidden}.r-row-stats{align-items:center;gap:var(--space-4);margin-right:8px;display:flex}.r-stat{text-align:right;flex-direction:column;gap:4px;display:flex}.r-stat-value{font-family:var(--font-mono);letter-spacing:-.01em;color:var(--text-1);font-size:18px;font-weight:700;line-height:1}.r-stat-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);font-size:10px;font-weight:600}.r-stat-divider{background:var(--border-1);width:1px;height:28px}.r-row-actions{opacity:0;transition:opacity var(--t-fast) var(--ease-out);align-items:center;gap:2px;display:inline-flex}.r-row:hover .r-row-actions,.r-row:focus-within .r-row-actions{opacity:1}@media (max-width:720px){.r-row-actions{opacity:1}.r-row-stats{display:none}}.role-form-grid{gap:var(--space-5);flex:1;grid-template-columns:1fr 320px;align-items:flex-start;min-height:0;padding-right:2px;display:grid;overflow-y:auto}.role-form-main{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.role-form-side{gap:var(--space-3);flex-direction:column;display:flex;position:sticky;top:0}@media (max-width:1180px){.role-form-grid{flex:none;grid-template-columns:1fr;overflow-y:visible}.role-form-side{position:static}}.scope-toggle{align-items:center;gap:var(--space-3);background:var(--bg-2);border:1px solid var(--border-1);border-radius:var(--r-3);padding:12px;display:flex}.scope-toggle-text{flex-direction:column;flex:1;gap:2px;display:flex}.scope-toggle-label{font-size:var(--text-sm);color:var(--text-1);font-weight:600}.scope-toggle-sub{font-size:var(--text-xs);color:var(--text-3)}.perm-counter{font-family:var(--font-mono);color:var(--text-2);background:var(--bg-2);border:1px solid var(--border-1);border-radius:var(--r-full);align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.perm-list{flex-direction:column;gap:8px;display:flex}.perm-group{background:var(--bg-2);border:1px solid var(--border-1);border-radius:var(--r-3);overflow:hidden}.perm-group-head{justify-content:space-between;align-items:center;gap:var(--space-3);padding:12px var(--space-4);cursor:pointer;text-align:left;width:100%;font:inherit;color:var(--text-1);background:0 0;border:0;display:flex}.perm-group-head:hover{background:var(--bg-3)}.perm-group-title{font-size:var(--text-sm);color:var(--text-1);font-weight:600}.perm-group-meta{align-items:center;gap:10px;display:inline-flex}.perm-count{font-family:var(--font-mono);border-radius:var(--r-full);background:var(--bg-3);color:var(--text-3);border:1px solid var(--border-1);align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.perm-count.has{background:var(--accent-soft);color:var(--accent);border-color:#2d090752}.perm-chev{color:var(--text-3);transition:transform var(--t-fast) var(--ease-out);display:inline-flex}.perm-group[data-open=true] .perm-chev{transform:rotate(180deg)}.perm-group-body{border-top:1px solid var(--border-1);background:var(--bg-1);flex-direction:column;gap:0;padding:6px;display:flex}.perm-row{border-radius:var(--r-2);cursor:pointer;transition:background var(--t-fast) var(--ease-out);align-items:center;gap:10px;padding:7px 8px;display:flex}.perm-row:hover{background:var(--bg-2)}.perm-row-all{border-bottom:1px solid var(--border-1);border-radius:0;margin-bottom:2px;padding-bottom:9px}.perm-row-label{font-size:var(--text-sm);color:var(--text-1);flex:1}.role-preview{align-items:center;gap:12px;display:flex}.role-preview-shield{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:var(--r-3);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.role-preview-text{flex-direction:column;gap:4px;min-width:0;display:flex}.role-preview-name{font-size:var(--text-h4);color:var(--text-1);font-weight:600}.kv-list{flex-direction:column;gap:8px;display:flex}.kv{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.kv-k{font-size:var(--text-sm);color:var(--text-3)}.kv-v{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-1);font-weight:600}.role-divider{background:var(--border-1);height:1px;margin:14px 0}.role-tip{border:1px dashed var(--border-2);border-radius:var(--r-3);background:#2d09070a;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.role-tip-head{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--accent);align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.role-tip-body{font-size:var(--text-xs);color:var(--text-2);line-height:1.5}.swatch-dot{border-radius:50%;flex-shrink:0;width:14px;height:14px}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.banner-info{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--accent-soft);border-radius:var(--r-3);color:var(--text-2);font-size:var(--text-sm);border:1px solid #2d090752;line-height:1.5;display:flex}