:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f9fafb;--vt-c-white-mute: #eef2f7;--vt-c-black: #0b1120;--vt-c-black-soft: #111827;--vt-c-black-mute: #020617;--vt-c-indigo: #2563eb;--vt-c-divider-light-1: rgba(148, 163, 184, .7);--vt-c-divider-light-2: rgba(148, 163, 184, .35);--vt-c-divider-dark-1: rgba(75, 85, 99, .7);--vt-c-divider-dark-2: rgba(55, 65, 81, .5);--vt-c-text-light-1: #111827;--vt-c-text-light-2: rgba(55, 65, 81, .8);--vt-c-text-dark-1: #f9fafb;--vt-c-text-dark-2: rgba(209, 213, 219, .85)}:root,:root[data-theme=light]{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--color-text-muted: var(--vt-c-text-light-2);--section-gap: 160px}:root[data-theme=dark]{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2);--color-text-muted: rgba(209, 213, 219, .75)}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media(hover:hover){a:hover{background-color:#00bd7e33}}html,body{width:100%;margin:0;padding:0}#app{margin:0;padding:0;min-height:100vh;width:100%}.main-layout[data-v-5c64420a]{display:flex;min-height:100vh;width:100%;min-width:0}.sidebar[data-v-5c64420a]{width:200px;background:var(--color-background-soft);border-right:1px solid var(--color-border);display:flex;flex-direction:column}.brand[data-v-5c64420a]{padding:1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border)}.brand-title[data-v-5c64420a]{font-weight:700;font-size:1rem}.sidebar nav[data-v-5c64420a]{flex:1;padding:.5rem 0}.sidebar nav a[data-v-5c64420a]{display:block;padding:.5rem 1rem;color:var(--color-text);text-decoration:none}.sidebar nav a[data-v-5c64420a]:hover{background:#0000000d}.sidebar nav a.active[data-v-5c64420a]{background:#00bd7e26;color:#00bd7e}.sidebar-footer[data-v-5c64420a]{padding:1rem;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:.5rem}.btn-theme[data-v-5c64420a],.btn-logout[data-v-5c64420a]{width:100%;padding:.5rem;background:transparent;border:1px solid var(--color-border);border-radius:4px;cursor:pointer;font-size:.875rem}.btn-theme[data-v-5c64420a]:hover,.btn-logout[data-v-5c64420a]:hover{background:#0000000d}.content[data-v-5c64420a]{flex:1 1 0%;min-width:0;width:0;overflow:auto;padding:1rem;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch}.content[data-v-5c64420a]>*{min-width:0;width:100%;flex:1 1 0%}.page[data-v-30e08897]{padding:1rem}.login-page[data-v-a8df4308]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-background-soft) url(/login-bg.png) center center / cover no-repeat;position:relative}.login-page[data-v-a8df4308]:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0b1120bf,#1e293b99);pointer-events:none}.login-card[data-v-a8df4308]{position:relative;z-index:1;width:100%;max-width:360px;padding:2rem;background:var(--color-background);border-radius:12px;box-shadow:0 8px 32px #00000040}.login-card h1[data-v-a8df4308]{margin:0 0 1.5rem;font-size:1.25rem;text-align:center}.login-form .field[data-v-a8df4308]{margin-bottom:1rem}.login-form label[data-v-a8df4308]{display:block;margin-bottom:.25rem;font-size:.875rem;color:var(--color-text)}.login-form input[data-v-a8df4308]{width:100%;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:4px;font-size:1rem;box-sizing:border-box}.password-wrap[data-v-a8df4308]{position:relative;display:flex;align-items:center}.password-wrap input[data-v-a8df4308]{padding-right:2.5rem}.password-toggle[data-v-a8df4308]{position:absolute;right:.5rem;display:flex;align-items:center;justify-content:center;padding:.25rem;background:none;border:none;color:var(--color-text);cursor:pointer;border-radius:4px}.password-toggle[data-v-a8df4308]:hover{color:#00bd7e}.password-toggle[data-v-a8df4308]:focus{outline:none}.password-toggle svg[data-v-a8df4308]{display:block}.login-form .error[data-v-a8df4308]{color:#c53030;font-size:.875rem;margin:.5rem 0}.btn-primary[data-v-a8df4308]{width:100%;margin-top:.5rem;padding:.6rem 1rem;background:#00bd7e;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer}.btn-primary[data-v-a8df4308]:hover:not(:disabled){background:#00a36d}.btn-primary[data-v-a8df4308]:disabled{opacity:.7;cursor:not-allowed}.page[data-v-5f0adb74]{width:100%;min-width:0;max-width:none;padding:1.5rem;color:var(--color-text);display:flex;flex-direction:column;box-sizing:border-box;flex:1 1 0%}.page-header[data-v-5f0adb74]{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-shrink:0}.subtitle[data-v-5f0adb74]{margin-top:.25rem;color:var(--color-text-muted);font-size:.875rem}.filters[data-v-5f0adb74]{display:flex;align-items:flex-end;gap:.75rem;margin-bottom:1rem;flex-shrink:0}.field[data-v-5f0adb74]{display:flex;flex-direction:column;gap:.25rem}.field-label[data-v-5f0adb74]{font-size:.875rem;color:var(--color-text-muted)}.input[data-v-5f0adb74]{padding:.4rem .6rem;border-radius:4px;border:1px solid var(--color-border);background-color:var(--color-background-soft);color:var(--color-text)}.input[data-v-5f0adb74]:focus{outline:none;border-color:var(--vt-c-indigo);box-shadow:0 0 0 1px var(--vt-c-indigo-soft)}.btn[data-v-5f0adb74]{border:1px solid var(--color-border);background-color:var(--color-background-soft);color:var(--color-text);border-radius:4px;padding:.35rem .75rem;font-size:.875rem;cursor:pointer}.btn.primary[data-v-5f0adb74]{background-color:var(--vt-c-indigo);color:#fff;border-color:var(--vt-c-indigo)}.btn.small[data-v-5f0adb74]{padding:.2rem .5rem}.btn.danger[data-v-5f0adb74]{border-color:#e5484d;color:#e5484d}.btn[data-v-5f0adb74]:disabled{opacity:.6;cursor:not-allowed}.content[data-v-5f0adb74]{flex:1 1 0%;min-width:0;width:100%;border-radius:8px;border:1px solid var(--color-border);background-color:var(--color-background-mute);padding:1rem;box-sizing:border-box;overflow-x:auto}.table-wrap[data-v-5f0adb74]{width:100%;overflow-x:auto;border-radius:8px;overflow:hidden}.table[data-v-5f0adb74]{width:100%;border-collapse:collapse;font-size:.875rem;table-layout:fixed;border-radius:8px}.table th[data-v-5f0adb74],.table td[data-v-5f0adb74]{padding:.5rem .75rem;border-bottom:1px solid var(--color-border-soft);text-align:left}.table th[data-v-5f0adb74]{color:#fff;background-color:#00a2e8;font-weight:600}.table tbody tr[data-v-5f0adb74]:nth-child(odd){background-color:var(--color-background)}.table tbody tr[data-v-5f0adb74]:nth-child(2n){background-color:var(--color-background-soft)}.table tbody tr[data-v-5f0adb74]:hover{background-color:var(--color-background-mute)}.col-no[data-v-5f0adb74]{width:4%}.col-username[data-v-5f0adb74]{width:18%}.col-phone[data-v-5f0adb74]{width:16%}.col-created[data-v-5f0adb74],.col-login[data-v-5f0adb74]{width:22%}.col-actions[data-v-5f0adb74]{width:18%;white-space:nowrap}.actions[data-v-5f0adb74]{display:flex;gap:.5rem;flex-wrap:wrap}.empty[data-v-5f0adb74],.loading[data-v-5f0adb74]{padding:1rem 0;color:var(--color-text-muted);text-align:center}.pagination[data-v-5f0adb74]{margin-top:.75rem;display:flex;align-items:center;justify-content:flex-end;gap:.75rem;font-size:.875rem}.page-info[data-v-5f0adb74]{color:var(--color-text-muted)}.alert[data-v-5f0adb74]{padding:.5rem .75rem;border-radius:4px;margin-bottom:.75rem;font-size:.875rem}.alert.error[data-v-5f0adb74]{background-color:#e5484d1a;border:1px solid #e5484d;color:#e5484d}.dialog-backdrop[data-v-5f0adb74]{position:fixed;inset:0;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.dialog[data-v-5f0adb74]{width:400px;max-width:90vw;background-color:var(--color-background);border-radius:8px;box-shadow:0 10px 30px #0003;padding:1rem 1.25rem .75rem}.dialog-body[data-v-5f0adb74]{margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem}.dialog-footer[data-v-5f0adb74]{margin-top:1rem;display:flex;justify-content:flex-end;gap:.5rem}.page[data-v-3ad46b6d]{width:100%;min-width:0;max-width:none;padding:1.5rem;color:var(--color-text);display:flex;flex-direction:column;box-sizing:border-box;flex:1 1 0%}.page-header[data-v-3ad46b6d]{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-shrink:0}.subtitle[data-v-3ad46b6d]{margin-top:.25rem;color:var(--color-text-muted);font-size:.875rem}.filters[data-v-3ad46b6d]{display:flex;align-items:flex-end;gap:.75rem;margin-bottom:1rem;flex-shrink:0;flex-wrap:wrap}.field[data-v-3ad46b6d]{display:flex;flex-direction:column;gap:.25rem}.field-label[data-v-3ad46b6d]{font-size:.875rem;color:var(--color-text-muted)}.input[data-v-3ad46b6d]{padding:.4rem .6rem;border-radius:4px;border:1px solid var(--color-border);background-color:var(--color-background-soft);color:var(--color-text)}.input[data-v-3ad46b6d]:focus{outline:none;border-color:var(--vt-c-indigo);box-shadow:0 0 0 1px var(--vt-c-indigo-soft)}.btn[data-v-3ad46b6d]{border:1px solid var(--color-border);background-color:var(--color-background-soft);color:var(--color-text);border-radius:4px;padding:.35rem .75rem;font-size:.875rem;cursor:pointer}.btn.primary[data-v-3ad46b6d]{background-color:var(--vt-c-indigo);color:#fff;border-color:var(--vt-c-indigo)}.btn.small[data-v-3ad46b6d]{padding:.2rem .5rem}.btn.danger[data-v-3ad46b6d]{border-color:#e5484d;color:#e5484d}.btn.link[data-v-3ad46b6d]{border:none;background:none;color:var(--vt-c-indigo);text-decoration:underline}.btn[data-v-3ad46b6d]:disabled{opacity:.6;cursor:not-allowed}.content[data-v-3ad46b6d]{flex:1 1 0%;min-width:0;width:100%;border-radius:8px;border:1px solid var(--color-border);background-color:var(--color-background-mute);padding:1rem;box-sizing:border-box;overflow-x:auto}.table-wrap[data-v-3ad46b6d]{width:100%;overflow-x:auto;border-radius:8px;overflow:hidden}.table[data-v-3ad46b6d]{width:100%;border-collapse:collapse;font-size:.875rem;table-layout:fixed}.table th[data-v-3ad46b6d],.table td[data-v-3ad46b6d]{padding:.5rem .75rem;border-bottom:1px solid var(--color-border-soft);text-align:left}.table th[data-v-3ad46b6d]{color:#fff;background-color:#00a2e8;font-weight:600}.table tbody tr[data-v-3ad46b6d]:nth-child(odd){background-color:var(--color-background)}.table tbody tr[data-v-3ad46b6d]:nth-child(2n){background-color:var(--color-background-soft)}.table tbody tr[data-v-3ad46b6d]:hover{background-color:var(--color-background-mute)}.col-no[data-v-3ad46b6d]{width:4%}.col-username[data-v-3ad46b6d],.col-phone[data-v-3ad46b6d]{width:12%}.col-pwd[data-v-3ad46b6d]{width:6%}.col-created[data-v-3ad46b6d],.col-login[data-v-3ad46b6d]{width:16%}.col-status[data-v-3ad46b6d]{width:6%}.col-actions[data-v-3ad46b6d]{width:28%;white-space:nowrap}.actions[data-v-3ad46b6d]{display:flex;flex-wrap:nowrap;gap:.5rem;align-items:center}.empty[data-v-3ad46b6d],.loading[data-v-3ad46b6d]{padding:1rem 0;color:var(--color-text-muted);text-align:center}.pagination[data-v-3ad46b6d]{margin-top:.75rem;display:flex;align-items:center;justify-content:flex-end;gap:.75rem;font-size:.875rem}.page-info[data-v-3ad46b6d]{color:var(--color-text-muted)}.alert[data-v-3ad46b6d]{padding:.5rem .75rem;border-radius:4px;margin-bottom:.75rem;font-size:.875rem}.alert.error[data-v-3ad46b6d]{background-color:#e5484d1a;border:1px solid #e5484d;color:#e5484d}.dialog-backdrop[data-v-3ad46b6d]{position:fixed;inset:0;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.dialog[data-v-3ad46b6d]{width:400px;max-width:90vw;background-color:var(--color-background);border-radius:8px;box-shadow:0 10px 30px #0003;padding:1rem 1.25rem .75rem}.dialog-wide[data-v-3ad46b6d]{width:560px}.dialog-body[data-v-3ad46b6d]{margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem}.dialog-footer[data-v-3ad46b6d]{margin-top:1rem;display:flex;justify-content:flex-end;gap:.5rem}.mini-table-wrap[data-v-3ad46b6d]{max-height:300px;overflow:auto}.mini-table[data-v-3ad46b6d]{width:100%;border-collapse:collapse;font-size:.875rem}.mini-table th[data-v-3ad46b6d],.mini-table td[data-v-3ad46b6d]{padding:.4rem .5rem;border-bottom:1px solid var(--color-border-soft);text-align:left}.mini-table th[data-v-3ad46b6d]{color:var(--color-text-muted);background-color:var(--color-background-soft)}.page[data-v-edfe5e7c]{padding:1rem}.placeholder[data-v-edfe5e7c]{color:var(--color-text-muted)}