.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-9cc3bb82]{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-9cc3bb82]{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.shape[data-v-9cc3bb82]{position:absolute;opacity:.15}.shape-circle[data-v-9cc3bb82]{border-radius:50%}.shape-square[data-v-9cc3bb82]{border-radius:0}.login-container[data-v-9cc3bb82]{width:100%;max-width:440px;position:relative;z-index:1}.login-form[data-v-9cc3bb82]{margin-bottom:8px}.input-group[data-v-9cc3bb82]{margin-bottom:16px}.input-label[data-v-9cc3bb82]{display:block;font-size:14px;font-weight:700;color:var(--md-black);margin-bottom:8px}.input-field[data-v-9cc3bb82]{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-9cc3bb82]::placeholder{color:var(--md-text-tertiary)}.input-field[data-v-9cc3bb82]:focus{border-color:var(--md-yellow);box-shadow:0 0 0 4px #ffd23f33;outline:none}.password-wrapper[data-v-9cc3bb82]{position:relative}.toggle-password[data-v-9cc3bb82]{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-9cc3bb82]:hover{opacity:1}.error-message[data-v-9cc3bb82]{background:#fee;border:2px solid #F44336;color:#d32f2f;padding:12px 16px;margin-bottom:20px;font-size:14px;font-weight:500}.form-options[data-v-9cc3bb82]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.checkbox-wrapper[data-v-9cc3bb82]{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox[data-v-9cc3bb82]{width:18px;height:18px;accent-color:var(--md-yellow);cursor:pointer;border-radius:0}.checkbox-label[data-v-9cc3bb82]{font-size:14px;font-weight:500;color:var(--md-text-secondary)}.forgot-link[data-v-9cc3bb82]{font-size:14px;font-weight:600;color:var(--md-orange);transition:opacity .3s}.forgot-link[data-v-9cc3bb82]:hover{opacity:.8}.signup-text[data-v-9cc3bb82]{font-size:14px;color:var(--md-text-secondary);margin-bottom:12px}.signup-link[data-v-9cc3bb82]{color:var(--md-orange);font-weight:700;transition:opacity .3s}.signup-link[data-v-9cc3bb82]:hover{opacity:.8}.terms-text[data-v-9cc3bb82]{font-size:12px;color:var(--md-text-tertiary)}.terms-text a[data-v-9cc3bb82]{color:var(--md-text-secondary);font-weight:500}.terms-text a[data-v-9cc3bb82]:hover{color:var(--md-orange)}@media (max-width: 480px){.login-page[data-v-9cc3bb82]{padding:var(--spacing-sm)}.input-field[data-v-9cc3bb82]{padding:10px 14px;font-size:14px}}.home-page[data-v-fd6bacaf]{min-height:100vh;background:var(--md-off-white);padding-bottom:80px}.header[data-v-fd6bacaf]{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-fd6bacaf]{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-fd6bacaf]{display:flex;align-items:center;gap:var(--spacing-sm)}.app-logo[data-v-fd6bacaf]{color:var(--md-black)}.app-title[data-v-fd6bacaf]{font-size:18px;font-weight:700;color:var(--md-black)}.logout-btn[data-v-fd6bacaf]{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-fd6bacaf]:hover{background:var(--md-gray);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--md-black)}.logout-icon[data-v-fd6bacaf]{color:var(--md-black)}.main-content[data-v-fd6bacaf]{padding-bottom:var(--spacing-lg)}.scan-section[data-v-fd6bacaf]{padding:var(--spacing-md)}.scan-button[data-v-fd6bacaf]{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-fd6bacaf]:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--md-black)}.scan-icon-wrapper[data-v-fd6bacaf]{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-fd6bacaf]{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.scan-title[data-v-fd6bacaf]{font-size:18px;font-weight:700;color:var(--md-black)}.scan-subtitle[data-v-fd6bacaf]{font-size:14px;color:var(--md-text-secondary)}.scan-arrow[data-v-fd6bacaf]{color:var(--md-black);flex-shrink:0}.hero-section[data-v-fd6bacaf]{position:relative;padding:var(--spacing-xl) var(--spacing-md);overflow:hidden}.hero-decoration[data-v-fd6bacaf]{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.deco-circle[data-v-fd6bacaf]{position:absolute;border-radius:50%;opacity:.2}.deco-square[data-v-fd6bacaf]{position:absolute;border-radius:0;opacity:.15}.deco-1[data-v-fd6bacaf]{width:150px;height:150px;background:var(--md-yellow);top:-50px;right:-30px}.deco-2[data-v-fd6bacaf]{width:100px;height:100px;background:var(--md-green);bottom:50px;left:-20px}.deco-3[data-v-fd6bacaf]{width:60px;height:60px;background:var(--md-orange);top:50%;right:20px}.hero-content[data-v-fd6bacaf]{position:relative;max-width:1200px;margin:0 auto;text-align:center}.hero-title[data-v-fd6bacaf]{font-size:32px;font-weight:800;margin-bottom:var(--spacing-sm);line-height:1.3}.hero-title-main[data-v-fd6bacaf]{display:block;color:var(--md-black)}.hero-title-highlight[data-v-fd6bacaf]{display:block;color:var(--md-orange)}.hero-subtitle[data-v-fd6bacaf]{font-size:16px;color:var(--md-text-secondary);margin-bottom:var(--spacing-md)}.hero-icon[data-v-fd6bacaf]{margin:var(--spacing-lg) 0;color:var(--md-orange)}.hero-actions[data-v-fd6bacaf]{display:flex;gap:var(--spacing-sm);justify-content:center;flex-wrap:wrap}.arrow[data-v-fd6bacaf]{margin-left:var(--spacing-xs);transition:transform .3s;color:var(--md-white)}.btn-orange:hover .arrow[data-v-fd6bacaf]{transform:translate(4px)}section[data-v-fd6bacaf]{padding:var(--spacing-xl) var(--spacing-md)}.section-title[data-v-fd6bacaf]{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-fd6bacaf]{color:var(--md-orange)}.actions-grid[data-v-fd6bacaf]{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.action-card[data-v-fd6bacaf]{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-fd6bacaf]:active{transform:translate(1px,1px);box-shadow:0 0 0 var(--md-black)}.action-icon[data-v-fd6bacaf]{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-fd6bacaf]{font-size:14px;font-weight:600;color:var(--md-black)}.features-section[data-v-fd6bacaf]{background:var(--md-white);border-top:3px solid var(--md-black)}.features-slider[data-v-fd6bacaf]{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-fd6bacaf]{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-fd6bacaf]:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--md-black)}.feature-emoji[data-v-fd6bacaf]{margin-bottom:var(--spacing-sm);color:var(--md-black)}.feature-title[data-v-fd6bacaf]{font-size:18px;font-weight:700;color:var(--md-black);margin-bottom:var(--spacing-xs)}.feature-desc[data-v-fd6bacaf]{font-size:14px;color:var(--md-text-secondary);margin-bottom:var(--spacing-md)}.feature-btn[data-v-fd6bacaf]{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-fd6bacaf]:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--md-black)}.feature-btn .arrow[data-v-fd6bacaf]{color:var(--md-black)}.bottom-nav[data-v-fd6bacaf]{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-fd6bacaf]{display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none;position:relative}.nav-icon[data-v-fd6bacaf]{color:var(--md-text-tertiary);transition:opacity .3s}.nav-label[data-v-fd6bacaf]{font-size:11px;color:var(--md-text-secondary);font-weight:500}.nav-item.active .nav-icon[data-v-fd6bacaf]{color:var(--md-orange);opacity:1}.nav-item.active .nav-label[data-v-fd6bacaf]{color:var(--md-orange);font-weight:600}.nav-badge[data-v-fd6bacaf]{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-fd6bacaf]{font-size:26px}.actions-grid[data-v-fd6bacaf]{grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.action-card[data-v-fd6bacaf]{padding:var(--spacing-md)}.action-icon[data-v-fd6bacaf]{width:48px;height:48px}.features-slider[data-v-fd6bacaf]{grid-template-columns:1fr}}@media (max-width: 480px){.app-title[data-v-fd6bacaf]{font-size:16px}.hero-title[data-v-fd6bacaf]{font-size:22px}.actions-grid[data-v-fd6bacaf]{grid-template-columns:repeat(2,1fr)}}.profile-page[data-v-556077b9]{min-height:100vh;background:var(--md-off-white);padding-bottom:80px}.header[data-v-556077b9]{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-556077b9]{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-556077b9]{font-size:18px;font-weight:700;color:var(--md-black)}.logout-btn[data-v-556077b9]{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-556077b9]:hover{background:var(--md-gray);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--md-black)}.logout-icon[data-v-556077b9]{color:var(--md-black)}.main-content[data-v-556077b9]{padding-bottom:var(--spacing-lg)}section[data-v-556077b9]{padding:var(--spacing-xl) var(--spacing-md)}.section-title[data-v-556077b9]{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-556077b9]{color:var(--md-orange)}.user-info-section[data-v-556077b9]{background:var(--md-white);border-bottom:3px solid var(--md-black)}.user-card[data-v-556077b9]{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-556077b9]{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-556077b9]{flex:1}.user-name[data-v-556077b9]{font-size:24px;font-weight:800;color:var(--md-black);margin-bottom:var(--spacing-xs)}.user-role[data-v-556077b9]{font-size:16px;color:var(--md-text-secondary)}.info-section[data-v-556077b9]{background:var(--md-white)}.info-list[data-v-556077b9]{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-556077b9]{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-556077b9]:last-child{border-bottom:none}.info-label[data-v-556077b9]{font-size:14px;font-weight:600;color:var(--md-text-secondary)}.info-value[data-v-556077b9]{font-size:16px;font-weight:500;color:var(--md-black)}.menu-section[data-v-556077b9]{background:var(--md-white);border-top:3px solid var(--md-black)}.menu-list[data-v-556077b9]{max-width:1200px;margin:0 auto;display:flex;flex-direction:column}.menu-item[data-v-556077b9]{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-556077b9]:not(:last-child){margin-bottom:var(--spacing-sm)}.menu-item[data-v-556077b9]:hover{background:var(--md-light-gray);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--md-black)}.menu-item[data-v-556077b9]:active{transform:translate(1px,1px);box-shadow:0 0 0 var(--md-black)}.menu-arrow[data-v-556077b9]{margin-left:auto;color:var(--md-text-tertiary)}.bottom-nav[data-v-556077b9]{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-556077b9]{display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none;position:relative}.nav-icon[data-v-556077b9]{color:var(--md-text-tertiary);transition:opacity .3s}.nav-label[data-v-556077b9]{font-size:11px;color:var(--md-text-secondary);font-weight:500}.nav-item.active .nav-icon[data-v-556077b9]{color:var(--md-orange);opacity:1}.nav-item.active .nav-label[data-v-556077b9]{color:var(--md-orange);font-weight:600}.nav-badge[data-v-556077b9]{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-556077b9]{padding:var(--spacing-lg)}.user-avatar[data-v-556077b9]{width:64px;height:64px}.user-name[data-v-556077b9]{font-size:20px}}.device-page[data-v-b2781f22]{min-height:100vh;background:var(--md-off-white);padding-bottom:80px}.header[data-v-b2781f22]{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-b2781f22]{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-b2781f22]{font-size:18px;font-weight:700;color:var(--md-black)}.main-content[data-v-b2781f22]{padding-bottom:var(--spacing-lg)}section[data-v-b2781f22]{padding:var(--spacing-md)}.section-title[data-v-b2781f22]{font-size:18px;font-weight:700;color:var(--md-black);margin-bottom:var(--spacing-md)}.search-section[data-v-b2781f22]{background:var(--md-white);border-bottom:3px solid var(--md-black);padding:var(--spacing-md)}.search-box[data-v-b2781f22]{max-width:1200px;margin:0 auto;position:relative;display:flex;align-items:center;margin-bottom:var(--spacing-sm)}.search-icon[data-v-b2781f22]{position:absolute;left:var(--spacing-md);color:var(--md-text-tertiary)}.search-input[data-v-b2781f22]{width:100%;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-b2781f22]::placeholder{color:var(--md-text-tertiary)}.filter-box[data-v-b2781f22]{max-width:1200px;margin:0 auto;display:flex;gap:var(--spacing-sm)}.filter-select[data-v-b2781f22]{flex:1;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}.filter-select[data-v-b2781f22]:focus{outline:none;border-color:var(--md-yellow);box-shadow:0 0 0 4px #ffd23f26}.stats-section[data-v-b2781f22]{background:var(--md-white);border-bottom:3px solid var(--md-black)}.stats-row[data-v-b2781f22]{max-width:1200px;margin:0 auto;display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.stat-item[data-v-b2781f22]{flex:1;min-width:80px;display:flex;flex-direction:column;align-items:center;padding:var(--spacing-md);background:var(--md-light-gray);border:2px solid var(--md-black);border-radius:0;box-shadow:2px 2px 0 var(--md-black);cursor:pointer;transition:all .3s;-webkit-user-select:none;user-select:none}.stat-item[data-v-b2781f22]:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--md-black)}.stat-item[data-v-b2781f22]:active{transform:translate(1px,1px);box-shadow:0 0 0 var(--md-black)}.stat-item.active[data-v-b2781f22]{border-color:var(--md-yellow);box-shadow:0 0 0 3px var(--md-yellow),2px 2px 0 var(--md-black)}.stat-label[data-v-b2781f22]{font-size:13px;color:var(--md-text-secondary);margin-bottom:6px}.stat-value[data-v-b2781f22]{font-size:20px;font-weight:800;color:var(--md-black)}.stat-online[data-v-b2781f22]{background:linear-gradient(135deg,#e8f5e9,#c8e6c9)}.stat-online .stat-value[data-v-b2781f22]{color:#4caf50}.stat-maintenance[data-v-b2781f22]{background:linear-gradient(135deg,#fff3e0,#ffe0b2)}.stat-maintenance .stat-value[data-v-b2781f22]{color:#ff9800}.stat-scrapped[data-v-b2781f22]{background:linear-gradient(135deg,#ffebee,#ffcdd2)}.stat-scrapped .stat-value[data-v-b2781f22]{color:#f44336}.stat-stopped[data-v-b2781f22]{background:linear-gradient(135deg,#f5f5f5,#e0e0e0)}.stat-stopped .stat-value[data-v-b2781f22]{color:#757575}.device-list-section[data-v-b2781f22]{background:var(--md-off-white)}.loading[data-v-b2781f22],.empty[data-v-b2781f22]{text-align:center;padding:var(--spacing-2xl);color:var(--md-text-secondary)}.empty-icon[data-v-b2781f22]{color:var(--md-text-tertiary);margin-bottom:var(--spacing-md)}.device-list[data-v-b2781f22]{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-sm)}.device-card[data-v-b2781f22]{background:var(--md-white);border:2px solid var(--md-black);border-radius:0;box-shadow:2px 2px 0 var(--md-black);margin-bottom:var(--spacing-sm);overflow:hidden;transition:all .3s;cursor:pointer}.device-card[data-v-b2781f22]:active{transform:translate(1px,1px);box-shadow:0 0 0 var(--md-black)}.card-content[data-v-b2781f22]{display:flex;align-items:center;padding:var(--spacing-md);gap:var(--spacing-md)}.card-main[data-v-b2781f22]{flex:1;min-width:0}.device-name[data-v-b2781f22]{font-size:16px;font-weight:700;color:var(--md-black);margin-bottom:8px}.device-location[data-v-b2781f22]{font-size:14px;color:var(--md-text-secondary)}.card-right[data-v-b2781f22]{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-sm);flex-shrink:0}.device-meta[data-v-b2781f22]{display:flex;align-items:center;gap:var(--spacing-sm)}.status-badge[data-v-b2781f22]{padding:4px 10px;font-size:12px;font-weight:600;border-radius:0;display:inline-block}.status-badge.status-online[data-v-b2781f22]{background:#4caf501a;color:#4caf50}.status-badge.status-maintenance[data-v-b2781f22]{background:#ff98001a;color:#ff9800}.status-badge.status-scrapped[data-v-b2781f22]{background:#f443361a;color:#f44336}.status-badge.status-stopped[data-v-b2781f22]{background:#9e9e9e1a;color:#9e9e9e}.last-check[data-v-b2781f22]{font-size:12px;color:var(--md-text-tertiary)}.action-btn[data-v-b2781f22]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:0;cursor:pointer;color:var(--md-text-secondary);transition:all .3s}.action-btn[data-v-b2781f22]:hover{background:var(--md-light-gray)}.action-btn .arrow[data-v-b2781f22]{transform:rotate(270deg)}.quick-actions[data-v-b2781f22]{display:flex;gap:var(--spacing-xs);padding:0 var(--spacing-md) var(--spacing-sm) var(--spacing-md)}.quick-btn[data-v-b2781f22]{display:flex;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;border:2px solid var(--md-black);border-radius:0;cursor:pointer;transition:all .3s}.quick-btn.edit-btn[data-v-b2781f22]{background:var(--md-light-gray);color:var(--md-black)}.quick-btn.edit-btn[data-v-b2781f22]:hover{background:var(--md-gray);transform:translate(-1px,-1px);box-shadow:2px 2px 0 var(--md-black)}.quick-btn.meter-btn[data-v-b2781f22]{background:var(--md-yellow);color:var(--md-black)}.quick-btn.meter-btn[data-v-b2781f22]:hover{background:var(--md-yellow-dark);transform:translate(-1px,-1px);box-shadow:2px 2px 0 var(--md-black)}.bottom-nav[data-v-b2781f22]{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-b2781f22]{display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none}.nav-icon[data-v-b2781f22]{color:var(--md-text-tertiary)}.nav-label[data-v-b2781f22]{font-size:11px;color:var(--md-text-secondary);font-weight:500}.nav-item.active .nav-icon[data-v-b2781f22]{color:var(--md-orange)}.nav-item.active .nav-label[data-v-b2781f22]{color:var(--md-orange);font-weight:600}.modal-overlay[data-v-b2781f22]{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-b2781f22]{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-b2781f22]{max-width:600px}.modal-header[data-v-b2781f22]{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-b2781f22]{font-size:18px;font-weight:700;color:var(--md-black);margin:0}.close-btn[data-v-b2781f22]{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-b2781f22]:hover{background:var(--md-gray)}.close-btn .logout[data-v-b2781f22]{transform:rotate(90deg)}.modal-body[data-v-b2781f22]{padding:var(--spacing-md);overflow-y:auto}.image-gallery[data-v-b2781f22]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-sm)}.image-gallery img[data-v-b2781f22]{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-cd66be95]{min-height:100vh;background:var(--md-off-white);padding-bottom:20px}.header[data-v-cd66be95]{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-cd66be95]{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-cd66be95],.info-btn[data-v-cd66be95]{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-cd66be95]:hover,.info-btn[data-v-cd66be95]:hover{background:var(--md-gray);transform:translate(-1px,-1px);box-shadow:2px 2px 0 var(--md-black)}.back-btn .arrow[data-v-cd66be95]{transform:rotate(180deg)}.page-title[data-v-cd66be95]{font-size:18px;font-weight:700;color:var(--md-black)}.main-content[data-v-cd66be95]{padding:var(--spacing-md)}.form-container[data-v-cd66be95]{max-width:600px;margin:0 auto}.device-info-card[data-v-cd66be95]{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-cd66be95]{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.device-icon[data-v-cd66be95]{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-cd66be95]{background:#e3f2fd;color:#2196f3}.device-icon.type-electric[data-v-cd66be95]{background:#fff8e1;color:#ffc107}.device-title[data-v-cd66be95]{flex:1}.device-name[data-v-cd66be95]{font-size:16px;font-weight:700;color:var(--md-black)}.device-code[data-v-cd66be95]{font-size:13px;color:var(--md-text-secondary);margin-top:2px}.device-status-badge[data-v-cd66be95]{padding:4px 10px;font-size:12px;font-weight:600;background:#e8f5e9;color:#4caf50;border:2px solid var(--md-black)}.user-info-section[data-v-cd66be95]{margin-top:var(--spacing-sm)}.section-header[data-v-cd66be95]{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-cd66be95]{padding:12px;background:#e8eaf6;border:2px solid var(--md-black);border-radius:0}.user-name[data-v-cd66be95]{display:flex;align-items:center;font-size:16px;font-weight:700;color:var(--md-black);margin-bottom:8px}.user-mobile[data-v-cd66be95],.contract-period[data-v-cd66be95]{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--md-text-secondary);margin-top:4px}.divider[data-v-cd66be95]{height:1px;background:var(--md-gray);margin:var(--spacing-md) 0}.location-section[data-v-cd66be95]{margin-top:var(--spacing-sm)}.section-title[data-v-cd66be95]{font-size:14px;font-weight:600;color:var(--md-black);margin-bottom:var(--spacing-xs)}.info-row[data-v-cd66be95]{display:flex;padding:6px 0;font-size:13px}.info-row .label[data-v-cd66be95]{color:var(--md-text-secondary);width:80px;flex-shrink:0}.info-row .value[data-v-cd66be95]{color:var(--md-black);flex:1}.meter-form[data-v-cd66be95]{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-cd66be95]{margin-bottom:var(--spacing-md)}.last-record-card[data-v-cd66be95]{padding:12px;background:var(--md-light-gray);border:2px solid var(--md-black);border-radius:0}.last-record-item[data-v-cd66be95]{display:flex;justify-content:space-between;padding:6px 0}.last-record-item[data-v-cd66be95]:not(:last-child){border-bottom:1px solid var(--md-gray)}.last-record-item .label[data-v-cd66be95]{font-size:14px;color:var(--md-text-secondary)}.last-record-item .value[data-v-cd66be95]{font-size:14px;font-weight:600;color:var(--md-black)}.form-group[data-v-cd66be95]{margin-bottom:var(--spacing-md)}.form-label[data-v-cd66be95]{display:block;font-size:14px;font-weight:700;color:var(--md-black);margin-bottom:var(--spacing-xs)}.form-label-row[data-v-cd66be95]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.required[data-v-cd66be95]{color:#f44336}.input-wrapper[data-v-cd66be95]{position:relative;display:flex;align-items:center}.input-field[data-v-cd66be95]{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-cd66be95]{position:absolute;right:var(--spacing-md);color:var(--md-text-secondary);font-size:14px}.error-text[data-v-cd66be95]{margin-top:6px;font-size:13px;color:#f44336}.success-text[data-v-cd66be95]{margin-top:6px;font-size:13px;color:#4caf50;font-weight:600}.time-display[data-v-cd66be95]{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-cd66be95]{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}.images-preview[data-v-cd66be95]{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.image-item[data-v-cd66be95]{position:relative;width:100px;height:100px;border:2px solid var(--md-black);border-radius:0;overflow:hidden}.image-item img[data-v-cd66be95]{width:100%;height:100%;object-fit:cover}.remove-img-btn[data-v-cd66be95]{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-cd66be95]{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-cd66be95]{margin-top:var(--spacing-xs);font-size:13px}.btn[data-v-cd66be95]{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-cd66be95]{background:var(--md-yellow);color:var(--md-black)}.btn-primary[data-v-cd66be95]:hover:not(:disabled){background:var(--md-yellow-dark);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--md-black)}.btn-primary[data-v-cd66be95]:disabled{opacity:.5;cursor:not-allowed}.btn-secondary[data-v-cd66be95]{background:var(--md-white);color:var(--md-black)}.btn-block[data-v-cd66be95]{width:100%}.btn-large[data-v-cd66be95]{padding:var(--spacing-md) var(--spacing-lg)}.modal-overlay[data-v-cd66be95]{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-cd66be95]{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-cd66be95]{padding:var(--spacing-md);border-bottom:2px solid var(--md-black)}.modal-header h3[data-v-cd66be95]{font-size:18px;font-weight:700;color:var(--md-black);margin:0}.modal-body[data-v-cd66be95]{padding:var(--spacing-md);overflow-y:auto}.confirm-row[data-v-cd66be95]{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--md-gray)}.confirm-label[data-v-cd66be95]{font-size:14px;color:var(--md-text-secondary)}.confirm-value[data-v-cd66be95]{font-size:14px;font-weight:600;color:var(--md-black)}.confirm-section[data-v-cd66be95]{padding:8px 0;border-bottom:1px solid var(--md-gray)}.confirm-label[data-v-cd66be95]{display:block;font-size:14px;font-weight:600;color:var(--md-black);margin-bottom:6px}.confirm-value-text[data-v-cd66be95]{font-size:14px;color:var(--md-text-secondary)}.confirm-images[data-v-cd66be95]{display:flex;gap:8px;margin-top:8px}.confirm-images img[data-v-cd66be95]{width:60px;height:60px;object-fit:cover;border:2px solid var(--md-black)}.modal-footer[data-v-cd66be95]{padding:var(--spacing-md);border-top:2px solid var(--md-black);display:flex;gap:var(--spacing-sm)}.info-row[data-v-cd66be95]{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--md-gray)}.info-label[data-v-cd66be95]{font-size:14px;font-weight:600;color:var(--md-black)}.info-value[data-v-cd66be95]{font-size:14px;color:var(--md-text-secondary)}.loading-overlay[data-v-cd66be95]{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-cd66be95]{text-align:center;color:#fff}.spinner[data-v-cd66be95]{width:48px;height:48px;border:4px solid rgba(255,255,255,.3);border-top-color:var(--md-yellow);border-radius:50%;animation:spin-cd66be95 .8s linear infinite;margin:0 auto var(--spacing-md)}@keyframes spin-cd66be95{to{transform:rotate(360deg)}}.loading-content p[data-v-cd66be95]{margin:6px 0 0;font-size:16px;font-weight:600}.loading-sub[data-v-cd66be95]{font-size:13px;font-weight:400;opacity:.8}.scan-page[data-v-fa29ef38]{min-height:100vh;background:var(--md-off-white)}.header[data-v-fa29ef38]{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-fa29ef38]{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);max-width:1200px;margin:0 auto}.back-btn[data-v-fa29ef38]{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-fa29ef38]:hover{background:var(--md-gray);transform:translate(-1px,-1px);box-shadow:2px 2px 0 var(--md-black)}.back-btn .arrow[data-v-fa29ef38]{transform:rotate(180deg)}.page-title[data-v-fa29ef38]{font-size:18px;font-weight:700;color:var(--md-black)}.main-content[data-v-fa29ef38]{padding:var(--spacing-md)}.scan-container[data-v-fa29ef38]{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-fa29ef38]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);color:var(--md-text-secondary)}.scan-title[data-v-fa29ef38]{font-size:20px;font-weight:700;color:var(--md-black)}.scan-desc[data-v-fa29ef38]{font-size:14px;color:var(--md-text-secondary)}.scan-preview-container[data-v-fa29ef38]{position:relative;max-width:600px;margin:0 auto var(--spacing-md)}.qr-reader[data-v-fa29ef38]{border:3px solid var(--md-black);border-radius:0;overflow:hidden;background:#000}.scan-overlay[data-v-fa29ef38]{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-fa29ef38]{width:250px;height:250px;border:3px solid var(--md-yellow);box-shadow:0 0 0 9999px #00000080;position:relative}.scan-frame[data-v-fa29ef38]:before,.scan-frame[data-v-fa29ef38]:after{content:"";position:absolute;width:20px;height:20px;border:3px solid var(--md-black)}.scan-frame[data-v-fa29ef38]:before{top:-3px;left:-3px;border-right:none;border-bottom:none}.scan-frame[data-v-fa29ef38]:after{bottom:-3px;right:-3px;border-left:none;border-top:none}.scan-tip[data-v-fa29ef38]{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-fa29ef38]{position:absolute;bottom:-60px;left:50%;transform:translate(-50%)}.scan-actions[data-v-fa29ef38]{max-width:600px;margin:0 auto var(--spacing-sm)}.manual-input-section[data-v-fa29ef38]{max-width:600px;margin:0 auto var(--spacing-md)}.input-wrapper[data-v-fa29ef38]{display:flex;gap:var(--spacing-sm)}.manual-input[data-v-fa29ef38]{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-fa29ef38]::placeholder{color:var(--md-text-tertiary)}.manual-input[data-v-fa29ef38]:focus{outline:none;border-color:var(--md-yellow);box-shadow:0 0 0 4px #ffd23f33}.search-btn[data-v-fa29ef38]{padding:var(--spacing-sm) var(--spacing-lg);white-space:nowrap}.result-section[data-v-fa29ef38]{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-fa29ef38]{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.result-header h3[data-v-fa29ef38]{font-size:16px;font-weight:700;color:var(--md-black)}.result-content[data-v-fa29ef38]{margin-bottom:var(--spacing-md)}.result-item[data-v-fa29ef38]{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-fa29ef38]{font-size:13px;color:var(--md-text-secondary)}.result-item .value[data-v-fa29ef38]{font-size:16px;font-weight:600;color:var(--md-black);word-break:break-all}.result-actions[data-v-fa29ef38]{display:flex;gap:var(--spacing-sm)}.device-info-section[data-v-fa29ef38]{max-width:600px;margin:0 auto}.device-card[data-v-fa29ef38]{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-fa29ef38]{margin-bottom:var(--spacing-md)}.device-name[data-v-fa29ef38]{font-size:20px;font-weight:700;color:var(--md-black)}.device-details[data-v-fa29ef38]{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.detail-item[data-v-fa29ef38]{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-fa29ef38]:last-child{border-bottom:none}.detail-item .label[data-v-fa29ef38]{font-size:14px;color:var(--md-text-secondary)}.detail-item .value[data-v-fa29ef38]{font-size:14px;font-weight:500;color:var(--md-black)}.status-online[data-v-fa29ef38]{color:#4caf50}.status-maintenance[data-v-fa29ef38]{color:#ff9800}.status-scrapped[data-v-fa29ef38]{color:#f44336}.status-stopped[data-v-fa29ef38]{color:#757575}.device-actions[data-v-fa29ef38]{margin-top:var(--spacing-sm)}.error-message[data-v-fa29ef38]{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-fa29ef38]{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-fa29ef38]{width:24px;height:24px;border:3px solid var(--md-light-gray);border-top-color:var(--md-yellow);border-radius:50%;animation:spin-fa29ef38 .8s linear infinite}@keyframes spin-fa29ef38{to{transform:rotate(360deg)}}.btn[data-v-fa29ef38]{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-fa29ef38]{background:var(--md-yellow);color:var(--md-black)}.btn-primary[data-v-fa29ef38]:hover{background:var(--md-yellow-dark);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--md-black)}.btn-secondary[data-v-fa29ef38]{background:var(--md-white);color:var(--md-text-primary)}.btn-secondary[data-v-fa29ef38]:hover{background:var(--md-light-gray);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--md-black)}.btn-block[data-v-fa29ef38]{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-c4d1afa3]{min-height:100vh;background:var(--md-off-white);padding-bottom:80px}.header[data-v-c4d1afa3]{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-c4d1afa3]{padding:var(--spacing-sm) var(--spacing-md)}.page-title[data-v-c4d1afa3]{font-size:18px;font-weight:700;color:var(--md-black)}.main-content[data-v-c4d1afa3]{padding:var(--spacing-md)}.loading-state[data-v-c4d1afa3],.empty-state[data-v-c4d1afa3]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--md-text-secondary)}.loading-spinner[data-v-c4d1afa3]{width:40px;height:40px;border:4px solid var(--md-gray);border-top-color:var(--md-yellow);animation:spin-c4d1afa3 1s linear infinite}@keyframes spin-c4d1afa3{to{transform:rotate(360deg)}}.contract-card[data-v-c4d1afa3]{background:var(--md-white);border:2px solid var(--md-black);box-shadow:2px 2px 0 var(--md-black);margin-bottom:var(--spacing-md);transition:all .2s}.contract-card[data-v-c4d1afa3]:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--md-black)}.card-header[data-v-c4d1afa3]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--md-gray)}.contract-code[data-v-c4d1afa3]{font-size:16px;font-weight:700;color:var(--md-black)}.contract-status[data-v-c4d1afa3]{padding:4px 12px;font-size:12px;font-weight:600}.status-draft[data-v-c4d1afa3]{background:var(--md-light-gray);color:var(--md-text-secondary)}.status-active[data-v-c4d1afa3]{background:#e8f5e9;color:#388e3c}.status-expired[data-v-c4d1afa3]{background:#ffebee;color:#d32f2f}.status-terminated[data-v-c4d1afa3]{background:#fff3e0;color:#f57c00}.card-body[data-v-c4d1afa3]{padding:var(--spacing-md)}.info-row[data-v-c4d1afa3]{display:flex;margin-bottom:var(--spacing-xs)}.info-row[data-v-c4d1afa3]:last-child{margin-bottom:0}.info-label[data-v-c4d1afa3]{font-size:14px;color:var(--md-text-secondary);min-width:80px;flex-shrink:0}.info-value[data-v-c4d1afa3]{font-size:14px;color:var(--md-black);flex:1;word-break:break-all}.contract-files[data-v-c4d1afa3]{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--md-gray)}.files-label[data-v-c4d1afa3]{font-size:14px;font-weight:600;color:var(--md-black)}.file-link[data-v-c4d1afa3]{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--md-light-gray);border:2px solid var(--md-black);font-size:14px;font-weight:500;color:var(--md-black);text-decoration:none;transition:all .2s;box-shadow:2px 2px 0 var(--md-black)}.file-link[data-v-c4d1afa3]:hover{background:var(--md-yellow);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--md-black)}.contract-remark[data-v-c4d1afa3]{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--md-gray)}.remark-label[data-v-c4d1afa3]{font-size:14px;font-weight:600;color:var(--md-black)}.remark-text[data-v-c4d1afa3]{font-size:14px;color:var(--md-text-secondary);margin-top:var(--spacing-xs);display:block}.load-more[data-v-c4d1afa3],.loading-more[data-v-c4d1afa3]{display:flex;justify-content:center;padding:var(--spacing-md);font-size:14px;color:var(--md-text-secondary)}.load-more[data-v-c4d1afa3]{cursor:pointer;font-weight:500}.load-more[data-v-c4d1afa3]:hover{color:var(--md-orange)}.bottom-nav[data-v-c4d1afa3]{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-c4d1afa3]{display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none}.nav-icon[data-v-c4d1afa3]{color:var(--md-text-tertiary)}.nav-label[data-v-c4d1afa3]{font-size:11px;color:var(--md-text-secondary);font-weight:500}.nav-item.active .nav-icon[data-v-c4d1afa3]{color:var(--md-orange)}.nav-item.active .nav-label[data-v-c4d1afa3]{color:var(--md-orange);font-weight:600}: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)}}