:root{--color-primary: #0056b3;--color-primary-light: #e6f0fa;--color-primary-dark: #004494;--color-primary-rgb: 0, 86, 179;--color-secondary: #6c757d;--color-secondary-light: #f8f9fa;--color-secondary-dark: #5a6268;--color-success: #28a745;--color-success-light: #d4edda;--color-success-dark: #155724;--color-danger: #dc3545;--color-warning: #ffc107;--color-info: #17a2b8;--color-background: #ffffff;--color-background-light: #f8f9fa;--color-background-secondary: #e9ecef;--color-background-tertiary: #dee2e6;--color-background-dark: #e9ecef;--color-text: #212529;--color-text-light: #6c757d;--color-text-secondary: #6c757d;--color-text-dark: #343a40;--color-border: #dee2e6;--color-hover: #f1f3f5;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--border-radius-sm: .25rem;--border-radius-md: .375rem;--border-radius-lg: .5rem;--border-radius-full: 9999px;--box-shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, .075);--box-shadow-md: 0 .5rem 1rem rgba(0, 0, 0, .15);--box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, .175);--header-content-height: 99px;--header-padding: calc(2 * var(--spacing-md));--nav-height: 48px;--header-height: calc(var(--header-content-height) + var(--header-padding));--header-total-height: calc(var(--header-height) + var(--nav-height));--visible-header-height: calc(var(--header-content-height) + var(--nav-height));--sidebar-width: clamp(220px, 20vw, 280px);--sidebar-collapsed-width: 60px;--sidebar-transition-duration: .3s;--transition-speed: .3s}.admin-page{max-width:1200px;margin:0 auto;padding:var(--spacing-lg)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.page-header h1{margin:0;color:var(--color-text);font-size:var(--font-size-xl);font-weight:600}.page-header p{margin:.5rem 0 0;color:var(--color-text-secondary);font-size:var(--font-size-md)}.btn-primary{background:var(--color-primary);color:#fff;border:1px solid var(--color-primary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--font-size-md);font-weight:500;transition:all .2s ease;display:inline-flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;min-height:40px;line-height:1.4}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--box-shadow-sm)}.btn-primary:disabled{background:var(--color-secondary);border-color:var(--color-secondary);cursor:not-allowed;opacity:.6}.btn-secondary{background:var(--color-background);color:var(--color-text);border:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--font-size-md);font-weight:500;transition:all .2s ease;display:inline-flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;min-height:40px;line-height:1.4}.btn-secondary:hover{background:var(--color-background-light);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--box-shadow-sm)}.btn-success{background:var(--color-success);color:#fff;border:1px solid var(--color-success);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--font-size-md);font-weight:500;transition:all .2s ease;text-decoration:none;min-height:40px;line-height:1.4}.btn-success:hover{background:#218838;border-color:#218838;transform:translateY(-1px);box-shadow:var(--box-shadow-sm)}.btn-warning{background:var(--color-warning);color:var(--color-text-dark);border:1px solid var(--color-warning);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--font-size-md);font-weight:500;transition:all .2s ease;text-decoration:none;min-height:40px;line-height:1.4}.btn-warning:hover{background:#e0a800;border-color:#e0a800;transform:translateY(-1px);box-shadow:var(--box-shadow-sm)}.btn-danger{background:var(--color-danger);color:#fff;border:1px solid var(--color-danger);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--font-size-md);font-weight:500;transition:all .2s ease;text-decoration:none;min-height:40px;line-height:1.4}.btn-danger:hover{background:#c82333;border-color:#c82333;transform:translateY(-1px);box-shadow:var(--box-shadow-sm)}.btn-icon{background:none;border:none;font-size:var(--font-size-lg);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);color:var(--color-text-light);transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:32px}.btn-icon:hover{background:var(--color-background-light);color:var(--color-text)}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);border-radius:var(--border-radius-sm);min-height:32px}.filters-section{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-wrap:wrap;align-items:end}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:200px}.filter-group label{font-weight:500;color:var(--color-text);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.filter-group select,.filter-group input[type=text],.filter-group input[type=email],.filter-group input[type=search]{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-bottom:1px solid var(--color-border);border-radius:var(--border-radius-md);background:var(--color-background);color:var(--color-text);font-size:var(--font-size-md);min-height:40px;line-height:1.4;transition:border-color .2s ease}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1)}.search-filter{margin-bottom:var(--spacing-xl)}.search-input{position:relative;max-width:400px}.search-input input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-md);background:var(--color-background);color:var(--color-text);font-size:var(--font-size-md);min-height:40px;line-height:1.4}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;font-weight:500;color:var(--color-text);margin-bottom:var(--spacing-xs);font-size:var(--font-size-md)}.form-group input:not([type=checkbox]):not([type=radio]),.form-group textarea,.form-group select{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-md);background:var(--color-background);color:var(--color-text);font-size:var(--font-size-md);min-height:40px;line-height:1.4;transition:border-color .2s ease}.form-group input[type=checkbox],.form-group input[type=radio]{width:auto;min-height:auto;margin:0 5px;cursor:pointer}.form-group textarea{min-height:80px;resize:vertical}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1)}.form-group input.error{border-color:var(--color-danger)}.error-message{color:var(--color-danger);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.help-text{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.data-table{width:100%;border-collapse:collapse;background:var(--color-background);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--box-shadow-sm);margin-bottom:var(--spacing-lg)}.data-table th,.data-table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border)}.data-table th{background:var(--color-background-tertiary);font-weight:600;color:var(--color-text);font-size:var(--font-size-md)}.data-table td{color:var(--color-text);font-size:var(--font-size-md)}.data-table tr:hover{background:var(--color-background-light)}.data-table .actions{display:flex;gap:var(--spacing-xs);align-items:center}.permission-toggle{background:none;border:none;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);cursor:pointer;transition:all .2s ease;color:var(--color-text-muted);font-size:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.permission-toggle:hover{background:var(--color-background-light);color:var(--color-primary);transform:scale(1.1)}.permission-toggle.active{color:var(--color-success);background:var(--color-success-light, rgba(34, 197, 94, .1))}.permission-toggle.active:hover{color:var(--color-success);background:var(--color-success-light, rgba(34, 197, 94, .2))}.permission-toggle:disabled{cursor:not-allowed;opacity:.5;color:var(--color-text-muted);background:var(--color-background-secondary)}.permission-toggle:disabled:hover{transform:none;background:var(--color-background-secondary)}.status-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background:var(--color-success-light);color:var(--color-success-dark)}.status-badge.inactive{background:var(--color-secondary-light);color:var(--color-secondary-dark)}.admin-badge{background:var(--color-primary);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--color-text-secondary)}.loading-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-state{text-align:center;padding:var(--spacing-xl);color:var(--color-danger)}.empty-state{text-align:center;padding:var(--spacing-xl);color:var(--color-text-secondary)}.empty-state i{font-size:3rem;margin-bottom:var(--spacing-md);opacity:.5}.modal-overlay{position:fixed;top:var(--header-total-height);left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:900;padding:var(--spacing-lg)}.modal-content{background:var(--color-background);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-lg);max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.modal-header h2{margin:0;color:var(--color-text);font-size:var(--font-size-lg)}.modal-body{padding:var(--spacing-lg)}.modal-footer{display:flex;gap:var(--spacing-md);justify-content:flex-end;padding:var(--spacing-lg);border-top:1px solid var(--color-border)}.modal-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-xl)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.pagination-info{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0 var(--spacing-md)}.toast{position:fixed;top:calc(var(--header-total-height) + var(--spacing-md));right:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--border-radius-md);color:#fff;display:flex;align-items:center;gap:var(--spacing-sm);z-index:1000;min-width:300px;box-shadow:var(--box-shadow-lg);animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{background:var(--color-success)}.toast-error{background:var(--color-danger)}.toast-warning{background:var(--color-warning)}.toast-info{background:var(--color-info)}.toast-close{background:none;border:none;color:#fff;cursor:pointer;padding:var(--spacing-xs);margin-left:auto;border-radius:var(--border-radius-sm)}.toast-close:hover{background:#fff3}.permission-toggle{background:none;border:none;padding:var(--spacing-sm);border-radius:var(--border-radius-md);cursor:pointer;color:var(--color-text-secondary);transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px}.permission-toggle:hover{background:var(--color-background-secondary)}.permission-toggle.active{color:var(--color-primary);background:var(--color-primary-light)}.permission-toggle:disabled{opacity:.5;cursor:not-allowed}.user-info,.tool-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.user-info strong,.tool-info strong{color:var(--color-text);font-size:var(--font-size-md)}.user-info small,.tool-info small{color:var(--color-text-secondary);font-size:var(--font-size-sm)}@media (max-width: 768px){.admin-page{padding:var(--spacing-md)}.page-header{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.filters-section{flex-direction:column;align-items:stretch}.filter-group{min-width:auto}.data-table{font-size:var(--font-size-sm)}.data-table th,.data-table td{padding:var(--spacing-sm)}.modal-content{margin:var(--spacing-md);max-width:calc(100vw - 2 * var(--spacing-md))}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--color-text, #212529);background-color:var(--color-background, #ffffff);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden!important;background-color:var(--color-background, #ffffff)}body{display:flex;flex-direction:column;min-width:320px;background-color:var(--color-background, #1D1D1B);color:var(--color-text, #ffffff)}#app{width:100%;height:100%;overflow:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#56bea894;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{width:100%;height:100%;margin:0;padding:0}.theme-switcher[data-v-71926b23]{position:relative}.theme-switcher__button[data-v-71926b23]{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-md);color:var(--color-text);cursor:pointer;transition:var(--transition-fast)}.theme-switcher__button[data-v-71926b23]:hover{background-color:var(--color-hover)}.theme-name[data-v-71926b23]{display:none;font-size:.875rem;white-space:nowrap}@media (min-width: 768px){.theme-name[data-v-71926b23]{display:inline}}.theme-icon[data-v-71926b23]{width:20px;height:20px}.chevron-icon[data-v-71926b23]{width:16px;height:16px;transition:transform var(--transition-fast)}.chevron-icon--open[data-v-71926b23]{transform:rotate(180deg)}.theme-switcher__dropdown[data-v-71926b23]{position:absolute;top:calc(100% + .5rem);right:0;min-width:240px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);overflow:hidden;z-index:1000}.theme-dropdown-section[data-v-71926b23]{padding:.5rem 0}.theme-dropdown-title[data-v-71926b23]{font-size:.75rem;font-weight:600;color:var(--color-textLight);padding:0 1rem .5rem;text-transform:uppercase;letter-spacing:.05em}.theme-option[data-v-71926b23]{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:none;color:var(--color-text);text-align:left;cursor:pointer;transition:var(--transition-fast)}.theme-option[data-v-71926b23]:hover{background-color:var(--color-hover)}.theme-option--active[data-v-71926b23]{color:var(--color-primary);font-weight:500}.style-color-preview[data-v-71926b23]{width:18px;height:18px;border-radius:50%;border:1px solid var(--color-border)}.theme-option-divider[data-v-71926b23]{height:1px;background-color:var(--color-border);margin:0 .75rem}.check-icon[data-v-71926b23]{margin-left:auto}.dropdown-enter-active[data-v-71926b23],.dropdown-leave-active[data-v-71926b23]{transition:opacity .2s ease,transform .2s ease}.dropdown-enter-from[data-v-71926b23],.dropdown-leave-to[data-v-71926b23]{opacity:0;transform:translateY(-8px)}.dropdown-enter-to[data-v-71926b23],.dropdown-leave-from[data-v-71926b23]{opacity:1;transform:translateY(0)}.header[data-v-4653c389]{display:flex;justify-content:center;background-color:var(--color-primary);color:#fff;box-shadow:var(--box-shadow-md);position:relative;z-index:100;transition:all .3s ease;width:100%;height:calc(67px + 2 * var(--spacing-md));box-sizing:border-box}.mode-dark{background-color:var(--color-background-dark);color:var(--color-text-light);box-shadow:0 2px 10px #00000080}.header-content[data-v-4653c389]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);width:100%;max-width:1200px;height:100%}.header-left[data-v-4653c389]{display:flex;align-items:center}.header-logo[data-v-4653c389]{margin-right:var(--spacing-md)}.logo[data-v-4653c389]{height:67px;width:auto}.header-title[data-v-4653c389]{flex:1}.header-title h1[data-v-4653c389]{margin:0;font-size:var(--font-size-lg);font-weight:600;color:inherit}.header-actions[data-v-4653c389]{display:flex;align-items:center;gap:var(--spacing-md)}.login-button[data-v-4653c389]{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-secondary);color:#fff;text-decoration:none;border-radius:var(--border-radius-md);font-weight:500;transition:background-color .2s}.login-button[data-v-4653c389]:hover{background-color:var(--color-secondary-dark)}.user-profile-menu[data-v-4653c389]{position:relative}.user-profile-button[data-v-4653c389]{display:flex;align-items:center;background:none;border:none;color:#fff;cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);transition:background-color .2s}.user-profile-button[data-v-4653c389]:hover{background-color:#ffffff1a}.user-profile-button:hover .user-avatar[data-v-4653c389]{background-color:var(--color-primary);color:var(--color-background)}.user-avatar[data-v-4653c389]{width:32px;height:32px;border-radius:50%;background-color:var(--color-secondary);display:flex;align-items:center;justify-content:center;margin-right:var(--spacing-sm);font-weight:500;font-size:.85rem;overflow:hidden;position:relative}.user-avatar.large[data-v-4653c389]{width:40px;height:40px;font-size:1rem}.user-info[data-v-4653c389]{display:flex;flex-direction:column;align-items:flex-start;margin-right:var(--spacing-sm)}.user-name[data-v-4653c389]{font-weight:500;font-size:var(--font-size-sm);line-height:1.2}.user-details[data-v-4653c389]{font-size:var(--font-size-xs);opacity:.8;line-height:1.2}.user-dropdown[data-v-4653c389]{position:absolute;top:calc(100% + 8px);right:0;width:280px;background-color:var(--color-background);border-radius:var(--border-radius-md);box-shadow:var(--box-shadow-lg);overflow:hidden;z-index:200}.user-dropdown-header[data-v-4653c389]{padding:var(--spacing-md);background-color:var(--color-background-light);border-bottom:1px solid var(--color-border)}.user-dropdown-header .user-info[data-v-4653c389]{display:flex;align-items:center}.user-dropdown-header .user-details[data-v-4653c389]{margin-left:var(--spacing-md);overflow:hidden}.user-dropdown-header .user-name[data-v-4653c389]{color:var(--color-text);font-weight:600;margin-bottom:4px;max-width:180px}.user-email[data-v-4653c389]{color:var(--color-text-light);font-size:var(--font-size-sm);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown-content[data-v-4653c389]{padding:var(--spacing-sm) 0}.dropdown-item[data-v-4653c389]{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text);text-decoration:none;background:none;border:none;width:100%;cursor:pointer;transition:background-color .2s;font-size:var(--font-size-sm)}.dropdown-item[data-v-4653c389]:hover{background-color:var(--color-background-light)}.dropdown-item svg[data-v-4653c389]{margin-right:var(--spacing-sm);flex-shrink:0}.dropdown-divider[data-v-4653c389]{height:1px;background-color:var(--color-border);margin:var(--spacing-sm) 0}.logout-item[data-v-4653c389]{color:var(--color-danger)}.logout-item[data-v-4653c389]:hover{background-color:var(--color-danger-light)}.dropdown-item.disabled[data-v-4653c389]{opacity:.7;cursor:not-allowed;color:var(--color-text-dark)}.dropdown-item.disabled[data-v-4653c389]:hover{background-color:transparent;color:var(--color-text-dark)}.dropdown-item.disabled svg[data-v-4653c389]{opacity:.7}[data-theme=dark] .dropdown-item.disabled[data-v-4653c389],[data-theme=dark] .dropdown-item.disabled[data-v-4653c389]:hover{color:var(--color-text-muted)}.dropdown-enter-active[data-v-4653c389],.dropdown-leave-active[data-v-4653c389]{transition:opacity .2s,transform .2s}.dropdown-enter-from[data-v-4653c389],.dropdown-leave-to[data-v-4653c389]{opacity:0;transform:translateY(-10px)}.chevron-icon[data-v-4653c389]{transition:transform .2s}.chevron-icon--open[data-v-4653c389]{transform:rotate(180deg)}@media (max-width: 768px){.header[data-v-4653c389]{padding:var(--spacing-sm)}.header-title h1[data-v-4653c389]{font-size:var(--font-size-md)}.user-profile-button .user-name[data-v-4653c389]{display:none}.user-avatar[data-v-4653c389]{margin-right:0}.chevron-icon[data-v-4653c389]{display:none}}.main-nav[data-v-b9fc88ac]{position:sticky;top:var(--main-nav-top, 0);width:100%;background-color:var(--color-primary-dark);color:var(--color-text-on-primary, white);z-index:90;transition:transform var(--sidebar-transition-duration) ease,top var(--sidebar-transition-duration) ease,background-color var(--sidebar-transition-duration) ease,color var(--sidebar-transition-duration) ease}.mode-dark{background-color:var(--color-background-dark, #1d1d1b);color:var(--color-text, #ffffff);box-shadow:0 2px 8px var(--shadow-color, rgba(0, 0, 0, .5))}.main-nav-desktop[data-v-b9fc88ac]{display:flex;justify-content:center;width:100%}.main-nav-content[data-v-b9fc88ac]{display:flex;align-items:center;max-width:1200px;width:100%;height:48px;padding:0 var(--spacing-md)}.nav-item[data-v-b9fc88ac]{display:flex;align-items:center;padding:0 var(--spacing-md);height:100%;color:var(--color-text-on-primary, white);text-decoration:none;transition:background-color .2s,color .2s}.nav-item[data-v-b9fc88ac]:hover{background-color:#ffffff1a!important}.nav-item.active[data-v-b9fc88ac]{background-color:#ffffff1a;border-bottom:3px solid var(--color-accent)}.mode-dark{background-color:#ffffff1a!important}.mode-dark{background-color:#ffffff1a!important;border-bottom:3px solid var(--color-accent)}.nav-icon[data-v-b9fc88ac]{margin-right:var(--spacing-sm);display:flex;align-items:center;justify-content:center}.nav-text[data-v-b9fc88ac]{margin-left:var(--spacing-sm);font-weight:500;white-space:nowrap;font-size:var(--font-size-sm)}.nav-group-dropdown[data-v-b9fc88ac]{position:relative;display:inline-block}.nav-dropdown[data-v-b9fc88ac]{position:relative}.nav-dropdown-toggle[data-v-b9fc88ac]{display:flex;align-items:center;background:none;border:none;color:inherit;cursor:pointer;padding:0 var(--spacing-md);height:48px;transition:background-color .2s,color .2s}.nav-dropdown:hover .nav-dropdown-toggle[data-v-b9fc88ac]{background-color:#ffffff1a}.nav-dropdown:hover .nav-dropdown-toggle.active[data-v-b9fc88ac],.nav-dropdown-toggle.active[data-v-b9fc88ac]{border-bottom:3px solid var(--color-accent)}.nav-dropdown-menu[data-v-b9fc88ac]{position:absolute;top:100%;left:0;min-width:200px;background-color:var(--color-primary-dark);box-shadow:var(--shadow-md, 0 .5rem 1rem rgba(0, 0, 0, .15));border-radius:0;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .2s,visibility .2s,transform .2s;z-index:100}.nav-dropdown:hover .nav-dropdown-menu[data-v-b9fc88ac]{opacity:1;visibility:visible;transform:translateY(0)}.mode-dark{background-color:var(--color-background-dark, #1d1d1b);border:1px solid var(--color-border, #57747a)}.nav-dropdown-item[data-v-b9fc88ac]{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text-on-primary, white);text-decoration:none;transition:background-color .2s;border-left:3px solid transparent;white-space:nowrap}.nav-dropdown-item[data-v-b9fc88ac]:hover{background-color:#ffffff1a;border-left-color:var(--color-accent)}.nav-dropdown-item.active[data-v-b9fc88ac]{background-color:#ffffff26;border-left-color:var(--color-accent)}.mode-dark{background-color:var(--color-hover, rgba(29, 29, 27, .1))}.nav-group[data-v-b9fc88ac]{position:relative}.nav-group-toggle[data-v-b9fc88ac]{display:flex;align-items:center;width:100%;padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;color:inherit;cursor:pointer;transition:background-color .2s}.nav-group-toggle[data-v-b9fc88ac]:hover{background-color:#ffffff1a}.nav-group-toggle.expanded[data-v-b9fc88ac]{background-color:#ffffff26}.nav-group-toggle.expanded .nav-arrow[data-v-b9fc88ac]{transform:rotate(90deg)}.nav-group-tools[data-v-b9fc88ac]{max-height:0;overflow:hidden;transition:max-height .3s ease;background-color:#0000001a}.nav-group-tools.expanded[data-v-b9fc88ac]{max-height:500px}.nav-tool-link[data-v-b9fc88ac]{padding-left:calc(var(--spacing-md) + var(--spacing-lg));border-left:2px solid transparent}.nav-tool-link[data-v-b9fc88ac]:hover{background-color:#ffffff0d;border-left-color:var(--color-accent)}.nav-tool-link.active[data-v-b9fc88ac]{background-color:#ffffff1a;border-left-color:var(--color-accent)}.nav-group[data-v-b9fc88ac]{display:flex;align-items:center;justify-content:center}.tools-nav[data-v-b9fc88ac]{margin-left:var(--spacing-md)}.admin-nav[data-v-b9fc88ac]{margin-left:auto}button[data-v-b9fc88ac]{border-radius:0}.mobile-nav-toggle[data-v-b9fc88ac]{display:none}.hamburger-menu[data-v-b9fc88ac]{display:flex;flex-direction:column;justify-content:space-between;width:24px;height:18px;background:none;border:none;cursor:pointer;padding:0}.hamburger-line[data-v-b9fc88ac]{width:100%;height:2px;background-color:#fff;transition:transform .3s,opacity .3s,background-color .3s}.mode-dark{background-color:var(--color-text-light)}.main-nav-mobile[data-v-b9fc88ac]{display:none;position:absolute;top:100%;left:0;width:100%;background-color:var(--color-primary-dark);box-shadow:var(--shadow-md, 0 .5rem 1rem rgba(0, 0, 0, .15));z-index:95;transition:background-color .3s ease,box-shadow .3s ease}.mode-dark{background-color:var(--color-background-dark, #1d1d1b);box-shadow:0 4px 12px var(--shadow-color, rgba(0, 0, 0, .5));border-top:1px solid var(--color-border, #57747a)}.mobile-nav-content[data-v-b9fc88ac]{padding:var(--spacing-md)}.mobile-nav-group[data-v-b9fc88ac]{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-primary-light)}.mobile-nav-title[data-v-b9fc88ac]{font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-accent-light)}.mobile-nav-transition-enter-active[data-v-b9fc88ac],.mobile-nav-transition-leave-active[data-v-b9fc88ac]{transition:opacity .3s,transform .3s}.mobile-nav-transition-enter-from[data-v-b9fc88ac],.mobile-nav-transition-leave-to[data-v-b9fc88ac]{opacity:0;transform:translateY(-10px)}@media (max-width: 768px){.main-nav-desktop[data-v-b9fc88ac]{display:none}.mobile-nav-toggle[data-v-b9fc88ac]{display:flex;align-items:center;justify-content:flex-end;padding:var(--spacing-sm) var(--spacing-md)}.main-nav-mobile[data-v-b9fc88ac]{display:block}.nav-item[data-v-b9fc88ac]{padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-sm);border-radius:var(--border-radius-sm)}}.no-nav-message[data-v-06b45a70]{padding:var(--spacing-md);color:#ffffffb3;font-style:italic;text-align:center}.no-nav-message.collapsed[data-v-06b45a70]{display:none}.tool-icon[data-v-06b45a70]{display:flex;justify-content:center;align-items:center;font-size:1.2rem}.mode-dark{background-color:var(--color-background-dark, #1d1d1b);border-right:1px solid var(--color-border, #57747a);box-shadow:2px 0 8px var(--shadow-color, rgba(0, 0, 0, .5))}.mode-dark{background-color:var(--color-background-darker)}.mode-dark{background-color:var(--color-background-dark)}.mode-dark{background-color:var(--color-hover, rgba(29, 29, 27, .05))}.mode-dark{background-color:var(--color-background, #1d1d1b);border-left:3px solid var(--color-accent);color:var(--color-text, #ffffff)}.mode-dark{margin-top:var(--spacing-lg)}.mode-dark{color:var(--color-accent-light)}.sidebar-container[data-v-06b45a70]{position:relative;height:100%;display:flex;flex-direction:column;transition:width var(--sidebar-transition-duration) ease}.sidebar[data-v-06b45a70]{width:var(--sidebar-width);background-color:var(--color-primary-dark);color:var(--color-text-on-primary, white);flex:1;height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;transition:width var(--sidebar-transition-duration) ease,background-color var(--sidebar-transition-duration) ease,color var(--sidebar-transition-duration) ease;position:static;border-right:1px solid var(--color-border, rgba(0, 0, 0, .1));scrollbar-width:thin;scrollbar-color:var(--color-primary-light) transparent;box-shadow:2px 0 8px #0000001a}.sidebar-container.sidebar-collapsed .sidebar[data-v-06b45a70]{width:var(--sidebar-collapsed-width)}.section-header[data-v-06b45a70]{padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-xs)}.section-header h3[data-v-06b45a70]{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0;transition:opacity var(--sidebar-transition-duration) ease}.sidebar-collapsed .section-header[data-v-06b45a70]{padding:var(--spacing-sm) 0;text-align:center}.sidebar-collapsed .section-header h3[data-v-06b45a70]{font-size:var(--font-size-base);font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:clip;width:1.2em;text-align:center;margin:0 auto;text-indent:0}.sidebar-nav[data-v-06b45a70]{padding:var(--spacing-md) 0}.nav-list[data-v-06b45a70],.sub-nav-list[data-v-06b45a70]{list-style:none;padding:0;margin:0}.nav-item[data-v-06b45a70]{margin-bottom:var(--spacing-xs);position:relative}.nav-link[data-v-06b45a70]{display:flex;align-items:center;height:var(--nav-height);padding:0 var(--spacing-md);color:var(--color-text-on-primary, white);text-decoration:none;transition:background-color var(--sidebar-transition-duration) ease,color var(--sidebar-transition-duration) ease;border-left:3px solid transparent;font-size:var(--font-size-base);gap:var(--spacing-sm)}.sidebar-collapsed .nav-link[data-v-06b45a70]{padding:0;justify-content:center;text-align:center}.nav-link[data-v-06b45a70]:hover{background-color:#ffffff1a}.router-link-active[data-v-06b45a70]{background-color:#ffffff26;border-left:3px solid var(--color-accent);font-weight:500;color:var(--color-text-on-primary, white)}.sidebar-collapsed .router-link-active[data-v-06b45a70]{border-left-color:transparent;border-bottom:2px solid var(--color-accent)}.nav-icon[data-v-06b45a70]{font-size:1.2rem;width:1.8rem;height:1.8rem;text-align:center;flex-shrink:0;display:flex;align-items:center;justify-content:center}.nav-link:not(.sidebar-collapsed .nav-link) .nav-icon[data-v-06b45a70]{margin-right:0}.sidebar-collapsed .nav-icon[data-v-06b45a70]{margin-right:0;display:flex;align-items:center;justify-content:center;width:100%}.nav-text[data-v-06b45a70]{font-weight:500;transition:opacity var(--sidebar-transition-duration) ease;font-size:var(--font-size-md)}.sidebar-collapsed .nav-text[data-v-06b45a70]{display:none}.admin-section[data-v-06b45a70]{margin-top:var(--spacing-lg);padding-top:var(--spacing-md)}.tool-header h2[data-v-06b45a70]{padding:0 var(--spacing-md);margin-bottom:var(--spacing-xs);font-weight:600;font-size:var(--font-size-sm);color:var(--color-accent-light);text-transform:uppercase}.collapsed-header h2[data-v-06b45a70]{text-align:center;font-size:var(--font-size-xs);padding:0 var(--spacing-xs);color:var(--color-accent-light)}.sidebar-collapsed .tool-header[data-v-06b45a70]{display:none}.sub-nav-list[data-v-06b45a70]{margin-left:var(--spacing-xs);color:var(--color-text, #ffffff)}.collapse-button[data-v-06b45a70]{position:fixed;top:calc(var(--sidebar-top, var(--header-total-height)) + 41px);left:var(--sidebar-width);width:1px;height:48px;border-radius:0 4px 4px 0;background-color:var(--color-primary-dark);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:95;transition:left .3s ease,top .3s ease,background-color .3s ease;box-shadow:2px 0 5px #0000001a}[data-header-state=hidden]{top:calc(var(--nav-height) + 1px);transition:top .3s ease}button[data-v-06b45a70]{padding:.6em}.sidebar-collapsed .collapse-button[data-v-06b45a70]{left:var(--sidebar-collapsed-width)}.collapse-button[data-v-06b45a70]:hover{background-color:var(--color-primary)}.collapse-icon[data-v-06b45a70]{display:flex;align-items:center;justify-content:center;color:var(--color-text-on-primary, white);transition:transform .3s ease,color .3s ease}.mode-dark{color:var(--color-text, #ffffff)}.desktop-only[data-v-06b45a70]{display:none}.mobile-only[data-v-06b45a70]{display:flex}@media (min-width: 768px){.desktop-only[data-v-06b45a70]{display:flex}.mobile-only[data-v-06b45a70]{display:none}}.sidebar-toggle-button[data-v-06b45a70]{position:fixed;flex-direction:column;top:70px;left:10px;width:40px;height:40px;color:#fff;border:none;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:var(--color-primary-dark);z-index:101;box-shadow:0 2px 5px #0003}.toggle-icon[data-v-06b45a70]{display:flex;align-items:center;justify-content:center}.sidebar-overlay[data-v-06b45a70]{position:fixed;inset:0;background-color:#00000080;z-index:80}@media (max-width: 767px){.sidebar[data-v-06b45a70]{position:fixed;top:0;left:0;height:100vh;width:250px;z-index:100;box-shadow:var(--box-shadow-lg)}.sidebar-hidden[data-v-06b45a70]{transform:translate(-100%)}.sidebar-open[data-v-06b45a70]{transform:translate(0)}.desktop-only[data-v-06b45a70]{display:none}}@media (min-width: 768px){.mobile-only[data-v-06b45a70]{display:none}}.modal-overlay[data-v-bd2bc64e]{position:fixed;inset:0;background:#00000080;z-index:1100;display:flex;justify-content:center;align-items:center;padding:1.5rem}.modal-content[data-v-bd2bc64e]{background:var(--color-surface, #ffffff);color:var(--color-text, #0f172a);border-radius:var(--border-radius-md, .375rem);box-shadow:var(--box-shadow-lg, 0 30px 60px rgba(15, 23, 42, .2));border:1px solid var(--color-border, rgba(15, 23, 42, .08));width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-sm[data-v-bd2bc64e]{max-width:400px}.modal-md[data-v-bd2bc64e]{max-width:520px}.modal-lg[data-v-bd2bc64e]{max-width:800px}.modal-xl[data-v-bd2bc64e]{max-width:1200px}.modal-danger[data-v-bd2bc64e]{--modal-accent: #dc2626;--modal-accent-soft: rgba(220, 38, 38, .1)}.modal-warning[data-v-bd2bc64e]{--modal-accent: #d97706;--modal-accent-soft: rgba(217, 119, 6, .12)}.modal-info[data-v-bd2bc64e]{--modal-accent: #2563eb;--modal-accent-soft: rgba(37, 99, 235, .12)}.modal-header[data-v-bd2bc64e]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg, 1.5rem);border-bottom:1px solid var(--color-border)}.modal-header h3[data-v-bd2bc64e]{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text);display:flex;align-items:center;gap:.75rem}.modal-icon[data-v-bd2bc64e]{color:var(--modal-accent, var(--color-primary));font-size:1.1rem}.modal-close[data-v-bd2bc64e]{background:none;border:none;font-size:1.5rem;color:var(--color-text-muted);cursor:pointer;padding:var(--spacing-xs, .5rem);border-radius:50%;transition:all .2s;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.modal-close[data-v-bd2bc64e]:hover{background:var(--color-background-muted);color:var(--color-text)}.modal-body[data-v-bd2bc64e]{padding:var(--spacing-lg, 1.5rem);overflow-y:auto;flex:1}.modal-footer[data-v-bd2bc64e]{display:flex;justify-content:flex-end;gap:var(--spacing-sm, .75rem);padding:var(--spacing-lg, 1.5rem);border-top:1px solid var(--color-border)}.btn-spinner[data-v-bd2bc64e]{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.4);border-top-color:#ffffffe6;border-radius:50%;animation:spin-bd2bc64e .8s linear infinite;margin-left:.5rem;display:inline-block}@keyframes spin-bd2bc64e{to{transform:rotate(360deg)}}.modal-fade-enter-active[data-v-bd2bc64e],.modal-fade-leave-active[data-v-bd2bc64e]{transition:opacity .2s ease,transform .2s ease}.modal-fade-enter-from[data-v-bd2bc64e],.modal-fade-leave-to[data-v-bd2bc64e]{opacity:0;transform:translateY(10px) scale(.97)}@media (max-width: 768px){.modal-overlay[data-v-bd2bc64e]{padding:1rem}.modal-content[data-v-bd2bc64e]{max-height:95vh}}.notification-stack[data-v-450a6662]{position:fixed;top:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:1rem;z-index:1050;max-width:min(420px,calc(100vw - 2rem))}.notification-stack[data-v-450a6662]:empty{pointer-events:none}.notification-stack .notification[data-v-450a6662]{display:flex;gap:1rem;background:var(--color-surface, #1f1f1f);color:var(--color-text, #f5f5f5);border-radius:.75rem;padding:1rem 1.25rem;box-shadow:0 20px 40px #00000059;border-left:4px solid var(--color-border, #3b82f6);position:relative;overflow:hidden}.notification-icon[data-v-450a6662]{flex-shrink:0;width:28px;height:28px;color:inherit;opacity:.9}.notification-content[data-v-450a6662]{flex:1;display:flex;flex-direction:column;gap:.5rem}.notification-title[data-v-450a6662]{font-weight:600;font-size:.95rem}.notification-message[data-v-450a6662]{margin:0;font-size:.9rem;line-height:1.4}.notification-cta[data-v-450a6662]{align-self:flex-start;border:none;background:transparent;color:inherit;font-weight:600;cursor:pointer;padding:0}.notification-close[data-v-450a6662]{border:none;background:transparent;color:inherit;opacity:.7;cursor:pointer;font-size:1.2rem;padding:0 0 0 .5rem}.notification-progress[data-v-450a6662]{width:100%;height:4px;border-radius:999px;background:#ffffff26;overflow:hidden}.notification-progress-bar[data-v-450a6662]{height:100%;background:currentColor;transition:width .12s linear}.notification-success[data-v-450a6662]{border-left-color:#10b981;color:#d1fae5}.notification-error[data-v-450a6662]{border-left-color:#ef4444;color:#fee2e2}.notification-warning[data-v-450a6662]{border-left-color:#f59e0b;color:#fef3c7}.notification-progress[data-v-450a6662]{border-left-color:#3b82f6}.notification-info[data-v-450a6662]{border-left-color:#3b82f6;color:#dbeafe}.notification-stack-enter-active[data-v-450a6662],.notification-stack-leave-active[data-v-450a6662]{transition:all .25s ease,opacity .2s ease}.notification-stack-enter-from[data-v-450a6662],.notification-stack-leave-to[data-v-450a6662]{opacity:0;transform:translateY(-15px) scale(.98)}@media (max-width: 768px){.notification-stack[data-v-450a6662]{left:1rem;right:1rem;top:1rem}}.confirm-message[data-v-450a6662]{margin:0 0 1rem;color:var(--color-text);line-height:1.6;font-size:.95rem}.confirm-details[data-v-450a6662]{margin:1rem 0;padding:1rem;background:var(--color-background-muted, rgba(0, 0, 0, .02));border-radius:var(--border-radius-md);display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.confirm-detail dt[data-v-450a6662]{margin:0;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-weight:500}.confirm-detail dd[data-v-450a6662]{margin:.3rem 0 0;font-size:.95rem;font-weight:600;color:var(--color-text)}.confirm-checkbox[data-v-450a6662]{display:flex;gap:.75rem;align-items:center;font-size:.9rem;color:var(--color-text);padding:.75rem;background:var(--color-background-muted, rgba(0, 0, 0, .02));border-radius:var(--border-radius-md);margin-top:1rem}.confirm-checkbox input[type=checkbox][data-v-450a6662]{width:18px;height:18px;cursor:pointer}.confirm-checkbox span[data-v-450a6662]{cursor:pointer;user-select:none}:root{--shadow-color: var(--color-shadow-color, rgba(0, 0, 0, .1))}*{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-background-muted)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}html,body{margin:0;padding:0;width:100%;height:100%;font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text);transition:background-color .3s,color .3s;overflow-x:hidden}body.mode-dark{margin-top:0!important}.app-container{display:flex;flex-direction:column;width:100%;height:100vh;max-width:100%;position:relative;overflow:hidden!important;background-color:var(--color-background);color:var(--color-text);transition:background-color .3s,color .3s}.header-container{position:fixed;top:0;left:0;right:0;width:100%;background-color:var(--color-background);transition:transform .3s ease-in-out,opacity .3s ease-in-out,height .3s ease-in-out,background-color .3s;box-shadow:0 2px 10px var(--shadow-color);will-change:transform,opacity,height;z-index:100;height:var(--header-content-height)}.main-nav-container{position:fixed;top:var(--header-content-height);left:0;right:0;width:100%;z-index:90;height:var(--nav-height);transition:top var(--sidebar-transition-duration) ease;background-color:var(--color-background)}:root{--header-state: visible}.header-container.header-hidden~.main-nav-container{top:0}.header-container.header-hidden{transform:translateY(-100%);opacity:0;pointer-events:none;height:0;overflow:hidden;margin:0;padding:0;transition:transform .3s ease-out,opacity .2s ease-out,height .3s ease-out}.page-wrapper{display:flex;flex:1;width:100%;position:fixed;top:var(--visible-header-height);left:0;right:0;bottom:0;height:auto;transition:top .3s ease,background-color .3s;background-color:var(--color-background);overflow:hidden}.main-content{padding:var(--spacing-md);flex:1;min-width:0;transition:background-color var(--sidebar-transition-duration) ease,color var(--sidebar-transition-duration) ease;background-color:var(--color-background);color:var(--color-text);overflow-y:auto;height:100%;position:relative;display:flex;flex-direction:column;align-items:center}.sidebar-wrapper{height:100%;min-height:100%;flex-shrink:0;display:flex;flex-direction:column}.main-content.home-page{padding:0;margin-left:0}.main-content>*:not(.home-page-content){max-width:1400px;width:100%;margin:0 auto}.no-sidebar{max-width:100%;padding:0}.home-content{padding:0;margin:0;height:100vh;overflow:hidden}.home-layout{height:100vh;margin-top:0;padding-top:calc(var(--header-height) + 48px)}@media (max-width: 768px){.page-wrapper{flex-direction:column}.main-content{padding:var(--spacing-sm)}.sidebar-wrapper{order:-1}.sidebar{width:min(85vw,var(--sidebar-width));box-shadow:0 0 15px #0003}.main-content>*:not(.home-page-content){max-width:100%;padding:0 var(--spacing-xs)}:root{--header-height: 80px}}