body{margin:0;padding:0}#app{padding:0;margin:0!important;font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}.flex-center{justify-content:center;align-items:center}.flex-bottom,.flex-center{min-height:100vh;background:#000;display:flex}.flex-bottom{justify-content:end;align-items:end}.icon-3d{margin-right:1vh;margin-left:1vh;color:#fff}.icon-3d:hover{filter:drop-shadow(-5px -6px 1px rgb(33,150,243)) drop-shadow(5px 4px 1px rgb(244,67,54))}.permissions-page[data-v-a51e960a]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;padding:20px;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}body[data-v-a51e960a],html[data-v-a51e960a]{width:100%;max-width:100vw;overflow-x:hidden;box-sizing:border-box}[data-v-a51e960a]{box-sizing:border-box}.permissions-table[data-v-a51e960a],.roles-table[data-v-a51e960a]{margin-top:24px;border-collapse:collapse;width:100%}.permissions-table td[data-v-a51e960a],.permissions-table th[data-v-a51e960a],.roles-table td[data-v-a51e960a],.roles-table th[data-v-a51e960a]{border:1px solid #ccc;padding:8px 16px;text-align:left;box-sizing:border-box}.permissions-table th[data-v-a51e960a],.roles-table th[data-v-a51e960a]{background:#f0f0f0;font-weight:700}.permissions-table th.sticky-header[data-v-a51e960a]{padding:8px 5px;text-align:center}.permission-flag-cell[data-v-a51e960a]{padding:8px 5px;text-align:center;cursor:pointer}.permission-default-true[data-v-a51e960a]{background-color:#d9ead3}.permission-true[data-v-a51e960a]{background-color:#3f3}.permission-false[data-v-a51e960a]{background-color:#f33}.permissions-table-container[data-v-a51e960a]{width:100%;overflow-x:auto;overflow-y:auto;max-height:800px;border:1px solid #ccc;max-width:100%;box-sizing:border-box;margin-bottom:32px}.permissions-table[data-v-a51e960a]{position:relative;table-layout:fixed;min-width:1200px;max-width:100%;box-sizing:border-box;margin:0}.permissions-table thead[data-v-a51e960a]{position:sticky;top:0;background:#f0f0f0;z-index:11}.permissions-table td[data-v-a51e960a],.permissions-table th[data-v-a51e960a]{padding:8px 16px;border:1px solid #ccc;white-space:normal;word-break:break-word;overflow:hidden;text-overflow:ellipsis}.resizer[data-v-a51e960a]{position:absolute;top:0;right:0;width:10px;height:100%;background:transparent;cursor:col-resize;z-index:100}.resizer[data-v-a51e960a]:hover{background:rgba(0,0,0,.1)}.resizer.active[data-v-a51e960a]{background:rgba(0,0,0,.3)}.permissions-table tbody td.sticky-col-1[data-v-a51e960a],.permissions-table th.sticky-col-1[data-v-a51e960a]{position:sticky;left:0;background:#f0f0f0;z-index:12}.permissions-table tbody td.sticky-col-2[data-v-a51e960a],.permissions-table th.sticky-col-2[data-v-a51e960a]{position:sticky;left:80px;background:#f0f0f0;z-index:12}.permissions-table tbody td.sticky-col-3[data-v-a51e960a],.permissions-table th.sticky-col-3[data-v-a51e960a]{position:sticky;left:330px;background:#f0f0f0;z-index:12;box-shadow:2px 0 0 0 #666}.permissions-table tbody td.sticky-col-4[data-v-a51e960a],.permissions-table th.sticky-col-4[data-v-a51e960a]{position:sticky;left:580px;background:#f0f0f0;z-index:12;box-shadow:2px 0 0 0 #666}.permissions-table tbody td.sticky-col-1[data-v-a51e960a],.permissions-table tbody td.sticky-col-2[data-v-a51e960a],.permissions-table tbody td.sticky-col-3[data-v-a51e960a],.permissions-table tbody td.sticky-col-4[data-v-a51e960a]{background:#fff;z-index:1;box-shadow:2px 0 0 0 #666}.filter-block[data-v-a51e960a]{display:flex;gap:32px;margin-bottom:16px;min-height:500px;height:500px;padding:24px;background:#fafafa;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);border:1px solid #e0e0e0;width:95%;max-width:95%;box-sizing:border-box;overflow:hidden}.filter-group[data-v-a51e960a]{display:flex;flex-direction:column;min-width:280px;width:25%;flex:1 1 0;box-sizing:border-box;background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.12);padding:16px;border:1px solid #e0e0e0;overflow:hidden;min-width:0;height:100%}.filter-label[data-v-a51e960a]{font-weight:700;margin-bottom:4px;color:#1976d2;font-size:14px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.filter-multiselect[data-v-a51e960a]{border:1px solid #e0e0e0;border-radius:8px;padding:12px;background:#fafafa;transition:all .2s ease;box-shadow:0 1px 2px rgba(0,0,0,.05);overflow:hidden;min-width:0;height:100%;display:flex;flex-direction:column}.filter-multiselect[data-v-a51e960a]:hover{box-shadow:0 2px 4px rgba(0,0,0,.1);border-color:#1976d2}.filter-search[data-v-a51e960a]{width:100%;margin-bottom:4px;padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;transition:border-color .2s ease;background:#fff;box-sizing:border-box;max-width:100%}.filter-search[data-v-a51e960a]:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px rgba(25,118,210,.2)}.filter-actions[data-v-a51e960a]{display:flex;gap:8px;margin-bottom:4px;margin-bottom:8px;flex-wrap:wrap;min-width:0}.filter-actions button[data-v-a51e960a]{padding:6px 12px;border:1px solid #e0e0e0;border-radius:4px;background:#fff;color:#666;font-size:12px;cursor:pointer;transition:all .2s ease;font-weight:500;white-space:nowrap;min-width:0;flex-shrink:0}.filter-actions button[data-v-a51e960a]:hover{background:#f5f5f5;border-color:#1976d2;color:#1976d2}.filter-options[data-v-a51e960a]{max-height:120px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;align-items:flex-start;text-align:left;flex:1 1 0;padding:4px 0;min-width:0;overflow-x:hidden;flex:1;max-height:none}.filter-options label[data-v-a51e960a]{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:4px;cursor:pointer;transition:background-color .2s ease;font-size:14px;color:#333;width:100%;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word}.filter-options label[data-v-a51e960a]:hover{background:#f0f8ff}.filter-options input[type=checkbox][data-v-a51e960a]{margin:0;accent-color:#1976d2}.filter-actions-main[data-v-a51e960a]{margin-bottom:16px;display:flex;gap:16px;align-items:flex-start;justify-content:flex-start;padding:16px 24px;background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.12);border:1px solid #e0e0e0;width:95%;max-width:95%;box-sizing:border-box;overflow:hidden;justify-content:center}.filter-actions-main button[data-v-a51e960a]{font-size:1.1em;padding:10px 28px;border-radius:6px;font-weight:700;min-width:120px;text-align:left;border:none;margin-right:8px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px;font-size:14px;padding:12px 24px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);white-space:nowrap;flex-shrink:0}.filter-actions-main button[data-v-a51e960a]:first-child{background:#e3f1ff;color:#1976d2;border:1px solid #90caf9;background:#1976d2;color:#fff;border:none;box-shadow:0 2px 4px rgba(25,118,210,.3)}.filter-actions-main button[data-v-a51e960a]:first-child:hover{background:#1565c0;box-shadow:0 4px 8px rgba(25,118,210,.4);transform:translateY(-1px)}.filter-actions-main button[data-v-a51e960a]:last-child{background:#ffe3e3;color:#d32f2f;border:1px solid #ffbdbd;background:#f44336;color:#fff;border:none;box-shadow:0 2px 4px rgba(244,67,54,.3)}.filter-actions-main button[data-v-a51e960a]:last-child:hover{background:#d32f2f;box-shadow:0 4px 8px rgba(244,67,54,.4);transform:translateY(-1px)}.environment-switcher[data-v-a51e960a]{display:flex;gap:10px;margin-bottom:10px;padding:10px;background-color:#f0f0f0;border-radius:6px;border:1px solid #ccc}.env-button[data-v-a51e960a]{padding:8px 15px;border-radius:5px;font-weight:700;border:1px solid #ccc;cursor:pointer;transition:background-color .3s ease,border-color .3s ease}.env-button[data-v-a51e960a]:disabled{background-color:#e0e0e0;color:#888;border-color:#ccc;cursor:not-allowed}.env-button.env-development[data-v-a51e960a]{background-color:#e8f5e8;color:#2e7d32;border:1px solid #a5d6a7}.env-button.env-staging[data-v-a51e960a]{background-color:#fff3e0;color:#f57c00;border:1px solid #ffcc02}.env-button.env-dev[data-v-a51e960a]{background-color:#e3f2fd;color:#1976d2;border:1px solid #90caf9}.env-button.env-stage[data-v-a51e960a]{background-color:#fff8e1;color:#f57c00;border:1px solid #ffcc02}.env-button.env-pre-prod[data-v-a51e960a]{background-color:#fce4ec;color:#c2185b;border:1px solid #f8bbd9}.env-button.env-prod[data-v-a51e960a]{background-color:#e8f5e8;color:#2e7d32;border:1px solid #a5d6a7}.current-domains[data-v-a51e960a]{margin-top:10px;padding:10px;background-color:#f0f0f0;border-radius:6px;border:1px solid #ccc;font-size:.9em;color:#555;text-align:center}.popup-notification[data-v-a51e960a]{background-color:#4caf50}.error-popup-notification[data-v-a51e960a],.popup-notification[data-v-a51e960a]{position:fixed;top:20px;right:20px;color:#fff;padding:15px 20px;border-radius:5px;box-shadow:0 4px 8px rgba(0,0,0,.2);z-index:1000;font-weight:700;animation:slideIn-a51e960a .3s ease-out}.error-popup-notification[data-v-a51e960a]{background-color:#f44336;max-width:400px;word-wrap:break-word}@keyframes slideIn-a51e960a{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}th.sortable[data-v-a51e960a]{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .2s}th.sortable[data-v-a51e960a]:hover,th.sorted[data-v-a51e960a]{background:#e3f1ff;color:#1976d2}th.sortable span[data-v-a51e960a]{font-size:.9em;margin-left:4px}