.auth-card[data-v-1d3c3de3]{position:relative;background:var(--md-white);border:3px solid var(--md-black);border-radius:0;padding:40px 32px;box-shadow:8px 8px 0 var(--md-black);overflow:hidden;max-width:420px;width:100%}.auth-decoration[data-v-1d3c3de3]{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:0}.deco-blob[data-v-1d3c3de3]{position:absolute;border-radius:50%;opacity:.12}.blob-1[data-v-1d3c3de3]{width:200px;height:200px;background:var(--md-yellow);top:-80px;right:-60px}.blob-2[data-v-1d3c3de3]{width:120px;height:120px;background:var(--md-green);bottom:-40px;left:-30px}.blob-3[data-v-1d3c3de3]{width:80px;height:80px;background:var(--md-orange);top:50%;right:20px}.auth-logo[data-v-1d3c3de3]{position:relative;z-index:1;text-align:center;margin-bottom:24px}.logo-wrapper[data-v-1d3c3de3]{display:inline-flex;align-items:center;justify-content:center}.auth-header[data-v-1d3c3de3]{position:relative;z-index:1;text-align:center;margin-bottom:32px}.auth-title[data-v-1d3c3de3]{font-size:28px;font-weight:800;color:var(--md-black);margin-bottom:8px;letter-spacing:-.5px}.auth-subtitle[data-v-1d3c3de3]{font-size:15px;color:var(--md-text-secondary)}.auth-content[data-v-1d3c3de3]{position:relative;z-index:1;margin-bottom:24px}.auth-footer[data-v-1d3c3de3]{position:relative;z-index:1;text-align:center}@media (max-width: 480px){.auth-card[data-v-1d3c3de3]{padding:32px 24px;border-width:2px;border-radius:0;box-shadow:6px 6px 0 var(--md-black)}.auth-title[data-v-1d3c3de3]{font-size:24px}}.login-page[data-v-d39ad076]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);background:var(--md-off-white);position:relative;overflow:hidden}.bg-shapes[data-v-d39ad076]{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.shape[data-v-d39ad076]{position:absolute;opacity:.15}.shape-circle[data-v-d39ad076]{border-radius:50%}.shape-square[data-v-d39ad076]{border-radius:0}.login-container[data-v-d39ad076]{width:100%;max-width:440px;position:relative;z-index:1}.login-form[data-v-d39ad076]{margin-bottom:8px}.btn-login[data-v-d39ad076]{background:var(--md-black);color:var(--md-white)}.btn-login[data-v-d39ad076]:hover:not(:disabled){background:#000;transform:translate(-2px,-2px)}.btn-wechat[data-v-d39ad076]{margin-top:12px;background:var(--md-white);color:var(--md-black)}.btn-wechat[data-v-d39ad076]:hover:not(:disabled){background:var(--md-light-gray);transform:translate(-2px,-2px)}.input-group[data-v-d39ad076]{margin-bottom:16px}.input-label[data-v-d39ad076]{display:block;font-size:14px;font-weight:700;color:var(--md-black);margin-bottom:8px}.input-field[data-v-d39ad076]{width:100%;padding:12px 16px;font-size:15px;background:var(--md-white);border:2px solid var(--md-black);border-radius:0;color:var(--md-black);transition:all .2s ease;font-weight:500}.input-field[data-v-d39ad076]::placeholder{color:var(--md-text-tertiary)}.input-field[data-v-d39ad076]:focus{border-color:var(--md-yellow);box-shadow:0 0 0 4px #ffd23f33;outline:none}.password-wrapper[data-v-d39ad076]{position:relative}.toggle-password[data-v-d39ad076]{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;padding:6px;opacity:.6;transition:opacity .3s;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.toggle-password[data-v-d39ad076]:hover{opacity:1}.error-message[data-v-d39ad076]{background:#fee;border:2px solid #F44336;color:#d32f2f;padding:12px 16px;margin-bottom:20px;font-size:14px;font-weight:500}.form-options[data-v-d39ad076]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.checkbox-wrapper[data-v-d39ad076]{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox[data-v-d39ad076]{width:18px;height:18px;accent-color:var(--md-yellow);cursor:pointer;border-radius:0}.checkbox-label[data-v-d39ad076]{font-size:14px;font-weight:500;color:var(--md-text-secondary)}.forgot-link[data-v-d39ad076]{font-size:14px;font-weight:600;color:var(--md-orange);transition:opacity .3s}.forgot-link[data-v-d39ad076]:hover{opacity:.8}@media (max-width: 480px){.login-page[data-v-d39ad076]{padding:var(--spacing-sm)}.input-field[data-v-d39ad076]{padding:10px 14px;font-size:14px}}.home-page[data-v-7873f46c]{min-height:100vh;background:var(--md-off-white);padding-bottom:80px}.header[data-v-7873f46c]{position:sticky;top:0;z-index:100;background:var(--md-white);border-bottom:3px solid var(--md-black);box-shadow:0 4px 0 var(--md-black)}.header-content[data-v-7873f46c]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);max-width:1200px;margin:0 auto}.header-left[data-v-7873f46c]{display:flex;align-items:center;gap:var(--spacing-sm)}.app-logo[data-v-7873f46c]{color:var(--md-black)}.app-title[data-v-7873f46c]{font-size:18px;font-weight:700;color:var(--md-black)}.logout-btn[data-v-7873f46c]{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--md-light-gray);border-radius:0;font-size:14px;color:var(--md-text-secondary);transition:all .3s;border:2px solid var(--md-black);box-shadow:2px 2px 0 var(--md-black)}.logout-btn[data-v-7873f46c]:hover{background:var(--md-gray);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--md-black)}.logout-icon[data-v-7873f46c]{color:var(--md-black)}.main-content[data-v-7873f46c]{padding-bottom:var(--spacing-lg)}.scan-section[data-v-7873f46c]{padding:var(--spacing-md)}.scan-button[data-v-7873f46c]{width:100%;max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:linear-gradient(135deg,#fff9e6,#ffefb8);border:3px solid var(--md-black);border-radius:0;box-shadow:4px 4px 0 var(--md-black);cursor:pointer;transition:all .3s}.scan-button[data-v-7873f46c]:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--md-black)}.scan-icon-wrapper[data-v-7873f46c]{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--md-yellow);border:2px solid var(--md-black);border-radius:0;flex-shrink:0}.scan-text[data-v-7873f46c]{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.scan-title[data-v-7873f46c]{font-size:18px;font-weight:700;color:var(--md-black)}.scan-subtitle[data-v-7873f46c]{font-size:14px;color:var(--md-text-secondary)}.scan-arrow[data-v-7873f46c]{color:var(--md-black);flex-shrink:0}.hero-section[data-v-7873f46c]{position:relative;padding:var(--spacing-xl) var(--spacing-md);overflow:hidden}.hero-decoration[data-v-7873f46c]{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.deco-circle[data-v-7873f46c]{position:absolute;border-radius:50%;opacity:.2}.deco-square[data-v-7873f46c]{position:absolute;border-radius:0;opacity:.15}.deco-1[data-v-7873f46c]{width:150px;height:150px;background:var(--md-yellow);top:-50px;right:-30px}.deco-2[data-v-7873f46c]{width:100px;height:100px;background:var(--md-green);bottom:50px;left:-20px}.deco-3[data-v-7873f46c]{width:60px;height:60px;background:var(--md-orange);top:50%;right:20px}.hero-content[data-v-7873f46c]{position:relative;max-width:1200px;margin:0 auto;text-align:center}.hero-title[data-v-7873f46c]{font-size:32px;font-weight:800;margin-bottom:var(--spacing-sm);line-height:1.3}.hero-title-main[data-v-7873f46c]{display:block;color:var(--md-black)}.hero-title-highlight[data-v-7873f46c]{display:block;color:var(--md-orange)}.hero-subtitle[data-v-7873f46c]{font-size:16px;color:var(--md-text-secondary);margin-bottom:var(--spacing-md)}.hero-icon[data-v-7873f46c]{margin:var(--spacing-lg) 0;color:var(--md-orange)}.hero-actions[data-v-7873f46c]{display:flex;gap:var(--spacing-sm);justify-content:center;flex-wrap:wrap}.arrow[data-v-7873f46c]{margin-left:var(--spacing-xs);transition:transform .3s;color:var(--md-white)}.btn-orange:hover .arrow[data-v-7873f46c]{transform:translate(4px)}section[data-v-7873f46c]{padding:var(--spacing-xl) var(--spacing-md)}.section-title[data-v-7873f46c]{font-size:20px;font-weight:700;color:var(--md-black);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-xs)}.title-icon[data-v-7873f46c]{color:var(--md-orange)}.actions-grid[data-v-7873f46c]{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.action-card[data-v-7873f46c]{background:var(--md-white);border:2px solid var(--md-black);border-radius:0;padding:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);transition:all .3s;cursor:pointer;box-shadow:2px 2px 0 var(--md-black)}.action-card[data-v-7873f46c]:active{transform:translate(1px,1px);box-shadow:0 0 0 var(--md-black)}.action-icon[data-v-7873f46c]{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--md-yellow);border-radius:0;color:var(--md-white)}.action-name[data-v-7873f46c]{font-size:14px;font-weight:600;color:var(--md-black)}.features-section[data-v-7873f46c]{background:var(--md-white);border-top:3px solid var(--md-black)}.features-slider[data-v-7873f46c]{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md)}.feature-card[data-v-7873f46c]{border-radius:0;padding:var(--spacing-xl);text-align:center;transition:all .3s;border:2px solid var(--md-black);box-shadow:2px 2px 0 var(--md-black);cursor:pointer}.feature-card[data-v-7873f46c]:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--md-black)}.feature-emoji[data-v-7873f46c]{margin-bottom:var(--spacing-sm);color:var(--md-black)}.feature-title[data-v-7873f46c]{font-size:18px;font-weight:700;color:var(--md-black);margin-bottom:var(--spacing-xs)}.feature-desc[data-v-7873f46c]{font-size:14px;color:var(--md-text-secondary);margin-bottom:var(--spacing-md)}.feature-btn[data-v-7873f46c]{padding:var(--spacing-xs) var(--spacing-md);background:var(--md-white);border:2px solid var(--md-black);border-radius:0;font-size:14px;font-weight:600;color:var(--md-black);transition:all .3s;display:inline-flex;align-items:center;gap:var(--spacing-xs);box-shadow:2px 2px 0 var(--md-black)}.feature-btn[data-v-7873f46c]:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--md-black)}.feature-btn .arrow[data-v-7873f46c]{color:var(--md-black)}.bottom-nav[data-v-7873f46c]{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;padding:var(--spacing-sm) 0;background:var(--md-white);border-top:3px solid var(--md-black);box-shadow:0 -4px 0 var(--md-black);z-index:100}.nav-item[data-v-7873f46c]{display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none;position:relative}.nav-icon[data-v-7873f46c]{color:var(--md-text-tertiary);transition:opacity .3s}.nav-label[data-v-7873f46c]{font-size:11px;color:var(--md-text-secondary);font-weight:500}.nav-item.active .nav-icon[data-v-7873f46c]{color:var(--md-orange);opacity:1}.nav-item.active .nav-label[data-v-7873f46c]{color:var(--md-orange);font-weight:600}.nav-badge[data-v-7873f46c]{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;background:var(--md-orange);color:#fff;font-size:11px;font-weight:700;border-radius:0;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.hero-title[data-v-7873f46c]{font-size:26px}.actions-grid[data-v-7873f46c]{grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.action-card[data-v-7873f46c]{padding:var(--spacing-md)}.action-icon[data-v-7873f46c]{width:48px;height:48px}.features-slider[data-v-7873f46c]{grid-template-columns:1fr}}@media (max-width: 480px){.app-title[data-v-7873f46c]{font-size:16px}.hero-title[data-v-7873f46c]{font-size:22px}.actions-grid[data-v-7873f46c]{grid-template-columns:repeat(2,1fr)}}.profile-page[data-v-31cde0e9]{min-height:100vh;background:var(--md-off-white);padding-bottom:80px}.header[data-v-31cde0e9]{position:sticky;top:0;z-index:100;background:var(--md-white);border-bottom:3px solid var(--md-black);box-shadow:0 4px 0 var(--md-black)}.header-content[data-v-31cde0e9]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);max-width:1200px;margin:0 auto}.page-title[data-v-31cde0e9]{font-size:18px;font-weight:700;color:var(--md-black)}.logout-btn[data-v-31cde0e9]{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--md-light-gray);border-radius:0;font-size:14px;color:var(--md-text-secondary);transition:all .3s;border:2px solid var(--md-black);box-shadow:2px 2px 0 var(--md-black)}.logout-btn[data-v-31cde0e9]:hover{background:var(--md-gray);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--md-black)}.logout-icon[data-v-31cde0e9]{color:var(--md-black)}.main-content[data-v-31cde0e9]{padding-bottom:var(--spacing-lg)}section[data-v-31cde0e9]{padding:var(--spacing-xl) var(--spacing-md)}.section-title[data-v-31cde0e9]{font-size:20px;font-weight:700;color:var(--md-black);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-xs)}.title-icon[data-v-31cde0e9]{color:var(--md-orange)}.user-info-section[data-v-31cde0e9]{background:var(--md-white);border-bottom:3px solid var(--md-black)}.user-card[data-v-31cde0e9]{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);background:var(--md-light-gray);border:2px solid var(--md-black);border-radius:0;box-shadow:4px 4px 0 var(--md-black)}.user-avatar[data-v-31cde0e9]{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--md-yellow);border:2px solid var(--md-black);border-radius:0;color:var(--md-black)}.user-details[data-v-31cde0e9]{flex:1}.user-name[data-v-31cde0e9]{font-size:24px;font-weight:800;color:var(--md-black);margin-bottom:var(--spacing-xs)}.user-role[data-v-31cde0e9]{font-size:16px;color:var(--md-text-secondary)}.info-section[data-v-31cde0e9]{background:var(--md-white)}.info-list[data-v-31cde0e9]{max-width:1200px;margin:0 auto;background:var(--md-white);border:2px solid var(--md-black);border-radius:0;box-shadow:2px 2px 0 var(--md-black)}.info-item[data-v-31cde0e9]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--md-gray)}.info-item[data-v-31cde0e9]:last-child{border-bottom:none}.info-label[data-v-31cde0e9]{font-size:14px;font-weight:600;color:var(--md-text-secondary)}.info-value[data-v-31cde0e9]{font-size:16px;font-weight:500;color:var(--md-black)}.menu-section[data-v-31cde0e9]{background:var(--md-white);border-top:3px solid var(--md-black)}.menu-list[data-v-31cde0e9]{max-width:1200px;margin:0 auto;display:flex;flex-direction:column}.menu-item[data-v-31cde0e9]{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--md-white);border:2px solid var(--md-black);border-radius:0;font-size:16px;font-weight:500;color:var(--md-black);transition:all .3s;text-align:left;box-shadow:2px 2px 0 var(--md-black)}.menu-item[data-v-31cde0e9]:not(:last-child){margin-bottom:var(--spacing-sm)}.menu-item[data-v-31cde0e9]:hover{background:var(--md-light-gray);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--md-black)}.menu-item[data-v-31cde0e9]:active{transform:translate(1px,1px);box-shadow:0 0 0 var(--md-black)}.menu-arrow[data-v-31cde0e9]{margin-left:auto;color:var(--md-text-tertiary)}.menu-content[data-v-31cde0e9]{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.menu-title[data-v-31cde0e9]{font-size:16px;font-weight:700;color:var(--md-black)}.menu-desc[data-v-31cde0e9]{font-size:13px;line-height:1.4;color:var(--md-text-secondary)}.switch[data-v-31cde0e9]{width:48px;height:28px;flex:0 0 48px;display:flex;align-items:center;padding:3px;background:var(--md-gray);border:2px solid var(--md-black);box-shadow:2px 2px 0 var(--md-black);transition:background .2s}.switch.active[data-v-31cde0e9]{background:var(--md-yellow)}.switch-dot[data-v-31cde0e9]{width:18px;height:18px;background:var(--md-white);border:2px solid var(--md-black);transition:transform .2s}.switch.active .switch-dot[data-v-31cde0e9]{transform:translate(18px)}.modal-overlay[data-v-31cde0e9]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);background:#0000008c}.modal-dialog[data-v-31cde0e9]{width:100%;max-width:440px;background:var(--md-white);border:3px solid var(--md-black);box-shadow:6px 6px 0 var(--md-black)}.modal-header[data-v-31cde0e9],.modal-footer[data-v-31cde0e9]{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md);border-bottom:2px solid var(--md-black)}.modal-header h3[data-v-31cde0e9]{font-size:18px;font-weight:800;color:var(--md-black)}.close-btn[data-v-31cde0e9],.btn-secondary[data-v-31cde0e9],.btn-primary[data-v-31cde0e9]{min-height:38px;padding:0 var(--spacing-md);border:2px solid var(--md-black);box-shadow:2px 2px 0 var(--md-black);font-size:14px;font-weight:700}.close-btn[data-v-31cde0e9],.btn-secondary[data-v-31cde0e9]{background:var(--md-light-gray);color:var(--md-black)}.btn-primary[data-v-31cde0e9]{background:var(--md-yellow);color:var(--md-black)}.btn-primary[data-v-31cde0e9]:disabled{opacity:.65}.password-form[data-v-31cde0e9]{padding:var(--spacing-md)}.form-field[data-v-31cde0e9]{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.form-field span[data-v-31cde0e9]{font-size:14px;font-weight:700;color:var(--md-black)}.form-input[data-v-31cde0e9]{width:100%;height:44px;padding:0 var(--spacing-sm);background:var(--md-white);border:2px solid var(--md-black);font-size:16px;color:var(--md-black)}.password-form .modal-footer[data-v-31cde0e9]{padding:var(--spacing-md) 0 0;border-bottom:none}.bottom-nav[data-v-31cde0e9]{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;padding:var(--spacing-sm) 0;background:var(--md-white);border-top:3px solid var(--md-black);box-shadow:0 -4px 0 var(--md-black);z-index:100}.nav-item[data-v-31cde0e9]{display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none;position:relative}.nav-icon[data-v-31cde0e9]{color:var(--md-text-tertiary);transition:opacity .3s}.nav-label[data-v-31cde0e9]{font-size:11px;color:var(--md-text-secondary);font-weight:500}.nav-item.active .nav-icon[data-v-31cde0e9]{color:var(--md-orange);opacity:1}.nav-item.active .nav-label[data-v-31cde0e9]{color:var(--md-orange);font-weight:600}.nav-badge[data-v-31cde0e9]{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;background:var(--md-orange);color:#fff;font-size:11px;font-weight:700;border-radius:0;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.user-card[data-v-31cde0e9]{padding:var(--spacing-lg)}.user-avatar[data-v-31cde0e9]{width:64px;height:64px}.user-name[data-v-31cde0e9]{font-size:20px}.info-item[data-v-31cde0e9]{gap:var(--spacing-md)}.info-value[data-v-31cde0e9]{text-align:right;word-break:break-word}.menu-item[data-v-31cde0e9]{gap:var(--spacing-sm);padding:var(--spacing-md)}}.device-page[data-v-6575f71a]{min-height:100vh;background:var(--md-off-white);padding-bottom:80px}.header[data-v-6575f71a]{position:sticky;top:0;z-index:100;background:var(--md-white);border-bottom:3px solid var(--md-black);box-shadow:0 4px 0 var(--md-black)}.header-content[data-v-6575f71a]{display:flex;justify-content:center;align-items:center;padding:var(--spacing-sm) var(--spacing-md);max-width:1200px;margin:0 auto}.page-title[data-v-6575f71a]{font-size:18px;font-weight:700;color:var(--md-black)}.main-content[data-v-6575f71a]{padding-bottom:var(--spacing-lg)}section[data-v-6575f71a]{padding:var(--spacing-md)}.section-title[data-v-6575f71a]{font-size:18px;font-weight:700;color:var(--md-black);margin-bottom:var(--spacing-md)}.search-section[data-v-6575f71a]{background:var(--md-white);border-bottom:3px solid var(--md-black);padding:var(--spacing-md)}.search-box[data-v-6575f71a]{max-width:1200px;margin:0 auto;position:relative;display:flex;align-items:center;margin-bottom:var(--spacing-sm)}.search-icon[data-v-6575f71a]{position:absolute;left:var(--spacing-md);color:var(--md-text-tertiary)}.search-input[data-v-6575f71a]{width:100%;box-sizing:border-box;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) 40px;font-size:15px;background:var(--md-light-gray);border:2px solid var(--md-black);border-radius:0;color:var(--md-black)}.search-input[data-v-6575f71a]::placeholder{color:var(--md-text-tertiary)}.location-filter-box[data-v-6575f71a],.filter-box[data-v-6575f71a]{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-sm)}.location-filter-box[data-v-6575f71a]{margin-bottom:var(--spacing-sm)}.filter-select[data-v-6575f71a]{width:100%;min-width:0;box-sizing:border-box;padding:var(--spacing-sm) var(--spacing-md);font-size:14px;background:var(--md-white);border:2px solid var(--md-black);border-radius:0;color:var(--md-black);cursor:pointer;text-overflow:ellipsis}.filter-select[data-v-6575f71a]:focus{outline:none;border-color:var(--md-yellow);box-shadow:0 0 0 4px #ffd23f26}.device-list-section[data-v-6575f71a]{background:var(--md-off-white);padding-top:var(--spacing-sm)}.loading[data-v-6575f71a],.empty[data-v-6575f71a]{text-align:center;padding:var(--spacing-2xl);color:var(--md-text-secondary)}.empty-icon[data-v-6575f71a]{color:var(--md-text-tertiary);margin-bottom:var(--spacing-md)}.device-groups[data-v-6575f71a]{max-width:1200px;margin:0 auto}.unit-row[data-v-6575f71a]{margin-bottom:8px}.unit-grid[data-v-6575f71a]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.unit-card[data-v-6575f71a]{min-width:0;min-height:82px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:4px;padding:8px;background:var(--md-white);border:2px solid var(--md-black);border-radius:0;box-shadow:2px 2px 0 var(--md-black);color:var(--md-black);cursor:pointer;text-align:left}.unit-card.active[data-v-6575f71a]{background:var(--md-yellow);transform:translate(1px,1px);box-shadow:0 0 0 var(--md-black)}.unit-name[data-v-6575f71a]{width:100%;font-size:13px;font-weight:800;line-height:1.25;word-break:break-all}.unit-project[data-v-6575f71a],.unit-count[data-v-6575f71a]{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;color:var(--md-text-secondary)}.unit-count[data-v-6575f71a]{color:#1565c0}.selected-meters[data-v-6575f71a]{margin-top:8px}.selected-meters-header[data-v-6575f71a]{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:8px 10px;margin-bottom:8px;background:var(--md-yellow);border:2px solid var(--md-black);font-size:14px;font-weight:700;box-shadow:2px 2px 0 var(--md-black)}.device-group-title[data-v-6575f71a]{min-width:0;display:flex;flex-direction:column;gap:2px}.device-group-title span[data-v-6575f71a],.device-group-title small[data-v-6575f71a]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-group-title small[data-v-6575f71a]{font-size:11px;font-weight:600;color:var(--md-text-secondary)}.device-group-count[data-v-6575f71a]{flex-shrink:0;font-size:11px;font-weight:600}.device-list[data-v-6575f71a]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.unit-tip[data-v-6575f71a]{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--md-white);border:2px dashed var(--md-black);color:var(--md-text-secondary);font-size:13px;text-align:center}.device-card[data-v-6575f71a]{background:var(--md-white);border:2px solid var(--md-black);border-radius:0;box-shadow:2px 2px 0 var(--md-black);overflow:hidden;transition:all .3s;cursor:pointer}.device-card[data-v-6575f71a]:active{transform:translate(1px,1px);box-shadow:0 0 0 var(--md-black)}.card-content[data-v-6575f71a]{display:flex;flex-direction:column;align-items:stretch;padding:8px;gap:6px}.card-main[data-v-6575f71a]{flex:1;min-width:0}.device-name[data-v-6575f71a]{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:700;color:var(--md-black);margin-bottom:4px}.device-type-dot[data-v-6575f71a]{width:8px;height:8px;flex-shrink:0;border:1px solid var(--md-black);background:#4ecdc4}.device-type-dot.electric_meter[data-v-6575f71a]{background:#ffd23f}.device-code[data-v-6575f71a]{min-height:28px;font-size:13px;font-weight:700;line-height:1.2;color:var(--md-black);word-break:break-all}.latest-reading[data-v-6575f71a]{margin-top:4px;display:flex;flex-direction:column;gap:2px;font-size:11px;color:var(--md-text-secondary)}.latest-reading strong[data-v-6575f71a]{color:#1565c0;font-size:12px;line-height:1.2;word-break:break-all}.card-right[data-v-6575f71a]{display:flex;align-items:center;justify-content:space-between;gap:4px}.status-badge[data-v-6575f71a]{padding:2px 6px;font-size:10px;font-weight:600;border-radius:0;display:inline-block}.status-badge.status-online[data-v-6575f71a]{background:#4caf501a;color:#4caf50}.status-badge.status-maintenance[data-v-6575f71a]{background:#ff98001a;color:#ff9800}.status-badge.status-scrapped[data-v-6575f71a]{background:#f443361a;color:#f44336}.status-badge.status-stopped[data-v-6575f71a]{background:#9e9e9e1a;color:#9e9e9e}.image-action[data-v-6575f71a]{width:22px;height:22px;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0;background:var(--md-light-gray);border:1px solid var(--md-black);border-radius:0;color:var(--md-text-secondary);cursor:pointer}.quick-actions[data-v-6575f71a]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:0 8px 8px}.quick-btn[data-v-6575f71a]{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;padding:5px 2px;font-size:11px;font-weight:600;border:2px solid var(--md-black);border-radius:0;cursor:pointer;transition:all .3s}.quick-btn span[data-v-6575f71a]{white-space:nowrap}.quick-btn.edit-btn[data-v-6575f71a]{background:var(--md-light-gray);color:var(--md-black)}.quick-btn.edit-btn[data-v-6575f71a]:hover{background:var(--md-gray);transform:translate(-1px,-1px);box-shadow:2px 2px 0 var(--md-black)}.quick-btn.meter-btn[data-v-6575f71a]{background:var(--md-yellow);color:var(--md-black)}.quick-btn.meter-btn[data-v-6575f71a]:hover{background:var(--md-yellow-dark);transform:translate(-1px,-1px);box-shadow:2px 2px 0 var(--md-black)}.bottom-nav[data-v-6575f71a]{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;padding:var(--spacing-sm) 0;background:var(--md-white);border-top:3px solid var(--md-black);box-shadow:0 -4px 0 var(--md-black);z-index:100}.nav-item[data-v-6575f71a]{display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none}.nav-icon[data-v-6575f71a]{color:var(--md-text-tertiary)}.nav-label[data-v-6575f71a]{font-size:11px;color:var(--md-text-secondary);font-weight:500}.nav-item.active .nav-icon[data-v-6575f71a]{color:var(--md-orange)}.nav-item.active .nav-label[data-v-6575f71a]{color:var(--md-orange);font-weight:600}.modal-overlay[data-v-6575f71a]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.modal-dialog[data-v-6575f71a]{background:var(--md-white);border:3px solid var(--md-black);border-radius:0;width:100%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;box-shadow:4px 4px 0 var(--md-black)}.image-dialog[data-v-6575f71a]{max-width:600px}.modal-header[data-v-6575f71a]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:2px solid var(--md-black)}.modal-header h3[data-v-6575f71a]{font-size:18px;font-weight:700;color:var(--md-black);margin:0}.close-btn[data-v-6575f71a]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--md-light-gray);border:2px solid var(--md-black);border-radius:0;cursor:pointer;color:var(--md-text-secondary)}.close-btn[data-v-6575f71a]:hover{background:var(--md-gray)}.close-btn .logout[data-v-6575f71a]{transform:rotate(90deg)}.modal-body[data-v-6575f71a]{padding:var(--spacing-md);overflow-y:auto}.image-gallery[data-v-6575f71a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-sm)}.image-gallery img[data-v-6575f71a]{width:100%;height:200px;object-fit:cover;border:2px solid var(--md-black);border-radius:0}.device-edit-page[data-v-e634bf8b]{min-height:100vh;background:var(--md-off-white)}.header[data-v-e634bf8b]{position:sticky;top:0;z-index:100;background:var(--md-white);border-bottom:3px solid var(--md-black);box-shadow:0 4px 0 var(--md-black)}.header-content[data-v-e634bf8b]{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);max-width:1200px;margin:0 auto}.back-btn[data-v-e634bf8b]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--md-light-gray);border:2px solid var(--md-black);border-radius:0;margin-right:var(--spacing-sm);cursor:pointer;transition:all .3s}.back-btn[data-v-e634bf8b]:hover{background:var(--md-gray);transform:translate(-1px,-1px);box-shadow:2px 2px 0 var(--md-black)}.back-btn .arrow[data-v-e634bf8b]{transform:rotate(180deg)}.page-title[data-v-e634bf8b]{font-size:18px;font-weight:700;color:var(--md-black)}.main-content[data-v-e634bf8b]{padding:var(--spacing-md)}.form-container[data-v-e634bf8b]{max-width:600px;margin:0 auto}.readonly-section[data-v-e634bf8b]{background:var(--md-light-gray);border:2px solid var(--md-black);border-radius:0;padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.edit-form[data-v-e634bf8b]{background:var(--md-white);border:2px solid var(--md-black);border-radius:0;padding:var(--spacing-md);box-shadow:2px 2px 0 var(--md-black)}.form-group[data-v-e634bf8b]{margin-bottom:var(--spacing-md)}.form-label[data-v-e634bf8b]{display:block;font-size:14px;font-weight:700;color:var(--md-black);margin-bottom:var(--spacing-xs)}.clear-btn[data-v-e634bf8b]{float:right;background:none;border:none;color:var(--md-text-secondary);font-size:12px;cursor:pointer}.clear-btn[data-v-e634bf8b]:hover{color:var(--md-black)}.input-field[data-v-e634bf8b],select[data-v-e634bf8b],.textarea-field[data-v-e634bf8b]{width:100%;max-width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:15px;background:var(--md-white);border:2px solid var(--md-black);border-radius:0;color:var(--md-black);transition:all .2s ease;font-weight:500;box-sizing:border-box}.input-field.readonly[data-v-e634bf8b]{background:var(--md-light-gray);color:var(--md-text-secondary)}.input-field[data-v-e634bf8b]:disabled{background:var(--md-light-gray);color:var(--md-text-secondary)}select[data-v-e634bf8b]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%231A1A1A' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}input[type=datetime-local][data-v-e634bf8b]{width:100%;max-width:100%;min-width:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none}@media (max-width: 768px){.input-field[data-v-e634bf8b],select[data-v-e634bf8b],.textarea-field[data-v-e634bf8b],input[type=datetime-local][data-v-e634bf8b]{font-size:14px;padding:10px 12px}}.input-field[data-v-e634bf8b]::placeholder,.textarea-field[data-v-e634bf8b]::placeholder{color:var(--md-text-tertiary)}.input-field[data-v-e634bf8b]:focus,select[data-v-e634bf8b]:focus,.textarea-field[data-v-e634bf8b]:focus{border-color:var(--md-yellow);box-shadow:0 0 0 4px #ffd23f33;outline:none}.textarea-field[data-v-e634bf8b]{resize:vertical;min-height:80px;font-family:inherit}.image-section[data-v-e634bf8b]{margin-bottom:var(--spacing-md)}.section-label[data-v-e634bf8b]{display:block;font-size:16px;font-weight:700;color:var(--md-black);margin-bottom:var(--spacing-sm)}.image-list[data-v-e634bf8b]{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm)}.image-item[data-v-e634bf8b]{position:relative;aspect-ratio:1;border:2px solid var(--md-black);border-radius:0;overflow:hidden}.image-item img[data-v-e634bf8b]{width:100%;height:100%;object-fit:cover}.remove-img-btn[data-v-e634bf8b]{position:absolute;top:4px;right:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--md-white);border:2px solid var(--md-black);border-radius:0;cursor:pointer;color:#f44336}.add-img-btn[data-v-e634bf8b]{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);background:var(--md-light-gray);border:2px solid var(--md-black);border-radius:0;color:var(--md-text-secondary);font-size:12px;cursor:pointer;transition:all .3s}.add-img-btn[data-v-e634bf8b]:hover{background:var(--md-gray);border-color:var(--md-yellow)}@media (max-width: 480px){.image-list[data-v-e634bf8b]{grid-template-columns:repeat(3,1fr)}}.meter-record-page[data-v-bc8b2c01]{min-height:100vh;background:var(--md-off-white);padding-bottom:20px}.header[data-v-bc8b2c01]{position:sticky;top:0;z-index:100;background:var(--md-white);border-bottom:3px solid var(--md-black);box-shadow:0 4px 0 var(--md-black)}.header-content[data-v-bc8b2c01]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);max-width:600px;margin:0 auto}.back-btn[data-v-bc8b2c01],.info-btn[data-v-bc8b2c01]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--md-light-gray);border:2px solid var(--md-black);cursor:pointer;transition:all .3s}.back-btn[data-v-bc8b2c01]:hover,.info-btn[data-v-bc8b2c01]:hover{background:var(--md-gray);transform:translate(-1px,-1px);box-shadow:2px 2px 0 var(--md-black)}.back-btn .arrow[data-v-bc8b2c01]{transform:rotate(180deg)}.page-title[data-v-bc8b2c01]{font-size:18px;font-weight:700;color:var(--md-black)}.main-content[data-v-bc8b2c01]{padding:var(--spacing-md)}.form-container[data-v-bc8b2c01]{max-width:600px;margin:0 auto}.device-info-card[data-v-bc8b2c01]{background:var(--md-white);border:2px solid var(--md-black);border-radius:0;padding:var(--spacing-md);margin-bottom:var(--spacing-md);box-shadow:2px 2px 0 var(--md-black)}.device-header[data-v-bc8b2c01]{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.device-icon[data-v-bc8b2c01]{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--md-light-gray);border:2px solid var(--md-black)}.device-icon.type-water[data-v-bc8b2c01]{background:#e3f2fd;color:#2196f3}.device-icon.type-electric[data-v-bc8b2c01]{background:#fff8e1;color:#ffc107}.device-title[data-v-bc8b2c01]{flex:1}.device-name[data-v-bc8b2c01]{font-size:16px;font-weight:700;color:var(--md-black)}.device-code[data-v-bc8b2c01]{font-size:13px;color:var(--md-text-secondary);margin-top:2px}.device-status-badge[data-v-bc8b2c01]{padding:4px 10px;font-size:12px;font-weight:600;background:#e8f5e9;color:#4caf50;border:2px solid var(--md-black)}.user-info-section[data-v-bc8b2c01]{margin-top:var(--spacing-sm)}.section-header[data-v-bc8b2c01]{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:#3f51b5;margin-bottom:var(--spacing-xs)}.user-info-card[data-v-bc8b2c01]{padding:12px;background:#e8eaf6;border:2px solid var(--md-black);border-radius:0}.user-name[data-v-bc8b2c01]{display:flex;align-items:center;font-size:16px;font-weight:700;color:var(--md-black);margin-bottom:8px}.user-mobile[data-v-bc8b2c01],.contract-period[data-v-bc8b2c01]{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--md-text-secondary);margin-top:4px}.divider[data-v-bc8b2c01]{height:1px;background:var(--md-gray);margin:var(--spacing-md) 0}.location-section[data-v-bc8b2c01]{margin-top:var(--spacing-sm)}.section-title[data-v-bc8b2c01]{font-size:14px;font-weight:600;color:var(--md-black);margin-bottom:var(--spacing-xs)}.info-row[data-v-bc8b2c01]{display:flex;padding:6px 0;font-size:13px}.info-row .label[data-v-bc8b2c01]{color:var(--md-text-secondary);width:80px;flex-shrink:0}.info-row .value[data-v-bc8b2c01]{color:var(--md-black);flex:1}.meter-form[data-v-bc8b2c01]{background:var(--md-white);border:2px solid var(--md-black);border-radius:0;padding:var(--spacing-md);box-shadow:2px 2px 0 var(--md-black)}.last-record-section[data-v-bc8b2c01]{margin-bottom:var(--spacing-md)}.last-record-card[data-v-bc8b2c01]{padding:12px;background:var(--md-light-gray);border:2px solid var(--md-black);border-radius:0}.last-record-item[data-v-bc8b2c01]{display:flex;justify-content:space-between;padding:6px 0}.last-record-item[data-v-bc8b2c01]:not(:last-child){border-bottom:1px solid var(--md-gray)}.last-record-item .label[data-v-bc8b2c01]{font-size:14px;color:var(--md-text-secondary)}.last-record-item .value[data-v-bc8b2c01]{font-size:14px;font-weight:600;color:var(--md-black)}.last-record-item .last-reading-value[data-v-bc8b2c01]{font-size:22px;color:#1565c0}.last-record-empty[data-v-bc8b2c01]{padding:var(--spacing-md);background:var(--md-light-gray);border:2px dashed var(--md-black);text-align:center;color:var(--md-text-secondary);font-size:14px}.reading-comparison[data-v-bc8b2c01]{margin-top:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:#e8f5e9;border-left:4px solid #4CAF50;color:#2e7d32;font-size:13px;font-weight:600}.reading-comparison.warning[data-v-bc8b2c01]{background:#fff3e0;border-left-color:#ff9800;color:#e65100}.form-group[data-v-bc8b2c01]{margin-bottom:var(--spacing-md)}.form-label[data-v-bc8b2c01]{display:block;font-size:14px;font-weight:700;color:var(--md-black);margin-bottom:var(--spacing-xs)}.form-label-row[data-v-bc8b2c01]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.required[data-v-bc8b2c01]{color:#f44336}.input-wrapper[data-v-bc8b2c01]{position:relative;display:flex;align-items:center}.input-field[data-v-bc8b2c01]{flex:1;padding:var(--spacing-sm) var(--spacing-md);padding-right:50px;font-size:15px;background:var(--md-white);border:2px solid var(--md-black);border-radius:0;color:var(--md-black);font-weight:500}.input-suffix[data-v-bc8b2c01]{position:absolute;right:var(--spacing-md);color:var(--md-text-secondary);font-size:14px}.error-text[data-v-bc8b2c01]{margin-top:6px;font-size:13px;color:#f44336}.success-text[data-v-bc8b2c01]{margin-top:6px;font-size:13px;color:#4caf50;font-weight:600}.time-display[data-v-bc8b2c01]{padding:var(--spacing-sm) var(--spacing-md);background:var(--md-light-gray);border:2px solid var(--md-black);border-radius:0;font-size:15px;color:var(--md-text-secondary)}.camera-btn[data-v-bc8b2c01]{display:flex;align-items:center;gap:4px;padding:6px 12px;font-size:13px;background:var(--md-light-gray);border:2px solid var(--md-black);border-radius:0;cursor:pointer}.photo-actions[data-v-bc8b2c01]{display:flex;gap:var(--spacing-xs)}.images-preview[data-v-bc8b2c01]{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.image-item[data-v-bc8b2c01]{position:relative;width:100px;height:100px;border:2px solid var(--md-black);border-radius:0;overflow:hidden}.image-item img[data-v-bc8b2c01]{width:100%;height:100%;object-fit:cover}.remove-img-btn[data-v-bc8b2c01]{position:absolute;top:4px;right:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--md-white);border:2px solid var(--md-black);cursor:pointer;color:#f44336}.empty-images[data-v-bc8b2c01]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:120px;background:var(--md-light-gray);border:2px dashed var(--md-gray);color:var(--md-text-tertiary)}.empty-images span[data-v-bc8b2c01]{margin-top:var(--spacing-xs);font-size:13px}.btn[data-v-bc8b2c01]{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);font-size:16px;font-weight:600;border:2px solid var(--md-black);box-shadow:2px 2px 0 var(--md-black);border-radius:0;transition:all .3s;cursor:pointer}.btn-primary[data-v-bc8b2c01]{background:var(--md-yellow);color:var(--md-black)}.btn-primary[data-v-bc8b2c01]:hover:not(:disabled){background:var(--md-yellow-dark);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--md-black)}.btn-primary[data-v-bc8b2c01]:disabled{opacity:.5;cursor:not-allowed}.btn-secondary[data-v-bc8b2c01]{background:var(--md-white);color:var(--md-black)}.btn-block[data-v-bc8b2c01]{width:100%}.btn-large[data-v-bc8b2c01]{padding:var(--spacing-md) var(--spacing-lg)}.modal-overlay[data-v-bc8b2c01]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.modal-dialog[data-v-bc8b2c01]{background:var(--md-white);border:3px solid var(--md-black);border-radius:0;width:100%;max-width:400px;max-height:80vh;display:flex;flex-direction:column;box-shadow:4px 4px 0 var(--md-black)}.modal-header[data-v-bc8b2c01]{padding:var(--spacing-md);border-bottom:2px solid var(--md-black)}.modal-header h3[data-v-bc8b2c01]{font-size:18px;font-weight:700;color:var(--md-black);margin:0}.modal-body[data-v-bc8b2c01]{padding:var(--spacing-md);overflow-y:auto}.confirm-row[data-v-bc8b2c01]{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--md-gray)}.confirm-label[data-v-bc8b2c01]{font-size:14px;color:var(--md-text-secondary)}.confirm-value[data-v-bc8b2c01]{font-size:14px;font-weight:600;color:var(--md-black)}.confirm-section[data-v-bc8b2c01]{padding:8px 0;border-bottom:1px solid var(--md-gray)}.confirm-label[data-v-bc8b2c01]{display:block;font-size:14px;font-weight:600;color:var(--md-black);margin-bottom:6px}.confirm-value-text[data-v-bc8b2c01]{font-size:14px;color:var(--md-text-secondary)}.confirm-images[data-v-bc8b2c01]{display:flex;gap:8px;margin-top:8px}.confirm-images img[data-v-bc8b2c01]{width:60px;height:60px;object-fit:cover;border:2px solid var(--md-black)}.modal-footer[data-v-bc8b2c01]{padding:var(--spacing-md);border-top:2px solid var(--md-black);display:flex;gap:var(--spacing-sm)}.info-row[data-v-bc8b2c01]{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--md-gray)}.info-label[data-v-bc8b2c01]{font-size:14px;font-weight:600;color:var(--md-black)}.info-value[data-v-bc8b2c01]{font-size:14px;color:var(--md-text-secondary)}.loading-overlay[data-v-bc8b2c01]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000}.loading-content[data-v-bc8b2c01]{text-align:center;color:#fff}.spinner[data-v-bc8b2c01]{width:48px;height:48px;border:4px solid rgba(255,255,255,.3);border-top-color:var(--md-yellow);border-radius:50%;animation:spin-bc8b2c01 .8s linear infinite;margin:0 auto var(--spacing-md)}@keyframes spin-bc8b2c01{to{transform:rotate(360deg)}}.loading-content p[data-v-bc8b2c01]{margin:6px 0 0;font-size:16px;font-weight:600}.loading-sub[data-v-bc8b2c01]{font-size:13px;font-weight:400;opacity:.8}.scan-page[data-v-75cedd0e]{min-height:100vh;background:var(--md-off-white)}.header[data-v-75cedd0e]{position:sticky;top:0;z-index:100;background:var(--md-white);border-bottom:3px solid var(--md-black);box-shadow:0 4px 0 var(--md-black)}.header-content[data-v-75cedd0e]{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);max-width:1200px;margin:0 auto}.back-btn[data-v-75cedd0e]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--md-light-gray);border:2px solid var(--md-black);border-radius:0;margin-right:var(--spacing-sm);cursor:pointer;transition:all .3s}.back-btn[data-v-75cedd0e]:hover{background:var(--md-gray);transform:translate(-1px,-1px);box-shadow:2px 2px 0 var(--md-black)}.back-btn .arrow[data-v-75cedd0e]{transform:rotate(180deg)}.page-title[data-v-75cedd0e]{font-size:18px;font-weight:700;color:var(--md-black)}.main-content[data-v-75cedd0e]{padding:var(--spacing-md)}.scan-container[data-v-75cedd0e]{max-width:600px;margin:0 auto var(--spacing-md);background:linear-gradient(135deg,#fff9e6,#ffefb8);border:3px solid var(--md-black);border-radius:0;padding:var(--spacing-2xl);text-align:center;box-shadow:4px 4px 0 var(--md-black)}.scan-placeholder[data-v-75cedd0e]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);color:var(--md-text-secondary)}.scan-title[data-v-75cedd0e]{font-size:20px;font-weight:700;color:var(--md-black)}.scan-desc[data-v-75cedd0e]{font-size:14px;color:var(--md-text-secondary)}.scan-preview-container[data-v-75cedd0e]{position:relative;max-width:600px;margin:0 auto var(--spacing-md)}.qr-reader[data-v-75cedd0e]{border:3px solid var(--md-black);border-radius:0;overflow:hidden;background:#000}.scan-overlay[data-v-75cedd0e]{position:absolute;top:0;left:0;right:0;bottom:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.scan-frame[data-v-75cedd0e]{width:250px;height:250px;border:3px solid var(--md-yellow);box-shadow:0 0 0 9999px #00000080;position:relative}.scan-frame[data-v-75cedd0e]:before,.scan-frame[data-v-75cedd0e]:after{content:"";position:absolute;width:20px;height:20px;border:3px solid var(--md-black)}.scan-frame[data-v-75cedd0e]:before{top:-3px;left:-3px;border-right:none;border-bottom:none}.scan-frame[data-v-75cedd0e]:after{bottom:-3px;right:-3px;border-left:none;border-top:none}.scan-tip[data-v-75cedd0e]{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);font-size:14px;color:#fff;background:#000000b3;padding:8px 16px;white-space:nowrap}.cancel-btn[data-v-75cedd0e]{position:absolute;bottom:-60px;left:50%;transform:translate(-50%)}.scan-actions[data-v-75cedd0e]{max-width:600px;margin:0 auto var(--spacing-sm)}.manual-input-section[data-v-75cedd0e]{max-width:600px;margin:0 auto var(--spacing-md)}.input-wrapper[data-v-75cedd0e]{display:flex;gap:var(--spacing-sm)}.manual-input[data-v-75cedd0e]{flex:1;padding:var(--spacing-sm) var(--spacing-md);font-size:15px;background:var(--md-white);border:2px solid var(--md-black);border-radius:0;color:var(--md-black)}.manual-input[data-v-75cedd0e]::placeholder{color:var(--md-text-tertiary)}.manual-input[data-v-75cedd0e]:focus{outline:none;border-color:var(--md-yellow);box-shadow:0 0 0 4px #ffd23f33}.search-btn[data-v-75cedd0e]{padding:var(--spacing-sm) var(--spacing-lg);white-space:nowrap}.result-section[data-v-75cedd0e]{max-width:600px;margin:0 auto var(--spacing-md);background:var(--md-white);border:2px solid var(--md-black);border-radius:0;padding:var(--spacing-md);box-shadow:2px 2px 0 var(--md-black)}.result-header[data-v-75cedd0e]{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.result-header h3[data-v-75cedd0e]{font-size:16px;font-weight:700;color:var(--md-black)}.result-content[data-v-75cedd0e]{margin-bottom:var(--spacing-md)}.result-item[data-v-75cedd0e]{display:flex;flex-direction:column;gap:4px;padding:var(--spacing-sm);background:var(--md-light-gray);border:2px solid var(--md-black);border-radius:0}.result-item .label[data-v-75cedd0e]{font-size:13px;color:var(--md-text-secondary)}.result-item .value[data-v-75cedd0e]{font-size:16px;font-weight:600;color:var(--md-black);word-break:break-all}.result-actions[data-v-75cedd0e]{display:flex;gap:var(--spacing-sm)}.device-info-section[data-v-75cedd0e]{max-width:600px;margin:0 auto}.device-card[data-v-75cedd0e]{background:var(--md-white);border:2px solid var(--md-black);border-left-width:6px;border-left-color:var(--md-yellow);border-radius:0;padding:var(--spacing-md);box-shadow:2px 2px 0 var(--md-black)}.device-header[data-v-75cedd0e]{margin-bottom:var(--spacing-md)}.device-name[data-v-75cedd0e]{font-size:20px;font-weight:700;color:var(--md-black)}.device-details[data-v-75cedd0e]{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.detail-item[data-v-75cedd0e]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0;border-bottom:1px solid var(--md-gray)}.detail-item[data-v-75cedd0e]:last-child{border-bottom:none}.detail-item .label[data-v-75cedd0e]{font-size:14px;color:var(--md-text-secondary)}.detail-item .value[data-v-75cedd0e]{font-size:14px;font-weight:500;color:var(--md-black)}.status-online[data-v-75cedd0e]{color:#4caf50}.status-maintenance[data-v-75cedd0e]{color:#ff9800}.status-scrapped[data-v-75cedd0e]{color:#f44336}.status-stopped[data-v-75cedd0e]{color:#757575}.device-actions[data-v-75cedd0e]{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.device-actions .btn[data-v-75cedd0e]{flex:1}.error-message[data-v-75cedd0e]{max-width:600px;margin:0 auto;display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);background:#fee;border:2px solid #F44336;border-radius:0;color:#d32f2f;font-size:14px;font-weight:500}.loading-message[data-v-75cedd0e]{max-width:600px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--md-white);border:2px solid var(--md-black);border-radius:0;font-size:16px;color:var(--md-text-secondary)}.spinner[data-v-75cedd0e]{width:24px;height:24px;border:3px solid var(--md-light-gray);border-top-color:var(--md-yellow);border-radius:50%;animation:spin-75cedd0e .8s linear infinite}@keyframes spin-75cedd0e{to{transform:rotate(360deg)}}.btn[data-v-75cedd0e]{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);font-size:16px;font-weight:600;border-radius:0;transition:all .3s;border:2px solid var(--md-black);box-shadow:2px 2px 0 var(--md-black)}.btn-primary[data-v-75cedd0e]{background:var(--md-yellow);color:var(--md-black)}.btn-primary[data-v-75cedd0e]:hover{background:var(--md-yellow-dark);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--md-black)}.btn-secondary[data-v-75cedd0e]{background:var(--md-white);color:var(--md-text-primary)}.btn-secondary[data-v-75cedd0e]:hover{background:var(--md-light-gray);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--md-black)}.btn-block[data-v-75cedd0e]{flex:1}.repair-page[data-v-fb073cd5]{min-height:100vh;background:var(--md-off-white);padding-bottom:80px}.header[data-v-fb073cd5]{position:sticky;top:0;z-index:100;background:var(--md-white);border-bottom:3px solid var(--md-black);box-shadow:0 4px 0 var(--md-black)}.header-content[data-v-fb073cd5]{display:flex;justify-content:center;align-items:center;padding:var(--spacing-sm) var(--spacing-md);max-width:1200px;margin:0 auto}.page-title[data-v-fb073cd5]{font-size:18px;font-weight:700;color:var(--md-black)}.main-content[data-v-fb073cd5]{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 140px);padding:var(--spacing-md)}.construction-container[data-v-fb073cd5]{text-align:center;padding:var(--spacing-2xl);background:var(--md-white);border:3px solid var(--md-black);box-shadow:4px 4px 0 var(--md-black);max-width:400px}.construction-icon[data-v-fb073cd5]{width:120px;height:120px;margin:0 auto var(--spacing-xl);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--md-yellow) 0%,var(--md-yellow-dark) 100%);border:3px solid var(--md-black);color:var(--md-black)}.construction-title[data-v-fb073cd5]{font-size:28px;font-weight:700;color:var(--md-black);margin-bottom:var(--spacing-md)}.construction-desc[data-v-fb073cd5]{font-size:16px;color:var(--md-text-secondary);line-height:1.6;margin-bottom:var(--spacing-xl)}.inspection-link[data-v-fb073cd5]{display:inline-block;text-decoration:none}.btn[data-v-fb073cd5]{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);font-size:16px;font-weight:600;border:2px solid var(--md-black);box-shadow:2px 2px 0 var(--md-black);transition:all .2s}.btn-primary[data-v-fb073cd5]{background:var(--md-yellow);color:var(--md-black)}.btn-primary[data-v-fb073cd5]:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--md-black)}.bottom-nav[data-v-fb073cd5]{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;padding:var(--spacing-sm) 0;background:var(--md-white);border-top:3px solid var(--md-black);box-shadow:0 -4px 0 var(--md-black);z-index:100}.nav-item[data-v-fb073cd5]{display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none}.nav-icon[data-v-fb073cd5]{color:var(--md-text-tertiary)}.nav-label[data-v-fb073cd5]{font-size:11px;color:var(--md-text-secondary);font-weight:500}.nav-item.active .nav-icon[data-v-fb073cd5]{color:var(--md-orange)}.nav-item.active .nav-label[data-v-fb073cd5]{color:var(--md-orange);font-weight:600}.inspection-list-page[data-v-57f5826f]{min-height:100vh;background:var(--md-off-white);padding-bottom:80px}.header[data-v-57f5826f]{position:sticky;top:0;z-index:100;background:var(--md-white);border-bottom:3px solid var(--md-black);box-shadow:0 4px 0 var(--md-black)}.header-content[data-v-57f5826f]{padding:var(--spacing-sm) var(--spacing-md)}.page-title[data-v-57f5826f]{font-size:18px;font-weight:700;color:var(--md-black)}.filter-section[data-v-57f5826f]{background:var(--md-white);padding:var(--spacing-md);border-bottom:2px solid var(--md-gray)}.filter-row[data-v-57f5826f]{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.filter-row[data-v-57f5826f]:last-child{margin-bottom:0}.filter-btn[data-v-57f5826f]{flex:1;padding:var(--spacing-xs) var(--spacing-sm);background:var(--md-white);border:2px solid var(--md-black);font-size:14px;font-weight:500;color:var(--md-black);transition:all .2s}.filter-btn.active[data-v-57f5826f]{background:var(--md-yellow)}.filter-select[data-v-57f5826f]{flex:1;padding:var(--spacing-xs) var(--spacing-sm);background:var(--md-white);border:2px solid var(--md-black);font-size:14px;font-weight:500;color:var(--md-black)}.main-content[data-v-57f5826f]{padding:var(--spacing-md)}.loading-state[data-v-57f5826f],.empty-state[data-v-57f5826f]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--md-text-secondary)}.loading-spinner[data-v-57f5826f]{width:40px;height:40px;border:4px solid var(--md-gray);border-top-color:var(--md-yellow);animation:spin-57f5826f 1s linear infinite}@keyframes spin-57f5826f{to{transform:rotate(360deg)}}.inspection-card[data-v-57f5826f]{background:var(--md-white);border:2px solid var(--md-black);box-shadow:2px 2px 0 var(--md-black);margin-bottom:var(--spacing-md);cursor:pointer;transition:all .2s}.inspection-card[data-v-57f5826f]:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--md-black)}.card-header[data-v-57f5826f]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--md-gray)}.device-info[data-v-57f5826f]{display:flex;align-items:center;gap:4px}.device-name[data-v-57f5826f]{font-size:16px;font-weight:700;color:var(--md-black)}.device-type[data-v-57f5826f]{font-size:14px;color:var(--md-text-secondary)}.status-badge[data-v-57f5826f]{padding:4px 8px;font-size:12px;font-weight:600}.status-pending[data-v-57f5826f]{background:var(--md-light-gray);color:var(--md-text-secondary)}.status-progress[data-v-57f5826f]{background:#e3f2fd;color:#1976d2}.status-completed[data-v-57f5826f]{background:#e8f5e9;color:#388e3c}.card-body[data-v-57f5826f]{padding:var(--spacing-md)}.info-row[data-v-57f5826f]{display:flex;margin-bottom:var(--spacing-xs)}.info-row[data-v-57f5826f]:last-child{margin-bottom:0}.info-label[data-v-57f5826f]{font-size:14px;color:var(--md-text-secondary);min-width:80px}.info-value[data-v-57f5826f]{font-size:14px;color:var(--md-black);flex:1}.images-row[data-v-57f5826f]{margin-top:var(--spacing-sm)}.images-preview[data-v-57f5826f]{display:flex;gap:var(--spacing-xs)}.preview-image[data-v-57f5826f]{width:60px;height:60px;object-fit:cover;border:2px solid var(--md-black)}.more-images[data-v-57f5826f]{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--md-light-gray);border:2px solid var(--md-black);font-size:14px;font-weight:600;color:var(--md-black)}.upload-btn[data-v-57f5826f]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--md-white);border:2px solid var(--md-black);font-size:14px;font-weight:500;color:var(--md-black);transition:all .2s}.upload-btn[data-v-57f5826f]:hover{background:var(--md-yellow)}.load-more[data-v-57f5826f],.loading-more[data-v-57f5826f]{display:flex;justify-content:center;padding:var(--spacing-md);font-size:14px;color:var(--md-text-secondary)}.load-more[data-v-57f5826f]{cursor:pointer;font-weight:500}.load-more[data-v-57f5826f]:hover{color:var(--md-orange)}.modal-overlay[data-v-57f5826f]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.image-preview-modal[data-v-57f5826f]{position:relative;max-width:90%;max-height:90%}.image-preview-modal .close-btn[data-v-57f5826f]{position:absolute;top:-40px;right:0;background:var(--md-white);border:2px solid var(--md-black);padding:var(--spacing-xs)}.image-gallery[data-v-57f5826f]{display:flex;gap:var(--spacing-sm);overflow-x:auto}.image-gallery img[data-v-57f5826f]{max-height:70vh;border:2px solid var(--md-black);opacity:.5;transition:opacity .2s}.image-gallery img.active[data-v-57f5826f]{opacity:1}.upload-modal[data-v-57f5826f]{background:var(--md-white);border:3px solid var(--md-black);box-shadow:4px 4px 0 var(--md-black);width:90%;max-width:400px;max-height:80vh;display:flex;flex-direction:column}.modal-header[data-v-57f5826f]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:2px solid var(--md-black)}.modal-header h3[data-v-57f5826f]{font-size:18px;font-weight:700;color:var(--md-black)}.modal-header .close-btn[data-v-57f5826f]{background:transparent;border:none;padding:var(--spacing-xs)}.modal-body[data-v-57f5826f]{padding:var(--spacing-md);flex:1;overflow-y:auto}.form-group[data-v-57f5826f]{margin-bottom:var(--spacing-md)}.form-group[data-v-57f5826f]:last-child{margin-bottom:0}.form-label[data-v-57f5826f]{display:block;font-size:14px;font-weight:600;color:var(--md-black);margin-bottom:var(--spacing-xs)}.form-select[data-v-57f5826f],.form-textarea[data-v-57f5826f]{width:100%;padding:10px 12px;font-size:14px;background:var(--md-white);border:2px solid var(--md-black);color:var(--md-black);transition:all .2s}.form-select[data-v-57f5826f]:focus,.form-textarea[data-v-57f5826f]:focus{border-color:var(--md-yellow);box-shadow:0 0 0 3px #ffd23f33;outline:none}.form-textarea[data-v-57f5826f]{resize:vertical;min-height:80px;font-family:inherit}.select-images-btn[data-v-57f5826f]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md);background:var(--md-light-gray);border:2px dashed var(--md-black);font-size:14px;font-weight:500;color:var(--md-black);cursor:pointer;transition:all .2s}.select-images-btn[data-v-57f5826f]:hover{background:var(--md-yellow)}.selected-images[data-v-57f5826f]{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.selected-image-item[data-v-57f5826f]{position:relative;width:80px;height:80px}.selected-image-item img[data-v-57f5826f]{width:100%;height:100%;object-fit:cover;border:2px solid var(--md-black)}.selected-image-item .remove-btn[data-v-57f5826f]{position:absolute;top:-8px;right:-8px;background:var(--md-red);color:#fff;border:2px solid var(--md-black);width:24px;height:24px;display:flex;align-items:center;justify-content:center;padding:0}.modal-footer[data-v-57f5826f]{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);border-top:2px solid var(--md-black)}.btn[data-v-57f5826f]{flex:1;padding:var(--spacing-sm) var(--spacing-md);font-size:16px;font-weight:600;border:2px solid var(--md-black);transition:all .2s}.btn-secondary[data-v-57f5826f]{background:var(--md-light-gray);color:var(--md-black)}.btn-primary[data-v-57f5826f]{background:var(--md-yellow);color:var(--md-black)}.btn-primary[data-v-57f5826f]:disabled{opacity:.5;cursor:not-allowed}.bottom-nav[data-v-57f5826f]{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;padding:var(--spacing-sm) 0;background:var(--md-white);border-top:3px solid var(--md-black);box-shadow:0 -4px 0 var(--md-black);z-index:100}.nav-item[data-v-57f5826f]{display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none}.nav-icon[data-v-57f5826f]{color:var(--md-text-tertiary)}.nav-label[data-v-57f5826f]{font-size:11px;color:var(--md-text-secondary);font-weight:500}.nav-item.active .nav-icon[data-v-57f5826f]{color:var(--md-orange)}.nav-item.active .nav-label[data-v-57f5826f]{color:var(--md-orange);font-weight:600}.contract-list-page[data-v-0fe50dba]{--cl-bg: #f6f8fb;--cl-surface: #ffffff;--cl-border: #e5e7eb;--cl-border-strong: #d1d5db;--cl-text: #111827;--cl-muted: #6b7280;--cl-subtle: #f9fafb;--cl-primary: #2563eb;--cl-primary-dark: #1d4ed8;--cl-primary-light: #eff6ff;--cl-shadow: 0 8px 24px rgba(15, 23, 42, .06);min-height:100vh;background:var(--cl-bg);padding-bottom:80px}.header[data-v-0fe50dba]{position:sticky;top:0;z-index:100;background:#fffffff5;border-bottom:1px solid var(--cl-border);box-shadow:0 2px 10px #0f172a0a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-content[data-v-0fe50dba]{max-width:960px;margin:0 auto;padding:14px var(--spacing-md)}.page-title[data-v-0fe50dba]{font-size:18px;font-weight:700;color:var(--cl-text)}.main-content[data-v-0fe50dba]{max-width:960px;margin:0 auto;padding:var(--spacing-md)}.filter-section[data-v-0fe50dba]{display:flex;flex-direction:column;align-items:stretch;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:var(--cl-surface);border:1px solid var(--cl-border);border-radius:8px;box-shadow:var(--cl-shadow)}.filter-row[data-v-0fe50dba]{display:flex;align-items:center;gap:var(--spacing-sm)}.filter-label[data-v-0fe50dba]{flex-shrink:0;width:64px;font-size:14px;font-weight:700;color:var(--cl-text)}.filter-select[data-v-0fe50dba]{flex:1;min-width:0;padding:var(--spacing-sm) var(--spacing-md);font-size:14px;background:var(--cl-surface);border:1px solid var(--cl-border-strong);border-radius:6px;color:var(--cl-text)}.search-control[data-v-0fe50dba]{flex:1;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:var(--spacing-xs)}.filter-input[data-v-0fe50dba]{width:100%;min-width:0;box-sizing:border-box;padding:var(--spacing-sm) var(--spacing-md);font-size:14px;background:var(--cl-surface);border:1px solid var(--cl-border-strong);border-radius:6px;color:var(--cl-text)}.filter-input[data-v-0fe50dba]::placeholder{color:#9ca3af}.filter-action-btn[data-v-0fe50dba]{flex-shrink:0;padding:var(--spacing-sm) var(--spacing-md);font-size:14px;font-weight:700;background:var(--cl-primary);border:1px solid var(--cl-primary);border-radius:6px;color:#fff;box-shadow:none;transition:background .2s ease,border-color .2s ease}.filter-action-btn[data-v-0fe50dba]:active{background:var(--cl-primary-dark);border-color:var(--cl-primary-dark)}.reset-btn[data-v-0fe50dba]{background:var(--cl-surface);border-color:var(--cl-border-strong);color:var(--cl-muted)}.filter-select[data-v-0fe50dba]:disabled{color:#9ca3af;cursor:not-allowed}.filter-select[data-v-0fe50dba]:focus,.filter-input[data-v-0fe50dba]:focus{outline:none;border-color:var(--cl-primary);box-shadow:0 0 0 3px #2563eb1f}@media (max-width: 360px){.filter-row[data-v-0fe50dba]{align-items:stretch;flex-direction:column}.filter-label[data-v-0fe50dba]{width:auto}.search-control[data-v-0fe50dba]{grid-template-columns:minmax(0,1fr) auto}.reset-btn[data-v-0fe50dba]{grid-column:2}}.loading-state[data-v-0fe50dba],.empty-state[data-v-0fe50dba]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--cl-muted)}.loading-spinner[data-v-0fe50dba]{width:40px;height:40px;border:3px solid var(--cl-border);border-top-color:var(--cl-primary);border-radius:50%;animation:spin-0fe50dba 1s linear infinite}@keyframes spin-0fe50dba{to{transform:rotate(360deg)}}.contract-card[data-v-0fe50dba]{background:var(--cl-surface);border:1px solid var(--cl-border);border-radius:8px;box-shadow:0 4px 16px #0f172a0d;margin-bottom:12px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.contract-card[data-v-0fe50dba]:hover{border-color:#cbd5e1;box-shadow:0 8px 22px #0f172a14}.card-header[data-v-0fe50dba]{display:flex;justify-content:space-between;align-items:center;padding:14px var(--spacing-md);border-bottom:1px solid var(--cl-border);background:var(--cl-subtle)}.contract-code[data-v-0fe50dba]{min-width:0;font-size:15px;font-weight:700;color:var(--cl-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contract-status[data-v-0fe50dba]{flex-shrink:0;padding:3px 10px;font-size:12px;font-weight:700;border-radius:999px;border:1px solid transparent}.status-draft[data-v-0fe50dba]{background:#f3f4f6;color:#4b5563;border-color:#e5e7eb}.status-active[data-v-0fe50dba]{background:#ecfdf5;color:#047857;border-color:#bbf7d0}.status-expired[data-v-0fe50dba]{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.status-terminated[data-v-0fe50dba]{background:#fffbeb;color:#b45309;border-color:#fde68a}.card-body[data-v-0fe50dba]{padding:14px var(--spacing-md) var(--spacing-md)}.info-row[data-v-0fe50dba]{display:flex;gap:var(--spacing-sm);margin-bottom:7px;line-height:1.45}.info-row[data-v-0fe50dba]:last-child{margin-bottom:0}.info-label[data-v-0fe50dba]{font-size:14px;color:var(--cl-muted);min-width:80px;flex-shrink:0}.info-value[data-v-0fe50dba]{font-size:14px;color:var(--cl-text);flex:1;word-break:break-all}.contract-files[data-v-0fe50dba]{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--cl-border)}.files-label[data-v-0fe50dba]{font-size:14px;font-weight:600;color:var(--cl-text)}.file-link[data-v-0fe50dba]{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--cl-primary-light);border:1px solid #bfdbfe;border-radius:6px;font-size:14px;font-weight:500;color:var(--cl-primary-dark);text-decoration:none;transition:background .2s ease,border-color .2s ease}.file-link[data-v-0fe50dba]:hover{background:#dbeafe;border-color:#93c5fd}.contract-remark[data-v-0fe50dba]{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--cl-border)}.remark-label[data-v-0fe50dba]{font-size:14px;font-weight:600;color:var(--cl-text)}.remark-text[data-v-0fe50dba]{font-size:14px;color:var(--cl-muted);margin-top:var(--spacing-xs);display:block}.load-more[data-v-0fe50dba],.loading-more[data-v-0fe50dba]{display:flex;justify-content:center;padding:var(--spacing-md);font-size:14px;color:var(--cl-muted)}.load-more[data-v-0fe50dba]{cursor:pointer;font-weight:500}.load-more[data-v-0fe50dba]:hover{color:var(--cl-primary)}.bottom-nav[data-v-0fe50dba]{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;padding:8px 0 calc(8px + env(safe-area-inset-bottom,0px));background:#fffffff5;border-top:1px solid var(--cl-border);box-shadow:0 -4px 16px #0f172a0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100}.nav-item[data-v-0fe50dba]{display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none}.nav-icon[data-v-0fe50dba]{color:#9ca3af}.nav-label[data-v-0fe50dba]{font-size:11px;color:var(--cl-muted);font-weight:500}.nav-item.active .nav-icon[data-v-0fe50dba]{color:var(--cl-primary)}.nav-item.active .nav-label[data-v-0fe50dba]{color:var(--cl-primary);font-weight:600}.preview-overlay[data-v-0fe50dba]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;z-index:1000;display:flex;flex-direction:column}.preview-top-bar[data-v-0fe50dba]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#00000080;z-index:1002}.preview-top-bar .preview-title[data-v-0fe50dba]{font-size:14px;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;margin-right:12px}.preview-top-bar .preview-close-btn[data-v-0fe50dba]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff26;border:none;border-radius:50%;font-size:16px;font-weight:700;color:#fff;cursor:pointer}.image-viewer[data-v-0fe50dba]{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.viewer-image[data-v-0fe50dba]{max-width:100%;max-height:100%;object-fit:contain;transform-origin:center center}.zoom-controls[data-v-0fe50dba]{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px;background:#00000080;z-index:1002}.zoom-btn[data-v-0fe50dba]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff26;border:none;border-radius:50%;font-size:18px;color:#fff;cursor:pointer}.zoom-btn[data-v-0fe50dba]:active{background:#ffffff4d}.zoom-reset[data-v-0fe50dba]{width:auto;padding:0 14px;border-radius:18px;font-size:13px}.zoom-level[data-v-0fe50dba]{font-size:13px;color:#ffffffb3;min-width:48px;text-align:center}.preview-modal[data-v-0fe50dba]{background:var(--md-white);border:3px solid var(--md-black);box-shadow:4px 4px 0 var(--md-black);width:calc(100% - 32px);max-width:600px;max-height:90vh;margin:auto;display:flex;flex-direction:column;transition:all .3s ease}.preview-modal.full-screen-modal[data-v-0fe50dba]{width:100%;height:100%;max-width:100%;max-height:100%;border:none;box-shadow:none;margin:0}.preview-header[data-v-0fe50dba]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:2px solid var(--md-black);background:var(--md-light-gray)}.preview-header .preview-title[data-v-0fe50dba]{font-size:14px;font-weight:600;color:var(--md-black);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:50%;flex:none;min-width:0;margin-right:12px}.preview-actions[data-v-0fe50dba]{display:flex;align-items:center;justify-content:flex-end;gap:8px;width:50%;flex:none}.preview-header .preview-close-btn[data-v-0fe50dba]{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--md-white);border:2px solid var(--md-black);font-size:14px;font-weight:700;cursor:pointer;box-shadow:1px 1px 0 var(--md-black)}.preview-body[data-v-0fe50dba]{flex:1;overflow:auto;display:flex;align-items:center;justify-content:center;min-height:300px}.preview-iframe[data-v-0fe50dba]{width:100%;height:70vh;border:none}.full-screen-modal .preview-iframe[data-v-0fe50dba]{height:100%}.preview-fullscreen-btn[data-v-0fe50dba]{font-size:12px;padding:4px 10px;background:var(--md-yellow);border:2px solid var(--md-black);color:var(--md-black);cursor:pointer;font-weight:600;box-shadow:1px 1px 0 var(--md-black);margin-right:8px}.preview-fullscreen-btn[data-v-0fe50dba]:active{transform:translate(1px,1px);box-shadow:none}.download-body[data-v-0fe50dba]{flex-direction:column;padding:40px 20px}.download-hint[data-v-0fe50dba]{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--md-text-secondary)}.download-filename[data-v-0fe50dba]{font-size:15px;font-weight:600;color:var(--md-black);word-break:break-all;text-align:center;margin:0}.download-tip[data-v-0fe50dba]{font-size:13px;color:var(--md-text-secondary);margin:0}.download-btn[data-v-0fe50dba]{display:inline-flex;align-items:center;margin-top:8px;padding:10px 28px;background:var(--md-yellow);border:2px solid var(--md-black);font-size:15px;font-weight:600;color:var(--md-black);text-decoration:none;box-shadow:2px 2px 0 var(--md-black);transition:all .15s}.download-btn[data-v-0fe50dba]:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--md-black)}.monthly-receivables-page[data-v-b8e83072]{min-height:100vh;background:var(--md-off-white);padding-bottom:88px}.header[data-v-b8e83072]{position:sticky;top:0;z-index:100;background:var(--md-white);border-bottom:3px solid var(--md-black);box-shadow:0 4px 0 var(--md-black)}.header-content[data-v-b8e83072]{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);max-width:1200px;margin:0 auto}.back-btn[data-v-b8e83072]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--md-white);border:2px solid var(--md-black);box-shadow:2px 2px 0 var(--md-black);transform:rotate(180deg)}.page-title[data-v-b8e83072]{font-size:20px;font-weight:800;color:var(--md-black)}.page-subtitle[data-v-b8e83072]{font-size:12px;color:var(--md-text-secondary)}.main-content[data-v-b8e83072]{padding:var(--spacing-md);max-width:1200px;margin:0 auto}.summary-card[data-v-b8e83072]{padding:var(--spacing-lg);background:var(--md-white);border:3px solid var(--md-black);box-shadow:4px 4px 0 var(--md-black)}.summary-topline[data-v-b8e83072]{display:flex;justify-content:space-between;gap:var(--spacing-md);align-items:flex-start;margin-bottom:var(--spacing-lg)}.summary-label[data-v-b8e83072]{display:block;font-size:13px;font-weight:700;color:var(--md-text-secondary)}.summary-amount[data-v-b8e83072]{display:block;margin-top:4px;font-size:32px;line-height:1.1;color:var(--md-black)}.refresh-btn[data-v-b8e83072]{padding:var(--spacing-xs) var(--spacing-sm);background:var(--md-white);border:2px solid var(--md-black);box-shadow:2px 2px 0 var(--md-black);font-weight:700;color:var(--md-black)}.refresh-btn[data-v-b8e83072]:disabled{opacity:.6}.summary-grid[data-v-b8e83072]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.summary-item[data-v-b8e83072]{padding:var(--spacing-sm);background:var(--md-white);border:2px solid var(--md-black)}.summary-item span[data-v-b8e83072]{display:block;font-size:12px;color:var(--md-text-secondary)}.summary-item strong[data-v-b8e83072]{display:block;margin-top:2px;font-size:15px;color:var(--md-black)}.summary-item.paid[data-v-b8e83072],.summary-item.unpaid[data-v-b8e83072],.summary-item.count[data-v-b8e83072]{background:var(--md-white)}.list-section[data-v-b8e83072]{margin-top:var(--spacing-lg)}.filter-tabs[data-v-b8e83072]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.filter-tab[data-v-b8e83072]{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--md-white);border:2px solid var(--md-black);box-shadow:2px 2px 0 var(--md-black);color:var(--md-black);font-weight:800}.filter-tab.active[data-v-b8e83072]{background:var(--md-black);color:var(--md-white)}.filter-tab strong[data-v-b8e83072]{font-size:16px}.section-heading[data-v-b8e83072]{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);font-size:18px;font-weight:800;color:var(--md-black)}.loading-state[data-v-b8e83072],.empty-state[data-v-b8e83072]{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);background:var(--md-white);border:2px solid var(--md-black);box-shadow:3px 3px 0 var(--md-black);color:var(--md-text-secondary)}.loading-spinner[data-v-b8e83072]{width:32px;height:32px;border:3px solid var(--md-gray);border-top-color:var(--md-black);animation:spin-b8e83072 .8s linear infinite}.receivable-list[data-v-b8e83072]{display:flex;flex-direction:column;gap:var(--spacing-md)}.receivable-card[data-v-b8e83072]{padding:var(--spacing-md);background:var(--md-white);border:2px solid var(--md-black);box-shadow:3px 3px 0 var(--md-black)}.card-head[data-v-b8e83072]{display:flex;justify-content:space-between;gap:var(--spacing-sm);align-items:flex-start}.unit-name[data-v-b8e83072]{font-size:17px;line-height:1.35;font-weight:800;color:var(--md-black)}.tenant-name[data-v-b8e83072]{margin-top:4px;font-size:13px;color:var(--md-text-secondary)}.status-badge[data-v-b8e83072]{flex-shrink:0;padding:4px 8px;border:2px solid var(--md-black);font-size:12px;font-weight:800;color:var(--md-black)}.status-paid[data-v-b8e83072]{background:var(--md-black);color:var(--md-white)}.status-partial[data-v-b8e83072],.status-overdue[data-v-b8e83072],.status-unpaid[data-v-b8e83072],.status-canceled[data-v-b8e83072]{background:var(--md-white)}.money-row[data-v-b8e83072]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm);margin:var(--spacing-md) 0}.money-block[data-v-b8e83072]{padding:var(--spacing-sm);border:2px solid var(--md-black)}.money-block span[data-v-b8e83072]{display:block;font-size:12px;color:var(--md-text-secondary)}.money-block strong[data-v-b8e83072]{display:block;font-size:22px;line-height:1.2;color:var(--md-black)}.money-block.receivable[data-v-b8e83072],.money-block.received[data-v-b8e83072]{background:var(--md-white)}.info-grid[data-v-b8e83072]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);border-top:2px dashed var(--md-black);padding-top:var(--spacing-md)}.info-item[data-v-b8e83072]{min-width:0}.info-label[data-v-b8e83072]{display:block;font-size:12px;color:var(--md-text-secondary)}.info-value[data-v-b8e83072]{display:block;margin-top:2px;font-size:14px;font-weight:700;color:var(--md-black);word-break:break-all}.info-value.strong[data-v-b8e83072]{color:var(--md-black)}.bottom-nav[data-v-b8e83072]{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;padding:var(--spacing-sm) 0;background:var(--md-white);border-top:3px solid var(--md-black);box-shadow:0 -4px 0 var(--md-black);z-index:100}.nav-item[data-v-b8e83072]{display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none;position:relative}.nav-icon[data-v-b8e83072]{color:var(--md-text-tertiary);transition:opacity .3s}.nav-label[data-v-b8e83072]{font-size:11px;color:var(--md-text-secondary);font-weight:500}.nav-item.active .nav-icon[data-v-b8e83072],.nav-item.active .nav-label[data-v-b8e83072]{color:var(--md-black);font-weight:700}@keyframes spin-b8e83072{to{transform:rotate(360deg)}}@media (max-width: 420px){.summary-grid[data-v-b8e83072],.money-row[data-v-b8e83072],.info-grid[data-v-b8e83072]{grid-template-columns:1fr}.summary-amount[data-v-b8e83072]{font-size:28px}}.user-payment-page[data-v-d0f5ce5a]{min-height:100vh;background:#f5f7fb;color:#111827;padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}.user-payment-page[data-v-d0f5ce5a] *{box-sizing:border-box}.header[data-v-d0f5ce5a]{position:sticky;top:0;z-index:100;background:#fffffff5;border-bottom:1px solid #e5e7eb;box-shadow:0 2px 10px #0f172a0a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header-content[data-v-d0f5ce5a]{display:flex;align-items:center;gap:12px;padding:12px 16px;max-width:760px;margin:0 auto}.header-link[data-v-d0f5ce5a]{margin-left:auto;padding:8px 10px;border:1px solid #d1d5db;border-radius:8px;color:#2563eb;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap;background:#fff}.back-btn[data-v-d0f5ce5a]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;transform:rotate(180deg)}.page-title[data-v-d0f5ce5a]{margin:0;font-size:20px;line-height:1.25;font-weight:700;color:#111827}.page-subtitle[data-v-d0f5ce5a]{margin:2px 0 0;font-size:12px;color:#6b7280}.section-kicker[data-v-d0f5ce5a],.money-row span[data-v-d0f5ce5a],.summary-item span[data-v-d0f5ce5a],.info-label[data-v-d0f5ce5a]{font-size:12px;color:#6b7280}.main-content[data-v-d0f5ce5a]{padding:14px;max-width:760px;margin:0 auto}.search-card[data-v-d0f5ce5a],.user-info-card[data-v-d0f5ce5a],.payment-card[data-v-d0f5ce5a],.state-card[data-v-d0f5ce5a],.payment-summary[data-v-d0f5ce5a]{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 24px #0f172a0a}.search-card[data-v-d0f5ce5a],.user-info-card[data-v-d0f5ce5a],.payment-card[data-v-d0f5ce5a],.state-card[data-v-d0f5ce5a]{padding:14px}.search-label[data-v-d0f5ce5a],.form-label[data-v-d0f5ce5a]{display:block;margin-bottom:6px;font-size:13px;font-weight:600;color:#374151}.search-row[data-v-d0f5ce5a]{display:grid;grid-template-columns:minmax(0,1fr) 82px;gap:10px}.search-input[data-v-d0f5ce5a],.form-input[data-v-d0f5ce5a],.form-textarea[data-v-d0f5ce5a],.amount-table input[data-v-d0f5ce5a]{width:100%;box-sizing:border-box;padding:10px 12px;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#111827;font-size:14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.search-input[data-v-d0f5ce5a]:focus,.form-input[data-v-d0f5ce5a]:focus,.form-textarea[data-v-d0f5ce5a]:focus,.amount-table input[data-v-d0f5ce5a]:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.search-btn[data-v-d0f5ce5a],.refresh-btn[data-v-d0f5ce5a],.select-all-btn[data-v-d0f5ce5a],.pay-action-btn[data-v-d0f5ce5a],.select-file-btn[data-v-d0f5ce5a],.cancel-btn[data-v-d0f5ce5a],.submit-btn[data-v-d0f5ce5a]{min-height:40px;border:1px solid #d1d5db;border-radius:8px;font-weight:600;color:#374151;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.search-btn[data-v-d0f5ce5a],.pay-action-btn[data-v-d0f5ce5a],.submit-btn[data-v-d0f5ce5a]{background:#2563eb;border-color:#2563eb;color:#fff}.refresh-btn[data-v-d0f5ce5a]{background:#fff;padding:8px 14px;flex-shrink:0}.select-all-btn[data-v-d0f5ce5a],.select-file-btn[data-v-d0f5ce5a],.cancel-btn[data-v-d0f5ce5a]{background:#fff}.search-btn[data-v-d0f5ce5a]:not(:disabled):active,.pay-action-btn[data-v-d0f5ce5a]:not(:disabled):active,.submit-btn[data-v-d0f5ce5a]:not(:disabled):active{background:#1d4ed8;border-color:#1d4ed8}.refresh-btn[data-v-d0f5ce5a]:not(:disabled):active,.select-all-btn[data-v-d0f5ce5a]:not(:disabled):active,.select-file-btn[data-v-d0f5ce5a]:not(:disabled):active,.cancel-btn[data-v-d0f5ce5a]:not(:disabled):active{background:#f3f4f6}.user-result-list[data-v-d0f5ce5a]{display:flex;flex-direction:column;gap:8px;margin-top:12px}.user-result[data-v-d0f5ce5a]{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#111827;text-align:left}.user-result.active[data-v-d0f5ce5a]{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}.user-result small[data-v-d0f5ce5a]{color:#6b7280}.user-info-card[data-v-d0f5ce5a],.payment-section[data-v-d0f5ce5a],.intro-card[data-v-d0f5ce5a]{margin-top:14px}.user-info-card h2[data-v-d0f5ce5a],.section-heading h2[data-v-d0f5ce5a]{margin:2px 0 0;font-size:20px;line-height:1.3;color:#111827}.user-info-grid[data-v-d0f5ce5a],.payment-summary[data-v-d0f5ce5a],.money-row[data-v-d0f5ce5a]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.user-info-grid[data-v-d0f5ce5a]{margin-top:12px}.user-info-grid div[data-v-d0f5ce5a],.summary-item[data-v-d0f5ce5a],.money-row div[data-v-d0f5ce5a]{min-width:0;padding:10px;background:#f9fafb;border:1px solid #eef2f7;border-radius:8px}.user-info-grid span[data-v-d0f5ce5a],.payment-summary span[data-v-d0f5ce5a]{display:block;font-size:12px;color:#6b7280}.user-info-grid strong[data-v-d0f5ce5a],.payment-summary strong[data-v-d0f5ce5a]{display:block;margin-top:2px;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.money-row strong[data-v-d0f5ce5a]{display:block;margin-top:2px;color:#111827;word-break:break-all}.section-heading[data-v-d0f5ce5a]{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.payment-summary[data-v-d0f5ce5a]{margin-bottom:12px;padding:10px}.state-card[data-v-d0f5ce5a]{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#6b7280}.state-card p[data-v-d0f5ce5a]{margin:0;text-align:center}.loading-spinner[data-v-d0f5ce5a]{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:999px;animation:spin-d0f5ce5a .8s linear infinite}.payment-list[data-v-d0f5ce5a]{display:flex;flex-direction:column;gap:12px}.select-all-btn[data-v-d0f5ce5a],.pay-action-btn[data-v-d0f5ce5a]{width:100%;padding:10px 12px}.payment-card.active[data-v-d0f5ce5a]{background:#eff6ff;border-color:#93c5fd;box-shadow:0 8px 24px #2563eb14}.card-head[data-v-d0f5ce5a]{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:10px;align-items:flex-start}.checkbox-box[data-v-d0f5ce5a]{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#2563eb}.card-head h3[data-v-d0f5ce5a]{margin:0;font-size:16px;line-height:1.35;color:#111827}.card-head p[data-v-d0f5ce5a]{margin:4px 0 0;font-size:12px;color:#6b7280}.status-badge[data-v-d0f5ce5a]{padding:4px 8px;border:1px solid transparent;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;background:#f3f4f6;color:#4b5563}.status-unpaid[data-v-d0f5ce5a]{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.status-partial[data-v-d0f5ce5a]{background:#fffbeb;border-color:#fde68a;color:#b45309}.money-row[data-v-d0f5ce5a]{margin-top:12px}.money-row strong[data-v-d0f5ce5a]{font-size:18px}.modal-overlay[data-v-d0f5ce5a]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center;padding:14px;background:#0f172a6b}.payment-modal[data-v-d0f5ce5a]{width:100%;max-width:560px;max-height:88vh;display:flex;flex-direction:column;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 20px 50px #0f172a2e;overflow:hidden}.modal-header[data-v-d0f5ce5a],.modal-footer[data-v-d0f5ce5a]{display:flex;align-items:center;gap:10px;padding:14px}.modal-header[data-v-d0f5ce5a]{justify-content:space-between;border-bottom:1px solid #e5e7eb}.modal-header h3[data-v-d0f5ce5a]{margin:0;font-size:18px;font-weight:700;color:#111827}.modal-header p[data-v-d0f5ce5a]{margin:2px 0 0;font-size:12px;color:#6b7280}.close-btn[data-v-d0f5ce5a],.remove-btn[data-v-d0f5ce5a]{display:flex;align-items:center;justify-content:center;background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;color:#4b5563}.close-btn[data-v-d0f5ce5a]{width:32px;height:32px}.modal-body[data-v-d0f5ce5a]{padding:14px;overflow-y:auto}.amount-table[data-v-d0f5ce5a]{display:flex;flex-direction:column;gap:10px;margin-bottom:14px;padding:12px;background:#f9fafb;border:1px solid #eef2f7;border-radius:8px}.amount-table div[data-v-d0f5ce5a],.amount-table label[data-v-d0f5ce5a]{display:grid;grid-template-columns:90px minmax(0,1fr);gap:10px;align-items:center}.amount-table span[data-v-d0f5ce5a]{font-size:13px;color:#6b7280}.amount-table strong[data-v-d0f5ce5a]{color:#111827}.checkbox-row[data-v-d0f5ce5a]{display:flex;align-items:center;gap:10px;margin-bottom:14px;color:#374151;font-weight:600}.form-group[data-v-d0f5ce5a]{display:block;margin-bottom:14px}.form-textarea[data-v-d0f5ce5a]{resize:vertical}.hidden-input[data-v-d0f5ce5a]{display:none}.select-file-btn[data-v-d0f5ce5a]{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px}.voucher-item[data-v-d0f5ce5a]{display:grid;grid-template-columns:54px minmax(0,1fr) 30px;gap:10px;align-items:center;margin-top:10px;padding:8px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.voucher-item img[data-v-d0f5ce5a],.file-preview[data-v-d0f5ce5a]{width:54px;height:54px;object-fit:cover;border:1px solid #e5e7eb;border-radius:8px}.file-preview[data-v-d0f5ce5a]{display:flex;align-items:center;justify-content:center;background:#eef2f7;color:#64748b}.voucher-info[data-v-d0f5ce5a]{min-width:0}.voucher-info span[data-v-d0f5ce5a],.voucher-info small[data-v-d0f5ce5a]{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voucher-info span[data-v-d0f5ce5a]{font-size:13px;font-weight:600;color:#111827}.voucher-info small[data-v-d0f5ce5a]{margin-top:2px;font-size:11px;color:#6b7280}.remove-btn[data-v-d0f5ce5a]{width:30px;height:30px}.modal-footer[data-v-d0f5ce5a]{border-top:1px solid #e5e7eb;background:#fff}.cancel-btn[data-v-d0f5ce5a],.submit-btn[data-v-d0f5ce5a]{flex:1;padding:10px 12px}.bottom-nav[data-v-d0f5ce5a]{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;padding:8px 0 calc(8px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #e5e7eb;box-shadow:0 -8px 24px #0f172a0f;z-index:100}.nav-item[data-v-d0f5ce5a]{display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none}.nav-icon[data-v-d0f5ce5a]{color:#9ca3af}.nav-label[data-v-d0f5ce5a]{font-size:11px;color:#6b7280;font-weight:500}.nav-item.active .nav-icon[data-v-d0f5ce5a],.nav-item.active .nav-label[data-v-d0f5ce5a]{color:#2563eb;font-weight:700}button[data-v-d0f5ce5a]:disabled{opacity:.6;cursor:not-allowed}@keyframes spin-d0f5ce5a{to{transform:rotate(360deg)}}.payment-records-page[data-v-207bece3]{min-height:100vh;background:#f5f7fb;color:#111827;padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}.payment-records-page[data-v-207bece3] *{box-sizing:border-box}.header[data-v-207bece3]{position:sticky;top:0;z-index:100;background:#fffffff5;border-bottom:1px solid #e5e7eb;box-shadow:0 2px 10px #0f172a0a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header-content[data-v-207bece3]{display:flex;align-items:center;gap:12px;padding:12px 16px;max-width:760px;margin:0 auto}.back-btn[data-v-207bece3]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;transform:rotate(180deg)}.page-title[data-v-207bece3]{margin:0;font-size:20px;line-height:1.25;font-weight:700}.page-subtitle[data-v-207bece3]{margin:2px 0 0;font-size:12px;color:#6b7280}.main-content[data-v-207bece3]{max-width:760px;margin:0 auto;padding:14px}.record-card[data-v-207bece3],.state-card[data-v-207bece3]{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 24px #0f172a0a}.record-card[data-v-207bece3]{padding:14px}.money-grid span[data-v-207bece3],.info-item span[data-v-207bece3]{display:block;font-size:11px;color:#6b7280}.refresh-btn[data-v-207bece3],.filter-tab[data-v-207bece3],.voucher-btn[data-v-207bece3],.search-btn[data-v-207bece3],.reset-btn[data-v-207bece3]{min-height:40px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;font-weight:700}.refresh-btn[data-v-207bece3]{min-height:34px;padding:6px 12px;flex-shrink:0;font-size:13px}.search-panel[data-v-207bece3]{margin-bottom:12px;padding:12px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 24px #0f172a0a}.search-grid[data-v-207bece3]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}.field-box[data-v-207bece3],.date-field[data-v-207bece3]{display:flex;min-width:0;flex-direction:column;gap:5px}.field-label[data-v-207bece3]{font-size:12px;font-weight:700;color:#4b5563}.date-range[data-v-207bece3]{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:6px;width:100%;min-width:0}.date-separator[data-v-207bece3]{color:#6b7280;font-size:12px;font-weight:700;white-space:nowrap}.search-input[data-v-207bece3]{width:100%;min-height:38px;min-width:0;padding:7px 10px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#111827;font-size:14px;outline:none}.date-input[data-v-207bece3]{padding-left:4px;padding-right:2px;font-size:13px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.search-input[data-v-207bece3]:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #2563eb1a}.search-actions[data-v-207bece3]{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.search-btn[data-v-207bece3]{background:#2563eb;border-color:#2563eb;color:#fff}.reset-btn[data-v-207bece3]{background:#fff;color:#374151}.money-grid[data-v-207bece3]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:12px}.money-grid div[data-v-207bece3],.info-item[data-v-207bece3]{min-width:0;padding:8px;background:#f9fafb;border:1px solid #eef2f7;border-radius:8px}.money-grid strong[data-v-207bece3],.info-item strong[data-v-207bece3]{display:block;margin-top:2px;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-section[data-v-207bece3]{margin-top:0}.section-heading[data-v-207bece3]{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px;color:#111827;font-weight:700}.section-title[data-v-207bece3]{display:flex;align-items:center;gap:8px;min-width:0}.filter-tabs[data-v-207bece3]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}.filter-tab[data-v-207bece3]{min-width:0;padding:8px 6px}.filter-tab span[data-v-207bece3],.filter-tab strong[data-v-207bece3]{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-tab span[data-v-207bece3]{font-size:12px}.filter-tab strong[data-v-207bece3]{margin-top:2px;font-size:14px}.filter-tab.active[data-v-207bece3]{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}.state-card[data-v-207bece3]{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:14px;color:#6b7280}.state-card p[data-v-207bece3]{margin:0;text-align:center}.loading-spinner[data-v-207bece3]{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:999px;animation:spin-207bece3 .8s linear infinite}.record-list[data-v-207bece3]{display:flex;flex-direction:column;gap:12px}.record-head[data-v-207bece3]{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:flex-start}.record-head h3[data-v-207bece3]{margin:0;font-size:16px;line-height:1.35}.record-head p[data-v-207bece3]{margin:4px 0 0;font-size:12px;line-height:1.4;color:#6b7280}.money-grid strong[data-v-207bece3]{font-size:12px;line-height:1.25}.status-badge[data-v-207bece3]{padding:4px 8px;border:1px solid transparent;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.status-pending[data-v-207bece3]{background:#fff7ed;border-color:#fed7aa;color:#c2410c}.status-success[data-v-207bece3]{background:#ecfdf5;border-color:#bbf7d0;color:#047857}.status-canceled[data-v-207bece3]{background:#f3f4f6;border-color:#d1d5db;color:#4b5563}.status-refunded[data-v-207bece3]{background:#fffbeb;border-color:#fde68a;color:#b45309}.info-grid[data-v-207bece3]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.info-item.full[data-v-207bece3]{grid-column:1 / -1}.info-item strong[data-v-207bece3]{font-size:12px;line-height:1.25}.time-item strong[data-v-207bece3]{font-size:11px}.record-remark[data-v-207bece3]{margin:10px 0 0;padding:10px;background:#f9fafb;border:1px solid #eef2f7;border-radius:8px;font-size:13px;line-height:1.5;color:#374151;word-break:break-word}.voucher-btn[data-v-207bece3]{width:100%;margin-top:10px}.voucher-modal-overlay[data-v-207bece3]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:14px;background:#0f172a7a}.voucher-modal[data-v-207bece3]{width:100%;max-width:720px;max-height:86vh;display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 20px 50px #0f172a33}.voucher-modal-header[data-v-207bece3]{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid #e5e7eb}.voucher-modal-header h3[data-v-207bece3]{margin:0;font-size:16px;line-height:1.3}.modal-close-btn[data-v-207bece3]{min-height:34px;padding:6px 12px;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:13px;font-weight:700}.voucher-modal-body[data-v-207bece3]{min-height:220px;overflow:auto;padding:12px;background:#f9fafb}.voucher-preview-img[data-v-207bece3]{display:block;width:100%;max-height:calc(86vh - 92px);object-fit:contain;border-radius:8px}.voucher-preview-frame[data-v-207bece3]{width:100%;height:calc(86vh - 92px);min-height:360px;border:0;border-radius:8px;background:#fff}.bottom-nav[data-v-207bece3]{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;padding:8px 0 calc(8px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #e5e7eb;box-shadow:0 -8px 24px #0f172a0f;z-index:100}.nav-item[data-v-207bece3]{display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none}.nav-icon[data-v-207bece3]{color:#9ca3af}.nav-label[data-v-207bece3]{font-size:11px;color:#6b7280;font-weight:500}.nav-item.active .nav-icon[data-v-207bece3],.nav-item.active .nav-label[data-v-207bece3]{color:#2563eb;font-weight:700}button[data-v-207bece3]:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 520px){.search-grid[data-v-207bece3]{grid-template-columns:1fr}}@keyframes spin-207bece3{to{transform:rotate(360deg)}}:root{--md-yellow: #FFD23F;--md-yellow-dark: #E5B800;--md-orange: #FF6B35;--md-pink: #FF5C8D;--md-green: #4ECDC4;--md-blue: #2E86AB;--md-white: #FFFFFF;--md-off-white: #FAFAFA;--md-light-gray: #F5F5F5;--md-gray: #E0E0E0;--md-medium-gray: #9E9E9E;--md-dark-gray: #424242;--md-black: #1A1A1A;--md-text-primary: #1A1A1A;--md-text-secondary: #666666;--md-text-tertiary: #999999;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--md-white);color:var(--md-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}a{color:inherit;text-decoration:none}input,button{font-family:inherit;border:none;outline:none}button{cursor:pointer}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.page-container{min-height:100vh;display:flex;flex-direction:column;background:var(--md-white)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);font-size:16px;font-weight:600;border-radius:0;transition:all .3s ease;white-space:nowrap;position:relative;overflow:hidden;border:2px solid var(--md-black);box-shadow:2px 2px 0 var(--md-black)}.btn-primary{background:var(--md-yellow);color:var(--md-black)}.btn-primary:hover{background:var(--md-yellow-dark);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--md-black)}.btn-primary:active{transform:translate(1px,1px);box-shadow:0 0 0 var(--md-black)}.btn-secondary{background:var(--md-white);color:var(--md-text-primary)}.btn-secondary:hover{background:var(--md-light-gray);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--md-black)}.btn-secondary:active{transform:translate(1px,1px);box-shadow:0 0 0 var(--md-black)}.btn-orange{background:var(--md-orange);color:var(--md-white);border-color:var(--md-black)}.btn-orange:hover{background:#e55a2b;transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--md-black)}.btn-orange:active{transform:translate(1px,1px);box-shadow:0 0 0 var(--md-black)}.btn-block{width:100%}.btn-large{padding:var(--spacing-md) var(--spacing-xl);font-size:18px}.input-group{margin-bottom:var(--spacing-md)}.input-label{display:block;margin-bottom:var(--spacing-xs);font-size:14px;font-weight:600;color:var(--md-text-primary)}.input-field{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:16px;background:var(--md-white);border:2px solid var(--md-black);border-radius:0;color:var(--md-text-primary);transition:all .3s ease}.input-field::placeholder{color:var(--md-text-tertiary)}.input-field:focus{border-color:var(--md-yellow);box-shadow:0 0 0 4px #ffd23f26}.card{background:var(--md-white);border:2px solid var(--md-black);border-radius:0;padding:var(--spacing-xl);box-shadow:4px 4px 0 var(--md-black)}.yellow-gradient-bg{background:linear-gradient(135deg,#fff9e6,#ffefb8)}.duck-emoji{display:inline-block;font-size:inherit;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(2deg)}}.float-animation{animation:float 4s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.bounce-animation{animation:bounce 2s ease-in-out infinite}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.wiggle-animation{animation:wiggle 3s ease-in-out infinite}.shape-decoration{position:absolute;pointer-events:none}.shape-circle{border-radius:50%}.shape-square{border-radius:0}@media (max-width: 768px){:root{--spacing-xs: 6px;--spacing-sm: 10px;--spacing-md: 14px;--spacing-lg: 20px;--spacing-xl: 28px;--spacing-2xl: 40px}.btn{padding:var(--spacing-sm) var(--spacing-md);font-size:14px}.btn-large{padding:var(--spacing-md) var(--spacing-lg);font-size:16px}.card{padding:var(--spacing-lg)}}