.topbar[data-v-f6ffbe80]{display:flex;align-items:center;width:100%;height:72px;padding:0 32px;background-color:var(--bg-surface);border-bottom:1px solid var(--accent-subtle);backdrop-filter:blur(40px);position:sticky;top:0;z-index:100;flex-shrink:0}.topbar-brand[data-v-f6ffbe80]{display:flex;align-items:center;gap:12px;margin-right:40px;text-decoration:none}.topbar-logo[data-v-f6ffbe80]{display:flex;justify-content:center;align-items:center;width:36px;height:36px;background-image:linear-gradient(135deg,#00c8ff,#00e0ff);border-radius:8px;box-shadow:var(--accent-glow) 0 0 20px 0;color:var(--bg-base);flex-shrink:0}.topbar-brand-name[data-v-f6ffbe80]{color:var(--text-primary);font-family:ui-sans-serif,system-ui,sans-serif;font-size:18px;font-weight:700;letter-spacing:-.3px;white-space:nowrap}.topbar-nav[data-v-f6ffbe80]{display:flex;align-items:center;gap:4px}.nav-link[data-v-f6ffbe80]{display:flex;align-items:center;gap:10px;height:40px;padding:0 16px;border-radius:8px;border:1px solid transparent;color:var(--text-secondary);font-family:ui-sans-serif,system-ui,sans-serif;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s ease,background-color .2s ease;white-space:nowrap}.nav-link.router-link-active[data-v-f6ffbe80]{background-color:var(--accent-subtle);border-color:var(--accent-muted);color:var(--accent)}.topbar-spacer[data-v-f6ffbe80]{flex:1}.topbar-actions[data-v-f6ffbe80]{display:flex;align-items:center;gap:12px}.icon-btn[data-v-f6ffbe80]{display:flex;justify-content:center;align-items:center;width:40px;height:40px;background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:12px;color:var(--accent);cursor:pointer;transition:background-color .2s ease;flex-shrink:0}.icon-btn[data-v-f6ffbe80]:hover{background-color:var(--bg-surface)}.topbar-divider[data-v-f6ffbe80]{width:1px;height:28px;background-color:var(--border-color);flex-shrink:0}.logout-btn[data-v-f6ffbe80]{display:flex;align-items:center;gap:10px;height:40px;padding:0 16px;background-color:#ff4d4d12;border:1px solid #ff4d4d30;border-radius:12px;color:#ff6b6b;font-family:ui-sans-serif,system-ui,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease;white-space:nowrap;flex-shrink:0}.logout-btn[data-v-f6ffbe80]:hover{background-color:#ff4d4d20}@media (max-width:900px){.topbar[data-v-f6ffbe80]{padding:0 24px}.topbar-brand[data-v-f6ffbe80]{margin-right:24px}}@media (max-width:768px){.topbar[data-v-f6ffbe80]{padding:0 20px;height:64px}.topbar-brand[data-v-f6ffbe80]{margin-right:16px}.topbar-brand-name[data-v-f6ffbe80]{display:none}.topbar-actions[data-v-f6ffbe80]{gap:8px}}@media (max-width:560px){.topbar[data-v-f6ffbe80]{padding:0 16px;height:60px}.topbar-brand[data-v-f6ffbe80]{margin-right:8px}.logout-btn span[data-v-f6ffbe80],.nav-link span[data-v-f6ffbe80]{display:none}.logout-btn[data-v-f6ffbe80],.nav-link[data-v-f6ffbe80]{width:40px;height:40px;padding:0;justify-content:center;gap:0}.topbar-divider[data-v-f6ffbe80]{display:none}.topbar-actions[data-v-f6ffbe80]{gap:6px}.topbar-nav[data-v-f6ffbe80]{gap:2px}}@media (max-width:400px){.topbar[data-v-f6ffbe80]{padding:0 12px}.icon-btn[data-v-f6ffbe80],.logout-btn[data-v-f6ffbe80],.nav-link[data-v-f6ffbe80]{width:36px;height:36px;border-radius:8px}.topbar-logo[data-v-f6ffbe80]{width:32px;height:32px;border-radius:6px}}@media (max-width:320px){.topbar[data-v-f6ffbe80]{padding:0 10px;height:56px}.topbar-actions[data-v-f6ffbe80]{gap:4px}.topbar-nav[data-v-f6ffbe80]{gap:2px}.icon-btn[data-v-f6ffbe80],.logout-btn[data-v-f6ffbe80],.nav-link[data-v-f6ffbe80]{width:32px;height:32px;border-radius:6px}}.app-wrapper[data-v-651feb01]{height:100%;display:flex;flex-direction:column;overflow:hidden}.app-main[data-v-651feb01]{flex:1;min-height:0;overflow:hidden;width:100%;max-width:1600px;margin:0 auto}@media (max-width:768px){.app-wrapper[data-v-651feb01]{height:auto;min-height:100vh;overflow:visible}.app-main[data-v-651feb01]{flex:none;min-height:unset;overflow:visible}}.auth-page[data-v-60913cda]{position:relative;display:flex;min-height:100vh;background-color:var(--bg-primary);overflow:hidden}.auth-brand[data-v-60913cda]{position:fixed;top:20px;left:20px;display:flex;align-items:center;gap:10px;z-index:10}.brand-icon[data-v-60913cda]{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:linear-gradient(135deg,var(--accent-dim,#1a3a4a),var(--accent-subtle,#0d2233));border:1px solid var(--accent-subtle);border-radius:8px;color:var(--accent)}.brand-name[data-v-60913cda]{font-size:16px;font-weight:700;color:var(--text-primary);letter-spacing:.01em}.auth-left[data-v-60913cda]{flex:0 0 58%;flex-direction:column;background-color:var(--bg-primary);border-right:1px solid var(--border-color);overflow:hidden}.auth-left[data-v-60913cda],.circles-wrap[data-v-60913cda]{position:relative;display:flex;align-items:center;justify-content:center}.circles-wrap[data-v-60913cda]{width:380px;height:380px}.ring[data-v-60913cda]{position:absolute;border-radius:50%;border:1px solid var(--border-color)}.ring--outer[data-v-60913cda]{width:340px;height:340px;opacity:.5}.ring--inner[data-v-60913cda]{width:210px;height:210px;opacity:.7}.glow-core[data-v-60913cda]{position:absolute;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,var(--accent-subtle) 0,transparent 70%);filter:blur(18px);opacity:.8}.sparkle[data-v-60913cda]{position:relative;z-index:1;color:var(--accent);filter:drop-shadow(0 0 8px var(--accent))}.left-footer[data-v-60913cda]{position:absolute;bottom:32px;left:32px;right:32px}.left-tagline[data-v-60913cda]{color:var(--text-secondary);font-size:13px;line-height:1.6;margin-bottom:14px}.trust-badges[data-v-60913cda]{display:flex;flex-wrap:wrap;gap:12px 20px}.badge[data-v-60913cda]{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:12px}.badge-dot[data-v-60913cda]{width:7px;height:7px;border-radius:50%;background-color:var(--accent);flex-shrink:0}.auth-right[data-v-60913cda]{flex:1;display:flex;align-items:center;justify-content:center;padding:80px 40px 40px;background-color:var(--bg-primary)}.auth-form-area[data-v-60913cda]{width:100%;max-width:420px;display:flex;flex-direction:column;gap:0}.auth-header[data-v-60913cda]{margin-bottom:28px}.auth-label[data-v-60913cda]{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}.auth-title[data-v-60913cda]{font-size:clamp(22px,3vw,30px);font-weight:700;color:var(--text-primary);margin-bottom:6px;line-height:1.2}.auth-subtitle[data-v-60913cda]{font-size:13px;color:var(--text-secondary);line-height:1.5}@media (max-width:900px){.auth-left[data-v-60913cda]{flex:0 0 48%}.circles-wrap[data-v-60913cda]{width:280px;height:280px}.ring--outer[data-v-60913cda]{width:260px;height:260px}.ring--inner[data-v-60913cda]{width:160px;height:160px}.left-footer[data-v-60913cda]{bottom:24px;left:24px;right:24px}}@media (max-width:768px){.auth-page[data-v-60913cda]{flex-direction:column}.auth-left[data-v-60913cda]{display:none}.auth-brand[data-v-60913cda]{position:relative;top:auto;left:auto;padding:20px 20px 0}.auth-right[data-v-60913cda]{flex:1;padding:24px 20px 40px;align-items:flex-start;padding-top:32px}.auth-form-area[data-v-60913cda]{max-width:100%}}@media (max-width:400px){.auth-right[data-v-60913cda]{padding:20px 16px 32px}.auth-title[data-v-60913cda]{font-size:20px}.trust-badges[data-v-60913cda]{flex-direction:column;gap:8px}}@media (max-width:320px){.auth-right[data-v-60913cda]{padding:16px 12px 24px}.brand-name[data-v-60913cda]{font-size:14px}.auth-title[data-v-60913cda]{font-size:18px}.auth-label[data-v-60913cda]{font-size:10px}}.oauth-buttons[data-v-262760d2]{display:flex;width:100%;gap:12px}.oauth-btn[data-v-262760d2]{display:flex;flex:1;height:48px;justify-content:center;align-items:center;gap:10px;background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:12px;backdrop-filter:blur(8px);color:var(--text-primary);font-family:ui-sans-serif,system-ui,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.oauth-btn[data-v-262760d2]:hover{background-color:var(--bg-surface);border-color:var(--accent-muted)}.input-group[data-v-148adf28]{display:flex;flex-direction:column;gap:8px;width:100%}.input-label[data-v-148adf28]{color:var(--text-primary);font-family:ui-sans-serif,system-ui,sans-serif;font-size:14px;font-weight:500}.input-wrapper[data-v-148adf28]{display:flex;align-items:center;gap:12px;width:100%;height:50px;padding:0 16px;background-color:var(--bg-elevated);border:1px solid var(--accent-subtle);border-radius:12px;transition:border-color .2s ease}.input-wrapper[data-v-148adf28]:focus-within{border-color:var(--accent-muted)}.input-icon[data-v-148adf28]{width:18px;height:18px;color:var(--accent-muted);flex-shrink:0}.input-field[data-v-148adf28]{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-family:ui-sans-serif,system-ui,sans-serif;font-size:14px;line-height:1.42857}.input-field[data-v-148adf28]::-moz-placeholder{color:var(--text-muted)}.input-field[data-v-148adf28]::placeholder{color:var(--text-muted)}.input-label-row[data-v-148adf28]{display:flex;justify-content:space-between;align-items:center}.input-error[data-v-148adf28]{color:#ff6b6b;font-size:11px}.input-wrapper.error[data-v-148adf28]{border-color:#ff6b6b66}.base-button[data-v-5020f13c]{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:52px;background:linear-gradient(90deg,var(--accent-hover) 0,var(--accent) 100%);border:none;border-radius:12px;box-shadow:var(--accent-glow) 0 4px 30px 0,var(--accent-muted) 0 0 60px 0;color:#fff;font-family:ui-sans-serif,system-ui,sans-serif;font-size:15px;font-weight:700;line-height:1.5;cursor:pointer;transition:opacity .2s ease}.base-button[data-v-5020f13c]:hover{opacity:.9}.base-button[data-v-5020f13c]:disabled{opacity:.5;cursor:not-allowed}.checkbox-wrapper[data-v-43993127]{display:flex;align-items:flex-start;gap:10px;width:100%;cursor:pointer}.checkbox-box[data-v-43993127]{display:flex;justify-content:center;align-items:center;width:18px;height:18px;flex-shrink:0;margin-top:1px;background-color:transparent;border:1px solid var(--accent-muted);border-radius:5px;transition:background-color .2s ease,border-color .2s ease}.checkbox-box.checked[data-v-43993127]{background-color:var(--accent-subtle);border-color:var(--accent-muted)}.checkbox-icon[data-v-43993127]{width:12px;height:12px;color:var(--accent)}.checkbox-label[data-v-43993127]{display:flex;flex-wrap:wrap;-moz-column-gap:4px;column-gap:4px;color:var(--text-secondary);font-family:ui-sans-serif,system-ui,sans-serif;font-size:13px;line-height:1.5}.checkbox-label[data-v-43993127] a{color:var(--accent);font-weight:500;text-decoration:none}.checkbox-label[data-v-43993127] a:hover{text-decoration:underline}.checkbox-box.error[data-v-43993127]{border-color:#ff6b6b}.oauth-wrapper[data-v-639aa434]{width:100%;margin-bottom:24px}.divider[data-v-639aa434]{display:flex;align-items:center;gap:16px;width:100%;margin-bottom:20px}.divider-line[data-v-639aa434]{flex:1;height:1px;background-color:var(--border-color)}.divider-text[data-v-639aa434]{color:var(--text-muted);font-size:11px;text-transform:uppercase;white-space:nowrap}.form-fields[data-v-639aa434]{display:flex;flex-direction:column;gap:14px;width:100%;margin-bottom:16px}.form-actions[data-v-639aa434]{display:flex;flex-direction:column;gap:20px;width:100%}.remember-row[data-v-639aa434]{display:flex;align-items:center;justify-content:space-between}.forgot-link[data-v-639aa434]{color:var(--accent);font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap}.forgot-link[data-v-639aa434]:hover{text-decoration:underline}.footer-text[data-v-639aa434]{text-align:center;color:var(--text-secondary);font-size:13px}.footer-text a[data-v-639aa434]{color:var(--accent);font-weight:600;text-decoration:none}.footer-text a[data-v-639aa434]:hover{text-decoration:underline}@media (max-width:320px){.form-fields[data-v-639aa434]{gap:10px}.form-actions[data-v-639aa434]{gap:14px}}.oauth-wrapper[data-v-ca33b962]{width:100%;margin-bottom:24px}.divider[data-v-ca33b962]{display:flex;align-items:center;gap:16px;width:100%;margin-bottom:20px}.divider-line[data-v-ca33b962]{flex:1;height:1px;background-color:var(--border-color)}.divider-text[data-v-ca33b962]{color:var(--text-muted);font-size:11px;text-transform:uppercase;white-space:nowrap}.form-fields[data-v-ca33b962]{display:flex;flex-direction:column;gap:14px;width:100%;margin-bottom:16px}.form-actions[data-v-ca33b962]{display:flex;flex-direction:column;gap:20px;width:100%}.footer-text[data-v-ca33b962]{text-align:center;color:var(--text-secondary);font-size:13px}.footer-text a[data-v-ca33b962]{color:var(--accent);font-weight:600;text-decoration:none}.footer-text a[data-v-ca33b962]:hover{text-decoration:underline}@media (max-width:320px){.form-fields[data-v-ca33b962]{gap:10px}.form-actions[data-v-ca33b962]{gap:14px}}.key-icon[data-v-42730ce5]{display:flex;align-items:center;justify-content:center;width:52px;height:52px;background:linear-gradient(135deg,var(--accent-subtle) 0,var(--accent-subtle) 100%);border:1px solid var(--accent-muted);border-radius:14px;color:var(--accent);box-shadow:var(--accent-glow) 0 0 30px 0;margin-bottom:16px}.form-container[data-v-42730ce5]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:144px}.form-fields[data-v-42730ce5]{gap:14px;margin-bottom:16px}.form-actions[data-v-42730ce5],.form-fields[data-v-42730ce5]{display:flex;flex-direction:column;width:100%}.divider[data-v-42730ce5]{display:flex;align-items:center;gap:16px;width:100%;margin-top:24px;margin-bottom:20px}.divider-line[data-v-42730ce5]{flex:1;height:1px;background-color:var(--border-color)}.divider-text[data-v-42730ce5]{color:var(--text-muted);font-size:11px;text-transform:uppercase;white-space:nowrap}.back-link[data-v-42730ce5]{display:flex;align-items:center;gap:8px;color:var(--accent);font-size:14px;font-weight:600;text-decoration:none;transition:opacity .2s ease}.back-link[data-v-42730ce5]:hover{opacity:.8}.success-box[data-v-42730ce5]{display:flex;align-items:center;gap:10px;width:100%;padding:14px 16px;margin-bottom:16px;background-color:var(--accent-subtle);border:1px solid var(--accent-muted);border-radius:12px;color:var(--accent);font-size:13px;font-weight:500}@media (max-width:320px){.form-fields[data-v-42730ce5]{gap:10px}.key-icon[data-v-42730ce5]{width:44px;height:44px;border-radius:10px}}.table-wrapper[data-v-3ca6ab7c]{width:100%;flex:1;min-height:0;overflow-x:auto;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.table-wrapper[data-v-3ca6ab7c]::-webkit-scrollbar{width:4px;height:4px}.table-wrapper[data-v-3ca6ab7c]::-webkit-scrollbar-track{background:transparent}.table-wrapper[data-v-3ca6ab7c]::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:9999px}.user-table[data-v-3ca6ab7c]{width:100%;border-collapse:collapse;font-family:ui-sans-serif,system-ui,sans-serif;font-size:13px}thead tr[data-v-3ca6ab7c]{border-bottom:1px solid var(--border-color)}th[data-v-3ca6ab7c]{padding:10px 16px;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;text-align:left;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}th.sortable[data-v-3ca6ab7c]{cursor:pointer;transition:color .15s ease}th.sortable[data-v-3ca6ab7c]:hover{color:var(--text-secondary)}th.sort-active[data-v-3ca6ab7c]{color:var(--accent)}.th-inner[data-v-3ca6ab7c]{display:inline-flex;align-items:center;gap:5px}.sort-indicator[data-v-3ca6ab7c]{display:flex;align-items:center;color:currentColor}.sort-idle[data-v-3ca6ab7c]{opacity:.25}tbody tr[data-v-3ca6ab7c]{border-bottom:1px solid var(--border-color);transition:background-color .15s ease}tbody tr[data-v-3ca6ab7c]:last-child{border-bottom:none}tbody tr[data-v-3ca6ab7c]:hover{background-color:var(--bg-elevated)}td[data-v-3ca6ab7c]{padding:14px 16px;color:var(--text-primary);white-space:nowrap}.id-cell[data-v-3ca6ab7c]{color:var(--text-muted);font-size:12px}.username-link[data-v-3ca6ab7c]{color:var(--accent);font-weight:500;text-decoration:none}.username-link[data-v-3ca6ab7c]:hover{text-decoration:underline}.muted[data-v-3ca6ab7c]{color:var(--text-secondary)}.status-badge[data-v-3ca6ab7c]{font-size:12px;font-weight:600}.status-badge.active[data-v-3ca6ab7c]{color:var(--text-primary)}.status-badge.inactive[data-v-3ca6ab7c]{color:#ff6b6b}.loggedin-badge[data-v-3ca6ab7c]{font-size:12px;font-weight:600}.loggedin-badge.yes[data-v-3ca6ab7c]{color:var(--accent)}.loggedin-badge.no[data-v-3ca6ab7c]{color:var(--text-muted)}.action-btn[data-v-3ca6ab7c]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;text-decoration:none;transition:background-color .2s ease,color .2s ease}.action-btn[data-v-3ca6ab7c]:hover{background-color:var(--accent-subtle);border-color:var(--accent-muted);color:var(--accent)}.col-id[data-v-3ca6ab7c]{width:80px}.col-username[data-v-3ca6ab7c]{width:160px}.col-createdAt[data-v-3ca6ab7c]{width:130px}.col-isActive[data-v-3ca6ab7c]{width:100px}.col-isLoggedIn[data-v-3ca6ab7c]{width:110px}.col-action[data-v-3ca6ab7c]{width:60px}.empty-state[data-v-3ca6ab7c]{text-align:center;padding:32px;color:var(--text-muted)}.clickable-row[data-v-3ca6ab7c]{cursor:pointer}.panel[data-v-555896f2]{display:flex;flex-direction:column;background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;min-height:0}.panel-header[data-v-555896f2]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color);flex-shrink:0}.panel-title[data-v-555896f2]{display:flex;align-items:center;gap:10px}.panel-dot[data-v-555896f2]{width:10px;height:10px;border-radius:9999px;flex-shrink:0}.panel-dot--green[data-v-555896f2]{background-color:#4ade80;box-shadow:0 0 8px #4ade8099}.panel-dot--red[data-v-555896f2]{background-color:#ff6b6b;box-shadow:0 0 8px #ff6b6b99}.panel-dot--purple[data-v-555896f2]{background-color:#a855f7;box-shadow:0 0 8px #a855f799}.panel-dot--cyan[data-v-555896f2]{background-color:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.panel-label[data-v-555896f2]{font-size:14px;font-weight:600}.panel-count[data-v-555896f2],.panel-label[data-v-555896f2]{color:var(--text-primary);font-family:ui-sans-serif,system-ui,sans-serif}.panel-count[data-v-555896f2]{display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;background-color:var(--bg-elevated);border-radius:9999px;font-size:12px;font-weight:700}@media (max-width:768px){.panel[data-v-555896f2]{height:300px;flex-shrink:0}}@media (max-width:400px){.panel[data-v-555896f2]{height:280px;border-radius:14px}}@media (max-width:320px){.panel[data-v-555896f2]{height:260px;border-radius:12px}.panel-header[data-v-555896f2]{padding:12px 14px}}.dashboard[data-v-1e561f6f]{display:flex;flex-direction:column;gap:28px;padding:36px 40px;height:100%;overflow:hidden;box-sizing:border-box}.panels-grid[data-v-1e561f6f]{display:grid;grid-template-columns:1fr 1fr;gap:20px;flex:1;min-height:0}.page-header[data-v-1e561f6f]{display:flex;flex-direction:column;gap:6px}.page-title[data-v-1e561f6f]{margin:0;color:var(--text-primary);font-family:ui-sans-serif,system-ui,sans-serif;font-size:28px;font-weight:700;letter-spacing:-.5px}.page-subtitle[data-v-1e561f6f]{margin:0}.page-subtitle[data-v-1e561f6f],.state-message[data-v-1e561f6f]{color:var(--text-secondary);font-family:ui-sans-serif,system-ui,sans-serif;font-size:14px}.state-message--error[data-v-1e561f6f]{color:#ff6b6b}@media (max-width:900px){.dashboard[data-v-1e561f6f]{padding:28px 24px;gap:20px}.page-title[data-v-1e561f6f]{font-size:24px}}@media (max-width:768px){.dashboard[data-v-1e561f6f]{padding:24px 16px 40px;gap:16px;height:auto;overflow:visible}.panels-grid[data-v-1e561f6f]{grid-template-columns:1fr;flex:none;min-height:unset;overflow:visible}.page-title[data-v-1e561f6f]{font-size:22px}}@media (max-width:400px){.dashboard[data-v-1e561f6f]{padding:20px 12px 36px;gap:14px}.page-title[data-v-1e561f6f]{font-size:20px}.page-subtitle[data-v-1e561f6f]{font-size:13px}}@media (max-width:320px){.dashboard[data-v-1e561f6f]{padding:16px 10px 32px;gap:12px}.page-title[data-v-1e561f6f]{font-size:18px}}.base-select[data-v-0eaa8ce7]{position:relative}.base-select__trigger[data-v-0eaa8ce7]{display:flex;align-items:center;gap:8px;height:38px;padding:0 12px;background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-family:ui-sans-serif,system-ui,sans-serif;font-size:14px;cursor:pointer;white-space:nowrap;transition:border-color .2s ease,background-color .2s ease}.base-select__trigger--open[data-v-0eaa8ce7],.base-select__trigger[data-v-0eaa8ce7]:hover{border-color:var(--accent-muted);background-color:var(--bg-surface)}.base-select__icon[data-v-0eaa8ce7]{color:var(--text-secondary);flex-shrink:0}.base-select__label[data-v-0eaa8ce7]{flex:1;text-align:left}.base-select__chevron[data-v-0eaa8ce7]{color:var(--text-secondary);flex-shrink:0;transition:transform .2s ease}.base-select__chevron--open[data-v-0eaa8ce7]{transform:rotate(180deg)}.base-select__dropdown[data-v-0eaa8ce7]{position:absolute;top:calc(100% + 6px);left:0;min-width:100%;background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:10px;padding:4px;z-index:200;box-shadow:0 8px 24px rgba(0,0,0,.25)}.base-select__option[data-v-0eaa8ce7]{display:flex;align-items:center;gap:8px;width:100%;height:34px;padding:0 10px;background:none;border:none;border-radius:7px;color:var(--text-secondary);font-family:ui-sans-serif,system-ui,sans-serif;font-size:14px;cursor:pointer;text-align:left;transition:background-color .15s ease,color .15s ease}.base-select__option[data-v-0eaa8ce7]:hover{background-color:var(--accent-subtle);color:var(--text-primary)}.base-select__option--active[data-v-0eaa8ce7]{color:var(--accent)}.base-select__check[data-v-0eaa8ce7]{color:var(--accent);flex-shrink:0}.dropdown-enter-active[data-v-0eaa8ce7],.dropdown-leave-active[data-v-0eaa8ce7]{transition:opacity .15s ease,transform .15s ease}.dropdown-enter-from[data-v-0eaa8ce7],.dropdown-leave-to[data-v-0eaa8ce7]{opacity:0;transform:translateY(-4px)}.filter-bar[data-v-47246cc0]{display:flex;align-items:center;gap:12px;flex-shrink:0;flex-wrap:wrap}.search-wrap[data-v-47246cc0]{position:relative;display:flex;align-items:center;flex:1;min-width:180px;max-width:300px}.search-icon[data-v-47246cc0]{position:absolute;left:12px;color:var(--text-secondary);pointer-events:none}.search-input[data-v-47246cc0]{width:100%;height:38px;padding:0 12px 0 36px;background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-family:ui-sans-serif,system-ui,sans-serif;font-size:14px;outline:none;transition:border-color .2s ease}.search-input[data-v-47246cc0]::-moz-placeholder{color:var(--text-secondary)}.search-input[data-v-47246cc0]::placeholder{color:var(--text-secondary)}.search-input[data-v-47246cc0]:focus{border-color:var(--accent-muted)}.filters[data-v-47246cc0]{display:flex;align-items:center;gap:8px}.results-count[data-v-47246cc0]{margin-left:auto;color:var(--text-secondary);font-family:ui-sans-serif,system-ui,sans-serif;font-size:14px;white-space:nowrap;flex-shrink:0}@media (max-width:768px){.search-wrap[data-v-47246cc0]{max-width:100%}.results-count[data-v-47246cc0]{display:none}}@media (max-width:560px){.filter-bar[data-v-47246cc0]{gap:8px}.search-wrap[data-v-47246cc0]{min-width:100%}}.users-view[data-v-75e46888]{display:flex;flex-direction:column;gap:24px;padding:36px 40px;height:100%;overflow:hidden;box-sizing:border-box}.page-header[data-v-75e46888]{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.page-header-text[data-v-75e46888]{display:flex;flex-direction:column;gap:6px}.page-title[data-v-75e46888]{margin:0;color:var(--text-primary);font-family:ui-sans-serif,system-ui,sans-serif;font-size:28px;font-weight:700;letter-spacing:-.5px}.page-subtitle[data-v-75e46888]{margin:0;color:var(--text-secondary);font-family:ui-sans-serif,system-ui,sans-serif;font-size:14px}.add-user-btn[data-v-75e46888]{display:flex;align-items:center;gap:8px;height:40px;padding:0 18px;background-image:linear-gradient(90deg,#00c8ff,#00e0ff);border:none;border-radius:10px;box-shadow:var(--accent-glow) 0 4px 20px 0;color:var(--bg-base);font-family:ui-sans-serif,system-ui,sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:opacity .2s ease;flex-shrink:0}.add-user-btn[data-v-75e46888]:hover{opacity:.9}.table-container[data-v-75e46888]{flex:1;min-height:0;display:flex;flex-direction:column;background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:16px;overflow:hidden}.state-message[data-v-75e46888]{color:var(--text-secondary);font-family:ui-sans-serif,system-ui,sans-serif;font-size:14px}.state-message--error[data-v-75e46888]{color:#ff6b6b}@media (max-width:900px){.users-view[data-v-75e46888]{padding:28px 24px;gap:20px}.page-title[data-v-75e46888]{font-size:24px}}@media (max-width:768px){.users-view[data-v-75e46888]{padding:24px 16px;gap:16px;height:auto;overflow:visible}.page-header[data-v-75e46888]{align-items:flex-start;gap:14px}.table-container[data-v-75e46888]{flex:none;min-height:unset;overflow-x:auto}.page-title[data-v-75e46888]{font-size:22px}}@media (max-width:560px){.page-header[data-v-75e46888]{flex-direction:column;align-items:flex-start}.add-user-btn[data-v-75e46888]{width:100%;justify-content:center}}@media (max-width:400px){.users-view[data-v-75e46888]{padding:20px 12px;gap:14px}.page-title[data-v-75e46888]{font-size:20px}.page-subtitle[data-v-75e46888]{font-size:13px}}@media (max-width:320px){.users-view[data-v-75e46888]{padding:16px 10px;gap:12px}.page-title[data-v-75e46888]{font-size:18px}.add-user-btn[data-v-75e46888]{font-size:13px;height:36px}}.profile-card[data-v-d05ab052]{display:flex;flex-direction:column;align-items:center;width:360px;flex-shrink:0;padding:32px 28px;background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:16px;box-sizing:border-box}.avatar[data-v-d05ab052]{display:flex;align-items:center;justify-content:center;width:88px;height:88px;border-radius:9999px;background:linear-gradient(135deg,var(--accent-subtle) 0,var(--accent-subtle) 100%);border:2px solid var(--accent-muted);margin-bottom:16px}.avatar-initials[data-v-d05ab052]{color:var(--accent);font-family:ui-sans-serif,system-ui,sans-serif;font-size:28px;font-weight:700;letter-spacing:-.5px}.profile-name[data-v-d05ab052]{margin:0 0 4px 0;color:var(--text-primary);font-family:ui-sans-serif,system-ui,sans-serif;font-size:20px;font-weight:700;text-align:center}.profile-username[data-v-d05ab052]{color:var(--accent);font-family:ui-sans-serif,system-ui,sans-serif;font-size:13px;font-weight:500;margin-bottom:16px}.profile-badges[data-v-d05ab052]{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap;justify-content:center}.badge[data-v-d05ab052]{display:flex;align-items:center;gap:6px;padding:4px 12px;border-radius:9999px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:12px;font-weight:600}.badge-dot[data-v-d05ab052]{width:6px;height:6px;border-radius:9999px}.badge--green[data-v-d05ab052]{background-color:#4ade8014;border:1px solid #4ade8033;color:#4ade80}.badge--green .badge-dot[data-v-d05ab052]{background-color:#4ade80}.badge--red[data-v-d05ab052]{background-color:#ff6b6b14;border:1px solid #ff6b6b33;color:#ff6b6b}.badge--red .badge-dot[data-v-d05ab052]{background-color:#ff6b6b}.badge--cyan[data-v-d05ab052]{background-color:var(--accent-subtle);border:1px solid var(--accent-muted);color:var(--accent)}.badge--cyan .badge-dot[data-v-d05ab052]{background-color:var(--accent)}.badge--muted[data-v-d05ab052]{background-color:var(--bg-elevated);border:1px solid var(--border-color);color:var(--text-muted)}.badge--muted .badge-dot[data-v-d05ab052]{background-color:var(--text-muted)}.profile-details[data-v-d05ab052]{display:flex;flex-direction:column;width:100%;margin-bottom:24px}.detail-row[data-v-d05ab052]{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--border-color)}.detail-row[data-v-d05ab052]:last-child{border-bottom:none}.detail-icon[data-v-d05ab052]{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background-color:var(--bg-elevated);border-radius:8px;color:var(--text-muted);flex-shrink:0}.detail-content[data-v-d05ab052]{display:flex;flex-direction:column;gap:2px}.detail-label[data-v-d05ab052]{color:var(--text-muted);font-family:ui-sans-serif,system-ui,sans-serif;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-value[data-v-d05ab052]{color:var(--text-primary);font-family:ui-sans-serif,system-ui,sans-serif;font-size:14px;font-weight:500;word-break:break-word}.profile-actions[data-v-d05ab052]{display:flex;gap:10px;width:100%}.edit-btn[data-v-d05ab052]{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;height:40px;background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-family:ui-sans-serif,system-ui,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.edit-btn[data-v-d05ab052]:hover{background-color:var(--bg-surface)}.delete-btn[data-v-d05ab052]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#ff4d4d0d;border:1px solid #ff4d4d30;border-radius:10px;color:#ff6b6b;cursor:pointer;transition:background-color .2s ease}.delete-btn[data-v-d05ab052]:hover{background-color:#ff4d4d20}@media (max-width:900px){.profile-card[data-v-d05ab052]{width:300px;padding:28px 20px}}@media (max-width:768px){.profile-card[data-v-d05ab052]{width:100%;flex-shrink:unset;padding:24px 20px}}@media (max-width:400px){.profile-card[data-v-d05ab052]{padding:20px 16px;border-radius:14px}.avatar[data-v-d05ab052]{width:72px;height:72px}.avatar-initials[data-v-d05ab052]{font-size:22px}.profile-name[data-v-d05ab052]{font-size:18px}}@media (max-width:320px){.profile-card[data-v-d05ab052]{padding:16px 12px;border-radius:12px}.avatar[data-v-d05ab052]{width:64px;height:64px}.avatar-initials[data-v-d05ab052]{font-size:20px}.profile-name[data-v-d05ab052]{font-size:16px}.detail-value[data-v-d05ab052]{font-size:13px}}.stat-cards[data-v-76e9ff54]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat-card[data-v-76e9ff54]{display:flex;flex-direction:column;gap:8px;padding:20px 24px;background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:16px}.stat-card-header[data-v-76e9ff54]{display:flex;align-items:center;gap:8px;color:var(--text-muted)}.stat-label[data-v-76e9ff54]{font-family:ui-sans-serif,system-ui,sans-serif;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.stat-value[data-v-76e9ff54]{color:var(--text-primary);font-family:ui-sans-serif,system-ui,sans-serif;font-size:32px;font-weight:700;letter-spacing:-.5px;line-height:1}.stat-sub[data-v-76e9ff54]{color:var(--text-muted);font-family:ui-sans-serif,system-ui,sans-serif;font-size:12px}.stat-sub--green[data-v-76e9ff54]{color:#4ade80}@media (max-width:900px){.stat-card[data-v-76e9ff54]{padding:16px 18px}.stat-value[data-v-76e9ff54]{font-size:28px}}@media (max-width:768px){.stat-cards[data-v-76e9ff54]{grid-template-columns:repeat(2,1fr)}.stat-card[data-v-76e9ff54]:last-child{grid-column:1/-1}}@media (max-width:480px){.stat-cards[data-v-76e9ff54]{grid-template-columns:1fr;gap:12px}.stat-card[data-v-76e9ff54]:last-child{grid-column:unset}.stat-card[data-v-76e9ff54]{padding:16px;border-radius:14px}.stat-value[data-v-76e9ff54]{font-size:26px}}@media (max-width:400px){.stat-cards[data-v-76e9ff54]{gap:10px}.stat-card[data-v-76e9ff54]{padding:14px;border-radius:12px}.stat-value[data-v-76e9ff54]{font-size:24px}.stat-label[data-v-76e9ff54]{font-size:10px}}@media (max-width:320px){.stat-card[data-v-76e9ff54]{padding:12px;gap:6px}.stat-value[data-v-76e9ff54]{font-size:22px}}.details-panel[data-v-0a7c241d]{display:flex;flex-direction:column;padding:24px;background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:16px}.details-title[data-v-0a7c241d]{margin:0 0 16px 0;color:var(--text-primary);font-family:ui-sans-serif,system-ui,sans-serif;font-size:15px;font-weight:600}.details-grid[data-v-0a7c241d]{display:flex;flex-direction:column}.details-row[data-v-0a7c241d]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--border-color)}.details-row[data-v-0a7c241d]:last-child{border-bottom:none}.details-key[data-v-0a7c241d]{color:var(--text-muted);flex-shrink:0}.details-key[data-v-0a7c241d],.details-val[data-v-0a7c241d]{font-family:ui-sans-serif,system-ui,sans-serif;font-size:13px}.details-val[data-v-0a7c241d]{color:var(--text-primary);font-weight:500;text-align:right;word-break:break-word;min-width:0}.details-val--cyan[data-v-0a7c241d]{color:var(--accent)}.details-val--green[data-v-0a7c241d]{color:#4ade80}.details-val--red[data-v-0a7c241d]{color:#ff6b6b}@media (max-width:900px){.details-panel[data-v-0a7c241d]{padding:20px}}@media (max-width:768px){.details-panel[data-v-0a7c241d]{padding:20px 16px;border-radius:14px}}@media (max-width:480px){.details-row[data-v-0a7c241d]{flex-direction:column;align-items:flex-start;gap:4px;padding:10px 0}.details-val[data-v-0a7c241d]{text-align:left}}@media (max-width:400px){.details-panel[data-v-0a7c241d]{padding:16px 12px;border-radius:12px}.details-title[data-v-0a7c241d]{font-size:14px;margin-bottom:12px}.details-key[data-v-0a7c241d],.details-val[data-v-0a7c241d]{font-size:12px}}@media (max-width:320px){.details-panel[data-v-0a7c241d]{padding:14px 10px}.details-row[data-v-0a7c241d]{padding:8px 0}}.user-item-view[data-v-619b308a]{display:flex;flex-direction:column;gap:24px;padding:28px 40px;height:100%;overflow-y:auto;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.subheader[data-v-619b308a]{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.back-btn[data-v-619b308a]{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--text-secondary);font-family:ui-sans-serif,system-ui,sans-serif;font-size:14px;font-weight:500;cursor:pointer;padding:0;transition:color .2s ease;flex-shrink:0}.back-btn[data-v-619b308a]:hover{color:var(--text-primary)}.breadcrumb[data-v-619b308a]{display:flex;align-items:center;gap:8px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:13px}.breadcrumb-parent[data-v-619b308a]{color:var(--text-muted)}.breadcrumb-sep[data-v-619b308a]{color:var(--border-color)}.breadcrumb-current[data-v-619b308a]{color:var(--text-primary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.content[data-v-619b308a]{display:flex;gap:20px;align-items:flex-start}.right-area[data-v-619b308a]{display:flex;flex-direction:column;gap:20px;flex:1;min-width:0}.state-message[data-v-619b308a]{color:var(--text-secondary);font-family:ui-sans-serif,system-ui,sans-serif;font-size:14px}.state-message--error[data-v-619b308a]{color:#ff6b6b}@media (max-width:900px){.user-item-view[data-v-619b308a]{padding:24px 24px;gap:20px}}@media (max-width:768px){.user-item-view[data-v-619b308a]{padding:20px 16px 40px;gap:16px;height:auto;overflow-y:visible}.content[data-v-619b308a]{flex-direction:column}.right-area[data-v-619b308a]{width:100%;gap:16px}.breadcrumb-current[data-v-619b308a]{max-width:120px}}@media (max-width:560px){.subheader[data-v-619b308a]{flex-direction:column;align-items:flex-start;gap:10px}.breadcrumb-current[data-v-619b308a]{max-width:200px}}@media (max-width:400px){.user-item-view[data-v-619b308a]{padding:16px 12px 36px;gap:14px}.back-btn[data-v-619b308a]{font-size:13px}.breadcrumb[data-v-619b308a]{font-size:12px}}@media (max-width:320px){.user-item-view[data-v-619b308a]{padding:14px 10px 32px;gap:12px}.breadcrumb-current[data-v-619b308a]{max-width:140px}}*,:after,:before{margin:0;padding:0;box-sizing:border-box}#app,body,html{height:100%;overflow:hidden}@media (max-width:768px){#app,body,html{height:auto;min-height:100vh;overflow:visible}}:root{--bg-base:#f7f8fa;--bg-gradient:none;--bg-surface:#fff;--bg-elevated:#f3f4f6;--text-primary:#1e1e2e;--text-secondary:#6b7280;--text-muted:#9ca3af;--border-color:#e5e7eb;--accent:#6d8eb4;--accent-hover:#5a7a9e;--accent-muted:rgba(109,142,180,.25);--accent-subtle:rgba(109,142,180,.1);--accent-glow:rgba(109,142,180,.3)}html.dark{--bg-base:#080c14;--bg-gradient:none;--bg-surface:#0e1420;--bg-elevated:#151d2e;--text-primary:#e8edf5;--text-secondary:#8892a4;--text-muted:#4b5563;--border-color:#1e2a3a;--accent:#00e0ff;--accent-hover:#00e0ff;--accent-muted:rgba(0,224,255,.25);--accent-subtle:rgba(0,224,255,.1);--accent-glow:rgba(0,224,255,.3)}body{background-color:var(--bg-base);font-family:ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased;color:var(--text-primary);transition:background-color .2s ease,color .2s ease}