.sidebar[data-v-0debd2cc]{width:280px;height:100vh;background:linear-gradient(180deg,#0f172a,#1e293b,#334155,#475569,#64748b);color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);position:fixed;left:0;top:0;z-index:1000;box-shadow:0 8px 32px #0003,0 4px 16px #0000001a,4px 0 16px -4px #00000026;display:flex;flex-direction:column;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.08)}.sidebar.collapsed[data-v-0debd2cc]{width:70px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,2px 0 8px -2px #0000001a}.sidebar-header[data-v-0debd2cc]{padding:28px 32px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:flex-start;align-items:center;background:linear-gradient(135deg,#ffffff1f,#ffffff0d);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a}.sidebar.collapsed .sidebar-header[data-v-0debd2cc]{justify-content:center;padding:24px 16px}.sidebar-header[data-v-0debd2cc]:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transform:translate(-100%);transition:transform .8s cubic-bezier(.4,0,.2,1)}.sidebar-header[data-v-0debd2cc]:hover:before{transform:translate(100%)}.sidebar-header[data-v-0debd2cc]:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.logo[data-v-0debd2cc]{display:flex;align-items:center;gap:16px;transition:all .3s ease;border-radius:8px;padding:4px}.logo[data-v-0debd2cc]:hover{background:#ffffff1a;transform:scale(1.02)}.sidebar.collapsed .logo[data-v-0debd2cc]{justify-content:center;gap:0}.logo-icon[data-v-0debd2cc]{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;position:relative;overflow:hidden;transition:all .3s ease}.logo-icon[data-v-0debd2cc]:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);transition:transform .6s ease}.logo-icon[data-v-0debd2cc]:hover:before{transform:translate(100%)}.logo-icon[data-v-0debd2cc]:hover{transform:scale(1.05);background:#ffffff26;box-shadow:0 6px 8px -1px #00000026,0 4px 6px -1px #0000001a}.logo-icon .logo-image[data-v-0debd2cc]{width:28px;height:28px;object-fit:contain}.logo-text[data-v-0debd2cc]{font-size:1.25rem;font-weight:700;white-space:nowrap;background:linear-gradient(135deg,#fff,#e2e8f0,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 4px rgba(0,0,0,.1);letter-spacing:.8px;margin-left:4px}.user-info[data-v-0debd2cc]{padding:20px 28px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#ffffff14,#ffffff08);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.user-info[data-v-0debd2cc]:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent)}.user-info[data-v-0debd2cc]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.user-avatar[data-v-0debd2cc]{position:relative;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8,#1e40af);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;box-shadow:0 4px 12px #3b82f64d,0 2px 6px #3b82f633;border:2px solid rgba(255,255,255,.2);transition:all .3s ease}.user-avatar[data-v-0debd2cc]:hover{transform:scale(1.05);box-shadow:0 6px 16px #3b82f666,0 4px 8px #3b82f64d}.avatar-text[data-v-0debd2cc]{color:#fff}.avatar-status[data-v-0debd2cc]{position:absolute;bottom:2px;right:2px;width:14px;height:14px;background:linear-gradient(135deg,#10b981,#059669);border:2px solid white;border-radius:50%;box-shadow:0 2px 4px #10b9814d;animation:pulse-0debd2cc 2s infinite}@keyframes pulse-0debd2cc{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.user-details[data-v-0debd2cc]{flex:1;min-width:0}.user-name[data-v-0debd2cc]{font-size:1rem;font-weight:600;margin-bottom:4px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.1)}.user-role[data-v-0debd2cc]{font-size:.8125rem;color:#fffc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.user-actions[data-v-0debd2cc]{display:flex;gap:8px}.user-action-btn[data-v-0debd2cc]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:10px;background:linear-gradient(135deg,#ef444426,#ef444414);color:#fca5a5;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(239,68,68,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-action-btn[data-v-0debd2cc]:hover{background:linear-gradient(135deg,#ef444440,#ef444426);color:#fecaca;transform:scale(1.1);box-shadow:0 4px 12px #ef44444d;border-color:#ef444466}.user-action-btn[data-v-0debd2cc]:active{transform:scale(.95)}.user-action-btn svg[data-v-0debd2cc]{width:18px;height:18px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.sidebar-nav[data-v-0debd2cc]{flex:1;padding:var(--spacing-lg) 0;overflow-y:auto;overflow-x:hidden}.nav-list[data-v-0debd2cc]{list-style:none;margin:0;padding:0}.nav-item[data-v-0debd2cc]{margin-bottom:var(--spacing-sm)}.nav-link[data-v-0debd2cc]{display:flex;align-items:center;padding:16px 28px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;border-radius:0 24px 24px 0;margin-right:16px;margin-bottom:4px}.nav-link[data-v-0debd2cc]:hover{background:linear-gradient(135deg,#ffffff26,#ffffff14);transform:translate(6px);box-shadow:0 4px 12px #0000001a}.nav-link.active[data-v-0debd2cc]{background:linear-gradient(135deg,#3b82f633,#3b82f61a);box-shadow:inset 4px 0 #3b82f6,0 4px 12px #3b82f633;border:1px solid rgba(59,130,246,.2)}.nav-link.has-children[data-v-0debd2cc]:hover{background:linear-gradient(135deg,#ffffff2e,#ffffff1a)}.nav-icon-wrapper[data-v-0debd2cc]{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.nav-icon[data-v-0debd2cc]{width:22px;height:22px;color:#ffffffe6;transition:all .3s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.nav-link:hover .nav-icon[data-v-0debd2cc]{color:#fff;transform:scale(1.15);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.nav-link.active .nav-icon[data-v-0debd2cc]{color:#3b82f6;transform:scale(1.1)}.nav-text[data-v-0debd2cc]{margin-left:16px;font-size:.9375rem;font-weight:500;flex:1;white-space:nowrap;color:#ffffffe6;transition:all .3s cubic-bezier(.4,0,.2,1);text-shadow:0 1px 2px rgba(0,0,0,.1)}.nav-link:hover .nav-text[data-v-0debd2cc]{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.nav-link.active .nav-text[data-v-0debd2cc]{color:#3b82f6;font-weight:600}.nav-arrow[data-v-0debd2cc]{width:18px;height:18px;color:#fff9;transition:all .3s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.nav-arrow.expanded[data-v-0debd2cc]{transform:rotate(180deg);color:#ffffffe6;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.nav-link:hover .nav-arrow[data-v-0debd2cc]{color:#fff;transform:scale(1.1)}.nav-link.active .nav-arrow[data-v-0debd2cc]{color:#3b82f6}.submenu[data-v-0debd2cc]{list-style:none;margin:4px 16px 0 0;padding:8px 0;background:linear-gradient(135deg,#00000040,#00000026);border-radius:0 20px 20px 0;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05)}.submenu-item[data-v-0debd2cc]{border-left:2px solid rgba(255,255,255,.08);margin-left:32px;margin-bottom:2px}.submenu-link[data-v-0debd2cc]{display:flex;align-items:center;gap:12px;padding:12px 20px;color:#fffc;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.875rem;position:relative;border-radius:0 16px 16px 0;margin-right:8px}.submenu-link[data-v-0debd2cc]:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff0f);color:#fff;padding-left:24px;transform:translate(4px);box-shadow:0 2px 8px #0000001a}.submenu-link.router-link-active[data-v-0debd2cc]{background:linear-gradient(135deg,#3b82f626,#3b82f614);color:#3b82f6;border-left:3px solid #3b82f6;box-shadow:0 2px 8px #3b82f633}.submenu-indicator[data-v-0debd2cc]{width:8px;height:8px;border-radius:50%;background:#fff6;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000001a}.submenu-link:hover .submenu-indicator[data-v-0debd2cc],.submenu-link.router-link-active .submenu-indicator[data-v-0debd2cc]{background:#3b82f6;transform:scale(1.3);box-shadow:0 2px 4px #3b82f64d}.submenu-text[data-v-0debd2cc]{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.1)}.sidebar-footer[data-v-0debd2cc]{padding:20px 28px;border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,#00000026,#00000014);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.footer-content[data-v-0debd2cc]{text-align:center;position:relative}.footer-info[data-v-0debd2cc]{color:#ffffffb3;text-shadow:0 1px 2px rgba(0,0,0,.1)}.version[data-v-0debd2cc]{font-size:.8125rem;font-weight:600;margin-bottom:6px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.copyright[data-v-0debd2cc]{font-size:.6875rem;font-weight:500;opacity:.8}.logo-text-enter-active[data-v-0debd2cc],.logo-text-leave-active[data-v-0debd2cc]{transition:all var(--transition-normal)}.logo-text-enter-from[data-v-0debd2cc],.logo-text-leave-to[data-v-0debd2cc]{opacity:0;transform:translate(-10px)}.user-info-enter-active[data-v-0debd2cc],.user-info-leave-active[data-v-0debd2cc]{transition:all var(--transition-normal)}.user-info-enter-from[data-v-0debd2cc],.user-info-leave-to[data-v-0debd2cc]{opacity:0;transform:translateY(-10px)}.nav-text-enter-active[data-v-0debd2cc],.nav-text-leave-active[data-v-0debd2cc]{transition:all var(--transition-fast)}.nav-text-enter-from[data-v-0debd2cc],.nav-text-leave-to[data-v-0debd2cc]{opacity:0;transform:translate(-10px)}.nav-arrow-enter-active[data-v-0debd2cc],.nav-arrow-leave-active[data-v-0debd2cc]{transition:all var(--transition-fast)}.nav-arrow-enter-from[data-v-0debd2cc],.nav-arrow-leave-to[data-v-0debd2cc]{opacity:0;transform:scale(.8)}.submenu-enter-active[data-v-0debd2cc]{transition:all var(--transition-normal)}.submenu-leave-active[data-v-0debd2cc]{transition:all var(--transition-fast)}.submenu-enter-from[data-v-0debd2cc],.submenu-leave-to[data-v-0debd2cc]{opacity:0;max-height:0;transform:translateY(-10px)}.submenu-enter-to[data-v-0debd2cc]{opacity:1;max-height:300px;transform:translateY(0)}.footer-content-enter-active[data-v-0debd2cc],.footer-content-leave-active[data-v-0debd2cc]{transition:all var(--transition-normal)}.footer-content-enter-from[data-v-0debd2cc],.footer-content-leave-to[data-v-0debd2cc]{opacity:0;transform:translateY(10px)}.sidebar-nav[data-v-0debd2cc]::-webkit-scrollbar{width:6px}.sidebar-nav[data-v-0debd2cc]::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.sidebar-nav[data-v-0debd2cc]::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ffffff4d,#fff3);border-radius:3px;border:1px solid rgba(255,255,255,.1)}.sidebar-nav[data-v-0debd2cc]::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#ffffff80,#fff6);box-shadow:0 2px 4px #0000001a}@media (max-width: 1024px){.sidebar[data-v-0debd2cc]{transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar.collapsed[data-v-0debd2cc]{width:280px;transform:translate(0)}}@media (max-width: 768px){.sidebar[data-v-0debd2cc],.sidebar.collapsed[data-v-0debd2cc]{width:260px}.sidebar-header[data-v-0debd2cc]{padding:20px 24px}.user-info[data-v-0debd2cc]{padding:16px 24px}.nav-link[data-v-0debd2cc]{padding:14px 24px}.submenu-link[data-v-0debd2cc]{padding:10px 16px}.sidebar-footer[data-v-0debd2cc]{padding:16px 24px}}@media (max-width: 480px){.sidebar[data-v-0debd2cc],.sidebar.collapsed[data-v-0debd2cc]{width:240px}.logo-text[data-v-0debd2cc]{font-size:1.125rem}.user-name[data-v-0debd2cc]{font-size:.9375rem}.user-role[data-v-0debd2cc]{font-size:.75rem}}.app{display:flex;width:100%;min-height:100vh;background-color:#f5f5f5}.main-content{flex:1;margin-left:280px;transition:margin-left .3s cubic-bezier(.4,0,.2,1);min-height:100vh;width:calc(100vw - 280px);height:100vh;box-sizing:border-box;overflow:auto}.main-content.no-sidebar{margin-left:0;width:100vw;height:100vh}.main-content.sidebar-collapsed{margin-left:70px;width:calc(100vw - 70px)}.content-header{background:#fff;padding:24px 32px;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;width:100%;height:auto;min-height:80px;box-sizing:border-box}.page-title{font-size:24px;font-weight:600;color:#1f2937;margin:0 0 8px}.breadcrumb{font-size:14px;color:#6b7280}.separator{margin:0 8px}.content-body{padding:32px;width:100%;height:auto;min-height:calc(100vh - 80px);box-sizing:border-box;overflow:auto}.content-body.no-header{padding:0;width:100vw;height:100vh;min-height:100vh;overflow:hidden}@media (max-width: 768px){.main-content,.main-content.sidebar-collapsed{width:100vw;margin-left:0}}.login-container[data-v-ba92d1de]{min-height:100vh;width:100vw;height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box;margin:0;position:fixed;inset:0}.login-box[data-v-ba92d1de]{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;padding:40px;width:100%;max-width:450px;animation:slideUp-ba92d1de .6s ease-out;position:relative;left:0}@keyframes slideUp-ba92d1de{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header[data-v-ba92d1de]{text-align:center;margin-bottom:32px}.logo[data-v-ba92d1de]{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px}.logo-icon[data-v-ba92d1de]{font-size:32px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.logo-image[data-v-ba92d1de]{width:48px;height:48px;border-radius:12px}.logo-text[data-v-ba92d1de]{font-size:28px;font-weight:700;color:#333;margin:0}.subtitle[data-v-ba92d1de]{color:#666;font-size:16px;margin:0}.login-form[data-v-ba92d1de]{margin-bottom:32px}.form-group[data-v-ba92d1de]{margin-bottom:20px}.form-group label[data-v-ba92d1de]{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:#333}.form-group input[data-v-ba92d1de],.form-group select[data-v-ba92d1de]{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;transition:all .3s ease;box-sizing:border-box}.form-group input[data-v-ba92d1de]:focus,.form-group select[data-v-ba92d1de]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input[data-v-ba92d1de]:disabled,.form-group select[data-v-ba92d1de]:disabled{background-color:#f5f5f5;cursor:not-allowed}.login-btn[data-v-ba92d1de]{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.login-btn[data-v-ba92d1de]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.login-btn[data-v-ba92d1de]:disabled{opacity:.7;cursor:not-allowed;transform:none}.loading-spinner[data-v-ba92d1de]{animation:spin-ba92d1de 1s linear infinite}@keyframes spin-ba92d1de{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message[data-v-ba92d1de]{margin-top:16px;padding:12px;background:#fee;color:#c53030;border-radius:8px;font-size:14px;text-align:center}.demo-header[data-v-ba92d1de]{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.dashboard-btn[data-v-ba92d1de]{padding:8px 16px;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.dashboard-btn[data-v-ba92d1de]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #28a7454d}.dashboard-icon[data-v-ba92d1de]{font-size:16px}.demo-accounts[data-v-ba92d1de]{border-top:1px solid #e1e5e9;padding-top:24px}.demo-accounts h3[data-v-ba92d1de]{margin:0;font-size:16px;color:#333;text-align:center}.account-list[data-v-ba92d1de]{display:flex;flex-direction:column;gap:8px}.account-item[data-v-ba92d1de]{padding:8px 12px;background:#f8f9fa;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease}.account-item[data-v-ba92d1de]:hover{background:#e9ecef;transform:translate(4px)}.account-item strong[data-v-ba92d1de]{color:#667eea}@media (max-width: 480px){.login-box[data-v-ba92d1de]{padding:24px;margin:20px;max-width:calc(100vw - 40px)}.logo-text[data-v-ba92d1de]{font-size:24px}.form-group input[data-v-ba92d1de],.form-group select[data-v-ba92d1de]{font-size:16px}}@media (max-width: 768px){.login-box[data-v-ba92d1de]{padding:32px;margin:20px;max-width:calc(100vw - 40px)}}@media (min-width: 1920px){.login-container[data-v-ba92d1de]{background-size:cover;background-position:center}}.home[data-v-7b96ba9e]{padding:20px;background-color:#f5f7fa;min-height:100vh}.stats-section[data-v-7b96ba9e]{margin-bottom:24px}.stats-grid[data-v-7b96ba9e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.stat-card[data-v-7b96ba9e]{background:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 4px #0000001a;transition:transform .2s,box-shadow .2s}.stat-card[data-v-7b96ba9e]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.stat-header[data-v-7b96ba9e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.stat-header h3[data-v-7b96ba9e]{margin:0;font-size:14px;color:#666;font-weight:500}.stat-icon[data-v-7b96ba9e]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:#333}.stat-icon.water[data-v-7b96ba9e]{background:#e6f7ff}.stat-icon.electric[data-v-7b96ba9e]{background:#fff7e6}.stat-icon.fee[data-v-7b96ba9e]{background:#f6ffed}.stat-icon.maintenance[data-v-7b96ba9e]{background:#fff2e8}.stat-content[data-v-7b96ba9e]{text-align:left}.stat-number[data-v-7b96ba9e]{font-size:32px;font-weight:700;color:#333;margin-bottom:8px}.stat-change[data-v-7b96ba9e]{display:flex;align-items:center;gap:4px;font-size:14px}.stat-change.positive[data-v-7b96ba9e]{color:#52c41a}.stat-change.negative[data-v-7b96ba9e]{color:#ff4d4f}.stat-change.neutral[data-v-7b96ba9e]{color:#666}.change-icon[data-v-7b96ba9e]{width:16px;height:16px}.content-grid[data-v-7b96ba9e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px}.content-card[data-v-7b96ba9e]{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.card-header[data-v-7b96ba9e]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #f0f0f0}.card-header h3[data-v-7b96ba9e]{margin:0;font-size:16px;color:#333;font-weight:600}.view-more[data-v-7b96ba9e]{color:#1890ff;text-decoration:none;font-size:14px;transition:color .2s}.view-more[data-v-7b96ba9e]:hover{color:#40a9ff}.table-container[data-v-7b96ba9e]{overflow-x:auto}.data-table[data-v-7b96ba9e]{width:100%;border-collapse:collapse;font-size:14px}.data-table th[data-v-7b96ba9e]{background:#fafafa;padding:12px 16px;text-align:left;border-bottom:1px solid #f0f0f0;font-weight:600;color:#333}.data-table td[data-v-7b96ba9e]{padding:12px 16px;border-bottom:1px solid #f0f0f0;color:#666}.data-table tbody tr[data-v-7b96ba9e]:hover{background:#f5f5f5}.status-badge[data-v-7b96ba9e]{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.status-badge.normal[data-v-7b96ba9e]{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.status-badge.warning[data-v-7b96ba9e]{background:#fff2e8;color:#fa8c16;border:1px solid #ffd591}.chart-container[data-v-7b96ba9e]{padding:20px;height:200px}.chart-placeholder[data-v-7b96ba9e]{display:flex;align-items:end;justify-content:space-around;height:100%;gap:20px}.chart-item[data-v-7b96ba9e]{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1}.chart-bar[data-v-7b96ba9e]{width:40px;border-radius:4px 4px 0 0;transition:height .3s ease}.water-bar[data-v-7b96ba9e]{background:linear-gradient(to top,#1890ff,#69c0ff)}.electric-bar[data-v-7b96ba9e]{background:linear-gradient(to top,#fa8c16,#ffc069)}.maintenance-bar[data-v-7b96ba9e]{background:linear-gradient(to top,#52c41a,#95de64)}.other-bar[data-v-7b96ba9e]{background:linear-gradient(to top,#722ed1,#b37feb)}.chart-item span[data-v-7b96ba9e]{font-size:12px;color:#666}.todo-list[data-v-7b96ba9e]{padding:20px}.todo-item[data-v-7b96ba9e]{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #f0f0f0}.todo-item[data-v-7b96ba9e]:last-child{border-bottom:none}.todo-content[data-v-7b96ba9e]{flex:1}.todo-title[data-v-7b96ba9e]{font-size:14px;color:#333;font-weight:500;margin-bottom:4px}.todo-description[data-v-7b96ba9e]{font-size:12px;color:#999}.todo-meta[data-v-7b96ba9e]{display:flex;flex-direction:column;align-items:end;gap:4px}.priority[data-v-7b96ba9e]{padding:2px 6px;border-radius:4px;font-size:12px;font-weight:500}.priority.high[data-v-7b96ba9e]{background:#fff2f0;color:#ff4d4f}.priority.medium[data-v-7b96ba9e]{background:#fff7e6;color:#fa8c16}.priority.low[data-v-7b96ba9e]{background:#f6ffed;color:#52c41a}.date[data-v-7b96ba9e]{font-size:12px;color:#999}.notification-list[data-v-7b96ba9e]{padding:20px}.notification-item[data-v-7b96ba9e]{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f0f0f0}.notification-item[data-v-7b96ba9e]:last-child{border-bottom:none}.notification-icon[data-v-7b96ba9e]{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e6f7ff;color:#2563eb}.notification-content[data-v-7b96ba9e]{flex:1}.notification-title[data-v-7b96ba9e]{font-size:14px;color:#333;margin-bottom:4px}.notification-time[data-v-7b96ba9e]{font-size:12px;color:#999}.welcome-section[data-v-7b96ba9e]{padding:40px 20px;display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 40px)}.welcome-card[data-v-7b96ba9e]{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;padding:48px;max-width:800px;width:100%;text-align:center}.welcome-header[data-v-7b96ba9e]{margin-bottom:32px}.welcome-icon[data-v-7b96ba9e]{width:64px;height:64px;margin:0 auto 16px;color:#2563eb}.welcome-header h2[data-v-7b96ba9e]{font-size:32px;color:#1f2937;margin:0;font-weight:700}.welcome-content[data-v-7b96ba9e]{text-align:left}.welcome-content p[data-v-7b96ba9e]{font-size:18px;color:#6b7280;margin-bottom:24px;line-height:1.6}.feature-list[data-v-7b96ba9e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:32px}.feature-item[data-v-7b96ba9e]{display:flex;align-items:center;gap:12px;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.feature-icon[data-v-7b96ba9e]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#2563eb}.feature-item span[data-v-7b96ba9e]:last-child{font-size:16px;color:#374151;font-weight:500}.welcome-actions[data-v-7b96ba9e]{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.action-btn[data-v-7b96ba9e]{padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:600;transition:all .2s;border:none;cursor:pointer;display:inline-block}.action-btn.primary[data-v-7b96ba9e]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.action-btn.primary[data-v-7b96ba9e]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.action-btn.secondary[data-v-7b96ba9e]{background:#fff;color:#667eea;border:2px solid #667eea}.action-btn.secondary[data-v-7b96ba9e]:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.workorder-overview[data-v-7b96ba9e]{padding:40px 20px;display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 40px)}.overview-card[data-v-7b96ba9e]{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;padding:48px;max-width:600px;width:100%;text-align:center}.overview-header[data-v-7b96ba9e]{margin-bottom:32px}.overview-header h2[data-v-7b96ba9e]{font-size:32px;color:#1f2937;margin:0 0 8px;font-weight:700}.overview-header p[data-v-7b96ba9e]{font-size:18px;color:#6b7280;margin:0}.overview-stats[data-v-7b96ba9e]{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:32px}.overview-stat[data-v-7b96ba9e]{padding:24px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:12px;border:1px solid #e2e8f0}.overview-stat .stat-number[data-v-7b96ba9e]{font-size:36px;font-weight:700;color:#2563eb;margin-bottom:8px}.overview-stat .stat-label[data-v-7b96ba9e]{color:#64748b;font-size:14px}.overview-actions[data-v-7b96ba9e]{display:flex;justify-content:center}.water-electric[data-v-e1214f42]{padding:20px;background-color:#f5f7fa;min-height:100vh}.search-form[data-v-e1214f42]{background:#fff;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.search-title[data-v-e1214f42]{font-size:18px;color:#1f2937;margin-bottom:20px;font-weight:600}.autocomplete-container[data-v-e1214f42]{position:relative;width:100%}.dropdown[data-v-e1214f42]{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #dcdfe6;border-top:none;border-radius:0 0 4px 4px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 2px 8px #0000001a}.dropdown-item[data-v-e1214f42]{padding:8px 12px;cursor:pointer;font-size:14px;color:#333;transition:background-color .2s}.dropdown-item[data-v-e1214f42]:hover{background-color:#f5f7fa}.form-row[data-v-e1214f42]{display:flex;gap:20px;margin-bottom:16px;align-items:end}.form-group[data-v-e1214f42]{flex:1;min-width:200px}.form-group label[data-v-e1214f42]{display:block;margin-bottom:6px;font-size:14px;color:#333;font-weight:500}.form-group input[data-v-e1214f42],.form-group select[data-v-e1214f42]{width:100%;padding:8px 12px;border:1px solid #dcdfe6;border-radius:4px;font-size:14px;transition:border-color .2s}.form-group input[data-v-e1214f42]:focus,.form-group select[data-v-e1214f42]:focus{outline:none;border-color:#409eff}.form-actions[data-v-e1214f42]{display:flex;gap:10px}.search-btn[data-v-e1214f42]{background:#52c41a;color:#fff;border:none;padding:8px 20px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.search-btn[data-v-e1214f42]:hover{background:#389e0d}.reset-btn[data-v-e1214f42]{background:#f5f5f5;color:#666;border:1px solid #d9d9d9;padding:8px 20px;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.reset-btn[data-v-e1214f42]:hover{background:#e6f7ff;border-color:#91d5ff;color:#1890ff}.user-data-section[data-v-e1214f42]{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;margin-bottom:20px}.section-header[data-v-e1214f42]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f0f0f0}.section-header h3[data-v-e1214f42]{margin:0;font-size:16px;color:#333;font-weight:600}.user-data-card[data-v-e1214f42]{padding:20px}.data-summary[data-v-e1214f42]{display:flex;flex-wrap:wrap;gap:16px}.summary-item[data-v-e1214f42]{display:flex;align-items:center;gap:6px}.label[data-v-e1214f42]{font-size:14px;color:#666}.value[data-v-e1214f42]{font-size:14px;color:#333}.highlight[data-v-e1214f42]{font-weight:600}.status[data-v-e1214f42]{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.data-section[data-v-e1214f42]{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.add-btn[data-v-e1214f42]{background:#52c41a;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.add-btn[data-v-e1214f42]:hover{background:#389e0d}.table-container[data-v-e1214f42]{overflow-x:auto}.data-table[data-v-e1214f42]{width:100%;border-collapse:collapse;font-size:14px}.data-table th[data-v-e1214f42]{background:#fafafa;padding:12px 8px;text-align:center;border-bottom:1px solid #f0f0f0;font-weight:600;color:#333;white-space:nowrap;min-width:80px}.data-table td[data-v-e1214f42]{padding:12px 8px;text-align:center;border-bottom:1px solid #f0f0f0;color:#666;white-space:nowrap}.data-table tbody tr[data-v-e1214f42]:hover{background:#f5f5f5}.status-badge[data-v-e1214f42]{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.status-badge.paid[data-v-e1214f42]{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.status-badge.unpaid[data-v-e1214f42]{background:#fff2e8;color:#fa8c16;border:1px solid #ffd591}.pagination[data-v-e1214f42]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-top:1px solid #f0f0f0;background:#fafafa}.pagination-info[data-v-e1214f42]{display:flex;align-items:center;gap:16px;font-size:14px;color:#666}.pagination-info label[data-v-e1214f42]{display:flex;align-items:center;gap:6px;cursor:pointer}.batch-export[data-v-e1214f42]{color:#1890ff;cursor:pointer;text-decoration:underline}.batch-export[data-v-e1214f42]:hover{color:#40a9ff}.pagination-controls[data-v-e1214f42]{display:flex;align-items:center;gap:8px}.page-btn[data-v-e1214f42]{padding:6px 12px;border:1px solid #d9d9d9;background:#fff;cursor:pointer;border-radius:4px;font-size:14px;transition:all .2s}.page-btn[data-v-e1214f42]:hover:not(:disabled){border-color:#40a9ff;color:#40a9ff}.page-btn.active[data-v-e1214f42]{background:#1890ff;border-color:#1890ff;color:#fff}.page-btn[data-v-e1214f42]:disabled{background:#f5f5f5;border-color:#d9d9d9;color:#bfbfbf;cursor:not-allowed}.jump-to[data-v-e1214f42]{display:flex;align-items:center;gap:6px;font-size:14px;color:#666}.jump-to input[data-v-e1214f42]{width:50px;padding:4px 8px;border:1px solid #d9d9d9;border-radius:4px;text-align:center;font-size:14px}.jump-to input[data-v-e1214f42]:focus{outline:none;border-color:#40a9ff}.electric-meter[data-v-eb578be4]{padding:20px;background-color:#f5f7fa;min-height:100vh}.search-form[data-v-eb578be4]{background:#fff;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.search-title[data-v-eb578be4]{margin:0 0 16px;font-size:18px;color:#333;font-weight:600}.autocomplete-container[data-v-eb578be4]{position:relative}.dropdown[data-v-eb578be4]{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #dcdfe6;border-top:none;border-radius:0 0 4px 4px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 2px 8px #0000001a}.dropdown-item[data-v-eb578be4]{padding:8px 12px;cursor:pointer;font-size:14px;transition:background-color .2s}.dropdown-item[data-v-eb578be4]:hover{background-color:#f5f7fa}.form-row[data-v-eb578be4]{display:flex;gap:20px;margin-bottom:16px;align-items:end}.form-group[data-v-eb578be4]{flex:1;min-width:200px}.form-group label[data-v-eb578be4]{display:block;margin-bottom:6px;font-size:14px;color:#333;font-weight:500}.form-group input[data-v-eb578be4],.form-group select[data-v-eb578be4],.form-group textarea[data-v-eb578be4]{width:100%;padding:8px 12px;border:1px solid #dcdfe6;border-radius:4px;font-size:14px;transition:border-color .2s;box-sizing:border-box}.form-group input[data-v-eb578be4]:focus,.form-group select[data-v-eb578be4]:focus,.form-group textarea[data-v-eb578be4]:focus{outline:none;border-color:#409eff}.range-inputs[data-v-eb578be4]{display:flex;align-items:center;gap:8px}.range-inputs input[data-v-eb578be4]{flex:1}.range-inputs span[data-v-eb578be4]{color:#666;font-size:14px}.form-actions[data-v-eb578be4]{display:flex;gap:10px}.search-btn[data-v-eb578be4]{background:#52c41a;color:#fff;border:none;padding:8px 20px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.search-btn[data-v-eb578be4]:hover{background:#389e0d}.reset-btn[data-v-eb578be4]{background:#f5f5f5;color:#666;border:1px solid #d9d9d9;padding:8px 20px;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.reset-btn[data-v-eb578be4]:hover{background:#e6f7ff;border-color:#91d5ff;color:#1890ff}.data-section[data-v-eb578be4]{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.section-header h3[data-v-eb578be4]{margin:0;font-size:16px;color:#333;font-weight:600}.header-actions[data-v-eb578be4]{display:flex;gap:10px}.add-btn[data-v-eb578be4],.export-btn[data-v-eb578be4]{background:#52c41a;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.export-btn[data-v-eb578be4]{background:#1890ff}.add-btn[data-v-eb578be4]:hover{background:#389e0d}.export-btn[data-v-eb578be4]:hover{background:#40a9ff}.table-container[data-v-eb578be4]{overflow-x:auto}.data-table[data-v-eb578be4]{width:100%;border-collapse:collapse;font-size:14px;min-width:1200px}.data-table th[data-v-eb578be4]{background:#fafafa;padding:12px 8px;text-align:center;border-bottom:1px solid #f0f0f0;font-weight:600;color:#333;white-space:nowrap;min-width:80px}.data-table td[data-v-eb578be4]{padding:12px 8px;text-align:center;border-bottom:1px solid #f0f0f0;color:#666;white-space:nowrap}.data-table tbody tr[data-v-eb578be4]:hover{background:#f5f5f5}.usage-cell[data-v-eb578be4],.fee-cell[data-v-eb578be4]{font-weight:600;color:#1890ff}.remarks-cell[data-v-eb578be4]{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-cell[data-v-eb578be4]{min-width:100px}.edit-btn[data-v-eb578be4],.delete-btn[data-v-eb578be4]{background:none;border:none;cursor:pointer;padding:4px 8px;margin:0 2px;border-radius:4px;transition:background-color .2s}.edit-btn[data-v-eb578be4]:hover{background:#e6f7ff}.delete-btn[data-v-eb578be4]:hover{background:#fff2e8}.status-badge[data-v-eb578be4]{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.status-badge.paid[data-v-eb578be4]{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.status-badge.unpaid[data-v-eb578be4]{background:#fff2e8;color:#fa8c16;border:1px solid #ffd591}.pagination[data-v-eb578be4]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-top:1px solid #f0f0f0;background:#fafafa}.pagination-info[data-v-eb578be4]{display:flex;align-items:center;gap:16px;font-size:14px;color:#666}.selected-count[data-v-eb578be4]{color:#1890ff;font-weight:500}.batch-actions[data-v-eb578be4]{display:flex;gap:8px}.batch-btn[data-v-eb578be4]{padding:4px 12px;border:1px solid #d9d9d9;background:#fff;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s}.batch-btn[data-v-eb578be4]:hover{border-color:#40a9ff;color:#40a9ff}.batch-btn.danger[data-v-eb578be4]:hover{border-color:#ff4d4f;color:#ff4d4f}.pagination-controls[data-v-eb578be4]{display:flex;align-items:center;gap:8px}.page-btn[data-v-eb578be4]{padding:6px 12px;border:1px solid #d9d9d9;background:#fff;cursor:pointer;border-radius:4px;font-size:14px;transition:all .2s}.page-btn[data-v-eb578be4]:hover:not(:disabled){border-color:#40a9ff;color:#40a9ff}.page-btn.active[data-v-eb578be4]{background:#1890ff;border-color:#1890ff;color:#fff}.page-btn[data-v-eb578be4]:disabled{background:#f5f5f5;border-color:#d9d9d9;color:#bfbfbf;cursor:not-allowed}.jump-to[data-v-eb578be4]{display:flex;align-items:center;gap:6px;font-size:14px;color:#666}.jump-to input[data-v-eb578be4]{width:50px;padding:4px 8px;border:1px solid #d9d9d9;border-radius:4px;text-align:center;font-size:14px}.jump-to input[data-v-eb578be4]:focus{outline:none;border-color:#40a9ff}.dialog-overlay[data-v-eb578be4]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.dialog[data-v-eb578be4]{background:#fff;border-radius:8px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.dialog-header[data-v-eb578be4]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #f0f0f0}.dialog-header h3[data-v-eb578be4]{margin:0;font-size:18px;color:#333}.close-btn[data-v-eb578be4]{background:none;border:none;font-size:24px;cursor:pointer;color:#999;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-btn[data-v-eb578be4]:hover{background:#f5f5f5;color:#333}.dialog-body[data-v-eb578be4]{padding:20px}.form-grid[data-v-eb578be4]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.form-group.full-width[data-v-eb578be4]{grid-column:1 / -1}.dialog-footer[data-v-eb578be4]{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #f0f0f0}.cancel-btn[data-v-eb578be4]{padding:8px 20px;border:1px solid #d9d9d9;background:#fff;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.cancel-btn[data-v-eb578be4]:hover{border-color:#40a9ff;color:#40a9ff}.save-btn[data-v-eb578be4]{padding:8px 20px;background:#1890ff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.save-btn[data-v-eb578be4]:hover{background:#40a9ff}@media (max-width: 768px){.form-grid[data-v-eb578be4]{grid-template-columns:1fr}.form-row[data-v-eb578be4]{flex-direction:column;gap:16px}.dialog[data-v-eb578be4]{width:95%;margin:20px}}.user-data-section[data-v-eb578be4]{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;margin-top:20px}.user-data-card[data-v-eb578be4]{padding:24px}.data-summary[data-v-eb578be4]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.summary-item[data-v-eb578be4]{display:flex;flex-direction:column;gap:8px}.summary-item .label[data-v-eb578be4]{font-size:14px;color:#666;font-weight:500}.summary-item .value[data-v-eb578be4]{font-size:16px;color:#333;font-weight:600}.summary-item .value.highlight[data-v-eb578be4]{color:#1890ff;font-size:18px}.summary-item .value.status[data-v-eb578be4]{color:#52c41a;font-weight:500}.section-header[data-v-eb578be4]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f0f0f0}.fee-payment[data-v-047e02b7]{width:100%;max-width:none;margin:0}.page-header[data-v-047e02b7]{margin-bottom:32px}.page-header h2[data-v-047e02b7]{font-size:28px;color:#1f2937;margin-bottom:8px}.page-header p[data-v-047e02b7]{color:#6b7280;font-size:16px}.function-tabs[data-v-047e02b7]{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid #e5e7eb}.tab-btn[data-v-047e02b7]{padding:12px 24px;background:none;border:none;cursor:pointer;font-size:16px;color:#6b7280;border-bottom:2px solid transparent;transition:all .2s}.tab-btn[data-v-047e02b7]:hover{color:#1f2937}.tab-btn.active[data-v-047e02b7]{color:#2563eb;border-bottom-color:#2563eb}.content-card[data-v-047e02b7]{background:#fff;padding:32px;border-radius:12px;box-shadow:0 4px 6px #0000001a}.content-card h3[data-v-047e02b7]{font-size:20px;color:#1f2937;margin-bottom:24px}.payment-section[data-v-047e02b7]{display:grid;grid-template-columns:2fr 1fr;gap:32px}.bill-info h4[data-v-047e02b7],.payment-methods h4[data-v-047e02b7]{font-size:18px;color:#1f2937;margin-bottom:16px}.bill-list[data-v-047e02b7]{display:flex;flex-direction:column;gap:16px}.bill-item[data-v-047e02b7]{display:flex;justify-content:space-between;align-items:center;padding:20px;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s}.bill-item[data-v-047e02b7]:hover{border-color:#2563eb;box-shadow:0 2px 8px #2563eb1a}.bill-details h5[data-v-047e02b7]{font-size:16px;color:#1f2937;margin-bottom:8px}.bill-details p[data-v-047e02b7]{font-size:14px;color:#6b7280;margin-bottom:4px}.bill-amount[data-v-047e02b7]{text-align:right}.amount[data-v-047e02b7]{font-size:24px;font-weight:700;color:#1f2937;display:block;margin-bottom:12px}.pay-btn[data-v-047e02b7]{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s}.pay-btn[data-v-047e02b7]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.method-grid[data-v-047e02b7]{display:grid;grid-template-columns:1fr;gap:12px}.method-item[data-v-047e02b7]{display:flex;align-items:center;gap:12px;padding:16px;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s}.method-item[data-v-047e02b7]:hover{border-color:#2563eb}.method-item.selected[data-v-047e02b7]{border-color:#2563eb;background:#eff6ff}.method-icon[data-v-047e02b7]{font-size:24px}.form-row[data-v-047e02b7]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px;align-items:end}.form-group[data-v-047e02b7]{display:flex;flex-direction:column}.form-group label[data-v-047e02b7]{font-size:14px;color:#374151;margin-bottom:8px;font-weight:500}.form-group input[data-v-047e02b7],.form-group select[data-v-047e02b7]{padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s}.form-group input[data-v-047e02b7]:focus,.form-group select[data-v-047e02b7]:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.submit-btn[data-v-047e02b7]{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;height:fit-content}.submit-btn[data-v-047e02b7]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.status-grid[data-v-047e02b7]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px}.status-card[data-v-047e02b7]{text-align:center;padding:20px;background:#f9fafb;border-radius:8px}.status-number[data-v-047e02b7]{font-size:32px;font-weight:700;color:#1f2937;margin-bottom:8px}.status-label[data-v-047e02b7]{font-size:14px;color:#6b7280}.data-table[data-v-047e02b7]{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a;margin-top:20px}.data-table th[data-v-047e02b7],.data-table td[data-v-047e02b7]{padding:12px 16px;text-align:left;border-bottom:1px solid #e5e7eb}.data-table th[data-v-047e02b7]{background:#f9fafb;font-weight:600;color:#374151;font-size:14px}.data-table td[data-v-047e02b7]{font-size:14px;color:#6b7280}.status-badge[data-v-047e02b7]{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.status-badge.success[data-v-047e02b7]{background:#d1fae5;color:#065f46}.maintenance[data-v-e304bd66]{width:100%;max-width:none;margin:0}.page-header[data-v-e304bd66]{margin-bottom:32px}.page-header h2[data-v-e304bd66]{font-size:28px;color:#1f2937;margin-bottom:8px}.page-header p[data-v-e304bd66]{color:#6b7280;font-size:16px}.content-card[data-v-e304bd66]{background:#fff;padding:32px;border-radius:12px;box-shadow:0 4px 6px #0000001a}.content-card h3[data-v-e304bd66]{font-size:20px;color:#1f2937;margin-bottom:24px}.feature-grid[data-v-e304bd66]{display:flex;flex-direction:column;gap:24px}.feature-row[data-v-e304bd66]{display:grid;grid-template-columns:1fr 1fr;gap:24px}.feature-item[data-v-e304bd66]{padding:24px;border:1px solid #e5e7eb;border-radius:12px;text-align:center;transition:all .2s}.feature-item[data-v-e304bd66]:hover{border-color:#2563eb;box-shadow:0 4px 12px #2563eb1a;transform:translateY(-2px)}.feature-icon[data-v-e304bd66]{width:48px;height:48px;margin:0 auto 16px;color:#2563eb}.feature-item h4[data-v-e304bd66]{font-size:18px;color:#1f2937;margin-bottom:12px}.feature-item p[data-v-e304bd66]{color:#6b7280;font-size:14px;line-height:1.6;margin-bottom:20px}.feature-btn[data-v-e304bd66]{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.feature-btn[data-v-e304bd66]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.dialog-overlay[data-v-e304bd66]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.dialog[data-v-e304bd66]{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.dialog-header[data-v-e304bd66]{padding:24px 24px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb}.dialog-header h3[data-v-e304bd66]{margin:0;font-size:20px;color:#1f2937}.close-btn[data-v-e304bd66]{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.close-btn[data-v-e304bd66]:hover{background:#f3f4f6;color:#374151}.dialog-body[data-v-e304bd66]{padding:24px}.form-group[data-v-e304bd66]{margin-bottom:20px}.form-group label[data-v-e304bd66]{display:block;margin-bottom:8px;font-weight:500;color:#374151}.form-group input[data-v-e304bd66],.form-group select[data-v-e304bd66],.form-group textarea[data-v-e304bd66]{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s;box-sizing:border-box}.form-group input[data-v-e304bd66]:focus,.form-group select[data-v-e304bd66]:focus,.form-group textarea[data-v-e304bd66]:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-group textarea[data-v-e304bd66]{resize:vertical;min-height:100px}.photo-preview[data-v-e304bd66]{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.photo-item[data-v-e304bd66]{position:relative;width:80px;height:80px;border-radius:6px;overflow:hidden;border:1px solid #e5e7eb}.photo-item img[data-v-e304bd66]{width:100%;height:100%;object-fit:cover}.remove-photo[data-v-e304bd66]{position:absolute;top:4px;right:4px;background:#000000b3;color:#fff;border:none;border-radius:50%;width:20px;height:20px;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}.dialog-footer[data-v-e304bd66]{padding:16px 24px 24px;display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #e5e7eb;margin-top:24px}.cancel-btn[data-v-e304bd66]{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.cancel-btn[data-v-e304bd66]:hover{background:#e5e7eb}.submit-btn[data-v-e304bd66]{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.submit-btn[data-v-e304bd66]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.log-management[data-v-a15fa7bb]{width:100%;max-width:none;margin:0}.page-header[data-v-a15fa7bb]{margin-bottom:32px}.page-header h2[data-v-a15fa7bb]{font-size:28px;color:#1f2937;margin-bottom:8px}.page-header p[data-v-a15fa7bb]{color:#6b7280;font-size:16px}.content-card[data-v-a15fa7bb]{background:#fff;padding:32px;border-radius:12px;box-shadow:0 4px 6px #0000001a}.content-card h3[data-v-a15fa7bb]{font-size:20px;color:#1f2937;margin-bottom:24px}.feature-grid[data-v-a15fa7bb]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.feature-item[data-v-a15fa7bb]{padding:24px;border:1px solid #e5e7eb;border-radius:12px;text-align:center;transition:all .2s}.feature-item[data-v-a15fa7bb]:hover{border-color:#2563eb;box-shadow:0 4px 12px #2563eb1a;transform:translateY(-2px)}.feature-icon[data-v-a15fa7bb]{font-size:48px;margin-bottom:16px}.feature-item h4[data-v-a15fa7bb]{font-size:18px;color:#1f2937;margin-bottom:12px}.feature-item p[data-v-a15fa7bb]{color:#6b7280;font-size:14px;line-height:1.6;margin-bottom:20px}.feature-btn[data-v-a15fa7bb]{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.feature-btn[data-v-a15fa7bb]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.dialog-overlay[data-v-a15fa7bb]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.dialog[data-v-a15fa7bb]{background:#fff;border-radius:12px;width:90%;max-width:800px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.dialog-header[data-v-a15fa7bb]{padding:24px 24px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb}.dialog-header h3[data-v-a15fa7bb]{margin:0;font-size:20px;color:#1f2937}.close-btn[data-v-a15fa7bb]{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.close-btn[data-v-a15fa7bb]:hover{background:#f3f4f6;color:#374151}.dialog-body[data-v-a15fa7bb]{padding:24px}.log-table[data-v-a15fa7bb]{overflow-x:auto}.log-table table[data-v-a15fa7bb]{width:100%;border-collapse:collapse;font-size:14px}.log-table th[data-v-a15fa7bb],.log-table td[data-v-a15fa7bb]{padding:12px;text-align:left;border-bottom:1px solid #e5e7eb}.log-table th[data-v-a15fa7bb]{background:#f9fafb;font-weight:600;color:#374151}.log-table td[data-v-a15fa7bb]{color:#6b7280}.status[data-v-a15fa7bb]{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.status.success[data-v-a15fa7bb]{background:#d1fae5;color:#065f46}.status.failed[data-v-a15fa7bb]{background:#fee2e2;color:#991b1b}.user-management[data-v-61fc0d7d]{padding:20px;background-color:#f5f7fa;min-height:100vh}.search-form[data-v-61fc0d7d]{background:#fff;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.search-title[data-v-61fc0d7d]{font-size:18px;color:#1f2937;margin-bottom:20px;font-weight:600}.form-row[data-v-61fc0d7d]{display:flex;gap:20px;margin-bottom:16px;align-items:end}.form-group[data-v-61fc0d7d]{flex:1;min-width:200px}.form-group label[data-v-61fc0d7d]{display:block;margin-bottom:6px;font-size:14px;color:#333;font-weight:500}.form-group input[data-v-61fc0d7d],.form-group select[data-v-61fc0d7d]{width:100%;padding:8px 12px;border:1px solid #dcdfe6;border-radius:4px;font-size:14px;transition:border-color .2s}.form-group input[data-v-61fc0d7d]:focus,.form-group select[data-v-61fc0d7d]:focus{outline:none;border-color:#409eff}.form-group input[data-v-61fc0d7d]:disabled,.form-group select[data-v-61fc0d7d]:disabled{background-color:#f5f5f5;color:#999}.form-actions[data-v-61fc0d7d]{display:flex;gap:10px}.search-btn[data-v-61fc0d7d]{background:#52c41a;color:#fff;border:none;padding:8px 20px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.search-btn[data-v-61fc0d7d]:hover{background:#389e0d}.reset-btn[data-v-61fc0d7d]{background:#f5f5f5;color:#666;border:1px solid #d9d9d9;padding:8px 20px;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.reset-btn[data-v-61fc0d7d]:hover{background:#e6f7ff;border-color:#91d5ff;color:#1890ff}.stats-section[data-v-61fc0d7d]{margin-bottom:24px}.stats-grid[data-v-61fc0d7d]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.stat-card[data-v-61fc0d7d]{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;transition:transform .2s}.stat-card[data-v-61fc0d7d]:hover{transform:translateY(-2px)}.stat-card.total[data-v-61fc0d7d]{border-left:4px solid #1890ff}.stat-card.owner[data-v-61fc0d7d]{border-left:4px solid #52c41a}.stat-card.tenant[data-v-61fc0d7d]{border-left:4px solid #fa8c16}.stat-card.active[data-v-61fc0d7d]{border-left:4px solid #722ed1}.stat-header[data-v-61fc0d7d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.stat-header h3[data-v-61fc0d7d]{margin:0;font-size:14px;color:#666;font-weight:500}.stat-icon[data-v-61fc0d7d]{width:20px;height:20px;color:#333}.stat-number[data-v-61fc0d7d]{font-size:28px;font-weight:700;color:#333;margin-bottom:4px}.stat-detail[data-v-61fc0d7d]{font-size:12px;color:#999}.data-section[data-v-61fc0d7d]{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.section-header[data-v-61fc0d7d]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f0f0f0}.section-header h3[data-v-61fc0d7d]{margin:0;font-size:16px;color:#333;font-weight:600}.header-actions[data-v-61fc0d7d]{display:flex;gap:10px}.add-btn[data-v-61fc0d7d],.export-btn[data-v-61fc0d7d]{background:#1890ff;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.add-btn[data-v-61fc0d7d]{background:#52c41a}.add-btn[data-v-61fc0d7d]:hover{background:#389e0d}.export-btn[data-v-61fc0d7d]:hover{background:#40a9ff}.table-container[data-v-61fc0d7d]{overflow-x:auto}.data-table[data-v-61fc0d7d]{width:100%;border-collapse:collapse;font-size:14px}.data-table th[data-v-61fc0d7d]{background:#fafafa;padding:12px 8px;text-align:center;border-bottom:1px solid #f0f0f0;font-weight:600;color:#333;white-space:nowrap}.data-table td[data-v-61fc0d7d]{padding:12px 8px;text-align:center;border-bottom:1px solid #f0f0f0;color:#666;white-space:nowrap}.data-table tbody tr[data-v-61fc0d7d]:hover{background:#f5f5f5}.type-badge[data-v-61fc0d7d]{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.type-badge.owner[data-v-61fc0d7d]{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.type-badge.tenant[data-v-61fc0d7d]{background:#fff7e6;color:#fa8c16;border:1px solid #ffd591}.type-badge.manager[data-v-61fc0d7d]{background:#f9f0ff;color:#722ed1;border:1px solid #d3adf7}.status-badge[data-v-61fc0d7d]{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.status-badge.active[data-v-61fc0d7d]{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.status-badge.inactive[data-v-61fc0d7d]{background:#fff2f0;color:#ff4d4f;border:1px solid #ffccc7}.action-buttons[data-v-61fc0d7d]{display:flex;gap:6px}.action-btn[data-v-61fc0d7d]{padding:4px 8px;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s}.action-btn.edit[data-v-61fc0d7d]{background:#e6f7ff;color:#1890ff}.action-btn.view[data-v-61fc0d7d]{background:#f6ffed;color:#52c41a}.action-btn.disable[data-v-61fc0d7d]{background:#fff2f0;color:#ff4d4f}.action-btn.enable[data-v-61fc0d7d]{background:#f6ffed;color:#52c41a}.action-btn[data-v-61fc0d7d]:hover{transform:translateY(-1px)}.pagination[data-v-61fc0d7d]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-top:1px solid #f0f0f0;background:#fafafa}.pagination-info[data-v-61fc0d7d]{display:flex;align-items:center;gap:16px;font-size:14px;color:#666}.batch-actions[data-v-61fc0d7d]{display:flex;gap:8px}.batch-btn[data-v-61fc0d7d]{padding:6px 12px;border:1px solid #d9d9d9;background:#fff;cursor:pointer;border-radius:4px;font-size:12px;transition:all .2s}.batch-btn[data-v-61fc0d7d]:hover:not(:disabled){border-color:#40a9ff;color:#40a9ff}.batch-btn[data-v-61fc0d7d]:disabled{background:#f5f5f5;color:#bfbfbf;cursor:not-allowed}.pagination-controls[data-v-61fc0d7d]{display:flex;align-items:center;gap:8px}.page-btn[data-v-61fc0d7d]{padding:6px 12px;border:1px solid #d9d9d9;background:#fff;cursor:pointer;border-radius:4px;font-size:14px;transition:all .2s}.page-btn[data-v-61fc0d7d]:hover:not(:disabled){border-color:#40a9ff;color:#40a9ff}.page-btn.active[data-v-61fc0d7d]{background:#1890ff;border-color:#1890ff;color:#fff}.page-btn[data-v-61fc0d7d]:disabled{background:#f5f5f5;border-color:#d9d9d9;color:#bfbfbf;cursor:not-allowed}.modal-overlay[data-v-61fc0d7d]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-61fc0d7d]{background:#fff;border-radius:8px;width:600px;max-width:90vw;max-height:90vh;overflow:auto}.modal-header[data-v-61fc0d7d]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f0f0f0}.modal-header h3[data-v-61fc0d7d]{margin:0;font-size:16px;color:#333}.close-btn[data-v-61fc0d7d]{background:none;border:none;font-size:24px;cursor:pointer;color:#999;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.close-btn[data-v-61fc0d7d]:hover{color:#666}.modal-body[data-v-61fc0d7d]{padding:20px}.form-grid[data-v-61fc0d7d]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.modal-footer[data-v-61fc0d7d]{display:flex;justify-content:end;gap:12px;padding:16px 20px;border-top:1px solid #f0f0f0}.cancel-btn[data-v-61fc0d7d]{padding:8px 16px;border:1px solid #d9d9d9;background:#fff;cursor:pointer;border-radius:4px;font-size:14px}.cancel-btn[data-v-61fc0d7d]:hover{border-color:#40a9ff;color:#40a9ff}.confirm-btn[data-v-61fc0d7d]{padding:8px 16px;background:#1890ff;color:#fff;border:none;cursor:pointer;border-radius:4px;font-size:14px}.confirm-btn[data-v-61fc0d7d]:hover{background:#40a9ff}.notification[data-v-e7b91d24]{width:100%;max-width:none;margin:0}.page-header[data-v-e7b91d24]{margin-bottom:32px}.page-header h2[data-v-e7b91d24]{font-size:28px;color:#1f2937;margin-bottom:8px}.page-header p[data-v-e7b91d24]{color:#6b7280;font-size:16px}.content-card[data-v-e7b91d24]{background:#fff;padding:32px;border-radius:12px;box-shadow:0 4px 6px #0000001a}.content-card h3[data-v-e7b91d24]{font-size:20px;color:#1f2937;margin-bottom:24px}.feature-grid[data-v-e7b91d24]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.feature-item[data-v-e7b91d24]{padding:24px;border:1px solid #e5e7eb;border-radius:12px;text-align:center;transition:all .2s}.feature-item[data-v-e7b91d24]:hover{border-color:#2563eb;box-shadow:0 4px 12px #2563eb1a;transform:translateY(-2px)}.feature-icon[data-v-e7b91d24]{width:48px;height:48px;margin:0 auto 16px;color:#2563eb}.feature-item h4[data-v-e7b91d24]{font-size:18px;color:#1f2937;margin-bottom:12px}.feature-item p[data-v-e7b91d24]{color:#6b7280;font-size:14px;line-height:1.6;margin-bottom:20px}.feature-btn[data-v-e7b91d24]{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.feature-btn[data-v-e7b91d24]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.workorder-management[data-v-9e2cea4e]{width:100%;max-width:none;margin:0}.page-header[data-v-9e2cea4e]{margin-bottom:32px}.page-header h2[data-v-9e2cea4e]{font-size:28px;color:#1f2937;margin-bottom:8px}.page-header p[data-v-9e2cea4e]{color:#6b7280;font-size:16px}.content-card[data-v-9e2cea4e]{background:#fff;padding:32px;border-radius:12px;box-shadow:0 4px 6px #0000001a}.stats-section[data-v-9e2cea4e]{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:32px}.stat-item[data-v-9e2cea4e]{padding:24px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:12px;text-align:center;border:1px solid #e2e8f0}.stat-number[data-v-9e2cea4e]{font-size:32px;font-weight:700;color:#2563eb;margin-bottom:8px}.stat-label[data-v-9e2cea4e]{color:#64748b;font-size:14px}.search-section[data-v-9e2cea4e]{margin-bottom:32px}.search-section h3[data-v-9e2cea4e]{font-size:20px;color:#1f2937;margin-bottom:20px}.search-form[data-v-9e2cea4e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;align-items:end}.form-group[data-v-9e2cea4e]{display:flex;flex-direction:column}.form-group label[data-v-9e2cea4e]{margin-bottom:8px;font-weight:500;color:#374151}.form-group select[data-v-9e2cea4e]{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s}.form-group select[data-v-9e2cea4e]:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-actions[data-v-9e2cea4e]{display:flex;gap:12px}.search-btn[data-v-9e2cea4e],.reset-btn[data-v-9e2cea4e]{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.search-btn[data-v-9e2cea4e]{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.search-btn[data-v-9e2cea4e]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.reset-btn[data-v-9e2cea4e]{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.reset-btn[data-v-9e2cea4e]:hover{background:#e5e7eb}.table-section h3[data-v-9e2cea4e]{font-size:20px;color:#1f2937;margin-bottom:20px}.table-container[data-v-9e2cea4e]{overflow-x:auto;margin-bottom:24px}.workorder-table[data-v-9e2cea4e]{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.workorder-table th[data-v-9e2cea4e],.workorder-table td[data-v-9e2cea4e]{padding:12px 16px;text-align:left;border-bottom:1px solid #e5e7eb}.workorder-table th[data-v-9e2cea4e]{background:#f9fafb;font-weight:600;color:#374151;font-size:14px}.workorder-table td[data-v-9e2cea4e]{font-size:14px;color:#6b7280}.workorder-table tr[data-v-9e2cea4e]:hover{background:#f9fafb}.type-badge[data-v-9e2cea4e]{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.type-badge.water[data-v-9e2cea4e]{background:#dbeafe;color:#1d4ed8}.type-badge.electric[data-v-9e2cea4e]{background:#fef3c7;color:#d97706}.status-badge[data-v-9e2cea4e]{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.status-badge.pending[data-v-9e2cea4e]{background:#fef3c7;color:#d97706}.status-badge.in-progress[data-v-9e2cea4e]{background:#dbeafe;color:#1d4ed8}.status-badge.completed[data-v-9e2cea4e]{background:#d1fae5;color:#059669}.action-btn[data-v-9e2cea4e]{padding:6px 12px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;border:none;margin-right:8px}.start-btn[data-v-9e2cea4e]{background:#2563eb;color:#fff}.start-btn[data-v-9e2cea4e]:hover{background:#1d4ed8}.complete-btn[data-v-9e2cea4e]{background:#059669;color:#fff}.complete-btn[data-v-9e2cea4e]:hover{background:#047857}.detail-btn[data-v-9e2cea4e]{background:#6b7280;color:#fff}.detail-btn[data-v-9e2cea4e]:hover{background:#4b5563}.pagination[data-v-9e2cea4e]{display:flex;justify-content:center;align-items:center;gap:16px}.page-btn[data-v-9e2cea4e]{padding:8px 16px;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:6px;cursor:pointer;transition:all .2s}.page-btn[data-v-9e2cea4e]:hover:not(:disabled){background:#f3f4f6}.page-btn[data-v-9e2cea4e]:disabled{opacity:.5;cursor:not-allowed}.page-info[data-v-9e2cea4e]{color:#6b7280;font-size:14px}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;-webkit-user-select:none;user-select:none;outline:none;text-decoration:none;white-space:nowrap}.btn:focus{outline:2px solid rgba(24,144,255,.2);outline-offset:2px}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s;pointer-events:none}.btn:active:before{width:300px;height:300px}.btn.loading{pointer-events:none;opacity:.7}.btn.loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:btn-spin 1s linear infinite}@keyframes btn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-primary{background:linear-gradient(135deg,#1890ff,#40a9ff);color:#fff;box-shadow:0 2px 4px #1890ff33}.btn-primary:hover{background:linear-gradient(135deg,#40a9ff,#69c0ff);box-shadow:0 4px 12px #1890ff4d;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 4px #1890ff33}.btn-success{background:linear-gradient(135deg,#52c41a,#73d13d);color:#fff;box-shadow:0 2px 4px #52c41a33}.btn-success:hover{background:linear-gradient(135deg,#73d13d,#95de64);box-shadow:0 4px 12px #52c41a4d;transform:translateY(-1px)}.btn-success:active{transform:translateY(0);box-shadow:0 2px 4px #52c41a33}.btn-warning{background:linear-gradient(135deg,#fa8c16,#ffa940);color:#fff;box-shadow:0 2px 4px #fa8c1633}.btn-warning:hover{background:linear-gradient(135deg,#ffa940,#ffc069);box-shadow:0 4px 12px #fa8c164d;transform:translateY(-1px)}.btn-warning:active{transform:translateY(0);box-shadow:0 2px 4px #fa8c1633}.btn-danger{background:linear-gradient(135deg,#ff4d4f,#ff7875);color:#fff;box-shadow:0 2px 4px #ff4d4f33}.btn-danger:hover{background:linear-gradient(135deg,#ff7875,#ffa39e);box-shadow:0 4px 12px #ff4d4f4d;transform:translateY(-1px)}.btn-danger:active{transform:translateY(0);box-shadow:0 2px 4px #ff4d4f33}.btn-default{background:#fff;color:#666;border:1px solid #d9d9d9;box-shadow:0 2px 4px #0000000d}.btn-default:hover{background:#f5f5f5;border-color:#40a9ff;color:#40a9ff;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.btn-default:active{transform:translateY(0);box-shadow:0 2px 4px #0000000d}.btn-text{background:transparent;color:#1890ff;border:none;box-shadow:none;padding:4px 8px}.btn-text:hover{background:#1890ff1a;color:#40a9ff}.btn-text:active{background:#1890ff33}.btn-link{background:transparent;color:#1890ff;border:none;box-shadow:none;padding:0;text-decoration:underline}.btn-link:hover{color:#40a9ff;text-decoration:none}.btn-small{padding:4px 8px;font-size:12px}.btn-large{padding:12px 24px;font-size:16px}.btn-circle{border-radius:50%;width:32px;height:32px;padding:0}.btn-circle.btn-small{width:24px;height:24px}.btn-circle.btn-large{width:40px;height:40px}.btn-block{width:100%}.btn:disabled,.btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none;transform:none!important;box-shadow:none!important}.btn-group{display:inline-flex;border-radius:4px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.btn-group .btn{border-radius:0;border-right:1px solid rgba(255,255,255,.2);margin:0}.btn-group .btn:first-child{border-radius:4px 0 0 4px}.btn-group .btn:last-child{border-radius:0 4px 4px 0;border-right:none}.btn-group .btn:only-child{border-radius:4px;border-right:none}.btn-fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#1890ff,#40a9ff);color:#fff;border:none;box-shadow:0 4px 12px #1890ff66;font-size:24px;z-index:1000;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-fab:hover{background:linear-gradient(135deg,#40a9ff,#69c0ff);box-shadow:0 6px 20px #1890ff80;transform:scale(1.1)}.btn-fab:active{transform:scale(1.05)}.btn-icon{padding:8px;width:32px;height:32px;border-radius:4px;background:transparent;border:none;color:#666;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.btn-icon:hover{background:#0000000d;color:#1890ff}.btn-icon:active{background:#0000001a}@media (max-width: 768px){.btn{padding:10px 16px;font-size:16px}.btn-small{padding:6px 12px;font-size:14px}.btn-large{padding:14px 28px;font-size:18px}.btn-fab{bottom:16px;right:16px;width:48px;height:48px;font-size:20px}}@media (prefers-color-scheme: dark){.btn-default{background:#1f1f1f;color:#fff;border-color:#434343}.btn-default:hover{background:#2d2d2d;border-color:#40a9ff}.btn-icon{color:#fff}.btn-icon:hover{background:#ffffff1a}}.btn-gradient{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;border:none;position:relative;overflow:hidden}.btn-gradient:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-gradient:hover:before{left:100%}.btn-pulse{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #1890ffb3}70%{box-shadow:0 0 0 10px #1890ff00}to{box-shadow:0 0 #1890ff00}}.btn-shake:hover{animation:shake .5s}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.btn-bounce:hover{animation:bounce .6s}@keyframes bounce{0%,20%,60%,to{transform:translateY(0)}40%{transform:translateY(-10px)}80%{transform:translateY(-5px)}}