.el-menu{border-right:none!important;background-color:transparent!important}.el-menu-item,.el-sub-menu__title{color:#d1d5db!important;transition:all .2s ease-in-out;border-radius:8px;margin:4px 8px}.el-menu-item:hover,.el-sub-menu__title:hover{background-color:#ffffff1a!important;color:#fff!important}.el-menu-item.is-active{background-color:#4f46e5!important;color:#fff!important;font-weight:600;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.el-sub-menu.is-active>.el-sub-menu__title{color:#fff!important}.el-menu-item [class^=el-icon-],.el-sub-menu__title [class^=el-icon-]{font-size:18px;margin-right:10px}.debug-panel[data-v-e311318f]{position:fixed;bottom:20px;left:20px;z-index:10000;font-family:Consolas,Monaco,monospace;font-size:12px}.debug-toggle[data-v-e311318f]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 16px;border-radius:50px;cursor:pointer;display:flex;align-items:center;gap:6px;font-weight:600;font-size:11px;box-shadow:0 4px 15px #0003;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.debug-toggle[data-v-e311318f]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.debug-toggle.expanded[data-v-e311318f]{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-radius:10px}.debug-content[data-v-e311318f]{background:#fffffff2;border:1px solid #e1e5e9;border-radius:20px 20px 0 0;box-shadow:0 8px 25px #00000026;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:450px;max-height:70vh;overflow-y:auto}.debug-header[data-v-e311318f]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 16px;border-bottom:1px solid #e1e5e9}.debug-header h3[data-v-e311318f]{margin:0 0 10px;font-size:14px;font-weight:700}.debug-tabs[data-v-e311318f]{display:flex;gap:4px;flex-wrap:wrap}.tab-button[data-v-e311318f]{background:#ffffff1a;color:#fffc;border:none;padding:4px 8px;border-radius:6px;cursor:pointer;font-size:10px;font-weight:500;transition:all .2s ease;white-space:nowrap}.tab-button[data-v-e311318f]:hover{background:#fff3;color:#fff}.tab-button.active[data-v-e311318f]{background:#ffffffe6;color:#667eea;font-weight:600}.tab-content[data-v-e311318f]{padding:16px}.tab-pane[data-v-e311318f]{display:block}.info-grid[data-v-e311318f]{display:grid;gap:12px}.info-item[data-v-e311318f]{display:grid;grid-template-columns:120px 1fr;gap:8px;align-items:start}.info-item label[data-v-e311318f]{font-weight:600;color:#495057;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.info-item span[data-v-e311318f]{color:#212529;font-size:11px;word-break:break-all;line-height:1.4}.url[data-v-e311318f]{color:#007bff;font-weight:500}.route-name[data-v-e311318f]{color:#28a745;font-weight:500}.method[data-v-e311318f]{background:#007bff;color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600}.controller[data-v-e311318f],.action[data-v-e311318f]{color:#6f42c1;font-family:monospace}.middleware[data-v-e311318f]{color:#fd7e14;font-size:10px}.env[data-v-e311318f]{background:#ffc107;color:#212529;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600}.debug-status.enabled[data-v-e311318f]{color:#28a745;font-weight:600}.debug-status.disabled[data-v-e311318f]{color:#dc3545;font-weight:600}.layout-type[data-v-e311318f]{color:#17a2b8;font-weight:500}.user-agent[data-v-e311318f],.session-id[data-v-e311318f],.csrf-token[data-v-e311318f]{font-family:monospace;font-size:10px;color:#6c757d}.performance-metric[data-v-e311318f]{color:#e83e8c;font-weight:600}.roles[data-v-e311318f],.permissions[data-v-e311318f]{display:flex;flex-wrap:wrap;gap:4px;grid-column:1 / -1;margin-top:4px}[data-v-e311318f]:root{--role-color-primary: #28a745;--role-color-secondary: #20c997;--permission-role-color: #17a2b8;--permission-role-secondary: #138496;--permission-direct-color: #fd7e14;--permission-direct-secondary: #e86100;--permission-all-color: #6f42c1;--permission-all-secondary: #5a3696;--guard-color: #6c757d}.role-badge[data-v-e311318f]{background:linear-gradient(135deg,var(--role-color-primary) 0%,var(--role-color-secondary) 100%);color:#fff;padding:2px 6px;border-radius:12px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 1px 3px #0000001a}.permission-badge[data-v-e311318f]{background:linear-gradient(135deg,var(--permission-all-color) 0%,var(--permission-all-secondary) 100%);color:#fff;padding:2px 6px;border-radius:12px;font-size:9px;font-weight:500;box-shadow:0 1px 3px #0000001a}.impersonation-warning[data-v-e311318f]{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;padding:8px;border-radius:8px;grid-column:1 / -1}.impersonation-info[data-v-e311318f]{display:flex;flex-direction:column;gap:8px}.impersonation-actions[data-v-e311318f]{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.impersonating-user[data-v-e311318f]{font-weight:600;margin-bottom:4px}.stop-impersonation-btn[data-v-e311318f]{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:4px 8px;border-radius:4px;cursor:pointer;font-size:10px;font-weight:600}.stop-impersonation-btn[data-v-e311318f]:hover{background:#ffffff4d}.switch-user-btn[data-v-e311318f]{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);padding:4px 8px;border-radius:4px;cursor:pointer;font-size:10px;font-weight:600}.switch-user-btn[data-v-e311318f]:hover{background:#fff3}.user-switch-panel[data-v-e311318f]{margin-top:12px;padding:12px;background:#ffffff1a;border-radius:6px;display:flex;flex-direction:column;gap:8px}.user-search-input.small[data-v-e311318f]{font-size:10px;padding:6px 8px}.impersonate-btn.small[data-v-e311318f]{padding:6px 12px;font-size:10px}.roles-detailed[data-v-e311318f]{grid-column:1 / -1;display:flex;flex-direction:column;gap:8px}.role-detailed[data-v-e311318f]{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:8px}.role-header[data-v-e311318f]{display:flex;align-items:center;gap:8px;margin-bottom:4px}.role-badge-detailed[data-v-e311318f]{background:linear-gradient(135deg,var(--role-color-primary) 0%,var(--role-color-secondary) 100%);color:#fff;padding:3px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;box-shadow:0 1px 3px #0000001a}.role-guard[data-v-e311318f]{background:var(--guard-color);color:#fff;padding:2px 6px;border-radius:8px;font-size:8px;font-weight:500;box-shadow:0 1px 2px #0000001a}.role-permissions[data-v-e311318f]{margin-top:6px}.role-permissions small[data-v-e311318f]{color:#6c757d;font-size:9px;font-weight:600;text-transform:uppercase}.permission-list[data-v-e311318f]{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px}.permission-badge-small[data-v-e311318f]{background:linear-gradient(135deg,var(--permission-role-color) 0%,var(--permission-role-secondary) 100%);color:#fff;padding:1px 4px;border-radius:8px;font-size:8px;font-weight:500;box-shadow:0 1px 2px #00000014}.permissions-detailed[data-v-e311318f]{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:4px}.permission-badge-direct[data-v-e311318f]{background:linear-gradient(135deg,var(--permission-direct-color) 0%,var(--permission-direct-secondary) 100%);color:#fff;padding:2px 6px;border-radius:10px;font-size:9px;font-weight:600;box-shadow:0 1px 3px #0000001a}.all-permissions[data-v-e311318f]{grid-column:1 / -1}.permissions-collapsible[data-v-e311318f]{cursor:pointer}.permissions-collapsible summary[data-v-e311318f]{color:#007bff;font-weight:600;font-size:10px;list-style:none;padding:4px 0}.permissions-collapsible summary[data-v-e311318f]::-webkit-details-marker{display:none}.permissions-collapsible summary[data-v-e311318f]:before{content:"▶ ";transition:transform .2s}.permissions-collapsible[open] summary[data-v-e311318f]:before{transform:rotate(90deg)}.permissions-grid[data-v-e311318f]{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px;margin-top:8px;max-height:200px;overflow-y:auto;padding:8px;background:#f8f9fa;border-radius:6px}.impersonation-controls[data-v-e311318f]{display:flex;flex-direction:column;gap:8px;grid-column:1 / -1}.user-select-container[data-v-e311318f]{position:relative;width:100%}.user-search-input[data-v-e311318f]{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:11px;background:#fff;box-shadow:0 1px 3px #0000001a}.user-search-input[data-v-e311318f]:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.search-results[data-v-e311318f]{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-top:none;border-radius:0 0 6px 6px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 4px 6px #0000001a}.search-result-item[data-v-e311318f]{padding:8px 12px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background-color .15s}.search-result-item[data-v-e311318f]:hover{background-color:#f8f9fa}.search-result-item[data-v-e311318f]:last-child{border-bottom:none}.user-info strong[data-v-e311318f]{display:block;font-size:11px;color:#333}.user-info small[data-v-e311318f]{display:block;font-size:9px;color:#666;margin-top:2px}.impersonate-input[data-v-e311318f]{flex:1;padding:4px 8px;border:1px solid #ccc;border-radius:4px;font-size:11px;font-family:monospace}.impersonate-btn[data-v-e311318f]{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:11px;font-weight:600;transition:all .15s;box-shadow:0 2px 4px #0000001a}.impersonation-banner[data-v-e311318f]{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;border-radius:8px;padding:16px;margin-bottom:16px;border:2px solid #ff5252;box-shadow:0 4px 12px #ff6b6b4d}.impersonation-header[data-v-e311318f]{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-weight:700;font-size:14px}.status-icon[data-v-e311318f]{font-size:18px}.impersonation-details[data-v-e311318f]{display:grid;gap:8px}.current-context[data-v-e311318f],.original-context[data-v-e311318f]{display:flex;flex-direction:column;gap:4px}.current-context label[data-v-e311318f],.original-context label[data-v-e311318f]{font-size:12px;opacity:.9;font-weight:500}.current-user[data-v-e311318f],.original-user[data-v-e311318f]{font-weight:700;background:#fff3;padding:6px 10px;border-radius:4px;font-size:13px}.stop-impersonate-btn[data-v-e311318f]{background:#ffffffe6;color:#ee5a52;border:none;padding:10px 16px;border-radius:6px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;margin-top:8px;transition:all .2s}.stop-impersonate-btn[data-v-e311318f]:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.impersonate-btn[data-v-e311318f]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #28a7454d}.impersonate-btn[data-v-e311318f]:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.no-auth[data-v-e311318f]{text-align:center;color:#6c757d;font-style:italic;padding:20px}.debug-content[data-v-e311318f]::-webkit-scrollbar{width:6px}.debug-content[data-v-e311318f]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.debug-content[data-v-e311318f]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.debug-content[data-v-e311318f]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media(max-width:768px){.debug-panel[data-v-e311318f]{left:10px;bottom:10px}.debug-content[data-v-e311318f]{width:calc(100vw - 40px);max-width:350px}.info-item[data-v-e311318f]{grid-template-columns:1fr;gap:4px}.roles[data-v-e311318f],.permissions[data-v-e311318f]{grid-column:1}}.debug-content[data-v-e311318f]{animation:slideDown-e311318f .3s ease-out}@keyframes slideDown-e311318f{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.frontend-content{width:100%;min-height:100vh;padding:0;margin:0;background:transparent}.common-layout .el-container,.common-layout .el-container .el-container{background:transparent!important}.filtered-menu{list-style-type:none!important}