:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--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);--section-gap: 160px}@media(prefers-color-scheme:dark){:root{--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)}}*,*: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{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media(hover:hover){a:hover{background-color:#00bd7e33}}@media(min-width:1024px){body{display:flex;place-items:center}#app{display:grid;grid-template-columns:1fr 1fr;padding:0 2rem}}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;font-family:Microsoft Yahei,sans-serif}[data-v-42c64b8c]{margin:0;padding:0;box-sizing:border-box;font-family:Microsoft Yahei,sans-serif}.login-page[data-v-42c64b8c]{width:100vw;height:100vh;background:linear-gradient(#00000026,#0000004d),url(https://picsum.photos/1920/1080?random=1) no-repeat center center;background-size:cover;display:flex;justify-content:center;align-items:center;overflow:hidden;position:fixed;top:0;left:0}.login-card[data-v-42c64b8c]{width:900px;height:500px;background:#ffffff40;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:20px;border:1px solid rgba(255,255,255,.4);box-shadow:0 20px 40px #0003,0 0 0 1px #ffffff1a inset;display:flex;overflow:hidden;max-width:95vw;max-height:95vh;transform:translateY(-5px) scale(.85);transition:all .5s ease}.login-card[data-v-42c64b8c]:hover{transform:translateY(-10px) scale(.85);box-shadow:0 25px 50px #00000040}.login-intro[data-v-42c64b8c]{flex:.8;background:#00326459;padding:40px 20px;color:#fff;display:flex;flex-direction:column;justify-content:center;box-shadow:inset -5px 0 15px #0000001a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.login-intro h1[data-v-42c64b8c]{font-size:32px;margin-bottom:20px;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.login-intro p[data-v-42c64b8c]{font-size:16px;line-height:1.6;margin-bottom:15px;text-shadow:0 1px 3px rgba(0,0,0,.2)}.login-form[data-v-42c64b8c]{flex:1;padding:60px 40px;display:flex;flex-direction:column;justify-content:center}.login-form h2[data-v-42c64b8c]{font-size:28px;color:#fff;margin-bottom:30px;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.2)}.form-group[data-v-42c64b8c]{margin-bottom:25px}.form-group label[data-v-42c64b8c]{display:block;color:#fff;margin-bottom:8px;font-size:14px;text-shadow:0 1px 3px rgba(0,0,0,.2)}.form-group input[data-v-42c64b8c]{width:100%;height:45px;padding:0 15px;background:#fff3;border:1px solid rgba(255,255,255,.4);border-radius:8px;color:#fff;font-size:16px;outline:none;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.form-group input[data-v-42c64b8c]::placeholder{color:#fff9}.form-group input[data-v-42c64b8c]:focus{border-color:#fffc;background:#ffffff40;box-shadow:0 4px 12px #0000001a}.error-message[data-v-42c64b8c]{color:#ff6b6b;font-size:14px;margin-bottom:15px;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.2)}.login-btn[data-v-42c64b8c]{width:100%;height:48px;background:#0078ffcc;border:none;border-radius:8px;color:#fff;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px;box-shadow:0 8px 15px #0078ff26}.login-btn[data-v-42c64b8c]:hover:not(:disabled){background:#0078ff;transform:translateY(-3px);box-shadow:0 12px 20px #0078ff4d}.login-btn[data-v-42c64b8c]:disabled{background:#0078ff66;cursor:not-allowed}@media(max-width:768px){.login-card[data-v-42c64b8c]{flex-direction:column;height:auto;transform:translateY(-3px) scale(.85)}.login-card[data-v-42c64b8c]:hover{transform:translateY(-6px) scale(.85)}.login-intro[data-v-42c64b8c]{padding:40px 30px;text-align:center;box-shadow:inset 0 -5px 15px #0000001a}.login-form[data-v-42c64b8c]{padding:40px 30px}}[data-v-ec9c534f]:root{--status-bar-bg: #4a6fa5;--status-bar-text: #ffffff;--content-bg-start: #f8f9fa;--content-bg-end: #e9ecef;--button-bg: #3498db;--button-hover: #2980b9;--button-text: #ffffff;--query-color: #27ae60;--add-color: #e74c3c;--receive-color: #3498db;--other-color: #2c3e50;--btn-container-height: 60%}.dark-theme[data-v-ec9c534f]{--status-bar-bg: #2c3e50;--status-bar-text: #ecf0f1;--content-bg-start: #1a2530;--content-bg-end: #0f1720;--button-bg: #2980b9;--button-hover: #1f618d;--button-text: #ecf0f1;--other-color: #ecf0f1}.dashboard-page[data-v-ec9c534f]{height:100vh;width:100vw;overflow:hidden;transition:all .3s ease;position:fixed;top:0;left:0}.status-bar[data-v-ec9c534f]{width:100%;height:80px;background-color:var(--status-bar-bg);color:var(--status-bar-text);display:flex;align-items:center;justify-content:space-between;padding:0 3vw;box-shadow:0 2px 5px #0000001a;position:relative;z-index:10}.theme-switch[data-v-ec9c534f]{display:flex;align-items:center;gap:12px}.switch-btn[data-v-ec9c534f]{width:50px;height:25px;background-color:#ccc;border-radius:12.5px;position:relative;cursor:pointer;transition:background-color .3s}.switch-btn[data-v-ec9c534f]:after{content:"";width:22px;height:22px;background-color:#fff;border-radius:50%;position:absolute;top:1.5px;left:1.5px;transition:left .3s}.dark-theme .switch-btn[data-v-ec9c534f]{background-color:#4cd964}.dark-theme .switch-btn[data-v-ec9c534f]:after{left:26.5px}.datetime[data-v-ec9c534f]{font-size:1.25rem}.user-actions[data-v-ec9c534f]{display:flex;align-items:center;gap:20px}.welcome-text[data-v-ec9c534f]{font-size:1.25rem}.action-btn[data-v-ec9c534f]{padding:.5rem 1rem;background-color:var(--button-bg);color:var(--button-text);border:none;border-radius:6px;cursor:pointer;font-size:1rem;transition:background-color .2s}.action-btn[data-v-ec9c534f]:hover{background-color:var(--button-hover)}.content-area[data-v-ec9c534f]{width:100%;height:calc(100vh - 80px);background:linear-gradient(135deg,var(--content-bg-start),var(--content-bg-end));transition:background .3s ease;display:flex;align-items:center;justify-content:center;padding:3vw}.glass-btn-container[data-v-ec9c534f]{display:flex;width:100%;height:var(--btn-container-height);gap:2vh 2vw;max-width:95vw;align-items:stretch;justify-content:center}.glass-btn[data-v-ec9c534f]{flex:1;min-width:0;height:100%;padding:2rem 1.5rem;border-radius:20px;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease;font-weight:700;font-size:1.5rem;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-icon[data-v-ec9c534f]{font-size:4rem}.btn-text[data-v-ec9c534f]{font-size:1.7rem}.dark-theme .btn-text[data-v-ec9c534f]{color:#fff;font-weight:700}#queryBtn[data-v-ec9c534f]{background:#27ae6026;color:var(--query-color);box-shadow:0 4px 10px #27ae601a;border:1px solid rgba(39,174,96,.2)}#queryBtn[data-v-ec9c534f]:hover{background:#27ae6040;box-shadow:0 8px 20px #27ae6026;transform:translateY(-8px)}#addBtn[data-v-ec9c534f]{background:#e74c3c26;color:var(--add-color);box-shadow:0 4px 10px #e74c3c1a;border:1px solid rgba(231,76,60,.2)}#addBtn[data-v-ec9c534f]:hover{background:#e74c3c40;box-shadow:0 8px 20px #e74c3c26;transform:translateY(-8px)}#receiveBtn[data-v-ec9c534f]{background:#3498db26;color:var(--receive-color);box-shadow:0 4px 10px #3498db1a;border:1px solid rgba(52,152,219,.2)}#receiveBtn[data-v-ec9c534f]:hover{background:#3498db40;box-shadow:0 8px 20px #3498db26;transform:translateY(-8px)}#otherBtn[data-v-ec9c534f]{background:#2c3e5026;color:var(--other-color);box-shadow:0 4px 10px #2c3e501a;border:1px solid rgba(44,62,80,.2)}#otherBtn[data-v-ec9c534f]:hover{background:#2c3e5040;box-shadow:0 8px 20px #2c3e5026;transform:translateY(-8px)}#userBtn[data-v-ec9c534f]{background:#9b59b626;color:#9b59b6;box-shadow:0 4px 10px #9b59b61a;border:1px solid rgba(155,89,182,.2)}#userBtn[data-v-ec9c534f]:hover{background:#9b59b640;box-shadow:0 8px 20px #9b59b626;transform:translateY(-8px)}#enterpriseBtn[data-v-ec9c534f]{background:#f39c1226;color:#f39c12;box-shadow:0 4px 10px #f39c121a;border:1px solid rgba(243,156,18,.2)}#enterpriseBtn[data-v-ec9c534f]:hover{background:#f39c1240;box-shadow:0 8px 20px #f39c1226;transform:translateY(-8px)}@media(max-width:1200px){.status-bar[data-v-ec9c534f]{height:70px;padding:0 2vw}.datetime[data-v-ec9c534f],.welcome-text[data-v-ec9c534f]{font-size:1.1rem}.action-btn[data-v-ec9c534f]{font-size:.9rem;padding:.4rem .8rem}.glass-btn-container[data-v-ec9c534f]{gap:1.5vh 2vw}.btn-icon[data-v-ec9c534f]{font-size:3rem}.btn-text[data-v-ec9c534f]{font-size:1.4rem}}@media(max-width:768px){.status-bar[data-v-ec9c534f]{height:60px;padding:0 1.5vw}.datetime[data-v-ec9c534f],.welcome-text[data-v-ec9c534f]{font-size:1rem}.action-btn[data-v-ec9c534f]{font-size:.875rem;padding:.375rem .75rem}.glass-btn-container[data-v-ec9c534f]{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:1.5vh 1.5vw;height:80%}.glass-btn[data-v-ec9c534f]{font-size:1rem;padding:1.5rem 1rem;border-radius:16px}.btn-icon[data-v-ec9c534f]{font-size:2.5rem}.btn-text[data-v-ec9c534f]{font-size:1.2rem}.theme-switch span[data-v-ec9c534f]{display:none}.user-actions[data-v-ec9c534f]{gap:10px}}@media(max-width:480px){.status-bar[data-v-ec9c534f]{height:50px;padding:0 1vw}.datetime[data-v-ec9c534f]{font-size:.875rem}.welcome-text[data-v-ec9c534f]{display:none}.action-btn[data-v-ec9c534f]{font-size:.75rem;padding:.3rem .6rem}.glass-btn-container[data-v-ec9c534f]{gap:1vh 1vw}.btn-icon[data-v-ec9c534f]{font-size:2rem}.btn-text[data-v-ec9c534f]{font-size:1.075rem}}.modal-overlay[data-v-ec9c534f]{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-ec9c534f]{background:#fff;padding:20px;border-radius:8px;max-width:900px;width:90%;max-height:90vh;overflow-y:auto}.modal-content h3[data-v-ec9c534f]{margin-top:0;margin-bottom:20px;font-size:1.5rem;color:#333}.tab-selector[data-v-ec9c534f]{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid #ddd;padding-bottom:10px}.tab-selector button[data-v-ec9c534f]{padding:10px 20px;border:none;background:#f5f5f5;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.tab-selector button[data-v-ec9c534f]:hover{background:#e0e0e0}.tab-selector button.tab-active[data-v-ec9c534f]{background:#2563eb;color:#fff}.form-input[data-v-ec9c534f]{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:0;transition:all .3s ease}.form-input[data-v-ec9c534f]:hover{box-shadow:0 4px 8px #0000001f;border-color:#ccc}.form-input[data-v-ec9c534f]:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33;outline:none}.img-preview[data-v-ec9c534f]{width:128px;height:128px;border:2px dashed #ddd;border-radius:0;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background-color:#fff;transition:all .3s ease}.img-preview[data-v-ec9c534f]:hover{box-shadow:0 4px 8px #0000001f;border-color:#ccc}.btn-flat[data-v-ec9c534f]{padding:8px 12px;border-radius:0;font-size:14px;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:4px;border:none;cursor:pointer}.btn-flat[data-v-ec9c534f]:hover{box-shadow:0 4px 8px #0000001f;transform:scale(1.05)}.bg-green-600[data-v-ec9c534f]{background-color:#10b981}.bg-red-600[data-v-ec9c534f]{background-color:#ef4444}.bg-blue-600[data-v-ec9c534f]{background-color:#3b82f6}.tab-content[data-v-ec9c534f]{padding:16px 0}.grid[data-v-ec9c534f]{display:grid}.grid-cols-3[data-v-ec9c534f]{grid-template-columns:repeat(3,1fr)}.gap-4[data-v-ec9c534f]{gap:16px}.flex[data-v-ec9c534f]{display:flex}.flex-col[data-v-ec9c534f]{flex-direction:column}.justify-between[data-v-ec9c534f]{justify-content:space-between}.items-start[data-v-ec9c534f]{align-items:flex-start}.items-center[data-v-ec9c534f]{align-items:center}.mb-2[data-v-ec9c534f]{margin-bottom:8px}.mb-6[data-v-ec9c534f]{margin-bottom:24px}.mt-20[data-v-ec9c534f]{margin-top:20px}.text-lg[data-v-ec9c534f]{font-size:18px}.font-semibold[data-v-ec9c534f]{font-weight:600}.text-gray-800[data-v-ec9c534f]{color:#333}.text-gray-700[data-v-ec9c534f]{color:#555}.text-gray-400[data-v-ec9c534f]{color:#999}.text-white[data-v-ec9c534f]{color:#fff}.m-0[data-v-ec9c534f]{margin:0}.w-full[data-v-ec9c534f]{width:100%}.h-full[data-v-ec9c534f]{height:100%}.flex-1[data-v-ec9c534f]{flex:1}.overflow-y-auto[data-v-ec9c534f]{overflow-y:auto}.p-4[data-v-ec9c534f]{padding:16px}.object-cover[data-v-ec9c534f]{object-fit:cover}.hidden[data-v-ec9c534f]{display:none}.cursor-pointer[data-v-ec9c534f]{cursor:pointer}@media(max-width:768px){.grid-cols-3[data-v-ec9c534f]{grid-template-columns:repeat(2,1fr)}.modal-content[data-v-ec9c534f]{width:95%;height:90vh}}@media(max-width:480px){.grid-cols-3[data-v-ec9c534f]{grid-template-columns:1fr}}.modal-overlay[data-v-237575b0]{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-237575b0]{background:#fff;padding:20px;border-radius:8px;max-width:900px;width:90%;max-height:90vh;overflow-y:auto}.modal-content h3[data-v-237575b0]{margin-top:0;margin-bottom:20px;font-size:1.5rem;color:#333;text-align:right}.tab-selector[data-v-237575b0]{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid #ddd;padding-bottom:10px}.tab-selector button[data-v-237575b0]{padding:10px 20px;border:none;background:#f5f5f5;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.tab-selector button[data-v-237575b0]:hover{background:#e0e0e0}.tab-selector button.tab-active[data-v-237575b0]{background:#2563eb;color:#fff}.tab-content[data-v-237575b0]{padding:16px 0}.form-input[data-v-237575b0]{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .3s}.form-input[data-v-237575b0]:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.img-preview[data-v-237575b0]{position:relative;background-color:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.img-preview img[data-v-237575b0]{width:100%;height:100%;object-fit:cover}.btn-flat[data-v-237575b0]{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s}.btn-flat[data-v-237575b0]:hover{opacity:.9;transform:translateY(-1px)}.bg-red-600[data-v-237575b0]{background-color:#dc2626}.bg-blue-600[data-v-237575b0]{background-color:#2563eb}.bg-green-600[data-v-237575b0]{background-color:#16a34a}.bg-gray-600[data-v-237575b0]{background-color:#4b5563}.text-white[data-v-237575b0]{color:#fff}.grid[data-v-237575b0]{display:grid}.grid-cols-3[data-v-237575b0]{grid-template-columns:repeat(3,1fr)}.gap-4[data-v-237575b0]{gap:1rem}.flex[data-v-237575b0]{display:flex}.flex-1[data-v-237575b0]{flex:1}.flex-col[data-v-237575b0]{flex-direction:column}.items-start[data-v-237575b0]{align-items:flex-start}.gap-2[data-v-237575b0]{gap:.5rem}.gap-6[data-v-237575b0]{gap:1.5rem}.mb-0[data-v-237575b0]{margin-bottom:0}.mb-2[data-v-237575b0]{margin-bottom:.5rem}.mb-6[data-v-237575b0]{margin-bottom:1.5rem}.text-center[data-v-237575b0]{text-align:center}.text-sm[data-v-237575b0]{font-size:.875rem}.text-gray-400[data-v-237575b0]{color:#9ca3af}.text-2xl[data-v-237575b0]{font-size:1.5rem}.text-gray-700[data-v-237575b0]{color:#374151}.font-medium[data-v-237575b0]{font-weight:500}.block[data-v-237575b0]{display:block}.hidden[data-v-237575b0]{display:none}.cursor-pointer[data-v-237575b0]{cursor:pointer}.w-full[data-v-237575b0]{width:100%}.h-full[data-v-237575b0]{height:100%}.object-cover[data-v-237575b0]{object-fit:cover}.form-actions[data-v-237575b0]{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:20px;border-top:1px solid #e5e7eb}.personnel-management-page[data-v-c142787b]{height:100vh;width:100vw;overflow:hidden;position:fixed;top:0;left:0;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.status-bar[data-v-c142787b]{width:100%;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:space-between;align-items:center;padding:0 3vw;box-shadow:0 2px 5px #0000001a;color:#fff}.status-bar h2[data-v-c142787b]{margin:0;font-size:24px}.content-area[data-v-c142787b]{width:100%;height:calc(100vh - 80px);overflow-y:auto;padding:20px 3vw}.content-wrapper[data-v-c142787b]{max-width:1400px;margin:0 auto}.actions[data-v-c142787b]{display:flex;gap:10px}.btn[data-v-c142787b]{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s}.btn-primary[data-v-c142787b]{background-color:#10b981;color:#fff}.btn-primary[data-v-c142787b]:hover{background-color:#059669}.btn-secondary[data-v-c142787b]{background-color:#3b82f6;color:#fff}.btn-secondary[data-v-c142787b]:hover{background-color:#2563eb}.btn-back[data-v-c142787b]{background-color:#6b7280;color:#fff}.btn-back[data-v-c142787b]:hover{background-color:#4b5563}.search-bar[data-v-c142787b]{display:flex;gap:10px;margin-bottom:20px}.search-input[data-v-c142787b]{flex:1;padding:10px;border:1px solid #d1d5db;border-radius:4px;font-size:14px}.search-select[data-v-c142787b]{padding:10px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;min-width:150px}.btn-search[data-v-c142787b]{background-color:#3b82f6;color:#fff}.btn-search[data-v-c142787b]:hover{background-color:#2563eb}.table-container[data-v-c142787b]{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.data-table[data-v-c142787b]{width:100%;border-collapse:collapse}.data-table th[data-v-c142787b],.data-table td[data-v-c142787b]{padding:12px;text-align:left;border-bottom:1px solid #e5e7eb}.data-table th[data-v-c142787b]{background-color:#f9fafb;font-weight:600;color:#374151}.data-table tr[data-v-c142787b]:hover{background-color:#f9fafb}.btn-sm[data-v-c142787b]{padding:4px 8px;font-size:12px;margin-right:5px}.btn-info[data-v-c142787b]{background-color:#3b82f6;color:#fff}.btn-warning[data-v-c142787b]{background-color:#f59e0b;color:#fff}.btn-danger[data-v-c142787b]{background-color:#ef4444;color:#fff}.pagination[data-v-c142787b]{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:20px}.loading-spinner[data-v-c142787b]{text-align:center;padding:20px;color:#6b7280}.modal-overlay[data-v-c142787b]{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-c142787b]{background:#fff;padding:20px;border-radius:8px;max-width:900px;width:90%;max-height:90vh;overflow-y:auto}.modal-content h3[data-v-c142787b]{margin-top:0;margin-bottom:20px;font-size:1.5rem;color:#333}.view-modal[data-v-c142787b]{max-width:600px}.detail-grid[data-v-c142787b]{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.detail-item[data-v-c142787b]{display:flex;flex-direction:column}.detail-item label[data-v-c142787b]{font-weight:600;color:#374151;margin-bottom:5px}.detail-item span[data-v-c142787b]{color:#6b7280}.tab-selector[data-v-c142787b]{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid #ddd;padding-bottom:10px}.tab-selector button[data-v-c142787b]{padding:10px 20px;border:none;background:#f5f5f5;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.tab-selector button[data-v-c142787b]:hover{background:#e0e0e0}.tab-selector button.tab-active[data-v-c142787b]{background:#2563eb;color:#fff}.tab-content[data-v-c142787b]{padding:16px 0}.grid[data-v-c142787b]{display:grid}.grid-cols-3[data-v-c142787b]{grid-template-columns:repeat(3,1fr)}.gap-4[data-v-c142787b]{gap:16px}.gap-6[data-v-c142787b]{gap:24px}.flex[data-v-c142787b]{display:flex}.flex-col[data-v-c142787b]{flex-direction:column}.items-start[data-v-c142787b]{align-items:flex-start}.flex-1[data-v-c142787b]{flex:1}.mb-0[data-v-c142787b]{margin-bottom:0}.mb-6[data-v-c142787b]{margin-bottom:24px}.text-sm[data-v-c142787b]{font-size:14px}.font-medium[data-v-c142787b]{font-weight:500}.text-gray-700[data-v-c142787b]{color:#374151}.text-gray-400[data-v-c142787b]{color:#9ca3af}.text-gray-800[data-v-c142787b]{color:#1f2937}.text-white[data-v-c142787b]{color:#fff}.block[data-v-c142787b]{display:block}.w-full[data-v-c142787b]{width:100%}.h-full[data-v-c142787b]{height:100%}.object-cover[data-v-c142787b]{object-fit:cover}.hidden[data-v-c142787b]{display:none}.cursor-pointer[data-v-c142787b]{cursor:pointer}.form-input[data-v-c142787b]{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:0;transition:all .3s ease}.form-input[data-v-c142787b]:hover{box-shadow:0 4px 8px #0000001f;border-color:#ccc}.form-input[data-v-c142787b]:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33;outline:none}.img-preview[data-v-c142787b]{width:128px;height:128px;border:2px dashed #ddd;border-radius:0;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background-color:#fff;transition:all .3s ease}.img-preview[data-v-c142787b]:hover{box-shadow:0 4px 8px #0000001f;border-color:#ccc}.btn-flat[data-v-c142787b]{padding:8px 12px;border-radius:0;font-size:14px;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:4px;border:none;cursor:pointer}.btn-flat[data-v-c142787b]:hover{box-shadow:0 4px 8px #0000001f;transform:scale(1.05)}.bg-green-600[data-v-c142787b]{background-color:#10b981}.bg-red-600[data-v-c142787b]{background-color:#ef4444}.bg-blue-600[data-v-c142787b]{background-color:#3b82f6}.bg-gray-600[data-v-c142787b]{background-color:#6b7280}.form-actions[data-v-c142787b]{margin-top:20px;display:flex;justify-content:flex-end;gap:10px}.edit-modal[data-v-c142787b]{max-width:800px}.edit-form-grid[data-v-c142787b]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.form-group[data-v-c142787b]{display:flex;flex-direction:column}.form-group label[data-v-c142787b]{font-size:14px;font-weight:500;color:#374151;margin-bottom:5px}.avatar-preview[data-v-c142787b]{width:50px;height:50px;object-fit:cover;border-radius:4px}@media(max-width:768px){.grid-cols-3[data-v-c142787b]{grid-template-columns:repeat(2,1fr)}.detail-grid[data-v-c142787b]{grid-template-columns:1fr}.modal-content[data-v-c142787b]{width:95%}}@media(max-width:480px){.grid-cols-3[data-v-c142787b]{grid-template-columns:1fr}.status-bar[data-v-c142787b]{flex-direction:column;gap:10px}.search-bar[data-v-c142787b]{flex-direction:column}}.modal-overlay[data-v-5b05f726]{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-5b05f726]{background:#fff;padding:20px;border-radius:8px;max-width:900px;width:90%;max-height:90vh;overflow-y:auto}.modal-content h3[data-v-5b05f726]{margin-top:0;margin-bottom:20px;font-size:1.5rem;color:#333}.tab-selector[data-v-5b05f726]{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid #ddd;padding-bottom:10px}.tab-selector button[data-v-5b05f726]{padding:10px 20px;border:none;background:#f5f5f5;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.tab-selector button[data-v-5b05f726]:hover{background:#e0e0e0}.tab-selector button.tab-active[data-v-5b05f726]{background:#2563eb;color:#fff}.tab-content[data-v-5b05f726]{padding:16px 0}.form-input[data-v-5b05f726]{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .3s}.form-input[data-v-5b05f726]:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.img-preview[data-v-5b05f726]{position:relative;background-color:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.btn-flat[data-v-5b05f726]{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s}.btn-flat[data-v-5b05f726]:hover{opacity:.9;transform:translateY(-1px)}.bg-red-600[data-v-5b05f726]{background-color:#dc2626}.bg-blue-600[data-v-5b05f726]{background-color:#2563eb}.bg-green-600[data-v-5b05f726]{background-color:#16a34a}.bg-gray-600[data-v-5b05f726]{background-color:#4b5563}.text-white[data-v-5b05f726]{color:#fff}.grid[data-v-5b05f726]{display:grid}.grid-cols-3[data-v-5b05f726]{grid-template-columns:repeat(3,1fr)}.gap-4[data-v-5b05f726]{gap:1rem}.flex[data-v-5b05f726]{display:flex}.flex-1[data-v-5b05f726]{flex:1}.flex-col[data-v-5b05f726]{flex-direction:column}.items-start[data-v-5b05f726]{align-items:flex-start}.gap-2[data-v-5b05f726]{gap:.5rem}.gap-6[data-v-5b05f726]{gap:1.5rem}.mb-0[data-v-5b05f726]{margin-bottom:0}.mb-2[data-v-5b05f726]{margin-bottom:.5rem}.mb-6[data-v-5b05f726]{margin-bottom:1.5rem}.text-center[data-v-5b05f726]{text-align:center}.text-sm[data-v-5b05f726]{font-size:.875rem}.text-gray-400[data-v-5b05f726]{color:#9ca3af}.text-2xl[data-v-5b05f726]{font-size:1.5rem}.text-gray-700[data-v-5b05f726]{color:#374151}.font-medium[data-v-5b05f726]{font-weight:500}.block[data-v-5b05f726]{display:block}.hidden[data-v-5b05f726]{display:none}.cursor-pointer[data-v-5b05f726]{cursor:pointer}.w-full[data-v-5b05f726]{width:100%}.h-full[data-v-5b05f726]{height:100%}.object-cover[data-v-5b05f726]{object-fit:cover}.form-actions[data-v-5b05f726]{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:20px;border-top:1px solid #e5e7eb}.online-user-management-page[data-v-d28b8a97]{height:100vh;width:100vw;overflow:hidden;display:flex;flex-direction:column;position:fixed;top:0;left:0}.status-bar[data-v-d28b8a97]{width:100%;height:80px;background-color:#4a6fa5;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 3vw;box-shadow:0 2px 5px #0000001a}.status-bar h2[data-v-d28b8a97]{margin:0;font-size:1.5rem}.actions[data-v-d28b8a97]{display:flex;gap:10px}.table-container[data-v-d28b8a97]{flex:1;overflow:auto;background:#fff;margin:20px 3vw;border-radius:8px;box-shadow:0 2px 4px #0000001a}.data-table[data-v-d28b8a97]{width:100%;border-collapse:collapse}.data-table th[data-v-d28b8a97],.data-table td[data-v-d28b8a97]{padding:12px;text-align:left;border-bottom:1px solid #eee}.data-table th[data-v-d28b8a97]{background:#f8f9fa;font-weight:600;color:#333}.data-table tbody tr[data-v-d28b8a97]:hover{background:#f5f5f5}.btn[data-v-d28b8a97]{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s}.btn-secondary[data-v-d28b8a97]{background:#95a5a6;color:#fff}.btn-secondary[data-v-d28b8a97]:hover{background:#7f8c8d}.btn-sm[data-v-d28b8a97]{padding:5px 10px;font-size:12px;margin-right:5px}.btn-warning[data-v-d28b8a97]{background:#f39c12;color:#fff}.btn-warning[data-v-d28b8a97]:hover{background:#e67e22}.btn-danger[data-v-d28b8a97]{background:#e74c3c;color:#fff}.btn-danger[data-v-d28b8a97]:hover{background:#c0392b}.btn-back[data-v-d28b8a97]{background:#6c757d;color:#fff}.btn-back[data-v-d28b8a97]:hover{background:#5a6268}.loading-spinner[data-v-d28b8a97]{font-size:16px;color:#3498db;animation:pulse-d28b8a97 1.5s ease-in-out infinite}@keyframes pulse-d28b8a97{0%,to{opacity:1}50%{opacity:.5}}.user-management-page[data-v-d2cd1655]{height:100vh;width:100vw;overflow:hidden;display:flex;flex-direction:column;position:fixed;top:0;left:0}.status-bar[data-v-d2cd1655]{width:100%;height:80px;background-color:#4a6fa5;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 3vw;box-shadow:0 2px 5px #0000001a}.status-bar h2[data-v-d2cd1655]{margin:0;font-size:1.5rem}.actions[data-v-d2cd1655]{display:flex;gap:10px}.search-bar[data-v-d2cd1655]{display:flex;gap:10px;padding:15px 3vw;background:#f5f5f5}.search-input[data-v-d2cd1655]{flex:1;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.search-select[data-v-d2cd1655]{padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:120px}.table-container[data-v-d2cd1655]{flex:1;overflow:auto;background:#fff;margin:0 3vw;border-radius:8px;box-shadow:0 2px 4px #0000001a}.data-table[data-v-d2cd1655]{width:100%;border-collapse:collapse}.data-table th[data-v-d2cd1655],.data-table td[data-v-d2cd1655]{padding:12px;text-align:left;border-bottom:1px solid #eee}.data-table th[data-v-d2cd1655]{background:#f8f9fa;font-weight:600;color:#333}.data-table tbody tr[data-v-d2cd1655]:hover{background:#f5f5f5}.role-badge[data-v-d2cd1655]{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.role-badge.admin[data-v-d2cd1655]{background:#e74c3c;color:#fff}.role-badge.manager[data-v-d2cd1655]{background:#f39c12;color:#fff}.role-badge.user[data-v-d2cd1655]{background:#3498db;color:#fff}.status-banned[data-v-d2cd1655]{color:#e74c3c;font-weight:600}.status-active[data-v-d2cd1655]{color:#27ae60;font-weight:600}.status-yes[data-v-d2cd1655]{color:#e74c3c;font-weight:600}.status-no[data-v-d2cd1655]{color:#27ae60;font-weight:600}.pagination[data-v-d2cd1655]{display:flex;justify-content:center;align-items:center;gap:15px;padding:15px 3vw}.btn[data-v-d2cd1655]{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s}.btn-primary[data-v-d2cd1655]{background:#3498db;color:#fff}.btn-primary[data-v-d2cd1655]:hover{background:#2980b9}.btn-secondary[data-v-d2cd1655]{background:#95a5a6;color:#fff}.btn-secondary[data-v-d2cd1655]:hover{background:#7f8c8d}.btn-search[data-v-d2cd1655]{background:#27ae60;color:#fff}.btn-search[data-v-d2cd1655]:hover{background:#219a52}.btn-sm[data-v-d2cd1655]{padding:5px 10px;font-size:12px;margin-right:5px}.btn-info[data-v-d2cd1655]{background:#3498db;color:#fff}.btn-warning[data-v-d2cd1655]{background:#f39c12;color:#fff}.btn-danger[data-v-d2cd1655]{background:#e74c3c;color:#fff}.btn-back[data-v-d2cd1655]{background:#6c757d;color:#fff}.btn-back[data-v-d2cd1655]:hover{background:#5a6268}.btn[data-v-d2cd1655]:disabled{opacity:.6;cursor:not-allowed}.loading-spinner[data-v-d2cd1655]{font-size:16px;color:#3498db;animation:pulse-d2cd1655 1.5s ease-in-out infinite}@keyframes pulse-d2cd1655{0%,to{opacity:1}50%{opacity:.5}}.modal-overlay[data-v-d2cd1655]{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-d2cd1655]{background:#fff;padding:30px;border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-content h3[data-v-d2cd1655]{margin-top:0;margin-bottom:20px;color:#333}.form-group[data-v-d2cd1655]{margin-bottom:15px}.form-group label[data-v-d2cd1655]{display:block;margin-bottom:5px;font-weight:600;color:#333}.form-group input[data-v-d2cd1655],.form-group select[data-v-d2cd1655]{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-group input[data-v-d2cd1655]:disabled{background:#f5f5f5;cursor:not-allowed}.checkbox-group label[data-v-d2cd1655]{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-group input[type=checkbox][data-v-d2cd1655]{width:auto}.button-selector[data-v-d2cd1655]{display:flex;flex-direction:column;gap:10px;margin-top:5px}.button-option[data-v-d2cd1655]{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#f8f9fa;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:all .3s}.button-option[data-v-d2cd1655]:hover{background:#e9ecef}.button-option input[type=checkbox][data-v-d2cd1655]{width:auto;margin:0}.button-option span[data-v-d2cd1655]{flex:1;font-size:14px}.form-actions[data-v-d2cd1655]{display:flex;gap:10px;margin-top:20px}.form-actions button[data-v-d2cd1655]{flex:1}.view-details[data-v-d2cd1655]{margin-bottom:20px}.detail-item[data-v-d2cd1655]{display:flex;padding:10px 0;border-bottom:1px solid #eee}.detail-item label[data-v-d2cd1655]{width:120px;font-weight:600;color:#333}.detail-item span[data-v-d2cd1655]{flex:1;color:#666}.company-management-page[data-v-04366d1d]{height:100vh;width:100vw;overflow:hidden;display:flex;flex-direction:column;position:fixed;top:0;left:0}.status-bar[data-v-04366d1d]{width:100%;height:80px;background-color:#4a6fa5;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 3vw;box-shadow:0 2px 5px #0000001a}.status-bar h2[data-v-04366d1d]{margin:0;font-size:1.5rem}.actions[data-v-04366d1d]{display:flex;gap:10px}.search-bar[data-v-04366d1d]{display:flex;gap:10px;padding:15px 3vw;background:#f5f5f5}.search-input[data-v-04366d1d]{flex:1;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.table-container[data-v-04366d1d]{flex:1;overflow:auto;background:#fff;margin:0 3vw;border-radius:8px;box-shadow:0 2px 4px #0000001a}.data-table[data-v-04366d1d]{width:100%;border-collapse:collapse}.data-table th[data-v-04366d1d],.data-table td[data-v-04366d1d]{padding:12px;text-align:left;border-bottom:1px solid #eee}.data-table th[data-v-04366d1d]{background:#f8f9fa;font-weight:600;color:#333}.data-table tbody tr[data-v-04366d1d]:hover{background:#f5f5f5}.status-badge[data-v-04366d1d]{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.status-badge.active[data-v-04366d1d]{background:#27ae60;color:#fff}.status-badge.inactive[data-v-04366d1d]{background:#95a5a6;color:#fff}.pagination[data-v-04366d1d]{display:flex;justify-content:center;align-items:center;gap:15px;padding:15px 3vw}.btn[data-v-04366d1d]{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s}.btn-primary[data-v-04366d1d]{background:#3498db;color:#fff}.btn-primary[data-v-04366d1d]:hover{background:#2980b9}.btn-secondary[data-v-04366d1d]{background:#95a5a6;color:#fff}.btn-secondary[data-v-04366d1d]:hover{background:#7f8c8d}.btn-search[data-v-04366d1d]{background:#27ae60;color:#fff}.btn-search[data-v-04366d1d]:hover{background:#219a52}.btn-sm[data-v-04366d1d]{padding:5px 10px;font-size:12px;margin-right:5px}.btn-info[data-v-04366d1d]{background:#3498db;color:#fff}.btn-warning[data-v-04366d1d]{background:#f39c12;color:#fff}.btn-danger[data-v-04366d1d]{background:#e74c3c;color:#fff}.btn-back[data-v-04366d1d]{background:#6c757d;color:#fff}.btn-back[data-v-04366d1d]:hover{background:#5a6268}.btn[data-v-04366d1d]:disabled{opacity:.6;cursor:not-allowed}.loading-spinner[data-v-04366d1d]{font-size:16px;color:#3498db;animation:pulse-04366d1d 1.5s ease-in-out infinite}@keyframes pulse-04366d1d{0%,to{opacity:1}50%{opacity:.5}}.modal-overlay[data-v-04366d1d]{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-04366d1d]{background:#fff;padding:30px;border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-content h3[data-v-04366d1d]{margin-top:0;margin-bottom:20px;color:#333}.form-group[data-v-04366d1d]{margin-bottom:15px}.input-with-button[data-v-04366d1d]{display:flex;gap:10px}.input-with-button input[data-v-04366d1d]{flex:1}.form-group label[data-v-04366d1d]{display:block;margin-bottom:5px;font-weight:600;color:#333}.form-group input[data-v-04366d1d],.form-group select[data-v-04366d1d]{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-actions[data-v-04366d1d]{display:flex;gap:10px;margin-top:20px}.form-actions button[data-v-04366d1d]{flex:1}.view-details[data-v-04366d1d]{margin-bottom:20px}.detail-item[data-v-04366d1d]{display:flex;padding:10px 0;border-bottom:1px solid #eee}.detail-item label[data-v-04366d1d]{width:100px;font-weight:600;color:#333}.detail-item span[data-v-04366d1d]{flex:1;color:#666}.change-password-page[data-v-506e38eb]{width:100vw;height:100vh;background:linear-gradient(#00000026,#0000004d),url(https://picsum.photos/1920/1080?random=1) no-repeat center center;background-size:cover;display:flex;justify-content:center;align-items:center;overflow:hidden;position:fixed;top:0;left:0}.change-password-card[data-v-506e38eb]{width:450px;padding:40px;background:#ffffff40;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:20px;border:1px solid rgba(255,255,255,.4);box-shadow:0 20px 40px #0003,0 0 0 1px #ffffff1a inset}.change-password-card h2[data-v-506e38eb]{color:#fff;font-size:28px;text-align:center;margin-bottom:10px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.warning-text[data-v-506e38eb]{color:#ff6b6b;font-size:14px;text-align:center;margin-bottom:25px;font-weight:500}.form-group[data-v-506e38eb]{margin-bottom:20px}.form-group label[data-v-506e38eb]{display:block;color:#fff;font-size:14px;margin-bottom:8px;font-weight:500}.form-group input[data-v-506e38eb]{width:100%;height:45px;padding:0 15px;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:#ffffff26;color:#fff;font-size:15px;outline:none;transition:all .3s ease}.form-group input[data-v-506e38eb]::placeholder{color:#fff9}.form-group input[data-v-506e38eb]:focus{background:#ffffff40;border-color:#fff9;box-shadow:0 0 15px #fff3}.error-message[data-v-506e38eb]{color:#ff6b6b;font-size:14px;text-align:center;margin-bottom:15px;padding:10px;background:#ff6b6b1a;border-radius:6px}.success-message[data-v-506e38eb]{color:#51cf66;font-size:14px;text-align:center;margin-bottom:15px;padding:10px;background:#51cf661a;border-radius:6px}.submit-btn[data-v-506e38eb]{width:100%;height:50px;border:none;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66}.submit-btn[data-v-506e38eb]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.submit-btn[data-v-506e38eb]:disabled{opacity:.7;cursor:not-allowed}