.animate-fade-in[data-v-76bc4388]{animation:.2s ease-out fadeIn-76bc4388}@keyframes fadeIn-76bc4388{0%{opacity:0}to{opacity:1}}.animate-pop-in[data-v-76bc4388]{animation:.25s cubic-bezier(.16,1,.3,1) both popIn-76bc4388}@keyframes popIn-76bc4388{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (width<=640px){.col-hide-sm[data-v-76bc4388]{display:none}}.nav-item[data-v-9ead3b25]{cursor:pointer;-webkit-user-select:none;user-select:none}.fade-enter-active[data-v-9ead3b25],.fade-leave-active[data-v-9ead3b25]{transition:opacity .3s,transform .3s}.fade-enter-from[data-v-9ead3b25],.fade-leave-to[data-v-9ead3b25]{opacity:0;transform:translateY(-8px)}main[data-v-9ead3b25]::-webkit-scrollbar{width:6px}main[data-v-9ead3b25]::-webkit-scrollbar-track{background:0 0}main[data-v-9ead3b25]::-webkit-scrollbar-thumb{background:var(--color-ink-100);border-radius:99px}main[data-v-9ead3b25]::-webkit-scrollbar-thumb:hover{background:var(--color-ink-200)}.roles-management-view[data-v-1f047a86]{--bg:#f7f7fb;--bg-elevated:#fff;--bg-subtle:#f0effb;--border:#e4e1f5;--border-strong:#d3ceef;--text:#161329;--text-muted:#5d5a78;--text-faint:#8b87a8;--accent:#6151f3;--accent-soft:#eeebff;--accent-strong:#4b3adb;--success:#16a34a;--success-soft:#dcfce7;--warning:#f59e0b;--warning-soft:#fef3c7;--danger:#ef4444;--danger-soft:#fee2e2;--info:#0ea5e9;--info-soft:#e0f2fe;--shadow:0 1px 2px #1018280a, 0 1px 3px #1018280f}.page[data-v-1f047a86]{padding:22px 26px 60px}.crumbs[data-v-1f047a86]{color:var(--text-faint);align-items:center;gap:6px;margin-bottom:6px;font-size:12px;display:flex}.crumbs a[data-v-1f047a86]{color:var(--text-faint);text-decoration:none}.crumbs a[data-v-1f047a86]:hover{color:var(--accent)}.crumbs .sep[data-v-1f047a86]{opacity:.6}.page-head[data-v-1f047a86]{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.page-title[data-v-1f047a86]{letter-spacing:-.01em;color:var(--text);font-family:Sora,sans-serif;font-size:21px;font-weight:700}.page-sub[data-v-1f047a86]{color:var(--text-muted);margin-top:3px;font-size:12.5px}.btn[data-v-1f047a86]{cursor:pointer;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);border-radius:7px;align-items:center;gap:6px;padding:8px 13px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.btn[data-v-1f047a86]:hover{border-color:var(--border-strong);background:var(--bg-subtle)}.btn-primary[data-v-1f047a86]{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary[data-v-1f047a86]:hover{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}.btn-sm[data-v-1f047a86]{padding:6px 10px;font-size:11.5px}.btn-icon[data-v-1f047a86]{padding:7px}.btn[data-v-1f047a86]:disabled{opacity:.45;cursor:not-allowed}.card[data-v-1f047a86]{background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px}.card-head[data-v-1f047a86]{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.card-title[data-v-1f047a86]{color:var(--text);font-family:Sora,sans-serif;font-size:13px;font-weight:700}.card-title small[data-v-1f047a86]{color:var(--text-faint);margin-top:1px;font-family:Inter,sans-serif;font-size:11px;font-weight:500;display:block}.card-body[data-v-1f047a86]{padding:16px}.kpi-row[data-v-1f047a86]{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px;display:grid}.kpi[data-v-1f047a86]{background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px;padding:14px 15px}.kpi-label[data-v-1f047a86]{color:var(--text-muted);font-size:11px;font-weight:600}.kpi-val[data-v-1f047a86]{color:var(--text);margin-top:5px;font-family:Sora,sans-serif;font-size:19px;font-weight:700}.badge[data-v-1f047a86]{white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:2.5px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-success[data-v-1f047a86]{background:var(--success-soft);color:var(--success)}.badge-warning[data-v-1f047a86]{background:var(--warning-soft);color:var(--warning)}.badge-danger[data-v-1f047a86]{background:var(--danger-soft);color:var(--danger)}.badge-info[data-v-1f047a86]{background:var(--info-soft);color:var(--info)}.badge-muted[data-v-1f047a86]{background:var(--bg-subtle);color:var(--text-muted)}.badge-accent[data-v-1f047a86]{background:var(--accent-soft);color:var(--accent-strong)}.filter-bar[data-v-1f047a86]{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;display:flex}.filter-search[data-v-1f047a86]{background:var(--bg);border:1px solid var(--border);min-width:200px;max-width:280px;color:var(--text-faint);border-radius:7px;flex:1;align-items:center;gap:7px;padding:7px 10px;display:flex}.filter-search input[data-v-1f047a86]{color:var(--text);background:0 0;border:none;outline:none;width:100%;font-family:Inter,sans-serif;font-size:12.5px}.filter-spacer[data-v-1f047a86]{flex:1}table[data-v-1f047a86]{border-collapse:collapse;width:100%;font-size:12.5px}thead th[data-v-1f047a86]{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);border-bottom:1px solid var(--border);background:var(--bg-subtle);white-space:nowrap;padding:9px 14px;font-size:10.5px;font-weight:700}tbody td[data-v-1f047a86]{border-bottom:1px solid var(--border);color:var(--text);white-space:nowrap;padding:9px 14px}tbody tr:last-child td[data-v-1f047a86]{border-bottom:none}tbody tr[data-v-1f047a86]{cursor:pointer}tbody tr[data-v-1f047a86]:hover{background:var(--bg-subtle)}.mono[data-v-1f047a86]{font-family:JetBrains Mono,monospace;font-size:12px}.text-faint[data-v-1f047a86]{color:var(--text-faint)}.text-muted[data-v-1f047a86]{color:var(--text-muted)}.num[data-v-1f047a86]{text-align:right}.table-scroll[data-v-1f047a86]{overflow-x:auto}.table-foot[data-v-1f047a86]{border-top:1px solid var(--border);color:var(--text-faint);justify-content:space-between;align-items:center;padding:11px 16px;font-size:12px;display:flex}.cli-cell[data-v-1f047a86]{font-weight:600}.detail-head[data-v-1f047a86]{flex-wrap:wrap;align-items:flex-start;gap:16px;margin-bottom:6px;display:flex}.detail-thumb[data-v-1f047a86]{background:var(--accent-soft);width:52px;height:52px;color:var(--accent-strong);border:1px solid var(--border);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:flex}.detail-title[data-v-1f047a86]{flex-wrap:wrap;align-items:center;gap:10px;font-family:Sora,sans-serif;font-size:19px;font-weight:700;display:flex}.detail-meta[data-v-1f047a86]{color:var(--text-muted);flex-wrap:wrap;gap:14px;margin-top:6px;font-size:12px;display:flex}.detail-meta b[data-v-1f047a86]{color:var(--text);font-weight:600}.detail-actions[data-v-1f047a86]{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.row-2b[data-v-1f047a86]{grid-template-columns:2.4fr 1fr;gap:14px;display:grid}.avatar-sm[data-v-1f047a86]{color:#fff;background:linear-gradient(155deg,#7c6fff,#4b3adb);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:10.5px;font-weight:700;display:flex}.perm-wrap[data-v-1f047a86]{border:1px solid var(--border);border-radius:9px;overflow:hidden}.perm-table[data-v-1f047a86]{border-collapse:collapse;width:100%;font-size:12px}.perm-table thead th[data-v-1f047a86]{text-align:center;text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);background:var(--bg-subtle);border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 8px;font-size:10.5px;font-weight:700}.perm-table thead th[data-v-1f047a86]:first-child{text-align:left;padding-left:14px}.perm-table tbody td[data-v-1f047a86]{border-bottom:1px solid var(--border);text-align:center;padding:9px 8px}.perm-table tbody tr:last-child td[data-v-1f047a86]{border-bottom:none}.perm-table tbody tr[data-v-1f047a86]:hover{background:var(--bg-subtle)}.perm-mod-cell[data-v-1f047a86]{align-items:center;gap:8px;font-weight:700;display:flex;text-align:left!important;padding-left:14px!important}.perm-mod-ic[data-v-1f047a86]{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.perm-check[data-v-1f047a86]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.col-toggle[data-v-1f047a86]{cursor:pointer;align-items:center;gap:4px;display:inline-flex}.col-toggle[data-v-1f047a86]:hover{color:var(--accent-strong)}.quick-presets[data-v-1f047a86]{flex-wrap:wrap;gap:8px;display:flex}.preset-chip[data-v-1f047a86]{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-muted);cursor:pointer;border-radius:20px;padding:5px 11px;font-size:11.5px;font-weight:600;transition:all .15s}.preset-chip[data-v-1f047a86]:hover{border-color:var(--accent);color:var(--accent-strong);background:var(--accent-soft)}.form-grid[data-v-1f047a86]{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.field[data-v-1f047a86]{flex-direction:column;gap:5px;display:flex}.field.span-2[data-v-1f047a86]{grid-column:span 2}.field label[data-v-1f047a86]{color:var(--text-muted);font-size:11.5px;font-weight:600}.input[data-v-1f047a86],select.input[data-v-1f047a86],textarea.input[data-v-1f047a86]{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:7px;outline:none;padding:8.5px 11px;font-family:Inter,sans-serif;font-size:12.5px;transition:all .15s}.input[data-v-1f047a86]:focus,select.input[data-v-1f047a86]:focus,textarea.input[data-v-1f047a86]:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:#fff}.form-section-title[data-v-1f047a86]{color:var(--text);align-items:center;gap:8px;margin-bottom:2px;font-size:12px;font-weight:700;display:flex}.form-section-title .num[data-v-1f047a86]{background:var(--accent-soft);width:20px;height:20px;color:var(--accent-strong);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10.5px;font-weight:700;display:flex}.form-actions[data-v-1f047a86]{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}@media (width<=1180px){.kpi-row[data-v-1f047a86]{grid-template-columns:repeat(2,1fr)}.row-2b[data-v-1f047a86]{grid-template-columns:1fr}}@media (width<=640px){.page[data-v-1f047a86]{padding:16px 14px 50px}.kpi-row[data-v-1f047a86]{grid-template-columns:1fr 1fr;gap:10px}.page-title[data-v-1f047a86]{font-size:18px}.detail-actions[data-v-1f047a86]{width:100%;margin-left:0}.detail-actions .btn[data-v-1f047a86]{flex:auto;justify-content:center}.form-grid[data-v-1f047a86]{grid-template-columns:1fr}.field.span-2[data-v-1f047a86]{grid-column:span 1}}.animate-fade-up[data-v-4693721d]{opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) forwards fade-up-4693721d}@keyframes fade-up-4693721d{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.company-card[data-v-4693721d]{background:var(--color-ink-100);border:1px solid var(--color-ink-200);cursor:pointer;text-align:left;border-radius:14px;align-items:center;gap:12px;width:100%;padding:12px 14px;transition:all .15s;display:flex}.company-card[data-v-4693721d]:hover:not(:disabled){border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 4%, white);transform:translateY(-1px);box-shadow:0 4px 12px #0052ff0f}.company-card[data-v-4693721d]:disabled{opacity:.55;cursor:not-allowed}.company-card--loading[data-v-4693721d]{border-color:var(--color-primary)!important;background:color-mix(in srgb, var(--color-primary) 5%, white)!important}.company-avatar[data-v-4693721d]{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:700;transition:transform .15s;display:flex}.company-card:hover:not(:disabled) .company-avatar[data-v-4693721d]{transform:scale(1.05)}.company-info[data-v-4693721d]{flex:1;min-width:0}.company-name[data-v-4693721d]{color:var(--color-ink-900);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;line-height:1.3;overflow:hidden}.company-meta[data-v-4693721d]{align-items:center;gap:5px;margin-top:2px;display:flex}.company-ruc[data-v-4693721d]{text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--color-ink-500)!important;font-size:10px!important}.company-trade[data-v-4693721d]{color:var(--color-ink-500);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.company-arrow[data-v-4693721d]{flex-shrink:0;justify-content:center;align-items:center;display:flex}.animate-fade-up[data-v-ffd834a7]{opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) forwards fade-up-ffd834a7}@keyframes fade-up-ffd834a7{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.scrollable[data-v-0edd51be]::-webkit-scrollbar{display:block}.scrollbar-none[data-v-0edd51be]::-webkit-scrollbar{display:none}.scrollbar-none[data-v-0edd51be]{-ms-overflow-style:none;scrollbar-width:none}.skeleton[data-v-0edd51be]{background-color:var(--color-ink-100,#f3f4f6);border-radius:8px;animation:2s infinite pulse-0edd51be}@keyframes pulse-0edd51be{0%,to{opacity:1}50%{opacity:.5}}.scrollable[data-v-6113af6a]::-webkit-scrollbar{display:block}@keyframes drawer-slide-6113af6a{0%{transform:translate(100%)}to{transform:translate(0)}}.animate-drawer-slide[data-v-6113af6a]{animation:.4s cubic-bezier(.16,1,.3,1) forwards drawer-slide-6113af6a}.drawer-fade-enter-active[data-v-6113af6a],.drawer-fade-leave-active[data-v-6113af6a]{transition:opacity .3s}.drawer-fade-enter-from[data-v-6113af6a],.drawer-fade-leave-to[data-v-6113af6a]{opacity:0}.modal-bg[data-v-8ead1659]{z-index:10000}.scrollable[data-v-8ead1659]::-webkit-scrollbar{display:block}.animate-fade-up[data-v-eca324d1]{opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) forwards fade-up-eca324d1}@keyframes fade-up-eca324d1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-6a36437b],[data-v-6a36437b]:before,[data-v-6a36437b]:after,[data-v-6a36437b]::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.field-input[data-v-6a36437b]{border-radius:var(--radius-xl,.75rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-ink-200,#e2e8f0);background-color:var(--color-white,#fff);padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-outline-style:none;outline-style:none}.field-input[data-v-6a36437b]:focus{border-color:var(--color-em-500,#17c653);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--color-primary,#000020)}.custom-scrollbar[data-v-6a36437b]::-webkit-scrollbar{width:6px}.custom-scrollbar[data-v-6a36437b]::-webkit-scrollbar-track{background:0 0}.custom-scrollbar[data-v-6a36437b]::-webkit-scrollbar-thumb{background-color:var(--color-ink-200);border-radius:10px}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}