*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0f;--surface:#ffffff08;--surface-hover:#ffffff0f;--sidebar-bg:#ffffff05;--header-bg:#0a0a0fcc;--border:#ffffff14;--border-hover:#00d4ff40;--text:#e0e0e0;--text-dim:#ffffff73;--text-muted:#ffffff40;--accent:#00d4ff;--gradient:linear-gradient(135deg, #00d4ff, #7b2ff7);--radius:12px}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif}#app{height:100%}button,input{font-family:inherit}.admin-root[data-v-a1b94dc4]{color:#e0e0e0;background:#0a0a0f;height:100%;display:flex}.login-page[data-v-a1b94dc4]{flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.login-card[data-v-a1b94dc4]{text-align:center;background:#ffffff05;border:1px solid #ffffff14;border-radius:16px;width:360px;padding:40px 32px}.logo[data-v-a1b94dc4]{letter-spacing:2px;background:linear-gradient(135deg,#00d4ff,#7b2ff7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:28px;font-weight:700}.subtitle[data-v-a1b94dc4]{color:#ffffff73;margin-bottom:28px;font-size:13px}.err[data-v-a1b94dc4]{color:#ef4444;margin-bottom:12px;font-size:13px}.login-card input[data-v-a1b94dc4]{color:#e0e0e0;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;outline:none;width:100%;margin-bottom:14px;padding:12px 14px;font-size:14px}.login-card input[data-v-a1b94dc4]:focus{border-color:#00d4ff40}.captcha-field[data-v-a1b94dc4]{margin-bottom:14px;position:relative}.captcha-field input[data-v-a1b94dc4]{margin-bottom:0}.captcha-tip[data-v-a1b94dc4]{z-index:20;cursor:pointer;border-radius:8px;line-height:0;position:absolute;bottom:calc(100% + 8px);left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 8px 32px #00000080}.captcha-tip[data-v-a1b94dc4] svg{width:150px;height:50px;display:block}.tip-enter-active[data-v-a1b94dc4],.tip-leave-active[data-v-a1b94dc4]{transition:opacity .15s,transform .15s}.tip-enter-from[data-v-a1b94dc4],.tip-leave-to[data-v-a1b94dc4]{opacity:0;transform:translate(-50%)translateY(4px)}.login-card button[data-v-a1b94dc4]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00d4ff,#7b2ff7);border:none;border-radius:10px;width:100%;padding:12px;font-size:14px;font-weight:500}.login-card button[data-v-a1b94dc4]:disabled{opacity:.4;cursor:not-allowed}.sidebar[data-v-a1b94dc4]{background:#ffffff05;border-right:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;width:220px;transition:width .2s;display:flex}.sidebar.collapsed[data-v-a1b94dc4]{width:56px}.sidebar-header[data-v-a1b94dc4]{border-bottom:1px solid #ffffff0f;padding:16px}.sidebar-logo[data-v-a1b94dc4]{letter-spacing:1px;background:linear-gradient(135deg,#00d4ff,#7b2ff7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700}.sidebar-logo-small[data-v-a1b94dc4]{text-align:center;background:linear-gradient(135deg,#00d4ff,#7b2ff7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:20px;display:block}.sidebar-nav[data-v-a1b94dc4]{flex-direction:column;flex:1;gap:2px;padding:8px;display:flex}.nav-item[data-v-a1b94dc4]{color:#ffffff73;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-family:inherit;font-size:13px;transition:all .15s;display:flex}.nav-item[data-v-a1b94dc4]:hover{color:#e0e0e0;background:#ffffff0a}.nav-item.active[data-v-a1b94dc4]{color:#00d4ff;background:#00d4ff0f}.sidebar-footer[data-v-a1b94dc4]{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:8px;padding:12px;display:flex}.sidebar-user[data-v-a1b94dc4]{flex:1;min-width:0}.user-name[data-v-a1b94dc4]{color:#e0e0e0;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;display:block;overflow:hidden}.user-role[data-v-a1b94dc4]{color:#ffffff4d;font-size:10px}.collapse-btn[data-v-a1b94dc4]{color:#ffffff73;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.collapse-btn[data-v-a1b94dc4]:hover{color:#00d4ff;border-color:#00d4ff40}.main-area[data-v-a1b94dc4]{flex-direction:column;flex:1;min-width:0;display:flex}.topbar[data-v-a1b94dc4]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#0a0a0fcc;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:sticky;top:0}.topbar-left[data-v-a1b94dc4]{align-items:center;gap:10px;display:flex}.topbar-left h2[data-v-a1b94dc4]{font-size:16px;font-weight:600}.topbar-right[data-v-a1b94dc4]{align-items:center;gap:12px;display:flex}.logout-btn[data-v-a1b94dc4]{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #ef444440;border-radius:6px;padding:6px 14px;font-family:inherit;font-size:12px}.logout-btn[data-v-a1b94dc4]:hover{background:#ef444414}.content[data-v-a1b94dc4]{box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;flex:1;width:100%;max-width:960px;margin:0 auto;padding:24px;overflow-y:auto}.content[data-v-a1b94dc4]::-webkit-scrollbar{display:none}.page-users table[data-v-a1b94dc4],.page-codes table[data-v-a1b94dc4]{scrollbar-width:none;-ms-overflow-style:none;display:block;overflow-x:auto}.page-users table[data-v-a1b94dc4]::-webkit-scrollbar{display:none}.page-codes table[data-v-a1b94dc4]::-webkit-scrollbar{display:none}.stats-row[data-v-a1b94dc4]{gap:16px;display:flex}.stat-card[data-v-a1b94dc4]{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;flex:1;padding:24px}.stat-num[data-v-a1b94dc4]{color:#00d4ff;font-size:32px;font-weight:700}.stat-label[data-v-a1b94dc4]{color:#ffffff4d;margin-top:4px;font-size:12px}.chart-section[data-v-a1b94dc4]{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;margin-top:20px;overflow:hidden}.chart-header[data-v-a1b94dc4]{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.chart-header h3[data-v-a1b94dc4]{color:#fff9;font-size:13px;font-weight:500}.chart-actions[data-v-a1b94dc4]{align-items:center;gap:4px;display:flex}.toggle-btn[data-v-a1b94dc4]{color:#ffffff59;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:6px;padding:4px 12px;font-family:inherit;font-size:11px;transition:all .15s}.toggle-btn[data-v-a1b94dc4]:hover{color:#e0e0e0;border-color:#00d4ff33}.toggle-btn.active[data-v-a1b94dc4]{color:#00d4ff;background:#00d4ff1a;border-color:#00d4ff40}.sep[data-v-a1b94dc4]{background:#ffffff14;width:1px;height:16px;margin:0 6px}.chart-body[data-v-a1b94dc4]{height:260px;padding:20px;position:relative}.chart-empty[data-v-a1b94dc4]{color:#ffffff26;justify-content:center;align-items:center;height:100%;font-size:13px;display:flex}.settings-body[data-v-a1b94dc4]{padding:16px 20px}.setting-row[data-v-a1b94dc4]{justify-content:space-between;align-items:center;display:flex}.setting-label[data-v-a1b94dc4]{color:#e0e0e0;font-size:13px;font-weight:500}.setting-desc[data-v-a1b94dc4]{color:#ffffff4d;margin-top:2px;font-size:11px}.setting-action[data-v-a1b94dc4]{align-items:center;gap:10px;display:flex}.smtp-warn[data-v-a1b94dc4]{color:#ef4444;opacity:.6;font-size:11px}.toggle-switch[data-v-a1b94dc4]{cursor:pointer;background:#ffffff14;border:none;border-radius:11px;flex-shrink:0;width:40px;height:22px;padding:0;transition:background .2s;position:relative}.toggle-switch.on[data-v-a1b94dc4]{background:#00d4ff66}.toggle-switch[data-v-a1b94dc4]:disabled{opacity:.3;cursor:not-allowed}.toggle-knob[data-v-a1b94dc4]{background:#fff6;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;top:2px;left:2px}.toggle-switch.on .toggle-knob[data-v-a1b94dc4]{background:#00d4ff;left:20px}table[data-v-a1b94dc4]{border-collapse:collapse;background:#ffffff05;border-radius:12px;width:100%;overflow:hidden}th[data-v-a1b94dc4]{text-align:left;color:#ffffff40;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #ffffff0f;padding:12px 16px;font-size:11px;font-weight:500}td[data-v-a1b94dc4]{color:#ffffff8c;border-bottom:1px solid #ffffff08;padding:12px 16px;font-size:13px}tr:hover td[data-v-a1b94dc4]{background:#ffffff05}.mono[data-v-a1b94dc4]{font-family:SF Mono,Fira Code,monospace;font-size:12px}.time[data-v-a1b94dc4]{color:#ffffff59;font-size:12px}.badge[data-v-a1b94dc4]{border:1px solid;border-radius:4px;padding:2px 8px;font-size:10px}.badge-admin[data-v-a1b94dc4]{color:#a78bfa;background:#7b2ff726;border-color:#7b2ff740}.badge-user[data-v-a1b94dc4]{color:#ffffff73;background:#ffffff0a;border-color:#ffffff14}.badge-new[data-v-a1b94dc4]{color:#00d4ff;background:#00d4ff14;border-color:#00d4ff26}.badge-used[data-v-a1b94dc4]{color:#ef4444;background:#ef44441a;border-color:#ef444433}.btn-del[data-v-a1b94dc4]{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #ef444440;border-radius:4px;padding:4px 12px;font-family:inherit;font-size:11px}.btn-del[data-v-a1b94dc4]:hover{background:#ef444414}.btn-primary[data-v-a1b94dc4]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00d4ff,#7b2ff7);border:none;border-radius:8px;padding:8px 20px;font-family:inherit;font-size:13px;font-weight:500}.btn-primary[data-v-a1b94dc4]:hover{opacity:.9}.btn-copy[data-v-a1b94dc4]{color:#00d4ff;cursor:pointer;background:0 0;border:1px solid #00d4ff40;border-radius:6px;padding:6px 14px;font-family:inherit;font-size:12px}.btn-copy[data-v-a1b94dc4]:hover{background:#00d4ff14}.create-box[data-v-a1b94dc4]{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:20px;padding:20px;display:flex}.field label[data-v-a1b94dc4]{color:#ffffff59;margin-bottom:4px;font-size:11px;display:block}.field input[data-v-a1b94dc4]{color:#e0e0e0;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;outline:none;width:100px;padding:8px 12px;font-family:inherit;font-size:13px}.field input[data-v-a1b94dc4]:focus{border-color:#00d4ff40}.modal-overlay[data-v-a1b94dc4]{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card[data-v-a1b94dc4]{background:#0f0f16;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;width:520px;max-height:80vh;display:flex;box-shadow:0 24px 64px #00000080}.modal-header[data-v-a1b94dc4]{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.modal-title[data-v-a1b94dc4]{color:#e0e0e0;font-size:14px;font-weight:600}.modal-close[data-v-a1b94dc4]{color:#ffffff4d;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:20px;display:flex}.modal-close[data-v-a1b94dc4]:hover{color:#e0e0e0;background:#ffffff0a}.modal-body[data-v-a1b94dc4]{flex:1;padding:20px 24px;overflow-y:auto}.modal-summary[data-v-a1b94dc4]{color:#ffffff59;margin-bottom:12px;font-size:12px}.modal-codes[data-v-a1b94dc4]{color:#e0e0e0;white-space:pre-wrap;word-break:break-all;background:#0003;border-radius:8px;margin:0;padding:14px;font-family:SF Mono,Fira Code,monospace;font-size:12px;line-height:1.8}.modal-footer[data-v-a1b94dc4]{border-top:1px solid #ffffff0f;justify-content:flex-end;gap:8px;padding:16px 24px;display:flex}.btn-secondary[data-v-a1b94dc4]{color:#ffffff80;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:8px;padding:8px 20px;font-family:inherit;font-size:13px}.btn-secondary[data-v-a1b94dc4]:hover{color:#e0e0e0;border-color:#ffffff26}.pagination[data-v-a1b94dc4]{justify-content:center;align-items:center;gap:16px;margin-top:16px;padding:12px;display:flex}.page-info[data-v-a1b94dc4]{color:#ffffff4d;font-size:12px}.page-controls[data-v-a1b94dc4]{align-items:center;gap:8px;display:flex}.page-btn[data-v-a1b94dc4]{color:#ffffff80;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-family:inherit;font-size:14px;display:flex}.page-btn[data-v-a1b94dc4]:hover:not(:disabled){color:#00d4ff;border-color:#00d4ff33}.page-btn[data-v-a1b94dc4]:disabled{opacity:.2;cursor:not-allowed}.page-num[data-v-a1b94dc4]{color:#ffffff4d;text-align:center;min-width:60px;font-size:12px}.page-size-select[data-v-a1b94dc4]{position:relative}.page-size-trigger[data-v-a1b94dc4]{color:#ffffff80;cursor:pointer;white-space:nowrap;background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-family:inherit;font-size:12px;transition:border-color .15s;display:flex}.page-size-trigger[data-v-a1b94dc4]:hover{color:#e0e0e0;border-color:#00d4ff33}.page-size-menu[data-v-a1b94dc4]{z-index:50;background:#16161f;border:1px solid #ffffff14;border-radius:8px;min-width:100px;margin-bottom:4px;padding:4px;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000080}.size-option[data-v-a1b94dc4]{color:#ffffff80;cursor:pointer;text-align:center;white-space:nowrap;background:0 0;border:none;border-radius:4px;width:100%;padding:6px 16px;font-family:inherit;font-size:12px;transition:all .1s;display:block}.size-option[data-v-a1b94dc4]:hover{color:#e0e0e0;background:#00d4ff14}.size-option.active[data-v-a1b94dc4]{color:#00d4ff;background:#00d4ff1f}.drop-enter-active[data-v-a1b94dc4],.drop-leave-active[data-v-a1b94dc4]{transition:opacity .12s,transform .12s}.drop-enter-from[data-v-a1b94dc4],.drop-leave-to[data-v-a1b94dc4]{opacity:0;transform:translate(-50%)translateY(4px)}.mobile-overlay[data-v-a1b94dc4]{display:none}.menu-btn[data-v-a1b94dc4]{color:#ffffff80;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:none}@media (width<=768px){.menu-btn[data-v-a1b94dc4]{display:flex}.mobile-overlay[data-v-a1b94dc4]{z-index:30;background:#00000080;display:block;position:fixed;inset:0}.sidebar[data-v-a1b94dc4]{z-index:35;background:#0a0a0f;width:240px;transition:transform .25s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.collapsed[data-v-a1b94dc4]{width:240px}.sidebar.mobile-open[data-v-a1b94dc4]{transform:translate(0)}.sidebar .collapse-btn[data-v-a1b94dc4]{display:none}.topbar-left h2[data-v-a1b94dc4]{font-size:14px}.content[data-v-a1b94dc4]{padding:16px}.stats-row[data-v-a1b94dc4]{flex-direction:column;gap:10px}.stat-card[data-v-a1b94dc4]{padding:16px}.stat-num[data-v-a1b94dc4]{font-size:24px}.chart-body[data-v-a1b94dc4]{height:200px;padding:12px}.chart-header[data-v-a1b94dc4]{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 16px}.chart-actions[data-v-a1b94dc4]{flex-wrap:wrap}.toggle-btn[data-v-a1b94dc4]{padding:6px 12px}.login-card[data-v-a1b94dc4]{width:100%;padding:28px 20px}.modal-card[data-v-a1b94dc4]{width:92vw}.modal-header[data-v-a1b94dc4],.modal-body[data-v-a1b94dc4]{padding:14px 16px}.modal-footer[data-v-a1b94dc4]{padding:12px 16px}.create-box[data-v-a1b94dc4]{flex-direction:column;align-items:stretch;padding:16px}.create-box .field input[data-v-a1b94dc4]{width:100%}table[data-v-a1b94dc4]{font-size:12px}th[data-v-a1b94dc4],td[data-v-a1b94dc4]{white-space:nowrap;padding:8px 10px}th[data-v-a1b94dc4]{font-size:10px}td[data-v-a1b94dc4]{font-size:12px}.btn-del[data-v-a1b94dc4]{padding:6px 10px}.pagination[data-v-a1b94dc4]{flex-wrap:wrap;gap:10px}.page-btn[data-v-a1b94dc4]{width:36px;height:36px}.setting-row[data-v-a1b94dc4]{flex-direction:column;align-items:flex-start;gap:8px}}