@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2)format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2)format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2)format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/inter-latin-800-normal-BYj_oED-.woff2)format("woff2"),url(/assets/inter-latin-800-normal-D1mf63XC.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-latin-400-normal-V6pRDFza.woff2)format("woff2"),url(/assets/jetbrains-mono-latin-400-normal-6-qcROiO.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/jetbrains-mono-latin-500-normal-BWZEU5yA.woff2)format("woff2"),url(/assets/jetbrains-mono-latin-500-normal-CJOVTJB7.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/jetbrains-mono-latin-600-normal-C8RAYTDA.woff2)format("woff2"),url(/assets/jetbrains-mono-latin-600-normal-BfsvjouI.woff)format("woff")}:root{--brand-teal:#3499a5;--brand-mint:#4ec4d1;--brand-ink:#042024;--bg-0:#07090d;--bg-1:#0b0e14;--bg-2:#11151c;--bg-3:#161b25;--bg-4:#1d2330;--bg-5:#252c3b;--border-1:#1c2230;--border-2:#262d3d;--border-3:#303a4f;--text-1:#e6edf3;--text-2:#b6c0cc;--text-3:#8b95a3;--text-4:#5b6573;--accent:#3b82f6;--accent-hover:#2563eb;--accent-press:#1d4ed8;--accent-soft:#3b82f629;--accent-active:#3b82f638;--on-accent:#fff;--role-amber:#fbbf24;--role-amber-active:#fbbf242e;--role-purple:#c084fc;--role-blue:#60a5fa;--role-cyan:#2dd4bf;--role-green:#4ade80;--role-pink:#f472b6;--success:#22c55e;--success-soft:#22c55e24;--warning:#f59e0b;--warning-soft:#f59e0b24;--danger:#ef4444;--danger-soft:#ef444424;--neutral:#8b95a3;--neutral-soft:#8b95a324;--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:10px;--r-5:14px;--r-full:999px;--shadow-1:0 1px 2px #0000003d;--shadow-2:0 8px 16px #00000052;--shadow-3:0 12px 28px #0000006b;--shadow-4:0 24px 56px #0000007a;--z-popover:1500;--t-fast:.12s;--t-base:.18s;--ease-out:cubic-bezier(.16, 1, .3, 1);--font-inter:"Inter";--font-jb-mono:"JetBrains Mono";--font-sans:var(--font-inter), -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif;--font-mono:var(--font-jb-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)}*,: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:#6e768166 transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:#6e768166;border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:#6e768199}.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:#052e16}.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-3);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-3);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-3);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-y: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:#3b82f614}.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);align-items:center;gap:6px;display:inline-flex}.kselect-option-desc{font-size:var(--text-xs);color:var(--text-3);line-height:1.4}.kselect-option-check{color:var(--accent);flex-shrink:0}.avatar{color:#fff;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:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%)}.avatar-purple{background:linear-gradient(135deg,#c084fc 0%,#a855f7 100%)}.avatar-cyan{background:linear-gradient(135deg,#4ec4d1 0%,#3499a5 100%)}.avatar-amber{background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%)}.avatar-pink{background:linear-gradient(135deg,#f472b6 0%,#ec4899 100%)}.avatar-green{background:linear-gradient(135deg,#4ade80 0%,#22c55e 100%)}.avatar-red{background:linear-gradient(135deg,#f87171 0%,#ef4444 100%)}.role{height:16px;font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:3px;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:#4ade8029}.role-default{background:var(--bg-3);color:var(--text-3);border:1px solid var(--border-2)}.role-revisor{color:var(--role-blue);background:#60a5fa29}.role-corretor{color:var(--role-purple);background:#c084fc29}.role-vendas{color:var(--role-amber);background:#fbbf242e}.role-manager{color:var(--role-purple);background:#a855f72e}.role-sudo{color:var(--role-cyan);background:#2dd4bf29}.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:#2dd4bf24}.role-scope-empresa{color:var(--role-blue);background:#60a5fa24}.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{width:18px;height:18px;transition:transform var(--t-fast) var(--ease-out);background:#fff;border-radius:50%;transform:translate(0);box-shadow:0 1px 2px #00000052}.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:#fff;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:#3b82f652}.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:#3b82f60a;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 #3b82f652;line-height:1.5;display:flex}