.app-shell[data-v-56e7c185]{display:flex;width:100vw;height:100vh;margin:0;padding:0;box-sizing:border-box;background:var(--color-bg-primary)}.side-nav[data-v-56e7c185]{--nav-collapsed: 80px;--nav-expanded: 260px;width:var(--nav-collapsed);background:var(--color-bg-secondary);border-right:1px solid var(--color-border);color:var(--color-text-secondary);display:flex;flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1);position:sticky;top:0;height:100vh;z-index:10;box-shadow:var(--shadow-lg)}.side-nav.expanded[data-v-56e7c185]{width:var(--nav-expanded)}.side-nav-header[data-v-56e7c185]{display:flex;align-items:center;justify-content:flex-end;padding:var(--spacing-md);height:64px;border-bottom:1px solid var(--color-border)}.collapse-btn[data-v-56e7c185]{background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:8px 12px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.collapse-btn[data-v-56e7c185]:hover{background:var(--color-bg-hover);color:var(--color-text-primary);transform:scale(1.05)}.nav-list[data-v-56e7c185]{list-style:none;padding:var(--spacing-md);margin:0;display:flex;flex-direction:column;gap:var(--spacing-xs);overflow-y:auto;flex:1}.nav-list li[data-v-56e7c185]{display:flex;align-items:center;gap:var(--spacing-md);padding:12px 16px;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;color:var(--color-text-secondary);transition:all .2s ease;position:relative}.nav-list li i[data-v-56e7c185]{font-size:20px;width:24px;text-align:center;flex-shrink:0}.nav-list li[data-v-56e7c185]:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary);transform:translate(4px)}.nav-list li.active[data-v-56e7c185]{background:linear-gradient(135deg,#6366f126,#8b5cf61a);color:var(--color-accent-primary);border-left:3px solid var(--color-accent-primary);font-weight:500}.nav-list li.active[data-v-56e7c185]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--color-accent-primary);border-radius:0 2px 2px 0}.nav-label[data-v-56e7c185]{font-weight:500;font-size:.9375rem}.logout-compact[data-v-56e7c185]{margin:var(--spacing-md);margin-top:auto;background:linear-gradient(135deg,var(--color-accent-danger),#dc2626);color:#fff;border:none;border-radius:var(--radius-md);padding:12px 16px;display:flex;align-items:center;gap:var(--spacing-md);justify-content:center;cursor:pointer;font-weight:500;transition:all .2s ease;box-shadow:var(--shadow-sm)}.logout-compact[data-v-56e7c185]:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:var(--shadow-md)}.logout-compact[data-v-56e7c185]:active{transform:translateY(0)}.main-container[data-v-56e7c185]{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--color-bg-primary)}.topbar[data-v-56e7c185]{height:64px;display:flex;align-items:center;padding:0 var(--spacing-lg);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:5;box-shadow:var(--shadow-sm)}.brand[data-v-56e7c185]{font-weight:700;color:var(--color-text-primary);letter-spacing:-.5px;font-size:1.25rem;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.main-content[data-v-56e7c185]{flex:1;padding:0;margin:0;overflow:auto;background:var(--color-bg-primary)}@media (max-width: 768px){.side-nav[data-v-56e7c185]{width:var(--nav-collapsed)}.side-nav.expanded[data-v-56e7c185]{width:var(--nav-expanded);position:fixed;height:100vh;z-index:100}}.login-container[data-v-6f7dee84]{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-lg);background:linear-gradient(135deg,var(--color-bg-primary) 0%,var(--color-bg-secondary) 100%);position:relative;overflow:hidden}.login-container[data-v-6f7dee84]:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(99,102,241,.1) 0%,transparent 70%);animation:pulse-6f7dee84 20s ease-in-out infinite}@keyframes pulse-6f7dee84{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}.login-card[data-v-6f7dee84]{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-2xl);width:100%;max-width:440px;box-shadow:var(--shadow-xl);position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-header[data-v-6f7dee84]{text-align:center;margin-bottom:var(--spacing-xl)}.login-header h1[data-v-6f7dee84]{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-sm);background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-subtitle[data-v-6f7dee84]{color:var(--color-text-tertiary);font-size:.9375rem;margin:0}.login-form[data-v-6f7dee84]{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group[data-v-6f7dee84]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-group label[data-v-6f7dee84]{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.form-group input[data-v-6f7dee84]{padding:12px 16px;font-size:.9375rem}.login-button[data-v-6f7dee84]{width:100%;padding:14px;font-size:1rem;font-weight:600;margin-top:var(--spacing-md);background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));border:none;color:#fff;box-shadow:var(--shadow-md)}.login-button[data-v-6f7dee84]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.login-button[data-v-6f7dee84]:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-message[data-v-6f7dee84]{display:flex;align-items:center;gap:var(--spacing-sm);padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--color-accent-danger);font-size:.875rem;margin-top:var(--spacing-sm)}.error-message i[data-v-6f7dee84]{font-size:1rem}.dashboard[data-v-aa3fb561]{padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-xl);max-width:1600px;margin:0 auto;width:100%}.dashboard-header[data-v-aa3fb561]{margin-bottom:var(--spacing-md)}.dashboard-header h1[data-v-aa3fb561]{font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-xs);color:var(--color-text-primary)}.dashboard-subtitle[data-v-aa3fb561]{color:var(--color-text-tertiary);font-size:1rem;margin:0}.stats-grid[data-v-aa3fb561]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.stat-card[data-v-aa3fb561]{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;transition:all .3s ease;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.stat-card[data-v-aa3fb561]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-accent-primary),var(--color-accent-secondary))}.stat-card[data-v-aa3fb561]:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-border-light)}.stat-content[data-v-aa3fb561]{flex:1}.stat-label[data-v-aa3fb561]{font-size:.875rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:var(--spacing-sm)}.stat-value[data-v-aa3fb561]{display:flex;align-items:center;gap:var(--spacing-sm)}.stat-number[data-v-aa3fb561]{font-size:2rem;font-weight:700;color:var(--color-text-primary);line-height:1}.stat-error[data-v-aa3fb561]{font-size:.875rem;color:var(--color-text-tertiary)}.loading-spinner[data-v-aa3fb561]{color:var(--color-accent-primary);font-size:1.5rem}.stat-icon[data-v-aa3fb561]{width:56px;height:56px;border-radius:var(--radius-md);background:linear-gradient(135deg,#6366f133,#8b5cf633);display:flex;align-items:center;justify-content:center;color:var(--color-accent-primary);font-size:1.5rem;flex-shrink:0}.charts-grid[data-v-aa3fb561]{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-lg)}.chart-card[data-v-aa3fb561]{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);transition:all .3s ease}.chart-card[data-v-aa3fb561]:hover{box-shadow:var(--shadow-lg);border-color:var(--color-border-light)}.chart-header[data-v-aa3fb561]{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.chart-header h3[data-v-aa3fb561]{font-size:1.25rem;font-weight:600;margin:0;color:var(--color-text-primary)}.chart-badge[data-v-aa3fb561]{padding:4px 12px;background:#10b98133;color:var(--color-accent-success);border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.chart-container[data-v-aa3fb561]{position:relative;height:300px}.chart-container canvas[data-v-aa3fb561]{max-height:100%}.chart-controls[data-v-aa3fb561]{display:flex;align-items:center;gap:var(--spacing-sm)}.period-select[data-v-aa3fb561]{padding:6px 10px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.period-select[data-v-aa3fb561]:hover{border-color:var(--color-border-light)}.period-select[data-v-aa3fb561]:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #6366f11a}.chart-loading[data-v-aa3fb561],.chart-error[data-v-aa3fb561]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl);color:var(--color-text-tertiary);min-height:200px}.chart-error[data-v-aa3fb561]{color:var(--color-accent-danger)}@media (max-width: 768px){.dashboard[data-v-aa3fb561]{padding:var(--spacing-md)}.stats-grid[data-v-aa3fb561],.charts-grid[data-v-aa3fb561]{grid-template-columns:1fr}.chart-container[data-v-aa3fb561]{height:250px}}.task-icons-view[data-v-080e7c2b]{padding:var(--spacing-xl);max-width:1600px;margin:0 auto;width:100%}.view-header[data-v-080e7c2b]{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-xl)}.view-header h1[data-v-080e7c2b]{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-xs);color:var(--color-text-primary)}.view-subtitle[data-v-080e7c2b]{color:var(--color-text-tertiary);font-size:.9375rem;margin:0}.icons-grid[data-v-080e7c2b]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-lg)}.icon-card[data-v-080e7c2b]{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;position:relative;transition:all .3s ease;box-shadow:var(--shadow-md)}.icon-card[data-v-080e7c2b]:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-border-light)}.icon-edit-btn[data-v-080e7c2b]{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-tertiary);color:var(--color-accent-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:2}.icon-edit-btn[data-v-080e7c2b]:hover{background:#6366f11a;border-color:var(--color-accent-primary);transform:scale(1.1)}.icon-img-wrapper[data-v-080e7c2b]{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--color-border);margin-bottom:var(--spacing-md);padding:var(--spacing-sm)}.icon-img[data-v-080e7c2b]{width:100%;height:100%;object-fit:contain}.icon-info[data-v-080e7c2b]{text-align:center;width:100%}.icon-title[data-v-080e7c2b]{font-weight:600;font-size:1rem;color:var(--color-text-primary);margin-bottom:var(--spacing-xs);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.icon-plus[data-v-080e7c2b]{color:var(--color-accent-success);font-size:.875rem}.icon-filename[data-v-080e7c2b]{font-size:.8125rem;color:var(--color-text-tertiary);font-family:Monaco,Menlo,Ubuntu Mono,monospace}.modal-overlay[data-v-080e7c2b]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg);animation:fadeIn-080e7c2b .2s ease}@keyframes fadeIn-080e7c2b{0%{opacity:0}to{opacity:1}}.modal[data-v-080e7c2b]{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);animation:slideUp-080e7c2b .3s ease}@keyframes slideUp-080e7c2b{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header[data-v-080e7c2b]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.modal-header h3[data-v-080e7c2b]{font-size:1.5rem;font-weight:600;margin:0;color:var(--color-text-primary)}.modal-close[data-v-080e7c2b]{width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-tertiary);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0}.modal-close[data-v-080e7c2b]:hover{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border-light)}.modal-body[data-v-080e7c2b]{padding:var(--spacing-lg);overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-lg)}.modal-footer[data-v-080e7c2b]{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--color-border);margin-top:auto}.form-group[data-v-080e7c2b]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-group label[data-v-080e7c2b]{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.form-group input[data-v-080e7c2b]{padding:12px 16px;font-size:.9375rem}.checkbox-group[data-v-080e7c2b]{flex-direction:row;align-items:center}.checkbox-label[data-v-080e7c2b]{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox][data-v-080e7c2b]{width:20px;height:20px;cursor:pointer}.checkbox-label span[data-v-080e7c2b]{color:var(--color-text-primary);font-size:.9375rem}@media (max-width: 768px){.task-icons-view[data-v-080e7c2b]{padding:var(--spacing-md)}.view-header[data-v-080e7c2b]{flex-direction:column;gap:var(--spacing-md)}.icons-grid[data-v-080e7c2b]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-md)}.modal[data-v-080e7c2b]{max-width:100%;max-height:100vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0}}.tasks-view[data-v-113fbb2e]{padding:var(--spacing-xl);max-width:1600px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:var(--spacing-xl)}.view-header[data-v-113fbb2e]{margin-bottom:var(--spacing-md)}.view-header h1[data-v-113fbb2e]{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-xs);color:var(--color-text-primary)}.view-subtitle[data-v-113fbb2e]{color:var(--color-text-tertiary);font-size:.9375rem;margin:0}.card[data-v-113fbb2e]{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md)}.card-header-section[data-v-113fbb2e]{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.card-header-section h2[data-v-113fbb2e]{font-size:1.5rem;font-weight:600;margin:0;color:var(--color-text-primary)}.table-wrapper[data-v-113fbb2e]{overflow-x:auto}.modern-table[data-v-113fbb2e]{width:100%;border-collapse:separate;border-spacing:0}.modern-table thead th[data-v-113fbb2e]{background:var(--color-bg-tertiary);padding:16px;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);border-bottom:2px solid var(--color-border)}.modern-table tbody td[data-v-113fbb2e]{padding:16px;border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}.table-row[data-v-113fbb2e]:hover{background:var(--color-bg-tertiary)}.task-icon[data-v-113fbb2e]{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--color-border)}.icon-img[data-v-113fbb2e]{width:100%;height:100%;object-fit:contain;border-radius:var(--radius-sm)}.task-name[data-v-113fbb2e]{font-weight:500;color:var(--color-text-primary)}.task-description[data-v-113fbb2e]{color:var(--color-text-secondary);font-size:.9375rem}.category-tag[data-v-113fbb2e]{display:inline-block;padding:4px 12px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:12px;font-size:.8125rem;color:var(--color-text-secondary)}.category-name[data-v-113fbb2e]{font-weight:500;color:var(--color-text-primary)}.category-description[data-v-113fbb2e]{color:var(--color-text-secondary);font-size:.9375rem}.actions-column[data-v-113fbb2e]{text-align:right;width:100px}.actions-cell[data-v-113fbb2e]{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm)}.btn-icon[data-v-113fbb2e]{width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-tertiary);color:var(--color-text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0}.btn-icon[data-v-113fbb2e]:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn-edit[data-v-113fbb2e]{color:var(--color-accent-primary);border-color:#6366f14d}.btn-edit[data-v-113fbb2e]:hover{background:#6366f11a;border-color:var(--color-accent-primary)}.empty-state[data-v-113fbb2e]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--color-text-tertiary);gap:var(--spacing-md)}.empty-state i[data-v-113fbb2e]{font-size:3rem;opacity:.5}.empty-state p[data-v-113fbb2e]{margin:0;font-size:1rem}.modal-overlay[data-v-113fbb2e]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg);animation:fadeIn-113fbb2e .2s ease}@keyframes fadeIn-113fbb2e{0%{opacity:0}to{opacity:1}}.modal[data-v-113fbb2e]{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);animation:slideUp-113fbb2e .3s ease}@keyframes slideUp-113fbb2e{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header[data-v-113fbb2e]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.modal-header h3[data-v-113fbb2e]{font-size:1.5rem;font-weight:600;margin:0;color:var(--color-text-primary)}.modal-close[data-v-113fbb2e]{width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-tertiary);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0}.modal-close[data-v-113fbb2e]:hover{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border-light)}.modal-body[data-v-113fbb2e]{padding:var(--spacing-lg);overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-lg)}.modal-footer[data-v-113fbb2e]{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--color-border);margin-top:auto}.form-group[data-v-113fbb2e]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-group label[data-v-113fbb2e]{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.form-group input[data-v-113fbb2e],.form-group select[data-v-113fbb2e]{padding:12px 16px;font-size:.9375rem}@media (max-width: 768px){.tasks-view[data-v-113fbb2e]{padding:var(--spacing-md)}.card-header-section[data-v-113fbb2e]{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.modal[data-v-113fbb2e]{max-width:100%;max-height:100vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0}}.users-view[data-v-9b927e0e]{padding:var(--spacing-xl);max-width:1600px;margin:0 auto;width:100%}.view-header[data-v-9b927e0e]{margin-bottom:var(--spacing-xl)}.view-header h1[data-v-9b927e0e]{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-xs);color:var(--color-text-primary)}.view-subtitle[data-v-9b927e0e]{color:var(--color-text-tertiary);font-size:.9375rem;margin:0}.card[data-v-9b927e0e]{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md)}.loading-state[data-v-9b927e0e],.error-state[data-v-9b927e0e]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-2xl);color:var(--color-text-tertiary)}.error-state[data-v-9b927e0e]{color:var(--color-accent-danger)}.table-wrapper[data-v-9b927e0e]{overflow-x:auto}.modern-table[data-v-9b927e0e]{width:100%;border-collapse:separate;border-spacing:0}.modern-table thead th[data-v-9b927e0e]{background:var(--color-bg-tertiary);padding:16px;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);border-bottom:2px solid var(--color-border);position:sticky;top:0;z-index:1}.modern-table tbody td[data-v-9b927e0e]{padding:16px;border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}.table-row[data-v-9b927e0e]:hover{background:var(--color-bg-tertiary)}.user-link[data-v-9b927e0e]{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-primary);font-weight:500;transition:color .2s ease}.user-link[data-v-9b927e0e]:hover{color:var(--color-accent-primary)}.user-link i[data-v-9b927e0e]{color:var(--color-accent-primary);font-size:1.25rem}.groups-cell[data-v-9b927e0e]{display:flex;align-items:center;gap:var(--spacing-xs)}.group-tag[data-v-9b927e0e]{display:inline-flex;align-items:center;padding:4px 10px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:12px;font-size:.8125rem;color:var(--color-text-secondary)}.group-tag.multiple[data-v-9b927e0e]{gap:var(--spacing-xs)}.group-count[data-v-9b927e0e]{color:var(--color-accent-primary);font-weight:600}.actions-column[data-v-9b927e0e]{text-align:right;width:120px}.actions-cell[data-v-9b927e0e]{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm)}.btn-icon[data-v-9b927e0e]{width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-tertiary);color:var(--color-text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0}.btn-icon[data-v-9b927e0e]:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn-edit[data-v-9b927e0e]{color:var(--color-accent-primary);border-color:#6366f14d}.btn-edit[data-v-9b927e0e]:hover{background:#6366f11a;border-color:var(--color-accent-primary)}.btn-danger[data-v-9b927e0e]{color:var(--color-accent-danger);border-color:#ef44444d}.btn-danger[data-v-9b927e0e]:hover{background:#ef44441a;border-color:var(--color-accent-danger)}.user-details-view[data-v-bba344f9]{padding:var(--spacing-xl);max-width:1600px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:var(--spacing-xl)}.back-button[data-v-bba344f9]{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:10px 16px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;width:fit-content}.back-button[data-v-bba344f9]:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-light);transform:translate(-2px)}.stats-grid[data-v-bba344f9]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-lg)}.stat-card[data-v-bba344f9]{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;transition:all .3s ease;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.stat-card[data-v-bba344f9]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-accent-primary),var(--color-accent-secondary))}.stat-card[data-v-bba344f9]:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-border-light)}.stat-content[data-v-bba344f9]{flex:1}.stat-label[data-v-bba344f9]{font-size:.875rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:var(--spacing-sm)}.stat-value[data-v-bba344f9]{display:flex;align-items:center;gap:var(--spacing-sm)}.stat-number[data-v-bba344f9]{font-size:2rem;font-weight:700;color:var(--color-text-primary);line-height:1}.stat-error[data-v-bba344f9]{font-size:.875rem;color:var(--color-text-tertiary)}.loading-spinner[data-v-bba344f9]{color:var(--color-accent-primary);font-size:1.5rem}.stat-icon[data-v-bba344f9]{width:56px;height:56px;border-radius:var(--radius-md);background:linear-gradient(135deg,#6366f133,#8b5cf633);display:flex;align-items:center;justify-content:center;color:var(--color-accent-primary);font-size:1.5rem;flex-shrink:0}.card[data-v-bba344f9]{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md)}.card-header-section[data-v-bba344f9]{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.card-header-section h2[data-v-bba344f9]{font-size:1.5rem;font-weight:600;margin:0;color:var(--color-text-primary)}.card-actions[data-v-bba344f9]{display:flex;gap:var(--spacing-sm)}.loading-state[data-v-bba344f9],.error-state[data-v-bba344f9],.empty-state[data-v-bba344f9]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-2xl);color:var(--color-text-tertiary)}.error-state[data-v-bba344f9]{color:var(--color-accent-danger)}.empty-state i[data-v-bba344f9]{font-size:3rem;opacity:.5}.empty-state p[data-v-bba344f9]{margin:0;font-size:1rem}.user-info[data-v-bba344f9]{display:flex;flex-direction:column;gap:var(--spacing-lg)}.info-row[data-v-bba344f9]{display:flex;align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--color-border)}.info-label[data-v-bba344f9]{display:flex;align-items:center;gap:var(--spacing-sm);min-width:150px;font-weight:500;color:var(--color-text-secondary);font-size:.9375rem}.info-label i[data-v-bba344f9]{color:var(--color-accent-primary);width:20px}.info-value[data-v-bba344f9]{flex:1;color:var(--color-text-primary)}.groups-section[data-v-bba344f9]{display:flex;flex-direction:column;gap:var(--spacing-md)}.group-item[data-v-bba344f9]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--color-border);transition:all .2s ease}.group-item[data-v-bba344f9]:hover{background:var(--color-bg-hover);border-color:var(--color-border-light)}.group-info[data-v-bba344f9]{display:flex;align-items:center;gap:var(--spacing-md);flex:1}.group-link[data-v-bba344f9]{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-primary);font-weight:500;text-decoration:none;transition:color .2s ease}.group-link[data-v-bba344f9]:hover{color:var(--color-accent-primary)}.group-link i[data-v-bba344f9]{color:var(--color-accent-secondary)}.group-role[data-v-bba344f9]{font-size:.8125rem}.group-actions[data-v-bba344f9]{display:flex;gap:var(--spacing-sm)}.btn-icon[data-v-bba344f9]{width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-tertiary);color:var(--color-text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0}.btn-icon[data-v-bba344f9]:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn-icon.btn-danger[data-v-bba344f9]{color:var(--color-accent-danger);border-color:#ef44444d}.btn-icon.btn-danger[data-v-bba344f9]:hover{background:#ef44441a;border-color:var(--color-accent-danger)}.table-wrapper[data-v-bba344f9]{overflow-x:auto}.modern-table[data-v-bba344f9]{width:100%;border-collapse:separate;border-spacing:0}.modern-table thead th[data-v-bba344f9]{background:var(--color-bg-tertiary);padding:16px;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);border-bottom:2px solid var(--color-border)}.modern-table tbody td[data-v-bba344f9]{padding:16px;border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}.table-row[data-v-bba344f9]:hover{background:var(--color-bg-tertiary)}.endpoint-code[data-v-bba344f9]{display:inline-block;padding:4px 8px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8125rem;color:var(--color-accent-secondary)}.timestamp[data-v-bba344f9]{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary);font-size:.9375rem}.timestamp i[data-v-bba344f9]{color:var(--color-accent-info)}.table-footer[data-v-bba344f9]{padding-top:var(--spacing-md);text-align:right;font-size:.875rem}.chart-controls[data-v-bba344f9]{display:flex;align-items:center;gap:var(--spacing-md)}.period-select[data-v-bba344f9]{padding:8px 12px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.period-select[data-v-bba344f9]:hover{border-color:var(--color-border-light)}.period-select[data-v-bba344f9]:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #6366f11a}.chart-container[data-v-bba344f9]{position:relative;height:300px;margin-top:var(--spacing-md)}.chart-container canvas[data-v-bba344f9]{max-height:100%}.modal-overlay[data-v-bba344f9]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg);animation:fadeIn-bba344f9 .2s ease}@keyframes fadeIn-bba344f9{0%{opacity:0}to{opacity:1}}.modal[data-v-bba344f9]{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);animation:slideUp-bba344f9 .3s ease}@keyframes slideUp-bba344f9{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header[data-v-bba344f9]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.modal-header h3[data-v-bba344f9]{font-size:1.5rem;font-weight:600;margin:0;color:var(--color-text-primary)}.modal-close[data-v-bba344f9]{width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-tertiary);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0}.modal-close[data-v-bba344f9]:hover{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border-light)}.modal-body[data-v-bba344f9]{padding:var(--spacing-lg);overflow-y:auto}.modal-body p[data-v-bba344f9]{margin-bottom:var(--spacing-md);color:var(--color-text-primary)}.modal-body p[data-v-bba344f9]:last-child{margin-bottom:0}.modal-footer[data-v-bba344f9]{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--color-border);margin-top:auto}@media (max-width: 768px){.user-details-view[data-v-bba344f9]{padding:var(--spacing-md)}.stats-grid[data-v-bba344f9]{grid-template-columns:1fr}.info-row[data-v-bba344f9]{flex-direction:column;gap:var(--spacing-sm)}.info-label[data-v-bba344f9]{min-width:auto}.card-header-section[data-v-bba344f9],.group-item[data-v-bba344f9]{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}}.groups-view[data-v-b9a2651b]{padding:var(--spacing-xl);max-width:1600px;margin:0 auto;width:100%}.view-header[data-v-b9a2651b]{margin-bottom:var(--spacing-xl)}.view-header h1[data-v-b9a2651b]{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-xs);color:var(--color-text-primary)}.view-subtitle[data-v-b9a2651b]{color:var(--color-text-tertiary);font-size:.9375rem;margin:0}.card[data-v-b9a2651b]{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md)}.loading-state[data-v-b9a2651b],.error-state[data-v-b9a2651b]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-2xl);color:var(--color-text-tertiary)}.error-state[data-v-b9a2651b]{color:var(--color-accent-danger)}.table-wrapper[data-v-b9a2651b]{overflow-x:auto}.modern-table[data-v-b9a2651b]{width:100%;border-collapse:separate;border-spacing:0}.modern-table thead th[data-v-b9a2651b]{background:var(--color-bg-tertiary);padding:16px;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);border-bottom:2px solid var(--color-border)}.modern-table tbody td[data-v-b9a2651b]{padding:16px;border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}.table-row[data-v-b9a2651b]{transition:all .2s ease}.clickable-row[data-v-b9a2651b]{cursor:pointer}.clickable-row[data-v-b9a2651b]:hover{background:var(--color-bg-tertiary);transform:translate(4px)}.group-name[data-v-b9a2651b]{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:600;color:var(--color-text-primary)}.group-name i[data-v-b9a2651b]{color:var(--color-accent-secondary);font-size:1.125rem}.group-description[data-v-b9a2651b]{color:var(--color-text-secondary);font-size:.9375rem}.member-count[data-v-b9a2651b]{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary)}.member-count i[data-v-b9a2651b]{color:var(--color-accent-info)}.fw-bold[data-v-b9a2651b]{font-weight:600}.group-details-view[data-v-4fb32b79]{padding:var(--spacing-xl);max-width:1600px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:var(--spacing-xl)}.back-button[data-v-4fb32b79]{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:10px 16px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;width:fit-content}.back-button[data-v-4fb32b79]:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-light);transform:translate(-2px)}.stats-grid[data-v-4fb32b79]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-lg)}.stat-card[data-v-4fb32b79]{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;transition:all .3s ease;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.stat-card[data-v-4fb32b79]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-accent-primary),var(--color-accent-secondary))}.stat-card[data-v-4fb32b79]:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-border-light)}.stat-content[data-v-4fb32b79]{flex:1}.stat-label[data-v-4fb32b79]{font-size:.875rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:var(--spacing-sm)}.stat-value[data-v-4fb32b79]{display:flex;align-items:center;gap:var(--spacing-sm)}.stat-number[data-v-4fb32b79]{font-size:2rem;font-weight:700;color:var(--color-text-primary);line-height:1}.stat-error[data-v-4fb32b79]{font-size:.875rem;color:var(--color-text-tertiary)}.loading-spinner[data-v-4fb32b79]{color:var(--color-accent-primary);font-size:1.5rem}.stat-icon[data-v-4fb32b79]{width:56px;height:56px;border-radius:var(--radius-md);background:linear-gradient(135deg,#6366f133,#8b5cf633);display:flex;align-items:center;justify-content:center;color:var(--color-accent-primary);font-size:1.5rem;flex-shrink:0}.card[data-v-4fb32b79]{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md)}.card-header-section[data-v-4fb32b79]{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.card-header-section h2[data-v-4fb32b79]{font-size:1.5rem;font-weight:600;margin:0;color:var(--color-text-primary)}.card-actions[data-v-4fb32b79]{display:flex;gap:var(--spacing-sm)}.loading-state[data-v-4fb32b79],.error-state[data-v-4fb32b79],.empty-state[data-v-4fb32b79]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-2xl);color:var(--color-text-tertiary)}.error-state[data-v-4fb32b79]{color:var(--color-accent-danger)}.empty-state i[data-v-4fb32b79]{font-size:3rem;opacity:.5}.empty-state p[data-v-4fb32b79]{margin:0;font-size:1rem}.group-info[data-v-4fb32b79]{display:flex;flex-direction:column;gap:var(--spacing-lg)}.info-row[data-v-4fb32b79]{display:flex;align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--color-border)}.info-label[data-v-4fb32b79]{display:flex;align-items:center;gap:var(--spacing-sm);min-width:150px;font-weight:500;color:var(--color-text-secondary);font-size:.9375rem}.info-label i[data-v-4fb32b79]{color:var(--color-accent-primary);width:20px}.info-value[data-v-4fb32b79]{flex:1;color:var(--color-text-primary)}.table-wrapper[data-v-4fb32b79]{overflow-x:auto}.modern-table[data-v-4fb32b79]{width:100%;border-collapse:separate;border-spacing:0}.modern-table thead th[data-v-4fb32b79]{background:var(--color-bg-tertiary);padding:16px;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);border-bottom:2px solid var(--color-border)}.modern-table tbody td[data-v-4fb32b79]{padding:16px;border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}.table-row[data-v-4fb32b79]:hover{background:var(--color-bg-tertiary)}.user-link[data-v-4fb32b79]{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-primary);font-weight:500;text-decoration:none;transition:color .2s ease}.user-link[data-v-4fb32b79]:hover{color:var(--color-accent-primary)}.user-link i[data-v-4fb32b79]{color:var(--color-accent-primary);font-size:1.125rem}.actions-column[data-v-4fb32b79]{text-align:right;width:100px}.actions-cell[data-v-4fb32b79]{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm)}.btn-icon[data-v-4fb32b79]{width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-tertiary);color:var(--color-text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0}.btn-icon[data-v-4fb32b79]:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn-icon.btn-danger[data-v-4fb32b79]{color:var(--color-accent-danger);border-color:#ef44444d}.btn-icon.btn-danger[data-v-4fb32b79]:hover{background:#ef44441a;border-color:var(--color-accent-danger)}.modal-overlay[data-v-4fb32b79]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg);animation:fadeIn-4fb32b79 .2s ease}@keyframes fadeIn-4fb32b79{0%{opacity:0}to{opacity:1}}.modal[data-v-4fb32b79]{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);animation:slideUp-4fb32b79 .3s ease}@keyframes slideUp-4fb32b79{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header[data-v-4fb32b79]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.modal-header h3[data-v-4fb32b79]{font-size:1.5rem;font-weight:600;margin:0;color:var(--color-text-primary)}.modal-close[data-v-4fb32b79]{width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-tertiary);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0}.modal-close[data-v-4fb32b79]:hover{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border-light)}.modal-body[data-v-4fb32b79]{padding:var(--spacing-lg);overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-lg)}.modal-body p[data-v-4fb32b79]{margin-bottom:var(--spacing-md);color:var(--color-text-primary)}.modal-body p[data-v-4fb32b79]:last-child{margin-bottom:0}.modal-footer[data-v-4fb32b79]{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--color-border);margin-top:auto}.form-group[data-v-4fb32b79]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-group label[data-v-4fb32b79]{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.form-group input[data-v-4fb32b79],.form-group textarea[data-v-4fb32b79]{padding:12px 16px;font-size:.9375rem;font-family:inherit}.form-group textarea[data-v-4fb32b79]{resize:vertical;min-height:80px}@media (max-width: 768px){.group-details-view[data-v-4fb32b79]{padding:var(--spacing-md)}.stats-grid[data-v-4fb32b79]{grid-template-columns:1fr}.info-row[data-v-4fb32b79]{flex-direction:column;gap:var(--spacing-sm)}.info-label[data-v-4fb32b79]{min-width:auto}.card-header-section[data-v-4fb32b79]{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}}.user-activity-view[data-v-35fff6d0]{padding:var(--spacing-xl);max-width:1600px;margin:0 auto;width:100%}.view-header[data-v-35fff6d0]{margin-bottom:var(--spacing-xl)}.view-header h1[data-v-35fff6d0]{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-xs);color:var(--color-text-primary)}.view-subtitle[data-v-35fff6d0]{color:var(--color-text-tertiary);font-size:.9375rem;margin:0}.card[data-v-35fff6d0]{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md)}.card-header-section[data-v-35fff6d0]{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.card-header-section h2[data-v-35fff6d0]{font-size:1.5rem;font-weight:600;margin:0;color:var(--color-text-primary)}.loading-state[data-v-35fff6d0],.error-state[data-v-35fff6d0]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-2xl);color:var(--color-text-tertiary)}.error-state[data-v-35fff6d0]{color:var(--color-accent-danger)}.table-wrapper[data-v-35fff6d0]{overflow-x:auto;margin-bottom:var(--spacing-lg)}.modern-table[data-v-35fff6d0]{width:100%;border-collapse:separate;border-spacing:0}.modern-table thead th[data-v-35fff6d0]{background:var(--color-bg-tertiary);padding:16px;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);border-bottom:2px solid var(--color-border)}.modern-table tbody td[data-v-35fff6d0]{padding:16px;border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}.table-row[data-v-35fff6d0]:hover{background:var(--color-bg-tertiary)}.timestamp[data-v-35fff6d0]{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary);font-size:.9375rem}.timestamp i[data-v-35fff6d0]{color:var(--color-accent-info)}.user-cell[data-v-35fff6d0]{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-primary)}.user-cell i[data-v-35fff6d0]{color:var(--color-accent-primary)}.user-link[data-v-35fff6d0]{color:var(--color-text-primary);text-decoration:none;transition:color .2s ease;font-weight:500}.user-link[data-v-35fff6d0]:hover{color:var(--color-accent-primary)}.endpoint-code[data-v-35fff6d0]{display:inline-block;padding:4px 8px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8125rem;color:var(--color-accent-secondary)}.pagination[data-v-35fff6d0]{display:flex;align-items:center;justify-content:space-between;padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.page-info[data-v-35fff6d0]{color:var(--color-text-secondary);font-size:.9375rem;font-weight:500}.btn-secondary[data-v-35fff6d0]:disabled{opacity:.5;cursor:not-allowed}.reaction-types-view[data-v-c99d48c4]{padding:var(--spacing-xl);max-width:1600px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:var(--spacing-xl)}.view-header[data-v-c99d48c4]{margin-bottom:var(--spacing-md)}.view-header h1[data-v-c99d48c4]{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-xs);color:var(--color-text-primary)}.view-subtitle[data-v-c99d48c4]{color:var(--color-text-tertiary);font-size:.9375rem;margin:0}.card[data-v-c99d48c4]{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md)}.card-header-section[data-v-c99d48c4]{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.card-header-section h2[data-v-c99d48c4]{font-size:1.5rem;font-weight:600;margin:0;color:var(--color-text-primary)}.form-section[data-v-c99d48c4]{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group[data-v-c99d48c4]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-group label[data-v-c99d48c4]{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.form-group input[data-v-c99d48c4]{padding:12px 16px;font-size:.9375rem}.color-input-wrapper[data-v-c99d48c4]{display:flex;gap:var(--spacing-md);align-items:center}.color-picker[data-v-c99d48c4]{width:80px;height:48px;padding:4px;border-radius:var(--radius-md);cursor:pointer}.color-text[data-v-c99d48c4]{flex:1}.form-actions[data-v-c99d48c4]{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}.table-wrapper[data-v-c99d48c4]{overflow-x:auto}.modern-table[data-v-c99d48c4]{width:100%;border-collapse:separate;border-spacing:0}.modern-table thead th[data-v-c99d48c4]{background:var(--color-bg-tertiary);padding:16px;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);border-bottom:2px solid var(--color-border)}.modern-table tbody td[data-v-c99d48c4]{padding:16px;border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}.table-row[data-v-c99d48c4]:hover{background:var(--color-bg-tertiary)}.reaction-name[data-v-c99d48c4]{font-weight:500;color:var(--color-text-primary)}.icon-preview[data-v-c99d48c4]{display:flex;align-items:center;gap:var(--spacing-sm)}.icon-preview i[data-v-c99d48c4]{font-size:1.25rem;color:var(--color-accent-primary)}.icon-name[data-v-c99d48c4]{color:var(--color-text-secondary);font-size:.875rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.color-preview[data-v-c99d48c4]{display:flex;align-items:center;gap:var(--spacing-sm)}.color-swatch[data-v-c99d48c4]{width:32px;height:32px;border-radius:var(--radius-sm);border:2px solid var(--color-border);flex-shrink:0}.color-value[data-v-c99d48c4]{color:var(--color-text-secondary);font-size:.875rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.actions-column[data-v-c99d48c4]{text-align:right;width:120px}.actions-cell[data-v-c99d48c4]{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm)}.btn-icon[data-v-c99d48c4]{width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-tertiary);color:var(--color-text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0}.btn-icon[data-v-c99d48c4]:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn-edit[data-v-c99d48c4]{color:var(--color-accent-primary);border-color:#6366f14d}.btn-edit[data-v-c99d48c4]:hover{background:#6366f11a;border-color:var(--color-accent-primary)}.btn-danger[data-v-c99d48c4]{color:var(--color-accent-danger);border-color:#ef44444d}.btn-danger[data-v-c99d48c4]:hover{background:#ef44441a;border-color:var(--color-accent-danger)}.avatar-admin-view[data-v-864981f9]{padding:var(--spacing-xl);max-width:1600px;margin:0 auto;width:100%}.view-header[data-v-864981f9]{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-xl)}.view-header h1[data-v-864981f9]{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-xs);color:var(--color-text-primary)}.view-subtitle[data-v-864981f9]{color:var(--color-text-tertiary);font-size:.9375rem;margin:0}.card[data-v-864981f9]{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md)}.loading-state[data-v-864981f9],.error-state[data-v-864981f9]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-2xl);color:var(--color-text-tertiary)}.error-state[data-v-864981f9]{color:var(--color-accent-danger)}.table-wrapper[data-v-864981f9]{overflow-x:auto}.modern-table[data-v-864981f9]{width:100%;border-collapse:separate;border-spacing:0}.modern-table thead th[data-v-864981f9]{background:var(--color-bg-tertiary);padding:16px;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);border-bottom:2px solid var(--color-border)}.modern-table tbody td[data-v-864981f9]{padding:16px;border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}.table-row[data-v-864981f9]:hover{background:var(--color-bg-tertiary)}.avatar-id[data-v-864981f9]{color:var(--color-text-tertiary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem}.avatar-name[data-v-864981f9]{font-weight:500;color:var(--color-text-primary)}.avatar-image-wrapper[data-v-864981f9]{width:48px;height:48px;border-radius:50%;overflow:hidden;border:2px solid var(--color-border);background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center}.avatar-image[data-v-864981f9]{width:100%;height:100%;object-fit:cover}.empty-row[data-v-864981f9]{background:transparent}.empty-state[data-v-864981f9]{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-tertiary)}.empty-state i[data-v-864981f9]{font-size:3rem;opacity:.5;margin-bottom:var(--spacing-md)}.empty-state p[data-v-864981f9]{margin:0;font-size:1rem}.actions-column[data-v-864981f9]{text-align:right;width:100px}.actions-cell[data-v-864981f9]{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm)}.btn-icon[data-v-864981f9]{width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-tertiary);color:var(--color-text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0}.btn-icon[data-v-864981f9]:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn-edit[data-v-864981f9]{color:var(--color-accent-primary);border-color:#6366f14d}.btn-edit[data-v-864981f9]:hover{background:#6366f11a;border-color:var(--color-accent-primary)}.modal-overlay[data-v-864981f9]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg);animation:fadeIn-864981f9 .2s ease}@keyframes fadeIn-864981f9{0%{opacity:0}to{opacity:1}}.modal[data-v-864981f9]{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);animation:slideUp-864981f9 .3s ease}@keyframes slideUp-864981f9{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header[data-v-864981f9]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.modal-header h3[data-v-864981f9]{font-size:1.5rem;font-weight:600;margin:0;color:var(--color-text-primary)}.modal-close[data-v-864981f9]{width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-tertiary);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0}.modal-close[data-v-864981f9]:hover{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border-light)}.modal-body[data-v-864981f9]{padding:var(--spacing-lg);overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-lg)}.modal-footer[data-v-864981f9]{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--color-border);margin-top:auto}.form-group[data-v-864981f9]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-group label[data-v-864981f9]{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.form-group input[data-v-864981f9]{padding:12px 16px;font-size:.9375rem}.checkbox-group[data-v-864981f9]{flex-direction:row;align-items:center}.checkbox-label[data-v-864981f9]{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox][data-v-864981f9]{width:20px;height:20px;cursor:pointer}.checkbox-label span[data-v-864981f9]{color:var(--color-text-primary);font-size:.9375rem}.error-message[data-v-864981f9]{display:flex;align-items:center;gap:var(--spacing-sm);padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--color-accent-danger);font-size:.875rem}.error-message i[data-v-864981f9]{font-size:1rem}@media (max-width: 768px){.avatar-admin-view[data-v-864981f9]{padding:var(--spacing-md)}.view-header[data-v-864981f9]{flex-direction:column;gap:var(--spacing-md)}.modal[data-v-864981f9]{max-width:100%;max-height:100vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0}}:root{--color-bg-primary: #0a0e1a;--color-bg-secondary: #0f1522;--color-bg-tertiary: #141b2d;--color-bg-elevated: #1a2332;--color-bg-hover: #1f2937;--color-border: #1e293b;--color-border-light: #2d3748;--color-text-primary: #f1f5f9;--color-text-secondary: #cbd5e1;--color-text-tertiary: #94a3b8;--color-accent-primary: #6366f1;--color-accent-primary-hover: #4f46e5;--color-accent-secondary: #8b5cf6;--color-accent-success: #10b981;--color-accent-warning: #f59e0b;--color-accent-danger: #ef4444;--color-accent-info: #3b82f6;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 10px 10px -5px rgba(0, 0, 0, .3);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;font-weight:400;color-scheme:dark;color:var(--color-text-primary);background-color:var(--color-bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box}body{background:var(--color-bg-primary);color:var(--color-text-primary);font-family:inherit;min-width:320px;min-height:100vh}#app{flex:1;display:flex;flex-direction:column;margin:0;text-align:left}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--color-text-primary);margin-bottom:var(--spacing-md)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:var(--spacing-md);color:var(--color-text-secondary)}a{color:var(--color-accent-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-accent-primary-hover)}button{border-radius:var(--radius-md);border:1px solid transparent;padding:10px 20px;font-size:.9375rem;font-weight:500;font-family:inherit;background-color:var(--color-accent-primary);color:#fff;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}button:hover{background-color:var(--color-accent-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}button:active{transform:translateY(0)}button:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}.btn-primary{background-color:var(--color-accent-primary);color:#fff}.btn-primary:hover{background-color:var(--color-accent-primary-hover)}.btn-secondary{background-color:var(--color-bg-elevated);color:var(--color-text-primary);border-color:var(--color-border)}.btn-secondary:hover{background-color:var(--color-bg-hover)}.btn-danger{background-color:var(--color-accent-danger);color:#fff}.btn-danger:hover{background-color:#dc2626}.btn-success{background-color:var(--color-accent-success);color:#fff}.btn-success:hover{background-color:#059669}input,select,textarea{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px 14px;font-size:.9375rem;font-family:inherit;width:100%;box-sizing:border-box;transition:all .2s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #6366f11a;background:var(--color-bg-tertiary)}input::placeholder,textarea::placeholder{color:var(--color-text-tertiary)}label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--color-text-secondary);font-size:.875rem}.card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);transition:all .2s ease}.card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-border-light)}table{width:100%;border-collapse:collapse}thead{background:var(--color-bg-tertiary)}th{text-align:left;padding:12px 16px;font-weight:600;font-size:.875rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--color-border)}td{padding:14px 16px;border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}tbody tr{transition:background-color .15s ease}tbody tr:hover{background-color:var(--color-bg-tertiary)}.badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-primary{background-color:#6366f133;color:var(--color-accent-primary)}.badge-success{background-color:#10b98133;color:var(--color-accent-success)}.badge-warning{background-color:#f59e0b33;color:var(--color-accent-warning)}.badge-danger{background-color:#ef444433;color:var(--color-accent-danger)}.badge-secondary{background-color:var(--color-bg-elevated);color:var(--color-text-secondary)}.error{color:var(--color-accent-danger);font-size:.875rem;margin-top:var(--spacing-sm)}.success{color:var(--color-accent-success);font-size:.875rem;margin-top:var(--spacing-sm)}.text-muted{color:var(--color-text-tertiary)}.container-fluid{width:100%;padding:var(--spacing-lg)}.loading{opacity:.6;pointer-events:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-bg-elevated);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-light)}