*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;min-height:100vh}.login-container[data-v-c5753021]{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#0a0a0a}.login-box[data-v-c5753021]{background:#fff;padding:40px;border-radius:12px;box-shadow:0 10px 40px #0000001a;width:100%;max-width:420px}h1[data-v-c5753021]{text-align:center;color:#333;margin-bottom:8px}.subtitle[data-v-c5753021]{text-align:center;color:#666;margin-bottom:24px;font-size:14px}.tabs[data-v-c5753021]{display:flex;margin-bottom:24px;border-bottom:2px solid #eee}.tab-btn[data-v-c5753021]{flex:1;padding:12px;background:none;border:none;font-size:16px;font-weight:500;color:#666;cursor:pointer;transition:all .3s;position:relative}.tab-btn[data-v-c5753021]:hover,.tab-btn.active[data-v-c5753021]{color:#667eea}.tab-btn.active[data-v-c5753021]:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:linear-gradient(135deg,#667eea,#764ba2)}.form-group[data-v-c5753021]{margin-bottom:20px}label[data-v-c5753021]{display:block;margin-bottom:8px;color:#333;font-weight:500;font-size:14px}input[data-v-c5753021]{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px;box-sizing:border-box;transition:border-color .3s}input[data-v-c5753021]:focus{outline:none;border-color:#667eea}.error-message[data-v-c5753021]{color:#e74c3c;font-size:14px;margin-bottom:16px;text-align:center;padding:10px;background:#fee;border-radius:6px}.success-message[data-v-c5753021]{color:#27ae60;font-size:14px;margin-bottom:16px;text-align:center;padding:10px;background:#efe;border-radius:6px}button[data-v-c5753021]{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:opacity .3s}button[data-v-c5753021]:hover{opacity:.9}button[data-v-c5753021]:disabled{opacity:.6;cursor:not-allowed}.forgot-password-link[data-v-c5753021]{text-align:center;margin-top:16px}.forgot-password-link a[data-v-c5753021]{color:#667eea;text-decoration:none;font-size:14px;cursor:pointer}.forgot-password-link a[data-v-c5753021]:hover{text-decoration:underline}.back-link[data-v-c5753021]{text-align:center;margin-top:16px}.back-link a[data-v-c5753021]{color:#667eea;text-decoration:none;font-size:14px;cursor:pointer}.back-link a[data-v-c5753021]:hover{text-decoration:underline}.home-container[data-v-35f2f859]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.header-content[data-v-35f2f859]{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 24px}.header[data-v-35f2f859]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000001a;padding:16px 0;position:sticky;top:0;z-index:100}.logo[data-v-35f2f859]{display:flex;align-items:center;gap:12px;flex-shrink:0}.logo-icon[data-v-35f2f859]{width:32px;height:32px;object-fit:contain}.header h1[data-v-35f2f859]{margin:0;color:#333;font-size:24px;font-weight:600}.user-info[data-v-35f2f859]{display:flex;align-items:center;gap:12px;flex-shrink:0}.user-avatar[data-v-35f2f859]{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;flex-shrink:0}.user-name[data-v-35f2f859]{color:#333;font-weight:500;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.settings-btn[data-v-35f2f859]{width:40px;height:40px;background:#f5f5f5;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:20px;transition:all .3s;flex-shrink:0}.settings-btn[data-v-35f2f859]:hover{background:#e0e0e0;transform:rotate(90deg)}.main-content[data-v-35f2f859]{padding:32px 24px}.two-column-layout[data-v-35f2f859]{display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:stretch}.left-column[data-v-35f2f859]{display:flex;flex-direction:column;gap:20px;align-self:stretch}.left-bottom-section[data-v-35f2f859]{display:flex;gap:20px;align-items:stretch}.features-section[data-v-35f2f859]{flex:3;background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 16px #00000014;display:flex;flex-direction:column;height:440px}.messages-section[data-v-35f2f859],.activity-section[data-v-35f2f859]{flex:1.5;background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;overflow:hidden;height:440px}.right-column[data-v-35f2f859]{display:flex;flex-direction:column;gap:20px;height:100%}.right-top-section[data-v-35f2f859]{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.welcome-section[data-v-35f2f859]{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 16px #00000014}.welcome-card[data-v-35f2f859]{text-align:center}.welcome-decoration[data-v-35f2f859]{font-size:48px;margin-bottom:16px;animation:float-35f2f859 3s ease-in-out infinite}@keyframes float-35f2f859{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.welcome-card h2[data-v-35f2f859]{margin:0 0 8px;color:#333;font-size:20px;font-weight:700}.welcome-card p[data-v-35f2f859]{margin:0;color:#666;font-size:14px;line-height:1.5}.datetime-section[data-v-35f2f859]{display:flex;flex-direction:column;gap:12px}.datetime-card[data-v-35f2f859]{background:#fff;border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 8px #0000000f;transition:transform .3s}.datetime-card[data-v-35f2f859]:hover{transform:scale(1.02)}.datetime-icon[data-v-35f2f859]{font-size:28px}.datetime-content[data-v-35f2f859]{flex:1}.datetime-label[data-v-35f2f859]{color:#666;font-size:12px;margin-bottom:4px}.datetime-value[data-v-35f2f859]{color:#333;font-size:16px;font-weight:600}.quick-links-section[data-v-35f2f859]{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;overflow:hidden;flex:1}.quick-links-header[data-v-35f2f859]{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.quick-links-icon[data-v-35f2f859]{font-size:20px}.quick-links-header h3[data-v-35f2f859]{margin:0;color:#333;font-size:16px;font-weight:600}.quick-links-list[data-v-35f2f859]{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:8px;overflow-y:auto;overflow-x:hidden;max-height:264px}.empty-quick-links[data-v-35f2f859]{text-align:center;padding:30px 16px;color:#999;grid-column:1 / -1;grid-row:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-quick-links .empty-icon[data-v-35f2f859]{font-size:40px;margin-bottom:10px}.empty-quick-links p[data-v-35f2f859]{margin:0;font-size:13px}.quick-link-item[data-v-35f2f859]{padding:10px 8px;background:#f9f9f9;border-radius:8px;cursor:pointer;transition:all .3s;border:1px solid transparent;display:flex;flex-direction:column;justify-content:center;height:80px;min-height:80px;overflow:hidden}.quick-link-item[data-v-35f2f859]:hover{background:#f0f3ff;border-color:#667eea}.quick-link-title[data-v-35f2f859]{font-weight:500;color:#333;font-size:11px;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-link-meta[data-v-35f2f859]{display:flex;gap:6px;align-items:center}.quick-link-category[data-v-35f2f859]{font-size:10px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-link-group[data-v-35f2f859]{font-size:10px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal[data-v-35f2f859]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-35f2f859]{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0003}.bookmark-modal[data-v-35f2f859]{padding:0}.modal-header[data-v-35f2f859]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f0f0f0;position:sticky;top:0;background:#fff;z-index:10}.modal-header h2[data-v-35f2f859]{margin:0;color:#333;font-size:20px;font-weight:600}.modal-close[data-v-35f2f859]{width:32px;height:32px;border:none;background:#f5f5f5;border-radius:50%;font-size:18px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.modal-close[data-v-35f2f859]:hover{background:#e0e0e0}.bookmark-detail-content[data-v-35f2f859]{padding:24px}.detail-header[data-v-35f2f859]{margin-bottom:24px}.detail-header h3[data-v-35f2f859]{margin:0 0 8px;color:#333;font-size:22px;font-weight:600}.detail-url[data-v-35f2f859]{color:#666;font-size:13px;word-break:break-all;margin-bottom:16px;padding:10px;background:#f9f9f9;border-radius:6px}.detail-actions[data-v-35f2f859]{display:flex;gap:10px}.btn-detail-action[data-v-35f2f859]{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.btn-detail-action[data-v-35f2f859]:hover{opacity:.9}.detail-info[data-v-35f2f859]{display:flex;flex-direction:column;gap:20px}.info-section[data-v-35f2f859]{background:#f9f9f9;padding:16px;border-radius:8px}.info-section h4[data-v-35f2f859]{margin:0 0 12px;font-size:15px;color:#666;font-weight:500}.info-row[data-v-35f2f859]{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.info-row .label[data-v-35f2f859]{color:#666;flex-shrink:0}.info-row .value[data-v-35f2f859]{color:#333;font-weight:500;text-align:right;word-break:break-all;flex:1;margin-left:10px}.info-row .value.favorite[data-v-35f2f859]{color:#ffc107}.description-display[data-v-35f2f859]{background:#fff;padding:12px;border-radius:6px;border:1px solid #e0e0e0;color:#333;line-height:1.6;font-size:14px}.accounts-table-container[data-v-35f2f859]{overflow:visible}.accounts-table[data-v-35f2f859]{width:100%;border-collapse:collapse;font-size:14px}.accounts-table thead[data-v-35f2f859]{background:#f5f5f5}.accounts-table th[data-v-35f2f859]{padding:10px;text-align:left;font-weight:500;color:#666;border-bottom:2px solid #e0e0e0;white-space:nowrap}.accounts-table tbody tr[data-v-35f2f859]{transition:all .3s;position:relative}.accounts-table tbody tr[data-v-35f2f859]:hover{background:#f9f9f9}.accounts-table tbody tr.default[data-v-35f2f859]{background:#f0f3ff}.accounts-table tbody tr.default[data-v-35f2f859]:hover{background:#e8ebff}.accounts-table td[data-v-35f2f859]{padding:10px;border-bottom:1px solid #e0e0e0;vertical-align:middle;position:relative}.default-badge[data-v-35f2f859]{background:#667eea;color:#fff;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500;margin-left:8px}.account-cell[data-v-35f2f859],.password-cell[data-v-35f2f859]{cursor:pointer;position:relative;transition:all .3s}.account-cell[data-v-35f2f859]:hover,.password-cell[data-v-35f2f859]:hover{background:#e8ebff}.account-value[data-v-35f2f859]{font-weight:500;color:#333;margin-right:10px}.password-mask[data-v-35f2f859],.password-value[data-v-35f2f859]{color:#666;margin-right:10px}.password-mask[data-v-35f2f859]{letter-spacing:2px}.password-value[data-v-35f2f859]{font-family:monospace}.notes-cell[data-v-35f2f859]{color:#666;font-size:13px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-toggle-password[data-v-35f2f859]{background:none;border:none;cursor:pointer;font-size:16px;padding:0;margin-left:8px;transition:all .3s}.btn-toggle-password[data-v-35f2f859]:hover{transform:scale(1.2)}.empty-accounts[data-v-35f2f859]{text-align:center;padding:24px;color:#999}.empty-accounts p[data-v-35f2f859]{margin:0;font-size:14px}.section-header[data-v-35f2f859]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:8px}.section-icon[data-v-35f2f859]{font-size:20px;flex-shrink:0}.section-header h3[data-v-35f2f859]{margin:0;color:#333;font-size:18px;font-weight:600;flex:1}.features-grid[data-v-35f2f859]{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:16px;height:100%}.feature-card[data-v-35f2f859]{background:#fff;padding:14px;border-radius:12px;box-shadow:0 2px 8px #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;color:inherit;display:block;position:relative;overflow:hidden}.feature-card[data-v-35f2f859]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .3s}.feature-card[data-v-35f2f859]:hover:before{transform:scaleX(1)}.feature-card[data-v-35f2f859]:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}.feature-card.coming-soon[data-v-35f2f859]{opacity:.6;cursor:not-allowed}.feature-card.coming-soon[data-v-35f2f859]:hover{transform:none;box-shadow:0 2px 8px #0000000f}.feature-card.workstation-card[data-v-35f2f859]:before{background:linear-gradient(90deg,#0078d4,#00bcf2)}.feature-card.workstation-card .workstation-icon[data-v-35f2f859]{background:linear-gradient(135deg,#0078d4,#00bcf2)}.feature-icon-wrapper[data-v-35f2f859]{width:44px;height:44px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.feature-icon[data-v-35f2f859]{font-size:22px}.feature-content h3[data-v-35f2f859]{margin:0 0 3px;color:#333;font-size:15px;font-weight:600}.feature-content p[data-v-35f2f859]{margin:0 0 6px;color:#666;font-size:12px;line-height:1.4}.feature-arrow[data-v-35f2f859]{position:absolute;bottom:12px;right:12px;font-size:18px;color:#667eea;opacity:0;transform:translate(-8px);transition:all .3s}.feature-card:hover .feature-arrow[data-v-35f2f859]{opacity:1;transform:translate(0)}.feature-badge[data-v-35f2f859]{position:absolute;top:12px;right:12px;background:#f59e0b;color:#fff;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:500}.dashboard-card[data-v-35f2f859]{background:#fff;border-radius:16px;box-shadow:0 4px 16px #00000014;overflow:hidden}.card-header[data-v-35f2f859]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f0f0f0}.card-title[data-v-35f2f859]{display:flex;align-items:center;gap:10px}.card-icon[data-v-35f2f859]{font-size:20px}.card-title h3[data-v-35f2f859]{margin:0;color:#333;font-size:16px;font-weight:600}.view-all[data-v-35f2f859],.view-all-small[data-v-35f2f859]{color:#667eea;text-decoration:none;font-size:13px;font-weight:500;transition:color .3s}.view-all[data-v-35f2f859]:hover,.view-all-small[data-v-35f2f859]:hover{color:#5568d3}.messages-list[data-v-35f2f859],.activity-list[data-v-35f2f859]{flex:1;overflow-y:auto;padding:0 20px 16px;min-height:0}.messages-section .messages-list[data-v-35f2f859]{padding:0 12px 16px}.activity-section .activity-list[data-v-35f2f859]{padding:0 4px 16px}.activity-card-item[data-v-35f2f859]{display:flex;gap:12px;padding:14px;background:#f8f9fa;border-radius:10px;margin-bottom:10px;transition:all .3s ease;cursor:pointer}.activity-card-item[data-v-35f2f859]:hover{background:#f0f2f5;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.activity-card-item[data-v-35f2f859]:last-child{margin-bottom:0}.activity-card-icon[data-v-35f2f859]{font-size:24px;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;box-shadow:0 2px 8px #667eea4d}.activity-card-content[data-v-35f2f859]{flex:1;display:flex;flex-direction:column;gap:6px}.activity-card-header[data-v-35f2f859]{display:flex;justify-content:space-between;align-items:center;gap:8px}.activity-card-title[data-v-35f2f859]{font-weight:600;color:#333;font-size:14px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-card-time[data-v-35f2f859]{font-size:11px;color:#999;flex-shrink:0}.activity-card-desc[data-v-35f2f859]{color:#666;font-size:12px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.activity-card-footer[data-v-35f2f859]{display:flex;gap:8px;align-items:center}.activity-device-tag[data-v-35f2f859]{display:inline-block;padding:3px 8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;font-size:10px;font-weight:500}.empty-messages[data-v-35f2f859],.empty-activities[data-v-35f2f859]{text-align:center;padding:32px 16px;color:#999}.empty-messages .empty-icon[data-v-35f2f859],.empty-activities .empty-icon[data-v-35f2f859]{font-size:48px;margin-bottom:12px}.empty-messages p[data-v-35f2f859],.empty-activities p[data-v-35f2f859]{margin:0;font-size:14px}.message-item[data-v-35f2f859]{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid #f0f0f0;transition:background-color .3s}.message-item[data-v-35f2f859]:last-child{border-bottom:none}.message-item.unread[data-v-35f2f859]{background-color:#f8f9ff}.message-item[data-v-35f2f859]:hover{background-color:#f5f5f5}.message-icon[data-v-35f2f859]{font-size:20px;flex-shrink:0}.message-content[data-v-35f2f859]{flex:1}.message-title[data-v-35f2f859]{font-weight:600;color:#333;margin-bottom:2px;font-size:14px}.message-text[data-v-35f2f859]{color:#666;font-size:13px;margin-bottom:2px}.message-time[data-v-35f2f859]{color:#999;font-size:12px}.overview-content[data-v-35f2f859]{padding:16px 20px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.overview-item[data-v-35f2f859]{display:flex;align-items:center;gap:10px;padding:12px;background:#f8f9ff;border-radius:10px;transition:transform .3s}.overview-item[data-v-35f2f859]:hover{transform:scale(1.02)}.overview-icon-wrapper[data-v-35f2f859]{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.accounts-icon[data-v-35f2f859]{background:linear-gradient(135deg,#667eea,#764ba2)}.installments-icon[data-v-35f2f859]{background:linear-gradient(135deg,#f59e0b,#f093fb)}.inventory-icon[data-v-35f2f859]{background:linear-gradient(135deg,#00b09b,#96c93d)}.total-icon[data-v-35f2f859]{background:linear-gradient(135deg,#dc3545,#fd7e14)}.borrow-icon[data-v-35f2f859]{background:linear-gradient(135deg,#ef4444,#f87171)}.lend-icon[data-v-35f2f859]{background:linear-gradient(135deg,#10b981,#34d399)}.overview-icon[data-v-35f2f859]{font-size:20px;color:#fff}.overview-info[data-v-35f2f859]{flex:1}.overview-label[data-v-35f2f859]{color:#666;font-size:12px;margin-bottom:2px}.unit-label[data-v-35f2f859]{color:#666;font-size:12px}.overview-value[data-v-35f2f859]{color:#333;font-size:16px;font-weight:700}.overview-value.debt[data-v-35f2f859]{color:#ef4444}.overview-value.credit[data-v-35f2f859]{color:#10b981}.activity-item[data-v-35f2f859]{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid #f0f0f0}.activity-item[data-v-35f2f859]:last-child{border-bottom:none}.activity-icon[data-v-35f2f859]{font-size:20px;flex-shrink:0}.activity-content[data-v-35f2f859]{flex:1}.activity-title[data-v-35f2f859]{font-weight:600;color:#333;margin-bottom:2px;font-size:14px}.activity-description[data-v-35f2f859]{color:#666;font-size:13px;margin-bottom:2px}.activity-meta[data-v-35f2f859]{display:flex;gap:8px;align-items:center}.activity-device[data-v-35f2f859]{display:inline-block;padding:2px 6px;background:#e8ebff;color:#667eea;border-radius:4px;font-size:10px;font-weight:500}.activity-time[data-v-35f2f859]{color:#999;font-size:12px}.vehicle-preview-content[data-v-35f2f859],.todo-preview-content[data-v-35f2f859]{padding:16px 20px}.todo-header-section[data-v-35f2f859]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.todo-title-badge[data-v-35f2f859]{display:flex;align-items:center;gap:8px}.todo-title-badge .todo-title[data-v-35f2f859]{font-size:16px;font-weight:600;color:#333}.todo-stats-badges[data-v-35f2f859]{display:flex;gap:8px}.todo-stat-badge[data-v-35f2f859]{display:flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#f0f4ff,#e8f0ff);border-radius:20px}.todo-stat-badge.countdown-badge[data-v-35f2f859]{background:linear-gradient(135deg,#fff9e6,#fff0cc)}.stat-icon[data-v-35f2f859]{font-size:14px}.stat-count[data-v-35f2f859]{font-size:16px;font-weight:700;color:#667eea}.todo-stat-badge.countdown-badge .stat-count[data-v-35f2f859]{color:#ed8936}.stat-label[data-v-35f2f859]{font-size:11px;color:#667eea}.todo-stat-badge.countdown-badge .stat-label[data-v-35f2f859]{color:#ed8936}.todo-items-grid[data-v-35f2f859]{display:grid;grid-template-columns:1fr;gap:10px;max-height:240px;overflow-y:auto}.todo-item-card[data-v-35f2f859]{display:flex;align-items:center;gap:12px;padding:12px;background:#f9f9f9;border-radius:8px;transition:all .3s}.todo-item-card[data-v-35f2f859]:hover{background:#f0f0f0;transform:translateY(-2px)}.todo-item-card.countdown-card[data-v-35f2f859]{background:linear-gradient(135deg,#fff9e6,#fff0cc);border:1px solid #fed7aa}.todo-item-card.countdown-card[data-v-35f2f859]:hover{background:linear-gradient(135deg,#fff0cc,#ffe6b8)}.todo-item-icon[data-v-35f2f859]{font-size:20px;flex-shrink:0}.todo-item-content[data-v-35f2f859]{flex:1;display:flex;flex-direction:column;gap:4px}.todo-item-title[data-v-35f2f859]{font-size:13px;font-weight:500;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.todo-item-date[data-v-35f2f859]{font-size:11px;color:#666;display:flex;align-items:center;gap:4px}.todo-item-date .date-icon[data-v-35f2f859]{font-size:11px}.todo-item-date.no-due-date[data-v-35f2f859]{color:#999;font-style:italic}.todo-item-date.countdown-days[data-v-35f2f859]{color:#ed8936;font-weight:600}.express-preview-content[data-v-35f2f859]{padding:16px 20px}.express-header-section[data-v-35f2f859]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.express-title-badge[data-v-35f2f859]{display:flex;align-items:center;gap:8px}.express-title-badge .express-title[data-v-35f2f859]{font-size:16px;font-weight:600;color:#333}.express-stats-badges[data-v-35f2f859]{display:flex;gap:8px}.express-stat-badge[data-v-35f2f859]{display:flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#f0f4ff,#e8f0ff);border-radius:20px}.express-stat-badge.pending-badge[data-v-35f2f859]{background:linear-gradient(135deg,#fff5f5,#ffe8e8)}.express-stat-badge .stat-icon[data-v-35f2f859]{font-size:14px}.express-stat-badge .stat-count[data-v-35f2f859]{font-size:16px;font-weight:700;color:#667eea}.express-stat-badge.pending-badge .stat-count[data-v-35f2f859]{color:#e53e3e}.express-stat-badge .stat-label[data-v-35f2f859]{font-size:11px;color:#667eea}.express-stat-badge.pending-badge .stat-label[data-v-35f2f859]{color:#e53e3e}.express-items-grid[data-v-35f2f859]{display:grid;grid-template-columns:1fr;gap:10px;max-height:240px;overflow-y:auto}.express-item-card[data-v-35f2f859]{display:flex;align-items:center;gap:12px;padding:12px;background:#f9f9f9;border-radius:8px;transition:all .3s}.express-item-card[data-v-35f2f859]:hover{background:#f0f0f0;transform:translateY(-2px)}.express-item-icon[data-v-35f2f859]{font-size:20px;flex-shrink:0}.express-item-content[data-v-35f2f859]{flex:1;display:flex;flex-direction:column;gap:4px}.express-item-title[data-v-35f2f859]{font-size:13px;font-weight:500;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.express-item-status[data-v-35f2f859]{font-size:11px;color:#666;display:flex;align-items:center;gap:4px}.express-item-status .status-icon[data-v-35f2f859]{font-size:11px}.express-item-status.pending[data-v-35f2f859]{color:#ed8936}.express-item-status.in_transit[data-v-35f2f859]{color:#3182ce}.express-item-status.delivered[data-v-35f2f859]{color:#38a169}.express-item-status.returned[data-v-35f2f859]{color:#e53e3e}.express-item-status.cancelled[data-v-35f2f859]{color:#a0aec0}.empty-express[data-v-35f2f859]{text-align:center;padding:24px 16px;color:#999}.empty-express .empty-icon[data-v-35f2f859]{font-size:40px;margin-bottom:8px}.empty-express p[data-v-35f2f859]{margin:0;font-size:13px}.dashboard-card.activity-card[data-v-35f2f859]{display:flex;flex-direction:column}.dashboard-card.activity-card .activity-list[data-v-35f2f859]{flex:1;overflow-y:auto;max-height:300px}.dashboard-card.activity-card .activity-item[data-v-35f2f859]{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #f0f0f0}.dashboard-card.activity-card .activity-item[data-v-35f2f859]:last-child{border-bottom:none}.dashboard-card.activity-card .activity-icon[data-v-35f2f859]{font-size:20px;flex-shrink:0}.dashboard-card.activity-card .activity-content[data-v-35f2f859]{flex:1;display:flex;flex-direction:column;gap:4px}.dashboard-card.activity-card .activity-title[data-v-35f2f859]{font-size:13px;font-weight:500;color:#333}.dashboard-card.activity-card .activity-description[data-v-35f2f859]{font-size:12px;color:#666}.dashboard-card.activity-card .activity-meta[data-v-35f2f859]{display:flex;gap:12px;font-size:11px;color:#999}.dashboard-card.activity-card .empty-activities[data-v-35f2f859]{text-align:center;padding:30px 16px;color:#999}.dashboard-card.activity-card .empty-activities .empty-icon[data-v-35f2f859]{font-size:40px;margin-bottom:8px}.dashboard-card.activity-card .empty-activities p[data-v-35f2f859]{margin:0;font-size:13px}.default-vehicle-info[data-v-35f2f859]{padding:16px 0}.vehicle-header-section[data-v-35f2f859]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.vehicle-name-badge[data-v-35f2f859]{display:flex;align-items:center;gap:8px}.vehicle-name-badge .vehicle-name[data-v-35f2f859]{font-size:16px;font-weight:600;color:#333}.vehicle-plate-badge[data-v-35f2f859]{display:flex;align-items:center;gap:8px}.vehicle-plate-badge .vehicle-plate[data-v-35f2f859]{font-size:18px;font-weight:700;color:#667eea;letter-spacing:1px}.vehicle-maintenance-badge[data-v-35f2f859]{display:flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#fff5f5,#ffe8e8);border-radius:20px}.maintenance-icon[data-v-35f2f859]{font-size:16px}.maintenance-count[data-v-35f2f859]{font-size:18px;font-weight:700;color:#e53e3e}.maintenance-label[data-v-35f2f859]{font-size:12px;color:#e53e3e}.vehicle-details-grid[data-v-35f2f859]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.vehicle-detail-item[data-v-35f2f859]{display:flex;align-items:center;gap:10px;padding:12px;background:#f9f9f9;border-radius:8px;transition:all .3s}.vehicle-detail-item[data-v-35f2f859]:hover{background:#f0f0f0;transform:translateY(-2px)}.vehicle-detail-item.fuel-price-highlight[data-v-35f2f859]{background:linear-gradient(135deg,#fff5f5,#ffe8e8);border:1px solid #fed7d7}.vehicle-detail-item.fuel-price-highlight[data-v-35f2f859]:hover{background:linear-gradient(135deg,#ffe8e8,#ffd6d6)}.detail-icon[data-v-35f2f859]{font-size:20px;flex-shrink:0}.detail-content[data-v-35f2f859]{flex:1;display:flex;flex-direction:column;gap:4px}.detail-label[data-v-35f2f859]{font-size:11px;color:#999}.detail-value[data-v-35f2f859]{font-size:13px;font-weight:500;color:#333}.detail-value.price[data-v-35f2f859]{color:#e53e3e;font-weight:600}.vehicle-preview-item[data-v-35f2f859]{padding:10px 0;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.vehicle-preview-item[data-v-35f2f859]:last-child{border-bottom:none}.vehicle-preview-name[data-v-35f2f859]{font-weight:500;color:#333;font-size:13px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vehicle-preview-plate[data-v-35f2f859]{font-size:12px;color:#666;margin-left:8px}.empty-vehicle[data-v-35f2f859],.empty-todo[data-v-35f2f859]{text-align:center;padding:24px 16px;color:#999}.empty-vehicle .empty-icon[data-v-35f2f859],.empty-todo .empty-icon[data-v-35f2f859]{font-size:40px;margin-bottom:8px}.empty-vehicle p[data-v-35f2f859],.empty-todo p[data-v-35f2f859]{margin:0;font-size:13px}.installment-preview-content[data-v-35f2f859]{padding:16px 20px}.installment-header-section[data-v-35f2f859]{display:flex;justify-content:center;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.installment-title-badge[data-v-35f2f859]{display:flex;align-items:center;gap:8px}.installment-title-badge .installment-title[data-v-35f2f859]{font-size:16px;font-weight:600;color:#333}.installment-stats-badges[data-v-35f2f859]{display:flex;gap:8px}.installment-stat-badge[data-v-35f2f859]{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 16px;background:linear-gradient(135deg,#f0f4ff,#e8f0ff);border-radius:12px;min-width:80px}.installment-stat-badge.active-badge[data-v-35f2f859]{background:linear-gradient(135deg,#fff5f5,#ffe8e8)}.installment-stat-badge.amount-badge[data-v-35f2f859]{background:linear-gradient(135deg,#f0fff4,#e0ffe8)}.installment-stat-badge .stat-icon[data-v-35f2f859]{font-size:18px;margin-bottom:2px}.installment-stat-badge .stat-label[data-v-35f2f859]{font-size:12px;color:#667eea;font-weight:500;margin-bottom:2px}.installment-stat-badge .stat-count[data-v-35f2f859]{font-size:18px;font-weight:700;color:#667eea}.installment-stat-badge.active-badge .stat-count[data-v-35f2f859]{color:#e53e3e}.installment-stat-badge.amount-badge .stat-count[data-v-35f2f859]{color:#38a169}.installment-stat-badge.active-badge .stat-label[data-v-35f2f859]{color:#e53e3e}.installment-stat-badge.amount-badge .stat-label[data-v-35f2f859]{color:#38a169}.installment-items-grid[data-v-35f2f859]{display:grid;grid-template-columns:1fr;gap:10px;max-height:240px;overflow-y:auto}.installment-item-card[data-v-35f2f859]{display:flex;align-items:center;gap:12px;padding:12px;background:#f9f9f9;border-radius:8px;transition:all .3s}.installment-item-card[data-v-35f2f859]:hover{background:#f0f0f0;transform:translateY(-2px)}.installment-item-icon[data-v-35f2f859]{font-size:20px;flex-shrink:0}.installment-item-content[data-v-35f2f859]{flex:1;display:flex;flex-direction:column;gap:4px}.installment-item-title[data-v-35f2f859]{font-size:13px;font-weight:500;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.installment-item-date[data-v-35f2f859]{font-size:11px;color:#666;display:flex;align-items:center;gap:4px}.installment-item-date .date-icon[data-v-35f2f859]{font-size:11px}.installment-item-amount[data-v-35f2f859]{font-size:15px;font-weight:600;color:#667eea;white-space:nowrap}.empty-installment[data-v-35f2f859]{text-align:center;padding:24px 16px;color:#999}.empty-installment .empty-icon[data-v-35f2f859]{font-size:40px;margin-bottom:8px}.empty-installment p[data-v-35f2f859]{margin:0;font-size:13px}@media(max-width:1200px){.two-column-layout[data-v-35f2f859]{grid-template-columns:1fr}.left-column[data-v-35f2f859]{grid-column:1 / -1;flex-direction:row}.left-bottom-section[data-v-35f2f859]{flex-direction:row}.features-section[data-v-35f2f859]{flex:3}.messages-section[data-v-35f2f859],.activity-section[data-v-35f2f859]{flex:1.5}.welcome-section[data-v-35f2f859]{flex:1}.datetime-section[data-v-35f2f859]{flex:1;flex-direction:row}.right-top-section[data-v-35f2f859]{grid-template-columns:repeat(3,1fr)}.quick-links-list[data-v-35f2f859]{grid-template-rows:repeat(3,1fr);max-height:264px}.quick-link-item[data-v-35f2f859]{height:80px;min-height:80px}}@media(max-width:768px){.two-column-layout[data-v-35f2f859]{grid-template-columns:1fr}.left-column[data-v-35f2f859],.left-bottom-section[data-v-35f2f859]{flex-direction:column}.features-section[data-v-35f2f859],.messages-section[data-v-35f2f859],.activity-section[data-v-35f2f859]{flex:1}.datetime-section[data-v-35f2f859]{flex-direction:column}.quick-links-section[data-v-35f2f859]{min-height:300px}.quick-links-list[data-v-35f2f859]{grid-template-rows:repeat(3,1fr);max-height:264px}.quick-link-item[data-v-35f2f859]{height:80px;min-height:80px}.right-top-section[data-v-35f2f859]{grid-template-columns:1fr}.default-vehicle-info[data-v-35f2f859]{padding:12px 0}.vehicle-header-section[data-v-35f2f859]{margin-bottom:12px;padding-bottom:10px}.vehicle-plate-badge .vehicle-plate[data-v-35f2f859]{font-size:16px}.vehicle-maintenance-badge[data-v-35f2f859]{padding:4px 10px}.maintenance-count[data-v-35f2f859]{font-size:16px}.maintenance-label[data-v-35f2f859]{font-size:11px}.vehicle-details-grid[data-v-35f2f859]{grid-template-columns:1fr;gap:8px}.vehicle-detail-item[data-v-35f2f859]{padding:10px}.detail-icon[data-v-35f2f859]{font-size:18px}.detail-label[data-v-35f2f859]{font-size:10px}.detail-value[data-v-35f2f859]{font-size:12px}.todo-header-section[data-v-35f2f859]{margin-bottom:12px;padding-bottom:10px}.todo-title-badge .todo-title[data-v-35f2f859]{font-size:14px}.todo-stats-badges[data-v-35f2f859]{gap:6px}.todo-stat-badge[data-v-35f2f859]{padding:4px 10px}.stat-count[data-v-35f2f859]{font-size:14px}.stat-label[data-v-35f2f859]{font-size:10px}.todo-items-grid[data-v-35f2f859]{gap:8px}.todo-item-card[data-v-35f2f859]{padding:10px}.todo-item-icon[data-v-35f2f859]{font-size:18px}.todo-item-title[data-v-35f2f859]{font-size:12px}.todo-item-date[data-v-35f2f859]{font-size:10px}.express-header-section[data-v-35f2f859]{margin-bottom:12px;padding-bottom:10px}.express-title-badge .express-title[data-v-35f2f859]{font-size:14px}.express-stats-badges[data-v-35f2f859]{gap:6px}.express-stat-badge[data-v-35f2f859]{padding:4px 10px}.express-stat-badge .stat-count[data-v-35f2f859]{font-size:14px}.express-stat-badge .stat-label[data-v-35f2f859]{font-size:10px}.express-items-grid[data-v-35f2f859]{gap:8px}.express-item-card[data-v-35f2f859]{padding:10px}.express-item-icon[data-v-35f2f859]{font-size:18px}.express-item-title[data-v-35f2f859]{font-size:12px}.express-item-status[data-v-35f2f859]{font-size:10px}.dashboard-card.activity-card .activity-list[data-v-35f2f859]{max-height:200px}.dashboard-card.activity-card .activity-item[data-v-35f2f859]{padding:10px 0}.dashboard-card.activity-card .activity-icon[data-v-35f2f859]{font-size:18px}.dashboard-card.activity-card .activity-title[data-v-35f2f859]{font-size:12px}.dashboard-card.activity-card .activity-description[data-v-35f2f859]{font-size:11px}.dashboard-card.activity-card .activity-meta[data-v-35f2f859]{font-size:10px}.features-grid[data-v-35f2f859]{grid-template-columns:repeat(2,1fr)}.right-column[data-v-35f2f859]{flex-direction:column}.messages-list[data-v-35f2f859],.activity-list[data-v-35f2f859]{max-height:250px}.header[data-v-35f2f859]{padding:12px 16px}.logo-icon[data-v-35f2f859]{width:28px;height:28px}.header h1[data-v-35f2f859]{font-size:20px}.user-name[data-v-35f2f859]{max-width:100px;font-size:14px}.user-avatar[data-v-35f2f859]{width:36px;height:36px;font-size:16px}.settings-btn[data-v-35f2f859]{width:36px;height:36px;font-size:18px}}@media(max-width:480px){.header[data-v-35f2f859]{padding:10px 12px}.logo-icon[data-v-35f2f859]{font-size:24px}.header h1[data-v-35f2f859]{font-size:18px}.user-name[data-v-35f2f859]{max-width:80px;font-size:13px}.user-avatar[data-v-35f2f859]{width:32px;height:32px;font-size:14px}.settings-btn[data-v-35f2f859]{width:32px;height:32px;font-size:16px}.welcome-card[data-v-35f2f859]{padding:16px}.welcome-decoration[data-v-35f2f859]{font-size:32px}.welcome-card h2[data-v-35f2f859]{font-size:18px}.welcome-card p[data-v-35f2f859]{font-size:13px}.datetime-card[data-v-35f2f859]{padding:12px}.datetime-icon[data-v-35f2f859]{font-size:20px}.datetime-label[data-v-35f2f859]{font-size:12px}.datetime-value[data-v-35f2f859]{font-size:14px}.dashboard-card[data-v-35f2f859]{border-radius:10px}.card-header[data-v-35f2f859]{padding:12px}.card-title[data-v-35f2f859]{font-size:14px}.card-icon[data-v-35f2f859]{font-size:18px}.view-all[data-v-35f2f859]{font-size:12px}.message-item[data-v-35f2f859],.activity-item[data-v-35f2f859]{padding:10px 12px}.message-icon[data-v-35f2f859],.activity-icon[data-v-35f2f859]{font-size:18px}.message-title[data-v-35f2f859],.activity-title[data-v-35f2f859]{font-size:13px}.vehicle-preview-content[data-v-35f2f859],.todo-preview-content[data-v-35f2f859],.installment-preview-content[data-v-35f2f859]{padding:12px}.vehicle-stat-value[data-v-35f2f859],.todo-stat-value[data-v-35f2f859],.installment-stat-value[data-v-35f2f859]{font-size:18px}.vehicle-stat-label[data-v-35f2f859],.todo-stat-label[data-v-35f2f859],.installment-stat-label[data-v-35f2f859]{font-size:11px}.vehicle-preview-name[data-v-35f2f859],.todo-preview-title[data-v-35f2f859],.installment-preview-title[data-v-35f2f859]{font-size:12px}.vehicle-preview-plate[data-v-35f2f859],.todo-preview-date[data-v-35f2f859],.installment-preview-date[data-v-35f2f859]{font-size:11px}.message-text[data-v-35f2f859],.activity-description[data-v-35f2f859]{font-size:12px}.message-time[data-v-35f2f859],.activity-time[data-v-35f2f859]{font-size:11px}.activity-meta[data-v-35f2f859]{gap:6px}.activity-device[data-v-35f2f859]{padding:1px 5px;font-size:9px}.overview-item[data-v-35f2f859]{padding:12px}.overview-icon-wrapper[data-v-35f2f859]{width:40px;height:40px}.overview-icon[data-v-35f2f859]{font-size:18px}.overview-label[data-v-35f2f859]{font-size:12px}.overview-value[data-v-35f2f859]{font-size:18px}.feature-card[data-v-35f2f859]{padding:16px}.feature-icon-wrapper[data-v-35f2f859]{width:44px;height:44px}.feature-icon[data-v-35f2f859]{font-size:20px}.feature-content h3[data-v-35f2f859]{font-size:15px}.feature-content p[data-v-35f2f859]{font-size:12px}.feature-arrow[data-v-35f2f859]{font-size:16px}.quick-links-list[data-v-35f2f859]{grid-template-rows:repeat(3,1fr);max-height:240px}.quick-link-item[data-v-35f2f859]{height:72px;min-height:72px;padding:8px 6px}.quick-link-title[data-v-35f2f859]{font-size:10px}.quick-link-category[data-v-35f2f859],.quick-link-group[data-v-35f2f859]{font-size:9px}}.desktop-icon[data-v-6f75dbc6]{display:flex;flex-direction:column;align-items:center;padding:10px;cursor:pointer;border-radius:4px;transition:all .2s;-webkit-user-select:none;user-select:none;width:80px}.desktop-icon[data-v-6f75dbc6]:hover{background:#fff3}.desktop-icon[data-v-6f75dbc6]:active{background:#ffffff4d}.icon-wrapper[data-v-6f75dbc6]{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:8px;margin-bottom:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000001a}.icon[data-v-6f75dbc6]{font-size:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.title[data-v-6f75dbc6]{font-size:12px;color:#fff;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.5);word-break:break-all;line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.system-tray[data-v-c91da8d6]{display:flex;align-items:center;gap:8px;padding:0 8px}.tray-icons[data-v-c91da8d6]{display:flex;align-items:center;gap:4px}.tray-icon[data-v-c91da8d6]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer;transition:all .2s;position:relative;font-size:16px}.tray-icon[data-v-c91da8d6]:hover{background:#0000000d}.tray-icon.notification .badge[data-v-c91da8d6]{position:absolute;top:2px;right:2px;background:#dc3545;color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}.tray-clock[data-v-c91da8d6]{display:flex;flex-direction:column;align-items:flex-end;padding:4px 12px;border-radius:4px;cursor:pointer;transition:all .2s;min-width:80px}.tray-clock[data-v-c91da8d6]:hover{background:#0000000d}.time[data-v-c91da8d6]{font-size:12px;font-weight:600;color:#333;line-height:1.2}.date[data-v-c91da8d6]{font-size:11px;color:#666;line-height:1.2}.tray-show-desktop[data-v-c91da8d6]{width:6px;height:100%;border-radius:2px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:12px;opacity:0}.tray-show-desktop[data-v-c91da8d6]:hover{background:#0000000d;opacity:1}.system-tray:hover .tray-show-desktop[data-v-c91da8d6]{opacity:1}.taskbar[data-v-15b2adcc]{position:fixed;bottom:0;left:0;right:0;height:48px;background:#f3f3f3f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:space-between;padding:0 8px;box-shadow:0 -2px 10px #0000001a;z-index:10000;box-sizing:border-box}.taskbar-left[data-v-15b2adcc]{display:flex;align-items:center;gap:4px;flex:1;overflow:hidden}.start-button[data-v-15b2adcc]{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;border-radius:4px;transition:all .2s}.start-button[data-v-15b2adcc]:hover{background:#0000000d}.windows-icon[data-v-15b2adcc]{font-size:24px;color:#0078d4;font-weight:700}.desktop-switcher[data-v-15b2adcc]{position:relative;margin-left:4px;z-index:10002}.desktop-switch-btn[data-v-15b2adcc]{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#ffffff80;border:1px solid rgba(0,0,0,.1);border-radius:4px;cursor:pointer;transition:all .2s;font-size:12px;color:#333}.desktop-switch-btn[data-v-15b2adcc]:hover{background:#fffc}.desktop-icon[data-v-15b2adcc]{font-size:16px}.desktop-name[data-v-15b2adcc]{font-weight:500;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow[data-v-15b2adcc]{font-size:10px;transition:transform .2s}.desktop-menu[data-v-15b2adcc]{position:fixed;bottom:56px;left:60px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:8px;box-shadow:0 4px 16px #00000026;min-width:160px;padding:4px;z-index:99999;pointer-events:auto}.desktop-menu-item[data-v-15b2adcc]{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:4px;cursor:pointer;transition:all .2s;font-size:13px}.desktop-menu-item[data-v-15b2adcc]:hover{background:#0078d41a}.desktop-menu-item.active[data-v-15b2adcc]{background:#0078d426;color:#0078d4;font-weight:500}.menu-desktop-number[data-v-15b2adcc]{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#0000000d;border-radius:4px;font-size:11px;font-weight:600;flex-shrink:0}.desktop-menu-item.active .menu-desktop-number[data-v-15b2adcc]{background:#0078d433;color:#0078d4}.menu-desktop-name[data-v-15b2adcc]{flex:1}.menu-check[data-v-15b2adcc]{font-size:14px;font-weight:700;color:#0078d4}.taskbar-apps[data-v-15b2adcc]{display:flex;gap:2px;overflow-x:auto;flex:1;padding:0 4px}.taskbar-app[data-v-15b2adcc]{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#ffffff80;border-radius:4px;cursor:pointer;transition:all .2s;min-width:120px;max-width:200px;position:relative;-webkit-user-select:none;user-select:none}.taskbar-app[data-v-15b2adcc]:hover{background:#fffc}.taskbar-app.active[data-v-15b2adcc]{background:#ffffffe6;box-shadow:0 2px 8px #0000001a}.taskbar-app.minimized[data-v-15b2adcc]{opacity:.6}.app-icon[data-v-15b2adcc]{font-size:18px;flex-shrink:0}.app-title[data-v-15b2adcc]{font-size:12px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.active-indicator[data-v-15b2adcc]{position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:20px;height:3px;background:#0078d4;border-radius:2px}.taskbar-right[data-v-15b2adcc]{display:flex;align-items:center;gap:4px}[data-v-15b2adcc]::-webkit-scrollbar{height:0;width:0}.start-menu[data-v-7657012d]{position:fixed;bottom:52px;left:8px;width:600px;max-height:70vh;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:8px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;z-index:10001;animation:slideUp-7657012d .2s ease-out}@keyframes slideUp-7657012d{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.start-menu-header[data-v-7657012d]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(0,0,0,.05)}.user-info[data-v-7657012d]{display:flex;align-items:center;gap:12px}.user-avatar[data-v-7657012d]{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px}.user-name[data-v-7657012d]{font-size:14px;font-weight:500;color:#333}.power-button[data-v-7657012d]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#0000000d;border:none;border-radius:6px;cursor:pointer;transition:all .2s;font-size:18px}.power-button[data-v-7657012d]:hover{background:#0000001a}.start-menu-search[data-v-7657012d]{padding:12px 20px;position:relative}.start-menu-search input[data-v-7657012d]{width:100%;padding:10px 40px 10px 16px;border:1px solid rgba(0,0,0,.1);border-radius:6px;font-size:14px;background:#fffc;box-sizing:border-box}.start-menu-search input[data-v-7657012d]:focus{outline:none;border-color:#0078d4}.search-icon[data-v-7657012d]{position:absolute;right:32px;top:50%;transform:translateY(-50%);font-size:16px;color:#999}.start-menu-content[data-v-7657012d]{flex:1;overflow-y:auto;padding:16px 20px}.section-title[data-v-7657012d]{font-size:12px;font-weight:600;color:#666;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.apps-grid[data-v-7657012d]{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:24px}.app-item[data-v-7657012d]{display:flex;flex-direction:column;align-items:center;padding:12px 8px;border-radius:6px;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.app-item[data-v-7657012d]:hover{background:#0000000d}.app-icon[data-v-7657012d]{font-size:32px;margin-bottom:6px}.app-name[data-v-7657012d]{font-size:11px;color:#333;text-align:center;word-break:break-all;line-height:1.3}.recent-list[data-v-7657012d]{display:flex;flex-direction:column;gap:4px}.recent-item[data-v-7657012d]{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:6px;cursor:pointer;transition:all .2s}.recent-item[data-v-7657012d]:hover{background:#0000000d}.recent-icon[data-v-7657012d]{font-size:24px}.recent-name[data-v-7657012d]{font-size:13px;color:#333}.start-menu-footer[data-v-7657012d]{display:flex;gap:8px;padding:12px 20px;border-top:1px solid rgba(0,0,0,.05)}.footer-item[data-v-7657012d]{flex:1;display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:6px;cursor:pointer;transition:all .2s;font-size:13px;color:#333}.footer-item[data-v-7657012d]:hover{background:#0000000d}[data-v-7657012d]::-webkit-scrollbar{width:6px}[data-v-7657012d]::-webkit-scrollbar-track{background:transparent}[data-v-7657012d]::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}[data-v-7657012d]::-webkit-scrollbar-thumb:hover{background:#0000004d}.bookmark-start-menu[data-v-61dc7f8b]{position:fixed;bottom:52px;left:8px;width:600px;max-height:70vh;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:8px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;z-index:10001;animation:slideUp-61dc7f8b .2s ease-out}@keyframes slideUp-61dc7f8b{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.start-menu-header[data-v-61dc7f8b]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(0,0,0,.05)}.user-info[data-v-61dc7f8b]{display:flex;align-items:center;gap:12px}.user-avatar[data-v-61dc7f8b]{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px}.user-name[data-v-61dc7f8b]{font-size:14px;font-weight:500;color:#333}.power-button[data-v-61dc7f8b]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#0000000d;border:none;border-radius:6px;cursor:pointer;transition:all .2s;font-size:18px}.power-button[data-v-61dc7f8b]:hover{background:#0000001a}.start-menu-search[data-v-61dc7f8b]{padding:12px 20px;position:relative}.start-menu-search input[data-v-61dc7f8b]{width:100%;padding:10px 40px 10px 16px;border:1px solid rgba(0,0,0,.1);border-radius:6px;font-size:14px;background:#fffc;box-sizing:border-box}.start-menu-search input[data-v-61dc7f8b]:focus{outline:none;border-color:#0078d4}.search-icon[data-v-61dc7f8b]{position:absolute;right:32px;top:50%;transform:translateY(-50%);font-size:16px;color:#999}.start-menu-content[data-v-61dc7f8b],.search-results[data-v-61dc7f8b]{flex:1;overflow-y:auto;padding:16px 20px}.search-list[data-v-61dc7f8b]{display:flex;flex-direction:column;gap:4px}.search-item[data-v-61dc7f8b]{display:flex;align-items:center;padding:10px 12px;border-radius:6px;cursor:pointer;transition:all .2s}.search-item[data-v-61dc7f8b]:hover{background:#0000000d}.search-item .search-name[data-v-61dc7f8b]{font-size:13px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-title[data-v-61dc7f8b]{font-size:12px;font-weight:600;color:#666;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.bookmarks-grid[data-v-61dc7f8b]{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:24px}.bookmark-item[data-v-61dc7f8b]{display:flex;flex-direction:column;align-items:center;padding:12px 8px;border-radius:6px;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.bookmark-item[data-v-61dc7f8b]:hover{background:#0000000d}.bookmark-icon[data-v-61dc7f8b]{font-size:32px;margin-bottom:6px}.bookmark-name[data-v-61dc7f8b]{font-size:11px;color:#333;text-align:center;word-break:break-all;line-height:1.3}.empty-section[data-v-61dc7f8b]{padding:20px;text-align:center;color:#999;font-size:13px}.recent-list[data-v-61dc7f8b]{display:flex;flex-direction:column;gap:4px}.recent-item[data-v-61dc7f8b]{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:6px;cursor:pointer;transition:all .2s}.recent-item[data-v-61dc7f8b]:hover{background:#0000000d}.recent-icon[data-v-61dc7f8b]{font-size:24px}.recent-name[data-v-61dc7f8b]{font-size:13px;color:#333}.start-menu-footer[data-v-61dc7f8b]{display:flex;gap:8px;padding:12px 20px;border-top:1px solid rgba(0,0,0,.05)}.footer-item[data-v-61dc7f8b]{flex:1;display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:6px;cursor:pointer;transition:all .2s;font-size:13px;color:#333}.footer-item[data-v-61dc7f8b]:hover{background:#0000000d}[data-v-61dc7f8b]::-webkit-scrollbar{width:6px}[data-v-61dc7f8b]::-webkit-scrollbar-track{background:transparent}[data-v-61dc7f8b]::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}[data-v-61dc7f8b]::-webkit-scrollbar-thumb:hover{background:#0000004d}.window[data-v-06b494fe]{position:absolute;background:#fff;border-radius:8px;box-shadow:0 8px 32px #0003;overflow:hidden;display:flex;flex-direction:column;min-width:400px;min-height:300px;transition:box-shadow .2s;box-sizing:border-box}.window[data-v-06b494fe]:hover{box-shadow:0 12px 48px #00000040}.window.maximized[data-v-06b494fe]{border-radius:0;box-shadow:none}.window-header[data-v-06b494fe]{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f3f3f3;border-bottom:1px solid #e0e0e0;cursor:move;-webkit-user-select:none;user-select:none}.window-title[data-v-06b494fe]{display:flex;align-items:center;gap:8px;flex:1;overflow:hidden}.window-icon[data-v-06b494fe]{font-size:16px}.title-text[data-v-06b494fe]{font-size:13px;font-weight:500;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.window-controls[data-v-06b494fe]{display:flex;gap:4px}.window-actions[data-v-06b494fe]{display:flex;gap:4px;margin-right:8px}.action-button[data-v-06b494fe]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .15s;font-size:16px;color:#666}.action-button[data-v-06b494fe]:hover:not(:disabled){background:#0000000d}.action-button[data-v-06b494fe]:disabled{opacity:.6;cursor:not-allowed}.control-button[data-v-06b494fe]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .15s;font-size:14px;color:#666}.control-button[data-v-06b494fe]:hover{background:#0000000d}.control-button.minimize[data-v-06b494fe]:hover{background:#ffc10733;color:#ffc107}.control-button.maximize[data-v-06b494fe]:hover{background:#007bff33;color:#007bff}.control-button.close[data-v-06b494fe]:hover{background:#dc354533;color:#dc3545}.window-content[data-v-06b494fe]{flex:1;overflow:auto;background:#fafafa;pointer-events:auto}.resize-handle[data-v-06b494fe]{position:absolute;background:transparent}.resize-right[data-v-06b494fe]{right:0;top:0;width:6px;height:100%;cursor:ew-resize}.resize-bottom[data-v-06b494fe]{bottom:0;left:0;width:100%;height:6px;cursor:ns-resize}.resize-corner[data-v-06b494fe]{right:0;bottom:0;width:12px;height:12px;cursor:nwse-resize}.folder-window-content[data-v-7d07f6cb]{width:100%;height:100%;display:flex;flex-direction:column;background:#fffffff2}.folder-header[data-v-7d07f6cb]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(0,0,0,.1)}.folder-header h2[data-v-7d07f6cb]{margin:0;font-size:18px;font-weight:600;color:#333}.add-bookmark-btn[data-v-7d07f6cb]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#667eeacc;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s}.add-bookmark-btn[data-v-7d07f6cb]:hover{background:#667eea}.folder-bookmarks[data-v-7d07f6cb]{flex:1;display:flex;flex-direction:row;flex-wrap:wrap;gap:16px;padding:30px;align-content:flex-start;overflow-y:auto}.folder-bookmarks[data-v-7d07f6cb]::-webkit-scrollbar{width:8px}.folder-bookmarks[data-v-7d07f6cb]::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.folder-bookmarks[data-v-7d07f6cb]::-webkit-scrollbar-thumb{background:#667eea66;border-radius:4px}.folder-bookmarks[data-v-7d07f6cb]::-webkit-scrollbar-thumb:hover{background:#667eea99}.desktop-icon[data-v-7d07f6cb]{display:flex;flex-direction:column;align-items:center;padding:10px;cursor:pointer;border-radius:4px;transition:all .2s;-webkit-user-select:none;user-select:none;width:80px}.desktop-icon[data-v-7d07f6cb]:hover{background:#667eea1a}.icon-wrapper[data-v-7d07f6cb]{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#667eea1a;border-radius:8px;margin-bottom:6px}.desktop-icon:hover .icon-wrapper[data-v-7d07f6cb]{background:#667eea33}.icon[data-v-7d07f6cb]{font-size:28px}.icon-title[data-v-7d07f6cb]{font-size:12px;color:#333;text-align:center;word-break:break-all;line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.empty-state[data-v-7d07f6cb]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#999;padding:60px 20px}.empty-icon[data-v-7d07f6cb]{font-size:64px;opacity:.5}.empty-text[data-v-7d07f6cb]{font-size:16px;font-weight:500;color:#666}.empty-hint[data-v-7d07f6cb]{font-size:14px;opacity:.8}.bookmark-detail-window-content[data-v-5535f4b6]{width:100%;height:100%;display:flex;flex-direction:column;background:#fffffff2;overflow-y:auto}.bookmark-detail-window-content[data-v-5535f4b6]::-webkit-scrollbar{width:8px}.bookmark-detail-window-content[data-v-5535f4b6]::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.bookmark-detail-window-content[data-v-5535f4b6]::-webkit-scrollbar-thumb{background:#667eea66;border-radius:4px}.bookmark-detail-window-content[data-v-5535f4b6]::-webkit-scrollbar-thumb:hover{background:#667eea99}.detail-header[data-v-5535f4b6]{padding:24px 30px;border-bottom:1px solid rgba(0,0,0,.1);background:#667eea1a}.bookmark-title[data-v-5535f4b6]{margin:0;color:#333;font-size:22px;font-weight:600}.detail-url-section[data-v-5535f4b6]{padding:20px 30px;margin-bottom:0;background:#00000008;border-bottom:1px solid rgba(0,0,0,.1)}.url-display[data-v-5535f4b6]{padding:12px;background:#fffc;border-radius:6px;border:1px solid rgba(0,0,0,.1);font-size:14px;color:#333;word-break:break-all;margin-bottom:15px}.detail-actions[data-v-5535f4b6]{display:flex;gap:10px;flex-wrap:wrap}.btn-detail-action[data-v-5535f4b6]{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;background:#ffffffe6;color:#333;border:1px solid rgba(0,0,0,.1)}.btn-detail-action[data-v-5535f4b6]:hover{background:#667eea1a;border-color:#667eea4d;color:#667eea}.btn-detail-action.btn-delete[data-v-5535f4b6]{background:#dc35451a;color:#dc3545;border-color:#dc354533}.btn-detail-action.btn-delete[data-v-5535f4b6]:hover{background:#dc354533;color:#dc3545}.detail-info[data-v-5535f4b6]{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:30px}.detail-left[data-v-5535f4b6],.detail-right[data-v-5535f4b6]{display:flex;flex-direction:column;gap:20px}.info-section[data-v-5535f4b6]{background:#00000008;padding:20px;border-radius:8px}.info-section h3[data-v-5535f4b6]{margin:0 0 16px;font-size:14px;font-weight:600;color:#333}.info-row[data-v-5535f4b6]{display:flex;gap:12px;margin-bottom:10px;font-size:13px}.info-row .label[data-v-5535f4b6]{color:#666;font-weight:500;min-width:70px}.info-row .value[data-v-5535f4b6]{color:#333;flex:1}.info-row .value.favorite[data-v-5535f4b6]{color:#ffc107;font-weight:600}.description-display[data-v-5535f4b6]{font-size:13px;color:#333;line-height:1.6;word-break:break-word}.accounts-section[data-v-5535f4b6]{background:#ffc1070d}.section-header[data-v-5535f4b6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-header h3[data-v-5535f4b6]{margin:0;font-size:16px;font-weight:600;color:#856404}.btn-add-account[data-v-5535f4b6]{padding:6px 12px;background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:4px;cursor:pointer;font-size:12px;color:#667eea;transition:all .2s}.btn-add-account[data-v-5535f4b6]:hover{background:#667eea33}.accounts-table-container[data-v-5535f4b6]{overflow-x:auto}.accounts-table[data-v-5535f4b6]{width:100%;border-collapse:collapse;font-size:14px}.accounts-table th[data-v-5535f4b6],.accounts-table td[data-v-5535f4b6]{padding:12px;text-align:left;border-bottom:1px solid rgba(0,0,0,.1)}.accounts-table th[data-v-5535f4b6]{background:#ffc1071a;color:#856404;font-weight:600}.accounts-table tr.default[data-v-5535f4b6]{background:#ffc1070d}.account-cell[data-v-5535f4b6],.password-cell[data-v-5535f4b6],.notes-cell[data-v-5535f4b6]{cursor:pointer;transition:background .2s}.account-cell[data-v-5535f4b6]:hover,.password-cell[data-v-5535f4b6]:hover{background:#0000000d}.account-value[data-v-5535f4b6]{color:#333}.default-badge[data-v-5535f4b6]{display:inline-block;margin-left:6px;padding:2px 6px;background:#ffc107;color:#333;border-radius:3px;font-size:10px;font-weight:600}.password-mask[data-v-5535f4b6]{color:#999}.password-value[data-v-5535f4b6]{color:#333}.btn-toggle-password[data-v-5535f4b6]{background:none;border:none;cursor:pointer;font-size:14px;padding:2px;margin-left:6px;opacity:.6;transition:opacity .2s}.btn-toggle-password[data-v-5535f4b6]:hover{opacity:1}.notes-value[data-v-5535f4b6]{color:#666}.actions-cell[data-v-5535f4b6]{display:flex;gap:4px}.btn-edit-account[data-v-5535f4b6],.btn-delete-account[data-v-5535f4b6]{background:none;border:none;cursor:pointer;font-size:14px;padding:2px;opacity:.6;transition:opacity .2s}.btn-edit-account[data-v-5535f4b6]:hover,.btn-delete-account[data-v-5535f4b6]:hover{opacity:1}.empty-accounts[data-v-5535f4b6]{padding:20px;text-align:center;color:#999;font-size:13px}.modal[data-v-5535f4b6]{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content[data-v-5535f4b6]{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 8px 32px #0000004d;width:400px;max-width:90%;overflow:hidden}.modal-header[data-v-5535f4b6]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(0,0,0,.1)}.modal-header h3[data-v-5535f4b6]{margin:0;font-size:16px;font-weight:600;color:#333}.modal-close[data-v-5535f4b6]{background:none;border:none;font-size:24px;cursor:pointer;color:#999;transition:color .2s}.modal-close[data-v-5535f4b6]:hover{color:#333}.modal-body[data-v-5535f4b6]{padding:20px}.form-group[data-v-5535f4b6]{margin-bottom:16px}.form-group label[data-v-5535f4b6]{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:#333}.form-group input[data-v-5535f4b6],.form-group textarea[data-v-5535f4b6]{width:100%;padding:10px 12px;border:1px solid rgba(0,0,0,.2);border-radius:6px;font-size:14px;box-sizing:border-box;transition:border-color .2s}.form-group input[data-v-5535f4b6]:focus,.form-group textarea[data-v-5535f4b6]:focus{outline:none;border-color:#667eea}.form-group textarea[data-v-5535f4b6]{resize:vertical;min-height:80px}.form-group.checkbox-group label[data-v-5535f4b6]{display:flex;align-items:center;gap:8px;cursor:pointer}.form-group.checkbox-group input[type=checkbox][data-v-5535f4b6]{width:auto}.modal-footer[data-v-5535f4b6]{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid rgba(0,0,0,.1)}.modal-btn[data-v-5535f4b6]{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.modal-btn-secondary[data-v-5535f4b6]{background:#0000000d;border:1px solid rgba(0,0,0,.1);color:#333}.modal-btn-secondary[data-v-5535f4b6]:hover{background:#0000001a}.modal-btn-primary[data-v-5535f4b6]{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.modal-btn-primary[data-v-5535f4b6]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}@keyframes fadeInOut-5535f4b6{0%{opacity:0;transform:translate(-50%) translateY(-20px)}10%{opacity:1;transform:translate(-50%) translateY(0)}90%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-20px)}}.overview-page[data-v-ef7242c8]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.header[data-v-ef7242c8]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000001a;padding:16px 0;position:sticky;top:0;z-index:3000}.header-content[data-v-ef7242c8]{max-width:1400px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}.nav-menu[data-v-ef7242c8]{display:flex;align-items:center;gap:16px}.logo-icon[data-v-ef7242c8]{width:32px;height:32px;object-fit:contain}.page-title-wrapper[data-v-ef7242c8]{display:flex;align-items:baseline;gap:12px}.page-title[data-v-ef7242c8]{margin:0;color:#333;font-size:24px;font-weight:600;line-height:1.2}.page-subtitle[data-v-ef7242c8]{font-size:14px;color:#999;font-weight:500;line-height:1.2}.nav-menu-btn[data-v-ef7242c8]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:8px;cursor:pointer;transition:all .3s}.nav-menu-btn[data-v-ef7242c8]:hover{background:#e0e0e0}.nav-menu-icon[data-v-ef7242c8]{font-size:20px;color:#333}.nav-dropdown[data-v-ef7242c8]{position:absolute;top:100%;left:0;margin-top:12px;background:#fff;border-radius:16px;box-shadow:0 8px 32px #00000026;min-width:480px;max-width:600px;z-index:2800;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease}.nav-dropdown.show[data-v-ef7242c8]{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown-content[data-v-ef7242c8]{padding:20px;position:relative;z-index:1}.nav-grid[data-v-ef7242c8]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.nav-card[data-v-ef7242c8]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;border-radius:12px;text-decoration:none;color:#333;transition:all .3s;background:#f8f9fa}.nav-card[data-v-ef7242c8]:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.nav-card-icon[data-v-ef7242c8]{font-size:32px;line-height:1}.nav-card-name[data-v-ef7242c8]{font-size:13px;font-weight:500;text-align:center}.nav-overlay[data-v-ef7242c8]{position:fixed;inset:0;background:#00000080;z-index:2790;opacity:0;visibility:hidden;transition:all .3s ease;cursor:pointer}.nav-overlay.show[data-v-ef7242c8]{opacity:1;visibility:visible}@media(min-width:1920px){.header-content[data-v-ef7242c8]{max-width:1600px}}@media(min-width:2560px){.header-content[data-v-ef7242c8]{max-width:1800px}}.back-btn[data-v-ef7242c8]{display:flex;align-items:center;gap:8px;color:#667eea;text-decoration:none;font-weight:500;transition:all .3s}.back-btn[data-v-ef7242c8]:hover{color:#764ba2}.back-icon[data-v-ef7242c8]{font-size:18px}.header h1[data-v-ef7242c8]{margin:0;color:#333;font-size:24px;font-weight:600}.header-actions[data-v-ef7242c8]{display:flex;gap:12px}.refresh-btn[data-v-ef7242c8]{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.refresh-btn[data-v-ef7242c8]:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.refresh-btn[data-v-ef7242c8]:disabled{opacity:.6;cursor:not-allowed}.main-content[data-v-ef7242c8]{max-width:1400px;margin:0 auto;padding:32px 24px}.summary-cards[data-v-ef7242c8]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.summary-card[data-v-ef7242c8]{background:#fff;border-radius:16px;padding:24px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 16px #00000014;transition:transform .3s}.summary-card[data-v-ef7242c8]:hover{transform:translateY(-4px)}.summary-card .card-icon[data-v-ef7242c8]{font-size:40px}.summary-card .card-content[data-v-ef7242c8]{flex:1}.summary-card .card-label[data-v-ef7242c8]{color:#666;font-size:14px;margin-bottom:8px}.summary-card .card-value[data-v-ef7242c8]{font-size:24px;font-weight:700;color:#333}.summary-card .card-value.debt[data-v-ef7242c8]{color:#f56c6c}.summary-card .card-value.credit[data-v-ef7242c8],.summary-card .card-value.positive[data-v-ef7242c8]{color:#67c23a}.summary-card .card-value.negative[data-v-ef7242c8]{color:#f56c6c}.overview-grid[data-v-ef7242c8]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid-card[data-v-ef7242c8]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #00000014;transition:all .3s;display:flex;flex-direction:column}.grid-card[data-v-ef7242c8]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.card-header[data-v-ef7242c8]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;transition:all .3s}.card-header[data-v-ef7242c8]:hover{filter:brightness(1.05)}.card-title[data-v-ef7242c8]{display:flex;align-items:center;gap:10px}.card-title .card-icon[data-v-ef7242c8]{font-size:20px}.card-title h3[data-v-ef7242c8]{margin:0;color:#fff;font-size:16px;font-weight:600}.card-arrow[data-v-ef7242c8]{color:#fff;font-size:18px;opacity:.8;transition:transform .3s}.card-header:hover .card-arrow[data-v-ef7242c8]{transform:translate(4px);opacity:1}.card-body[data-v-ef7242c8]{padding:16px;flex:1;display:flex;flex-direction:column}.mini-stats[data-v-ef7242c8]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.mini-stat[data-v-ef7242c8]{text-align:center;padding:12px 8px;background:#f9f9f9;border-radius:10px;transition:all .3s}.mini-stat[data-v-ef7242c8]:hover{background:#f0f3ff}.mini-stat.full-width[data-v-ef7242c8]{grid-column:span 2}.mini-stat.highlight[data-v-ef7242c8]{background:linear-gradient(135deg,#667eea1a,#764ba21a)}.mini-stat.highlight .mini-value[data-v-ef7242c8]{color:#667eea}.mini-value[data-v-ef7242c8]{display:block;font-size:18px;font-weight:700;color:#333;margin-bottom:4px}.mini-label[data-v-ef7242c8]{display:block;font-size:11px;color:#666}.card-list[data-v-ef7242c8]{display:flex;flex-direction:column;gap:8px;flex:1}.list-item[data-v-ef7242c8]{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#f9f9f9;border-radius:8px;transition:all .3s}.list-item[data-v-ef7242c8]:hover{background:#f0f3ff}.item-name[data-v-ef7242c8]{font-size:13px;color:#333;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.item-value[data-v-ef7242c8]{font-size:13px;color:#667eea;font-weight:600}.item-badge[data-v-ef7242c8]{font-size:11px;padding:2px 8px;border-radius:4px;font-weight:500}.item-badge.active[data-v-ef7242c8],.item-badge.pending[data-v-ef7242c8]{background:#fff0f0;color:#f56c6c}.item-badge.completed[data-v-ef7242c8]{background:#f0fff0;color:#67c23a}.item-badge.overdue[data-v-ef7242c8]{background:#fff0f0;color:#f56c6c}.card-empty[data-v-ef7242c8]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;color:#999}.card-empty .empty-icon[data-v-ef7242c8]{font-size:32px;margin-bottom:8px;opacity:.5}.card-empty span[data-v-ef7242c8]:last-child{font-size:13px}.card-footer[data-v-ef7242c8]{padding-top:12px;border-top:1px solid #f0f0f0;text-align:center}.footer-text[data-v-ef7242c8]{font-size:12px;color:#999}@media(max-width:1200px){.summary-cards[data-v-ef7242c8],.overview-grid[data-v-ef7242c8]{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.header-content[data-v-ef7242c8]{flex-wrap:wrap;gap:12px}.nav-menu[data-v-ef7242c8]{width:100%;order:-1}.nav-dropdown[data-v-ef7242c8]{position:fixed;inset:0;margin:0;border-radius:0;max-width:none;min-width:0;padding:20px;display:flex;flex-direction:column}.nav-grid[data-v-ef7242c8]{grid-template-columns:repeat(2,1fr);gap:16px}.nav-card[data-v-ef7242c8]{padding:24px 16px}.nav-card-icon[data-v-ef7242c8]{font-size:36px}.nav-card-name[data-v-ef7242c8]{font-size:14px}.nav-overlay[data-v-ef7242c8]{display:none}.header h1[data-v-ef7242c8]{order:-1;width:100%;text-align:center}.summary-cards[data-v-ef7242c8],.overview-grid[data-v-ef7242c8]{grid-template-columns:1fr}.mini-stats[data-v-ef7242c8]{grid-template-columns:repeat(2,1fr)}.mini-stat.full-width[data-v-ef7242c8]{grid-column:span 1}}.todo-overview[data-v-4979c4f8]{width:100%}.content-header[data-v-4979c4f8]{margin-bottom:30px}.content-header h1[data-v-4979c4f8]{color:#333;font-size:28px;margin:0}.stats-grid[data-v-4979c4f8]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card[data-v-4979c4f8]{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;align-items:center;gap:16px}.stat-icon[data-v-4979c4f8]{font-size:40px}.stat-info[data-v-4979c4f8]{flex:1}.stat-value[data-v-4979c4f8]{font-size:24px;font-weight:600;color:#333}.stat-label[data-v-4979c4f8]{font-size:14px;color:#666;margin-top:4px}.info-sections[data-v-4979c4f8]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px}.section[data-v-4979c4f8]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;margin-bottom:20px}.info-section[data-v-4979c4f8]{margin-bottom:0;display:flex;flex-direction:column}.section-header[data-v-4979c4f8]{margin-bottom:20px}.section-header h2[data-v-4979c4f8]{font-size:18px;color:#333;margin:0}.category-list[data-v-4979c4f8]{display:flex;flex-direction:column;gap:12px}.category-item[data-v-4979c4f8]{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f8f9fa;border-radius:8px}.category-info[data-v-4979c4f8]{flex:1}.category-name[data-v-4979c4f8]{font-weight:500;color:#333}.category-count[data-v-4979c4f8]{font-size:12px;color:#666;margin-top:4px}.category-completed[data-v-4979c4f8]{font-weight:600;color:#4caf50}.upcoming-list[data-v-4979c4f8]{display:flex;flex-direction:column;gap:12px}.upcoming-item[data-v-4979c4f8]{display:flex;align-items:center;gap:12px;padding:12px;border-bottom:1px solid #eee}.upcoming-item[data-v-4979c4f8]:last-child{border-bottom:none}.upcoming-icon[data-v-4979c4f8]{font-size:20px}.upcoming-info[data-v-4979c4f8]{flex:1}.upcoming-name[data-v-4979c4f8]{font-weight:500;color:#333}.upcoming-detail[data-v-4979c4f8]{font-size:12px;color:#666;margin-top:4px}.upcoming-date[data-v-4979c4f8]{color:#f57c00;font-weight:500;font-size:14px}.countdown-list[data-v-4979c4f8]{display:flex;flex-direction:column;gap:12px}.countdown-item[data-v-4979c4f8]{display:flex;align-items:center;gap:12px;padding:12px;background:#f8f9fa;border-radius:8px}.countdown-icon[data-v-4979c4f8]{font-size:20px}.countdown-info[data-v-4979c4f8]{flex:1}.countdown-name[data-v-4979c4f8]{font-weight:500;color:#333}.countdown-detail[data-v-4979c4f8]{font-size:12px;color:#666;margin-top:4px}.countdown-days[data-v-4979c4f8]{font-weight:600;color:#667eea;font-size:14px;white-space:nowrap}.empty-state[data-v-4979c4f8]{text-align:center;padding:40px;color:#999}@media(max-width:1200px){.info-sections[data-v-4979c4f8]{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.stat-card[data-v-4979c4f8]{padding:16px}.stat-icon[data-v-4979c4f8]{font-size:32px}.stat-value[data-v-4979c4f8]{font-size:20px}.info-sections[data-v-4979c4f8]{grid-template-columns:1fr}.section[data-v-4979c4f8]{padding:20px}.section-header h2[data-v-4979c4f8]{font-size:16px}}@media(max-width:480px){.stats-grid[data-v-4979c4f8]{grid-template-columns:1fr 1fr;gap:12px}.stat-card[data-v-4979c4f8]{padding:12px}.stat-icon[data-v-4979c4f8]{font-size:28px}.stat-value[data-v-4979c4f8]{font-size:18px}.stat-label[data-v-4979c4f8]{font-size:12px}.info-sections[data-v-4979c4f8]{gap:16px}.section[data-v-4979c4f8]{padding:16px}.section-header[data-v-4979c4f8]{margin-bottom:16px}.section-header h2[data-v-4979c4f8]{font-size:15px}}.todos-page[data-v-ffb90b0a]{width:100%}.page-header[data-v-ffb90b0a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.page-header h1[data-v-ffb90b0a]{color:#333;font-size:28px;margin:0}.filters[data-v-ffb90b0a]{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}.filters select[data-v-ffb90b0a],.filters input[data-v-ffb90b0a]{padding:10px 15px;border:1px solid #ddd;border-radius:6px;font-size:14px;background:#fff;cursor:pointer}.search-input[data-v-ffb90b0a]{flex:1;min-width:200px}.stats-bar[data-v-ffb90b0a]{display:flex;gap:20px;padding:15px 20px;background:#f8f9fa;border-radius:8px;margin-bottom:20px;flex-wrap:wrap}.stat-item[data-v-ffb90b0a]{display:flex;align-items:center;gap:8px}.stat-label[data-v-ffb90b0a]{font-size:14px;color:#666}.stat-value[data-v-ffb90b0a]{font-size:18px;font-weight:600;color:#333}.stat-pending[data-v-ffb90b0a]{color:#ffc107}.stat-in-progress[data-v-ffb90b0a]{color:#007bff}.stat-completed[data-v-ffb90b0a]{color:#28a745}.stat-overdue[data-v-ffb90b0a]{color:#dc3545}.todos-list[data-v-ffb90b0a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,320px));gap:15px}@media(min-width:1920px){.todos-page[data-v-ffb90b0a]{padding:0 35px}.todos-list[data-v-ffb90b0a]{grid-template-columns:repeat(auto-fill,minmax(340px,340px));gap:18px}.todo-item[data-v-ffb90b0a]{padding:22px}}@media(max-width:1600px){.todos-page[data-v-ffb90b0a]{padding:0 28px}.todos-list[data-v-ffb90b0a]{grid-template-columns:repeat(auto-fill,minmax(320px,320px));gap:16px}.todo-item[data-v-ffb90b0a]{padding:18px}}@media(max-width:1400px){.todos-page[data-v-ffb90b0a]{padding:0 25px}.todos-list[data-v-ffb90b0a]{grid-template-columns:repeat(auto-fill,minmax(320px,320px));gap:16px}.todo-item[data-v-ffb90b0a]{padding:18px}}@media(max-width:1200px){.todos-page[data-v-ffb90b0a]{padding:0 22px}.todos-list[data-v-ffb90b0a]{grid-template-columns:repeat(auto-fill,minmax(300px,300px));gap:14px}.todo-item[data-v-ffb90b0a]{padding:16px}}@media(max-width:1024px){.todos-page[data-v-ffb90b0a]{padding:0 20px}.todos-list[data-v-ffb90b0a]{grid-template-columns:repeat(auto-fill,minmax(280px,280px));gap:14px}.todo-item[data-v-ffb90b0a]{padding:16px}}@media(max-width:768px){.todos-page[data-v-ffb90b0a]{padding:0 16px}.todos-list[data-v-ffb90b0a]{grid-template-columns:repeat(auto-fill,minmax(260px,260px));gap:12px}.todo-item[data-v-ffb90b0a]{padding:15px}.todo-item-title[data-v-ffb90b0a]{font-size:15px}}@media(max-width:480px){.todos-page[data-v-ffb90b0a]{padding:0 12px}.todos-list[data-v-ffb90b0a]{grid-template-columns:repeat(auto-fill,minmax(240px,240px));gap:10px}.todo-item[data-v-ffb90b0a]{padding:12px}.todo-item-title[data-v-ffb90b0a]{font-size:14px}}.todo-item[data-v-ffb90b0a]{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000000d;transition:all .3s;border-left:4px solid #667eea}.todo-item[data-v-ffb90b0a]:hover{box-shadow:0 4px 12px #0000001a}.todo-item.completed[data-v-ffb90b0a]{opacity:.6;border-left-color:#28a745}.todo-item.overdue[data-v-ffb90b0a]{border-left-color:#dc3545}.todo-item-header[data-v-ffb90b0a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.todo-item-left[data-v-ffb90b0a]{display:flex;align-items:center;gap:12px;flex:1}.todo-checkbox[data-v-ffb90b0a]{width:20px;height:20px;cursor:pointer}.todo-item-title[data-v-ffb90b0a]{font-size:16px;font-weight:500;color:#333;flex:1}.todo-item.completed .todo-item-title[data-v-ffb90b0a]{text-decoration:line-through;color:#999}.todo-item-right[data-v-ffb90b0a]{display:flex;align-items:center;gap:8px}.todo-item-favorite[data-v-ffb90b0a]{font-size:20px;cursor:pointer;color:#ccc;transition:all .3s}.todo-item-favorite.active[data-v-ffb90b0a]{color:#ffc107}.btn-edit[data-v-ffb90b0a],.btn-delete[data-v-ffb90b0a]{background:none;border:none;cursor:pointer;font-size:16px;padding:4px;border-radius:4px;transition:all .3s}.btn-edit[data-v-ffb90b0a]:hover{background:#e3f2fd}.btn-delete[data-v-ffb90b0a]:hover{background:#ffebee}.todo-item-body[data-v-ffb90b0a]{margin-bottom:12px;color:#666;font-size:14px;line-height:1.6}.todo-item-footer[data-v-ffb90b0a]{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.todo-item-priority[data-v-ffb90b0a]{font-size:12px;padding:4px 10px;border-radius:12px;font-weight:500}.priority-low[data-v-ffb90b0a]{background:#e8f5e9;color:#4caf50}.priority-medium[data-v-ffb90b0a]{background:#fff3e0;color:#ff9800}.priority-high[data-v-ffb90b0a]{background:#ffebee;color:#f44336}.priority-urgent[data-v-ffb90b0a]{background:#fce4ec;color:#e91e63}.todo-item-category[data-v-ffb90b0a]{font-size:12px;color:#667eea;background:#e3f2fd;padding:4px 10px;border-radius:12px}.todo-item-group[data-v-ffb90b0a]{font-size:12px;color:#999;background:#f5f5f5;padding:4px 10px;border-radius:12px}.todo-item-due-date[data-v-ffb90b0a]{font-size:12px;color:#666}.empty-state[data-v-ffb90b0a]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#999}.empty-icon[data-v-ffb90b0a]{font-size:60px;margin-bottom:20px}.modal[data-v-ffb90b0a]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-ffb90b0a]{background:#fff;border-radius:12px;padding:30px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto}.modal-content h2[data-v-ffb90b0a]{margin-top:0;margin-bottom:20px;color:#333}.form-group[data-v-ffb90b0a]{margin-bottom:20px}.form-row[data-v-ffb90b0a]{display:flex;gap:15px}.form-row .form-group[data-v-ffb90b0a]{flex:1}.form-group label[data-v-ffb90b0a]{display:block;margin-bottom:8px;color:#333;font-weight:500}.form-group input[data-v-ffb90b0a],.form-group select[data-v-ffb90b0a],.form-group textarea[data-v-ffb90b0a]{width:100%;padding:10px 15px;border:1px solid #ddd;border-radius:6px;font-size:14px;box-sizing:border-box}.form-group textarea[data-v-ffb90b0a]{resize:vertical}.checkbox-group label[data-v-ffb90b0a]{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-group input[type=checkbox][data-v-ffb90b0a]{width:auto}.modal-actions[data-v-ffb90b0a]{display:flex;gap:10px;justify-content:flex-end;margin-top:30px}.btn-primary[data-v-ffb90b0a],.btn-secondary[data-v-ffb90b0a],.btn-add[data-v-ffb90b0a]{padding:10px 20px;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s}.btn-primary[data-v-ffb90b0a],.btn-add[data-v-ffb90b0a]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary[data-v-ffb90b0a]:hover,.btn-add[data-v-ffb90b0a]:hover{box-shadow:0 4px 12px #667eea66}.btn-secondary[data-v-ffb90b0a]{background:#f5f5f5;color:#333}.btn-secondary[data-v-ffb90b0a]:hover{background:#e0e0e0}.countdowns-page[data-v-bf0fe2f5]{width:100%}.page-header[data-v-bf0fe2f5]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.page-header h1[data-v-bf0fe2f5]{color:#333;font-size:28px;margin:0}.filters[data-v-bf0fe2f5]{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}.filters select[data-v-bf0fe2f5],.filters input[data-v-bf0fe2f5]{padding:10px 15px;border:1px solid #ddd;border-radius:6px;font-size:14px;background:#fff;cursor:pointer}.search-input[data-v-bf0fe2f5]{flex:1;min-width:200px}.countdowns-grid[data-v-bf0fe2f5]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.countdown-card[data-v-bf0fe2f5]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:24px;color:#fff;box-shadow:0 4px 12px #0000001a;transition:all .3s;position:relative}.countdown-card[data-v-bf0fe2f5]:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.countdown-card-header[data-v-bf0fe2f5]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.countdown-icon[data-v-bf0fe2f5]{font-size:32px}.countdown-actions[data-v-bf0fe2f5]{display:flex;gap:8px}.countdown-favorite[data-v-bf0fe2f5]{font-size:20px;cursor:pointer;opacity:.7;transition:all .3s}.countdown-favorite.active[data-v-bf0fe2f5]{opacity:1}.btn-edit[data-v-bf0fe2f5],.btn-delete[data-v-bf0fe2f5]{background:#fff3;border:none;cursor:pointer;font-size:14px;padding:6px 10px;border-radius:4px;color:#fff;transition:all .3s}.btn-edit[data-v-bf0fe2f5]:hover,.btn-delete[data-v-bf0fe2f5]:hover{background:#ffffff4d}.countdown-days[data-v-bf0fe2f5]{text-align:center;margin-bottom:16px}.days-number[data-v-bf0fe2f5]{display:block;font-size:48px;font-weight:700;line-height:1}.days-label[data-v-bf0fe2f5]{display:block;font-size:14px;opacity:.9;margin-top:8px}.countdown-title[data-v-bf0fe2f5]{font-size:18px;font-weight:600;text-align:center;margin-bottom:12px;word-break:break-word}.countdown-date[data-v-bf0fe2f5]{text-align:center;font-size:14px;opacity:.9;margin-bottom:16px}.countdown-footer[data-v-bf0fe2f5]{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.countdown-type[data-v-bf0fe2f5],.countdown-category[data-v-bf0fe2f5]{font-size:12px;padding:4px 12px;border-radius:12px;background:#fff3}.empty-state[data-v-bf0fe2f5]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#999}.empty-icon[data-v-bf0fe2f5]{font-size:60px;margin-bottom:20px}.modal[data-v-bf0fe2f5]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-bf0fe2f5]{background:#fff;border-radius:12px;padding:30px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto}.modal-content h2[data-v-bf0fe2f5]{margin-top:0;margin-bottom:20px;color:#333}.form-group[data-v-bf0fe2f5]{margin-bottom:20px}.form-row[data-v-bf0fe2f5]{display:flex;gap:15px}.form-row .form-group[data-v-bf0fe2f5]{flex:1}.form-group label[data-v-bf0fe2f5]{display:block;margin-bottom:8px;color:#333;font-weight:500}.form-group input[data-v-bf0fe2f5],.form-group select[data-v-bf0fe2f5],.form-group textarea[data-v-bf0fe2f5]{width:100%;padding:10px 15px;border:1px solid #ddd;border-radius:6px;font-size:14px;box-sizing:border-box}.form-group textarea[data-v-bf0fe2f5]{resize:vertical}.form-group input[type=color][data-v-bf0fe2f5]{height:42px;padding:4px 10px}.checkbox-group label[data-v-bf0fe2f5]{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-group input[type=checkbox][data-v-bf0fe2f5]{width:auto}.modal-actions[data-v-bf0fe2f5]{display:flex;gap:10px;justify-content:flex-end;margin-top:30px}.btn-primary[data-v-bf0fe2f5],.btn-secondary[data-v-bf0fe2f5],.btn-add[data-v-bf0fe2f5]{padding:10px 20px;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s}.btn-primary[data-v-bf0fe2f5],.btn-add[data-v-bf0fe2f5]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary[data-v-bf0fe2f5]:hover,.btn-add[data-v-bf0fe2f5]:hover{box-shadow:0 4px 12px #667eea66}.btn-secondary[data-v-bf0fe2f5]{background:#f5f5f5;color:#333}.btn-secondary[data-v-bf0fe2f5]:hover{background:#e0e0e0}@media(max-width:1400px){.countdowns-page[data-v-bf0fe2f5]{padding:0 25px}.countdowns-grid[data-v-bf0fe2f5]{gap:18px}.countdown-card[data-v-bf0fe2f5]{padding:22px}}@media(max-width:1024px){.countdowns-page[data-v-bf0fe2f5]{padding:0 20px}.countdowns-grid[data-v-bf0fe2f5]{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.countdown-card[data-v-bf0fe2f5]{padding:20px}.countdown-icon[data-v-bf0fe2f5]{font-size:28px}.countdown-days[data-v-bf0fe2f5]{margin-bottom:14px}.days-number[data-v-bf0fe2f5]{font-size:36px}.days-label[data-v-bf0fe2f5]{font-size:13px}.countdown-title[data-v-bf0fe2f5]{font-size:16px}.countdown-date[data-v-bf0fe2f5]{font-size:13px}}@media(max-width:768px){.countdowns-page[data-v-bf0fe2f5]{padding:0 16px}.countdowns-grid[data-v-bf0fe2f5]{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.countdown-card[data-v-bf0fe2f5]{padding:18px}.countdown-icon[data-v-bf0fe2f5]{font-size:26px}.countdown-days[data-v-bf0fe2f5]{margin-bottom:12px}.days-number[data-v-bf0fe2f5]{font-size:32px}.days-label[data-v-bf0fe2f5]{font-size:12px}.countdown-title[data-v-bf0fe2f5]{font-size:15px}.countdown-date[data-v-bf0fe2f5]{font-size:12px}.countdown-footer[data-v-bf0fe2f5]{gap:8px}.countdown-type[data-v-bf0fe2f5],.countdown-category[data-v-bf0fe2f5]{font-size:11px;padding:3px 10px}}@media(max-width:480px){.countdowns-page[data-v-bf0fe2f5]{padding:0 12px}.countdowns-grid[data-v-bf0fe2f5]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.countdown-card[data-v-bf0fe2f5]{padding:16px}.countdown-icon[data-v-bf0fe2f5]{font-size:24px}.countdown-days[data-v-bf0fe2f5]{margin-bottom:10px}.days-number[data-v-bf0fe2f5]{font-size:28px}.days-label[data-v-bf0fe2f5]{font-size:11px}.countdown-title[data-v-bf0fe2f5]{font-size:14px}.countdown-date[data-v-bf0fe2f5]{font-size:11px}.countdown-footer[data-v-bf0fe2f5]{gap:6px}.countdown-type[data-v-bf0fe2f5],.countdown-category[data-v-bf0fe2f5]{font-size:10px;padding:2px 8px}}.categories-page[data-v-d3b442d5]{width:100%;padding:0 30px}.page-header[data-v-d3b442d5]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.page-header h1[data-v-d3b442d5]{color:#333;font-size:28px;margin:0}.tabs-container[data-v-d3b442d5]{display:flex;gap:12px;margin-bottom:30px;padding:8px;background:#f8f9fa;border-radius:12px}.tab-item[data-v-d3b442d5]{display:flex;align-items:center;gap:8px;padding:12px 24px;cursor:pointer;border-radius:8px;font-size:15px;font-weight:500;color:#666;transition:all .3s ease;background:transparent;border:2px solid transparent}.tab-item[data-v-d3b442d5]:hover{background:#e9ecef;color:#333}.tab-item.active[data-v-d3b442d5]{background:#fff;color:#667eea;border-color:#667eea;box-shadow:0 2px 8px #667eea26;font-weight:600}.tab-icon[data-v-d3b442d5]{font-size:18px}.categories-list[data-v-d3b442d5]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.category-item[data-v-d3b442d5]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;gap:15px;transition:all .3s;min-height:180px}.category-item[data-v-d3b442d5]:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.category-icon[data-v-d3b442d5]{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0;color:#fff}.category-info[data-v-d3b442d5]{flex:1;display:flex;flex-direction:column}.category-info h3[data-v-d3b442d5]{margin:0 0 8px;font-size:18px;color:#333}.category-info .description[data-v-d3b442d5]{margin:0 0 12px;font-size:14px;color:#666;flex:1;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.category-info .meta[data-v-d3b442d5]{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.category-info .count[data-v-d3b442d5]{font-size:13px;color:#667eea;font-weight:500}.default-badge[data-v-d3b442d5]{font-size:11px;padding:3px 8px;background:#e3f2fd;color:#1976d2;border-radius:10px}.category-actions[data-v-d3b442d5]{display:flex;gap:8px}.btn-edit[data-v-d3b442d5],.btn-delete[data-v-d3b442d5]{padding:8px 12px;border:none;border-radius:6px;font-size:13px;cursor:pointer;transition:all .3s;flex:1}.btn-edit[data-v-d3b442d5]{background:#e3f2fd;color:#1976d2}.btn-edit[data-v-d3b442d5]:hover{background:#1976d2;color:#fff}.btn-delete[data-v-d3b442d5]{background:#ffebee;color:#d32f2f}.btn-delete[data-v-d3b442d5]:hover{background:#d32f2f;color:#fff}.btn-delete[data-v-d3b442d5]:disabled{opacity:.5;cursor:not-allowed}.empty-state[data-v-d3b442d5]{text-align:center;padding:60px 20px;color:#999}.empty-icon[data-v-d3b442d5]{font-size:64px;margin-bottom:20px}.modal[data-v-d3b442d5]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-d3b442d5]{background:#fff;border-radius:12px;padding:30px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-content h2[data-v-d3b442d5]{margin-top:0;color:#333}.form-group[data-v-d3b442d5]{margin-bottom:20px}.form-row[data-v-d3b442d5]{display:flex;gap:15px}.form-row .form-group[data-v-d3b442d5]{flex:1}.form-group label[data-v-d3b442d5]{display:block;margin-bottom:8px;color:#333;font-weight:500}.form-group input[data-v-d3b442d5],.form-group select[data-v-d3b442d5],.form-group textarea[data-v-d3b442d5]{width:100%;padding:10px 15px;border:1px solid #ddd;border-radius:6px;font-size:14px;box-sizing:border-box}.form-group textarea[data-v-d3b442d5]{resize:vertical}.form-group input[type=color][data-v-d3b442d5]{height:42px;padding:4px 10px}.form-actions[data-v-d3b442d5]{display:flex;gap:10px;margin-top:30px}.btn-primary[data-v-d3b442d5],.btn-secondary[data-v-d3b442d5],.btn-add[data-v-d3b442d5]{flex:1;padding:12px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.btn-primary[data-v-d3b442d5],.btn-add[data-v-d3b442d5]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary[data-v-d3b442d5]:hover,.btn-add[data-v-d3b442d5]:hover{opacity:.9}.btn-primary[data-v-d3b442d5]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-d3b442d5]{background:#f5f5f5;color:#333}.btn-secondary[data-v-d3b442d5]:hover{background:#e0e0e0}.btn-add[data-v-d3b442d5]{flex:none;padding:8px 16px;font-size:14px}@media(min-width:1920px){.categories-page[data-v-d3b442d5]{padding:0 35px}.categories-list[data-v-d3b442d5]{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}.category-item[data-v-d3b442d5]{padding:22px}.category-icon[data-v-d3b442d5]{width:65px;height:65px;font-size:30px}.category-info h3[data-v-d3b442d5]{font-size:18px}.category-info .description[data-v-d3b442d5]{font-size:14px}.category-info .meta[data-v-d3b442d5]{font-size:13px}}@media(max-width:1600px){.categories-page[data-v-d3b442d5]{padding:0 28px}.categories-list[data-v-d3b442d5]{gap:18px}.category-item[data-v-d3b442d5]{padding:18px}}@media(max-width:1400px){.categories-page[data-v-d3b442d5]{padding:0 25px}}@media(max-width:1024px){.categories-page[data-v-d3b442d5]{padding:0 20px}.categories-list[data-v-d3b442d5]{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:15px}}@media(max-width:768px){.categories-page[data-v-d3b442d5]{padding:0 16px}.tabs-container[data-v-d3b442d5]{gap:8px;padding:6px}.tab-item[data-v-d3b442d5]{padding:10px 16px;font-size:14px}.categories-list[data-v-d3b442d5]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.category-item[data-v-d3b442d5]{padding:15px;min-height:160px}.category-icon[data-v-d3b442d5]{width:50px;height:50px;font-size:24px}.category-info h3[data-v-d3b442d5]{font-size:16px}.category-info .description[data-v-d3b442d5]{font-size:13px}.category-info .meta[data-v-d3b442d5]{font-size:12px}.btn-edit[data-v-d3b442d5],.btn-delete[data-v-d3b442d5]{padding:6px 10px;font-size:12px}}@media(max-width:480px){.categories-page[data-v-d3b442d5]{padding:0 12px}.tabs-container[data-v-d3b442d5]{flex-direction:row;gap:6px;padding:6px}.tab-item[data-v-d3b442d5]{border-radius:8px;margin-bottom:0;padding:10px 14px;font-size:14px}.categories-list[data-v-d3b442d5]{grid-template-columns:1fr;gap:10px}.category-item[data-v-d3b442d5]{padding:12px;min-height:150px}.category-icon[data-v-d3b442d5]{width:45px;height:45px;font-size:22px}.category-info h3[data-v-d3b442d5]{font-size:15px}.category-info .description[data-v-d3b442d5]{font-size:12px}.modal-content[data-v-d3b442d5]{max-width:100%;margin:0;border-radius:0;padding:16px}.modal-content h2[data-v-d3b442d5]{font-size:16px}.form-group[data-v-d3b442d5]{margin-bottom:14px}.form-group label[data-v-d3b442d5]{font-size:12px}.form-group input[data-v-d3b442d5],.form-group textarea[data-v-d3b442d5]{padding:8px;font-size:13px}.form-actions[data-v-d3b442d5]{flex-direction:column;gap:8px}.btn-primary[data-v-d3b442d5],.btn-secondary[data-v-d3b442d5]{width:100%;padding:12px}}.todo-management[data-v-75fc3ece]{display:flex;flex-direction:column;height:100vh;background:#f8f9fa;background-image:radial-gradient(circle at 1px 1px,rgba(102,126,234,.15) 1px,transparent 0);background-size:40px 40px;overflow-x:hidden}.header[data-v-75fc3ece]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000001a;padding:16px 0;position:sticky;top:0;z-index:3000;flex-shrink:0}.header-content[data-v-75fc3ece]{width:100%;padding:0 16px;display:flex;justify-content:space-between;align-items:center}.nav-menu[data-v-75fc3ece]{display:flex;align-items:center;gap:16px}.logo-icon[data-v-75fc3ece]{width:32px;height:32px;object-fit:contain}.page-title-wrapper[data-v-75fc3ece]{display:flex;align-items:baseline;gap:12px}.page-title[data-v-75fc3ece]{margin:0;color:#333;font-size:24px;font-weight:600;line-height:1.2}.page-subtitle[data-v-75fc3ece]{font-size:14px;color:#999;font-weight:500;line-height:1.2}.user-info[data-v-75fc3ece]{display:flex;align-items:center;gap:12px;flex-shrink:0}.user-avatar[data-v-75fc3ece]{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;flex-shrink:0}.user-name[data-v-75fc3ece]{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333;font-size:15px;font-weight:500}.settings-btn[data-v-75fc3ece]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:50%;text-decoration:none;font-size:20px;transition:all .3s;flex-shrink:0}.settings-btn[data-v-75fc3ece]:hover{background:#e0e0e0;transform:rotate(30deg)}.nav-menu[data-v-75fc3ece]{position:relative;flex-shrink:0}.nav-menu-btn[data-v-75fc3ece]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:8px;cursor:pointer;transition:all .3s}.nav-menu-btn[data-v-75fc3ece]:hover{background:#e0e0e0}.nav-menu-icon[data-v-75fc3ece]{font-size:20px;color:#333}.nav-dropdown[data-v-75fc3ece]{position:absolute;top:100%;left:0;margin-top:12px;background:#fff;border-radius:16px;box-shadow:0 8px 32px #00000026;min-width:480px;max-width:600px;z-index:2800;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease}.nav-dropdown.show[data-v-75fc3ece]{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown-content[data-v-75fc3ece]{padding:20px;position:relative;z-index:1}.nav-grid[data-v-75fc3ece]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.nav-card[data-v-75fc3ece]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;border-radius:12px;text-decoration:none;color:#333;transition:all .3s;background:#f8f9fa}.nav-card[data-v-75fc3ece]:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.nav-card-icon[data-v-75fc3ece]{font-size:32px;line-height:1}.nav-card-name[data-v-75fc3ece]{font-size:13px;font-weight:500;text-align:center}.nav-overlay[data-v-75fc3ece]{position:fixed;inset:0;background:#0000004d;z-index:2700;opacity:0;visibility:hidden;transition:all .3s}.nav-overlay.show[data-v-75fc3ece]{opacity:1;visibility:visible}.main-container[data-v-75fc3ece]{display:flex;flex:1;overflow:visible}.sidebar[data-v-75fc3ece]{width:240px;background:linear-gradient(180deg,#667eea,#764ba2);padding:20px;box-shadow:2px 0 10px #0000001a;flex-shrink:0}.sidebar h2[data-v-75fc3ece]{color:#fff;font-size:20px;margin-bottom:30px;text-align:center;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.2)}.menu[data-v-75fc3ece]{display:flex;flex-direction:column;gap:8px}.menu-item[data-v-75fc3ece]{display:flex;align-items:center;padding:14px 16px;color:#fffc;cursor:pointer;border-radius:8px;transition:all .3s;text-decoration:none}.menu-item[data-v-75fc3ece]:hover{background:#ffffff1a;color:#fff}.menu-item.active[data-v-75fc3ece]{background:#fff3;color:#fff;font-weight:500}.menu-item .icon[data-v-75fc3ece]{font-size:18px;margin-right:12px}.content[data-v-75fc3ece]{flex:1;padding:20px;overflow-y:auto;overflow-x:hidden;min-width:0}@media(max-width:1024px){.header[data-v-75fc3ece]{padding:12px 0}.logo-icon[data-v-75fc3ece]{width:28px;height:28px}.page-title[data-v-75fc3ece]{font-size:20px}.page-subtitle[data-v-75fc3ece]{font-size:13px}.user-name[data-v-75fc3ece]{max-width:120px;font-size:14px}.nav-grid[data-v-75fc3ece]{grid-template-columns:repeat(2,1fr)}.nav-dropdown[data-v-75fc3ece]{min-width:320px;max-width:400px}.sidebar[data-v-75fc3ece]{width:200px;padding:16px}.sidebar h2[data-v-75fc3ece]{font-size:18px;margin-bottom:24px;padding-bottom:16px}.menu-item[data-v-75fc3ece]{padding:12px 14px}.menu-item .icon[data-v-75fc3ece]{font-size:16px;margin-right:10px}.content[data-v-75fc3ece]{padding:20px}}@media(max-width:768px){.header[data-v-75fc3ece]{padding:10px 0}.logo-icon[data-v-75fc3ece]{width:24px;height:24px}.page-title[data-v-75fc3ece]{font-size:18px}.page-subtitle[data-v-75fc3ece]{font-size:12px}.user-name[data-v-75fc3ece]{display:none}.nav-grid[data-v-75fc3ece]{grid-template-columns:repeat(2,1fr);gap:8px}.nav-card[data-v-75fc3ece]{padding:16px 12px}.nav-card-icon[data-v-75fc3ece]{font-size:28px}.nav-card-name[data-v-75fc3ece]{font-size:12px}.main-container[data-v-75fc3ece]{flex-direction:column}.sidebar[data-v-75fc3ece]{width:100%;padding:12px 16px;box-shadow:0 2px 10px #0000001a}.sidebar h2[data-v-75fc3ece]{display:none}.menu[data-v-75fc3ece]{flex-direction:row;overflow-x:auto;gap:8px;padding-bottom:4px}.menu-item[data-v-75fc3ece]{flex-shrink:0;padding:10px 14px;font-size:14px;white-space:nowrap}.menu-item .icon[data-v-75fc3ece]{font-size:18px;margin-right:6px}.menu-item span[data-v-75fc3ece]:not(.icon){display:inline}.content[data-v-75fc3ece]{padding:16px}}@media(max-width:480px){.header[data-v-75fc3ece]{padding:8px 0}.logo-icon[data-v-75fc3ece]{width:20px;height:20px}.page-title[data-v-75fc3ece]{font-size:16px}.page-subtitle[data-v-75fc3ece]{font-size:11px}.nav-dropdown[data-v-75fc3ece]{min-width:280px;max-width:320px;left:-10px}.nav-grid[data-v-75fc3ece]{grid-template-columns:repeat(2,1fr);gap:6px}.nav-card[data-v-75fc3ece]{padding:12px 8px}.nav-card-icon[data-v-75fc3ece]{font-size:24px}.nav-card-name[data-v-75fc3ece]{font-size:11px}.sidebar[data-v-75fc3ece]{padding:10px 12px}.menu[data-v-75fc3ece]{gap:6px}.menu-item[data-v-75fc3ece]{padding:8px 12px;font-size:13px}.menu-item .icon[data-v-75fc3ece]{font-size:16px;margin-right:4px}.content[data-v-75fc3ece]{padding:12px}}.vehicle-home[data-v-db506b0c]{width:100%}.content-header[data-v-db506b0c]{margin-bottom:30px}.content-header h1[data-v-db506b0c]{color:#333;font-size:28px;margin:0}.stats-grid[data-v-db506b0c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card[data-v-db506b0c]{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;align-items:center;gap:16px}.stat-icon[data-v-db506b0c]{font-size:40px}.stat-info[data-v-db506b0c]{flex:1}.stat-value[data-v-db506b0c]{font-size:24px;font-weight:600;color:#333}.stat-label[data-v-db506b0c]{font-size:14px;color:#666;margin-top:4px}.section[data-v-db506b0c]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;margin-bottom:20px}.section-header[data-v-db506b0c]{margin-bottom:20px}.section-header h2[data-v-db506b0c]{font-size:18px;color:#333;margin:0}.vehicle-list[data-v-db506b0c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.vehicle-card[data-v-db506b0c]{border:1px solid #eee;border-radius:8px;padding:16px}.vehicle-header[data-v-db506b0c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.vehicle-name[data-v-db506b0c]{font-size:16px;font-weight:600;color:#333}.default-badge[data-v-db506b0c]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:12px;padding:2px 8px;border-radius:4px}.vehicle-info[data-v-db506b0c]{display:flex;flex-direction:column;gap:8px}.info-item[data-v-db506b0c]{display:flex;font-size:14px}.info-item .label[data-v-db506b0c]{color:#666;width:80px}.info-item .value[data-v-db506b0c]{color:#333}.maintenance-list[data-v-db506b0c]{display:flex;flex-direction:column;gap:12px}.maintenance-item[data-v-db506b0c]{display:flex;align-items:center;gap:12px;padding:12px;background:#fff8e1;border-radius:8px}.maintenance-icon[data-v-db506b0c]{font-size:20px}.maintenance-info[data-v-db506b0c]{flex:1}.maintenance-name[data-v-db506b0c]{font-weight:500;color:#333}.maintenance-vehicle[data-v-db506b0c]{font-size:12px;color:#666;margin-top:4px}.maintenance-status[data-v-db506b0c]{color:#f57c00;font-size:14px;font-weight:500}.refuel-list[data-v-db506b0c]{display:flex;flex-direction:column;gap:12px}.refuel-item[data-v-db506b0c]{display:flex;align-items:center;gap:16px;padding:12px;border-bottom:1px solid #eee}.refuel-item[data-v-db506b0c]:last-child{border-bottom:none}.refuel-date[data-v-db506b0c]{color:#666;font-size:14px;width:100px}.refuel-info[data-v-db506b0c]{flex:1}.refuel-vehicle[data-v-db506b0c]{font-weight:500;color:#333}.refuel-detail[data-v-db506b0c]{font-size:12px;color:#666;margin-top:4px}.refuel-amount[data-v-db506b0c]{font-weight:600;color:#333}.parallel-sections[data-v-db506b0c]{display:grid;grid-template-columns:1fr 1fr;gap:20px}.half-section[data-v-db506b0c]{margin-bottom:0}.empty-state[data-v-db506b0c]{text-align:center;padding:40px;color:#999}@media(max-width:768px){.stat-card[data-v-db506b0c]{padding:16px}.stat-icon[data-v-db506b0c]{font-size:32px}.stat-value[data-v-db506b0c]{font-size:20px}.parallel-sections[data-v-db506b0c]{grid-template-columns:1fr}}.my-express-page[data-v-7071c288]{width:100%}.content-header[data-v-7071c288]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.content-header h1[data-v-7071c288]{color:#333;font-size:28px;margin:0}.add-btn[data-v-7071c288]{padding:8px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s}.add-btn[data-v-7071c288]:hover{opacity:.9}.filter-tabs[data-v-7071c288]{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.tab-btn[data-v-7071c288]{padding:10px 20px;background:#fff;border:1px solid #ddd;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s}.tab-btn.active[data-v-7071c288]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.tab-btn[data-v-7071c288]:hover:not(.active){background:#f5f5f5}.express-list[data-v-7071c288]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.express-card[data-v-7071c288]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014;transition:all .3s;cursor:pointer}.express-card[data-v-7071c288]:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.card-header[data-v-7071c288]{margin-bottom:15px;padding-bottom:12px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.express-info[data-v-7071c288]{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1}.express-number[data-v-7071c288]{font-size:16px;font-weight:600;color:#333}.company-name[data-v-7071c288]{padding:3px 8px;border-radius:10px;font-size:11px;font-weight:500;background:#e3f2fd;color:#2196f3}.status-badge[data-v-7071c288]{padding:3px 8px;border-radius:10px;font-size:10px;font-weight:500}.status-badge.pending[data-v-7071c288]{background:#fff7ed;color:#faad14}.status-badge.shipped[data-v-7071c288],.status-badge.transit[data-v-7071c288]{background:#e6f7ff;color:#1890ff}.status-badge.delivered[data-v-7071c288]{background:#f6ffed;color:#52c41a}.status-badge.returned[data-v-7071c288]{background:#fff1f0;color:#f5222d}.status-badge.cancelled[data-v-7071c288]{background:#f5f5f5;color:#999}.card-actions[data-v-7071c288]{display:flex;gap:6px}.edit-btn[data-v-7071c288]{padding:6px 12px;background:#1890ff;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:all .3s}.edit-btn[data-v-7071c288]:hover{background:#096dd9}.delete-btn[data-v-7071c288]{padding:6px 12px;background:#f5222d;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:all .3s}.delete-btn[data-v-7071c288]:hover{background:#d9363e}.card-body[data-v-7071c288]{display:flex;flex-direction:column;gap:10px}.info-row[data-v-7071c288]{display:flex;gap:8px;font-size:13px}.info-row .label[data-v-7071c288]{color:#666;min-width:80px}.info-row .value[data-v-7071c288]{color:#333;flex:1;word-break:break-all}.empty-state[data-v-7071c288]{text-align:center;padding:60px 20px}.empty-icon[data-v-7071c288]{font-size:64px;margin-bottom:20px}.empty-state h3[data-v-7071c288]{color:#333;font-size:18px;margin-bottom:10px}.empty-state p[data-v-7071c288]{color:#999;font-size:14px}.modal[data-v-7071c288]{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-7071c288]{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.detail-modal[data-v-7071c288]{max-width:500px}.modal-header[data-v-7071c288]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #f0f0f0}.modal-header h2[data-v-7071c288]{margin:0;font-size:18px;color:#333}.close-btn[data-v-7071c288]{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.close-btn[data-v-7071c288]:hover{color:#333}.modal-content form[data-v-7071c288],.detail-content[data-v-7071c288]{padding:20px}.detail-row[data-v-7071c288]{display:flex;padding:12px 0;border-bottom:1px solid #f5f5f5;gap:12px}.detail-row[data-v-7071c288]:last-child{border-bottom:none}.detail-row .label[data-v-7071c288]{color:#666;min-width:100px;font-weight:500}.detail-row .value[data-v-7071c288]{color:#333;flex:1;word-break:break-all}.form-group[data-v-7071c288]{margin-bottom:16px}.form-group label[data-v-7071c288]{display:block;margin-bottom:6px;font-size:14px;color:#333;font-weight:500}.form-group input[data-v-7071c288],.form-group select[data-v-7071c288],.form-group textarea[data-v-7071c288]{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;box-sizing:border-box}.form-group input[data-v-7071c288]:focus,.form-group select[data-v-7071c288]:focus,.form-group textarea[data-v-7071c288]:focus{outline:none;border-color:#667eea}.modal-actions[data-v-7071c288]{display:flex;gap:10px;margin-top:20px}.cancel-btn[data-v-7071c288]{flex:1;padding:12px;background:#f5f5f5;color:#333;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s}.cancel-btn[data-v-7071c288]:hover{background:#e8e8e8}.submit-btn[data-v-7071c288]{flex:1;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s}.submit-btn[data-v-7071c288]:hover{opacity:.9}@media(max-width:1200px){.express-list[data-v-7071c288]{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.express-list[data-v-7071c288]{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.express-list[data-v-7071c288]{grid-template-columns:1fr}.content-header h1[data-v-7071c288]{font-size:22px}.filter-tabs[data-v-7071c288]{gap:8px}.tab-btn[data-v-7071c288]{padding:8px 14px;font-size:13px}}.express-query-page[data-v-95da1203]{width:100%;max-width:800px;margin:0 auto;padding:30px 20px}.content-header[data-v-95da1203]{margin-bottom:30px}.content-header h1[data-v-95da1203]{color:#333;font-size:28px;margin:0}.query-form[data-v-95da1203]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;margin-bottom:30px}.form-group[data-v-95da1203]{margin-bottom:20px}.form-group label[data-v-95da1203]{display:block;margin-bottom:8px;font-size:14px;color:#333;font-weight:500}.form-group input[data-v-95da1203],.form-group select[data-v-95da1203]{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px;box-sizing:border-box}.form-group input[data-v-95da1203]:focus,.form-group select[data-v-95da1203]:focus{outline:none;border-color:#667eea}.query-btn[data-v-95da1203]{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s}.query-btn[data-v-95da1203]:hover:not(:disabled){opacity:.9}.query-btn[data-v-95da1203]:disabled{opacity:.6;cursor:not-allowed}.result-section[data-v-95da1203]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;margin-bottom:30px}.result-header[data-v-95da1203]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #f0f0f0}.result-header h3[data-v-95da1203]{margin:0;font-size:18px;color:#333}.refresh-btn[data-v-95da1203]{padding:8px 16px;background:#1890ff;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s}.refresh-btn[data-v-95da1203]:hover:not(:disabled){background:#096dd9}.result-card[data-v-95da1203]{display:flex;flex-direction:column;gap:16px}.result-row[data-v-95da1203]{display:flex;gap:12px;font-size:14px}.result-row .label[data-v-95da1203]{color:#666;min-width:100px;font-weight:500}.result-row .value[data-v-95da1203]{color:#333;flex:1;word-break:break-all}.status-badge[data-v-95da1203]{padding:4px 10px;border-radius:10px;font-size:12px;font-weight:500}.status-badge.pending[data-v-95da1203]{background:#fff7ed;color:#faad14}.status-badge.shipped[data-v-95da1203],.status-badge.transit[data-v-95da1203]{background:#e6f7ff;color:#1890ff}.status-badge.delivered[data-v-95da1203]{background:#f6ffed;color:#52c41a}.status-badge.returned[data-v-95da1203]{background:#fff1f0;color:#f5222d}.status-badge.cancelled[data-v-95da1203]{background:#f5f5f5;color:#999}.tracking-section[data-v-95da1203]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014}.tracking-section h3[data-v-95da1203]{margin:0 0 20px;font-size:18px;color:#333}.tracking-list[data-v-95da1203]{display:flex;flex-direction:column;gap:0}.tracking-item[data-v-95da1203]{display:flex;gap:16px;padding:16px 0}.tracking-item[data-v-95da1203]:last-child{padding-bottom:0}.tracking-icon[data-v-95da1203]{display:flex;flex-direction:column;align-items:center;position:relative}.icon-dot[data-v-95da1203]{width:12px;height:12px;border-radius:50%;background:#ddd;border:3px solid white;box-shadow:0 0 0 3px #ddd;z-index:1}.icon-dot.active[data-v-95da1203]{background:#52c41a;box-shadow:0 0 0 3px #52c41a}.icon-line[data-v-95da1203]{width:2px;flex:1;background:#ddd;min-height:40px;margin-top:-6px}.tracking-content[data-v-95da1203]{flex:1}.tracking-status[data-v-95da1203]{font-size:15px;font-weight:500;color:#333;margin-bottom:6px}.tracking-time[data-v-95da1203]{font-size:13px;color:#999;margin-bottom:4px}.tracking-location[data-v-95da1203]{font-size:13px;color:#666}.empty-state[data-v-95da1203]{text-align:center;padding:60px 20px}.empty-icon[data-v-95da1203]{font-size:64px;margin-bottom:20px}.empty-state h3[data-v-95da1203]{color:#333;font-size:18px;margin-bottom:10px}.empty-state p[data-v-95da1203]{color:#999;font-size:14px}@media(max-width:600px){.express-query-page[data-v-95da1203]{padding:20px 16px}.content-header h1[data-v-95da1203]{font-size:22px}.query-form[data-v-95da1203],.result-section[data-v-95da1203],.tracking-section[data-v-95da1203]{padding:20px}.result-row[data-v-95da1203]{flex-direction:column;gap:4px}.result-row .label[data-v-95da1203]{min-width:auto}.tracking-item[data-v-95da1203]{gap:12px}}.express-company-page[data-v-6bb76019]{width:100%;max-width:1200px;margin:0 auto;padding:30px 20px}@media(min-width:1920px){.express-company-page[data-v-6bb76019]{max-width:1400px}}@media(min-width:2560px){.express-company-page[data-v-6bb76019]{max-width:1600px}}.content-header[data-v-6bb76019]{margin-bottom:30px}.content-header h1[data-v-6bb76019]{color:#333;font-size:28px;margin:0}.company-list[data-v-6bb76019]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.company-card[data-v-6bb76019]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;transition:all .3s}.company-card[data-v-6bb76019]:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.card-header[data-v-6bb76019]{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #f0f0f0}.company-info[data-v-6bb76019]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.company-name[data-v-6bb76019]{font-size:18px;font-weight:600;color:#333}.company-code[data-v-6bb76019]{padding:4px 10px;background:#e3f2fd;color:#2196f3;border-radius:10px;font-size:12px;font-weight:500}.card-body[data-v-6bb76019]{display:flex;flex-direction:column;gap:12px}.info-row[data-v-6bb76019]{display:flex;gap:8px;font-size:14px;align-items:flex-start}.info-row .label[data-v-6bb76019]{color:#666;min-width:80px;flex-shrink:0}.info-row .value[data-v-6bb76019]{color:#333;flex:1;word-break:break-all}.info-row .value.description[data-v-6bb76019]{color:#666;line-height:1.6}.phone-link[data-v-6bb76019]{color:#1890ff;text-decoration:none;transition:all .3s}.phone-link[data-v-6bb76019]:hover{color:#096dd9;text-decoration:underline}.website-link[data-v-6bb76019],.tracking-link[data-v-6bb76019]{color:#1890ff;text-decoration:none;transition:all .3s;word-break:break-all}.website-link[data-v-6bb76019]:hover,.tracking-link[data-v-6bb76019]:hover{color:#096dd9;text-decoration:underline}.empty-state[data-v-6bb76019]{text-align:center;padding:60px 20px}.empty-icon[data-v-6bb76019]{font-size:64px;margin-bottom:20px}.empty-state h3[data-v-6bb76019]{color:#333;font-size:18px;margin-bottom:10px}.empty-state p[data-v-6bb76019]{color:#999;font-size:14px}@media(max-width:1200px){.company-list[data-v-6bb76019]{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.company-list[data-v-6bb76019]{grid-template-columns:1fr}.content-header h1[data-v-6bb76019]{font-size:22px}.company-card[data-v-6bb76019]{padding:20px}.company-name[data-v-6bb76019]{font-size:16px}.info-row[data-v-6bb76019]{font-size:13px}}@media(max-width:480px){.express-company-page[data-v-6bb76019]{padding:20px 16px}.content-header h1[data-v-6bb76019]{font-size:18px}.company-card[data-v-6bb76019]{padding:16px}.info-row[data-v-6bb76019]{flex-direction:column;gap:4px}.info-row .label[data-v-6bb76019]{min-width:auto}}.express-container[data-v-ee2122dd]{display:flex;flex-direction:column;height:100vh;background:#f8f9fa;background-image:radial-gradient(circle at 1px 1px,rgba(102,126,234,.15) 1px,transparent 0);background-size:40px 40px;overflow-x:hidden}.header[data-v-ee2122dd]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000001a;padding:16px 0;position:sticky;top:0;z-index:3000;flex-shrink:0}.header-content[data-v-ee2122dd]{width:100%;padding:0 16px;display:flex;justify-content:space-between;align-items:center}.nav-menu[data-v-ee2122dd]{display:flex;align-items:center;gap:16px}.logo-icon[data-v-ee2122dd]{width:32px;height:32px;object-fit:contain}.page-title-wrapper[data-v-ee2122dd]{display:flex;align-items:baseline;gap:12px}.page-title[data-v-ee2122dd]{margin:0;color:#333;font-size:24px;font-weight:600;line-height:1.2}.page-subtitle[data-v-ee2122dd]{font-size:14px;color:#999;font-weight:500;line-height:1.2}.user-info[data-v-ee2122dd]{display:flex;align-items:center;gap:12px;flex-shrink:0}.user-avatar[data-v-ee2122dd]{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;flex-shrink:0}.user-name[data-v-ee2122dd]{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333;font-size:15px;font-weight:500}.settings-btn[data-v-ee2122dd]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:50%;text-decoration:none;font-size:20px;transition:all .3s;flex-shrink:0}.settings-btn[data-v-ee2122dd]:hover{background:#e0e0e0;transform:rotate(30deg)}.nav-menu[data-v-ee2122dd]{position:relative;flex-shrink:0}.nav-menu-btn[data-v-ee2122dd]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:8px;cursor:pointer;transition:all .3s}.nav-menu-btn[data-v-ee2122dd]:hover{background:#e0e0e0}.nav-menu-icon[data-v-ee2122dd]{font-size:20px;color:#333}.nav-dropdown[data-v-ee2122dd]{position:absolute;top:100%;left:0;margin-top:12px;background:#fff;border-radius:16px;box-shadow:0 8px 32px #00000026;min-width:480px;max-width:600px;z-index:2800;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease}.nav-dropdown.show[data-v-ee2122dd]{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown-content[data-v-ee2122dd]{padding:20px;position:relative;z-index:1}.nav-grid[data-v-ee2122dd]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.nav-card[data-v-ee2122dd]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;border-radius:12px;text-decoration:none;color:#333;transition:all .3s;background:#f8f9fa}.nav-card[data-v-ee2122dd]:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.nav-card-icon[data-v-ee2122dd]{font-size:32px;line-height:1}.nav-card-name[data-v-ee2122dd]{font-size:13px;font-weight:500;text-align:center}.nav-overlay[data-v-ee2122dd]{position:fixed;inset:0;background:#0000004d;z-index:2700;opacity:0;visibility:hidden;transition:all .3s}.nav-overlay.show[data-v-ee2122dd]{opacity:1;visibility:visible}.main-container[data-v-ee2122dd]{display:flex;flex:1;overflow:visible}.sidebar[data-v-ee2122dd]{width:240px;background:linear-gradient(180deg,#667eea,#764ba2);padding:20px;box-shadow:2px 0 10px #0000001a;flex-shrink:0}.sidebar h2[data-v-ee2122dd]{color:#fff;font-size:20px;margin-bottom:30px;text-align:center;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.2)}.menu[data-v-ee2122dd]{display:flex;flex-direction:column;gap:8px}.menu-item[data-v-ee2122dd]{display:flex;align-items:center;padding:14px 16px;color:#fffc;cursor:pointer;border-radius:8px;transition:all .3s;text-decoration:none}.menu-item[data-v-ee2122dd]:hover{background:#ffffff1a;color:#fff}.menu-item.active[data-v-ee2122dd]{background:#fff3;color:#fff;font-weight:500}.menu-item .icon[data-v-ee2122dd]{font-size:18px;margin-right:12px}.content[data-v-ee2122dd]{flex:1;padding:20px;overflow-y:auto;overflow-x:hidden;min-width:0}@media(max-width:1024px){.header[data-v-ee2122dd]{padding:12px 0}.logo-icon[data-v-ee2122dd]{width:28px;height:28px}.page-title[data-v-ee2122dd]{font-size:20px}.page-subtitle[data-v-ee2122dd]{font-size:13px}.user-name[data-v-ee2122dd]{max-width:120px;font-size:14px}.nav-grid[data-v-ee2122dd]{grid-template-columns:repeat(2,1fr)}.nav-dropdown[data-v-ee2122dd]{min-width:320px;max-width:400px}.sidebar[data-v-ee2122dd]{width:200px;padding:16px}.sidebar h2[data-v-ee2122dd]{font-size:18px;margin-bottom:24px;padding-bottom:16px}.menu-item[data-v-ee2122dd]{padding:12px 14px}.menu-item .icon[data-v-ee2122dd]{font-size:16px;margin-right:10px}.content[data-v-ee2122dd]{padding:20px}}@media(max-width:768px){.express-container[data-v-ee2122dd]{flex-direction:column}.sidebar[data-v-ee2122dd]{width:100%;padding:12px 16px;box-shadow:0 2px 10px #0000001a}.sidebar h2[data-v-ee2122dd]{display:none}.menu[data-v-ee2122dd]{flex-direction:row;overflow-x:auto;gap:8px;padding-bottom:4px}.menu-item[data-v-ee2122dd]{flex-shrink:0;padding:10px 14px;font-size:14px;white-space:nowrap}.menu-item .icon[data-v-ee2122dd]{font-size:18px;margin-right:6px}.menu-item span[data-v-ee2122dd]:not(.icon){display:inline}.content[data-v-ee2122dd]{padding:16px}}@media(max-width:480px){.sidebar[data-v-ee2122dd]{padding:10px 12px}.menu[data-v-ee2122dd]{gap:6px}.menu-item[data-v-ee2122dd]{padding:8px 12px;font-size:13px}.menu-item .icon[data-v-ee2122dd]{font-size:16px;margin-right:4px}.content[data-v-ee2122dd]{padding:12px}}.confirm-dialog-overlay[data-v-5efb012b]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn-5efb012b .2s ease}@keyframes fadeIn-5efb012b{0%{opacity:0}to{opacity:1}}.confirm-dialog[data-v-5efb012b]{background:#fff;border-radius:12px;width:90%;max-width:400px;box-shadow:0 8px 32px #0003;animation:slideUp-5efb012b .3s ease}@keyframes slideUp-5efb012b{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.confirm-dialog-header[data-v-5efb012b]{padding:20px 24px;border-bottom:1px solid #e0e0e0}.confirm-dialog-header h3[data-v-5efb012b]{margin:0;font-size:18px;font-weight:600;color:#333}.confirm-dialog-body[data-v-5efb012b]{padding:24px}.confirm-dialog-body p[data-v-5efb012b]{margin:0;font-size:15px;color:#666;line-height:1.6}.confirm-dialog-footer[data-v-5efb012b]{display:flex;gap:12px;padding:16px 24px;border-top:1px solid #e0e0e0;justify-content:flex-end}.btn-cancel[data-v-5efb012b],.btn-confirm[data-v-5efb012b]{padding:10px 24px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-cancel[data-v-5efb012b]{background:#f5f5f5;color:#666}.btn-cancel[data-v-5efb012b]:hover{background:#e0e0e0}.btn-confirm[data-v-5efb012b]{background:#667eea;color:#fff}.btn-confirm[data-v-5efb012b]:hover{background:#5568d3;box-shadow:0 2px 8px #667eea4d}.bookmarks-page[data-v-868cbb69]{width:100%;height:auto;padding:0 20px}.page-header[data-v-868cbb69]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.page-header h1[data-v-868cbb69]{color:#333;font-size:28px;margin:0}.bookmarks-layout[data-v-868cbb69]{display:flex;gap:20px;height:auto}.bookmarks-sidebar[data-v-868cbb69]{width:200px;flex-shrink:0}.sidebar-menu[data-v-868cbb69]{display:flex;flex-direction:column;gap:8px;position:sticky;top:20px}.sidebar-menu-item[data-v-868cbb69]{display:flex;align-items:center;padding:12px 16px;background:#fff;border-radius:8px;cursor:pointer;transition:all .3s;color:#666;font-size:14px}.sidebar-menu-item[data-v-868cbb69]:hover{background:#f0f3ff;color:#667eea}.sidebar-menu-item.active[data-v-868cbb69]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.sidebar-menu-item .icon[data-v-868cbb69]{font-size:16px;margin-right:10px}.sidebar-menu-item .count[data-v-868cbb69]{margin-left:auto;font-size:12px;opacity:.7}.menu-divider[data-v-868cbb69]{height:1px;background:#e0e0e0;margin:8px 0}.add-category-btn[data-v-868cbb69]{margin-top:8px;background:#fff;color:#667eea;border:1px solid #667eea}.add-category-btn[data-v-868cbb69]:hover{background:#f0f3ff;color:#667eea}.bookmarks-list-container[data-v-868cbb69]{flex:1;min-width:300px;display:flex;flex-direction:column}.bookmarks-list[data-v-868cbb69]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px}.filters[data-v-868cbb69]{display:flex;gap:15px;margin-bottom:30px;flex-wrap:wrap}.filters select[data-v-868cbb69],.filters input[data-v-868cbb69]{padding:10px 15px;border:1px solid #ddd;border-radius:6px;font-size:14px;background:#fff;cursor:pointer}.search-input[data-v-868cbb69]{flex:1;min-width:200px}.groups-bar[data-v-868cbb69]{display:flex;gap:10px;margin-bottom:20px;padding:15px;background:#f8f9fa;border-radius:8px;overflow-x:auto;align-items:center}.group-chip[data-v-868cbb69]{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500;color:#666;background:#fff;border:1px solid #e0e0e0;white-space:nowrap}.group-chip[data-v-868cbb69]:hover{background:#f0f0f0;border-color:#d0d0d0}.group-chip.active[data-v-868cbb69]{background:#007bff;color:#fff;border-color:#007bff;box-shadow:0 2px 8px #007bff4d}.group-chip .count[data-v-868cbb69]{font-size:12px;color:#999}.group-chip.active .count[data-v-868cbb69]{color:#fffc}.bookmark-item[data-v-868cbb69]{background:#fff;border-radius:8px;padding:15px;cursor:pointer;transition:all .3s;border:2px solid transparent}.bookmark-item[data-v-868cbb69]:hover{box-shadow:0 4px 12px #0000001a}.bookmark-item.active[data-v-868cbb69]{border-color:#667eea;background:#f0f3ff}.bookmark-item-header[data-v-868cbb69]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.bookmark-item-title[data-v-868cbb69]{font-size:16px;font-weight:500;color:#333;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bookmark-item-favorite[data-v-868cbb69]{font-size:20px;cursor:pointer;color:#ccc;transition:all .3s;flex-shrink:0}.bookmark-item-favorite.active[data-v-868cbb69]{color:#ffc107}.bookmark-item-category[data-v-868cbb69]{font-size:12px;color:#667eea;background:#e3f2fd;padding:3px 10px;border-radius:12px;display:inline-block}.bookmark-item-tags[data-v-868cbb69]{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.bookmark-item-group[data-v-868cbb69]{font-size:11px;color:#999;background:#f5f5f5;padding:3px 10px;border-radius:12px}.detail-empty[data-v-868cbb69]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:400px;color:#999}.detail-content[data-v-868cbb69]{height:100%;overflow-x:hidden;overflow-y:auto}.detail-header[data-v-868cbb69]{display:flex;flex-direction:column;gap:20px;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #f0f0f0}.detail-header h2[data-v-868cbb69]{margin:0;font-size:28px;color:#333}.detail-url[data-v-868cbb69]{color:#666;font-size:14px;word-break:break-all;display:block;line-height:1.5}.detail-actions[data-v-868cbb69]{display:flex;gap:10px}.btn-detail-action[data-v-868cbb69]{padding:10px 20px;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s;background:#e3f2fd;color:#2196f3}.btn-detail-action[data-v-868cbb69]:hover{background:#2196f3;color:#fff}.btn-detail-action.btn-delete[data-v-868cbb69]{background:#ffebee;color:#f44336}.btn-detail-action.btn-delete[data-v-868cbb69]:hover{background:#f44336;color:#fff}.detail-info[data-v-868cbb69]{display:flex;gap:24px;align-items:stretch}.detail-left[data-v-868cbb69]{flex:1;display:flex;flex-direction:column;gap:20px;min-width:0}.detail-right[data-v-868cbb69]{flex:0 0 450px;display:flex;flex-direction:column}.info-section[data-v-868cbb69]{background:#f9f9f9;padding:20px;border-radius:8px}.info-section.accounts-section[data-v-868cbb69]{background:#fff;border:1px solid #e0e0e0;box-shadow:0 2px 8px #0000000d}.info-section h3[data-v-868cbb69]{margin:0 0 15px;font-size:16px;color:#666;font-weight:500}.section-header[data-v-868cbb69]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.btn-add-account[data-v-868cbb69]{padding:6px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:13px;cursor:pointer;transition:all .3s}.accounts-table-container[data-v-868cbb69]{overflow-x:auto;-webkit-overflow-scrolling:touch}.accounts-table[data-v-868cbb69]{width:100%;min-width:100%;border-collapse:collapse;font-size:14px}.accounts-table thead[data-v-868cbb69]{background:#f5f5f5}.accounts-table th[data-v-868cbb69]{padding:12px;text-align:left;font-weight:500;color:#666;border-bottom:2px solid #e0e0e0;white-space:nowrap}.accounts-table tbody tr[data-v-868cbb69]{transition:all .3s;position:relative}.accounts-table tbody tr[data-v-868cbb69]:hover{background:#f9f9f9}.accounts-table tbody tr.default[data-v-868cbb69]{background:#f0f3ff}.accounts-table tbody tr.default[data-v-868cbb69]:hover{background:#e8ebff}.accounts-table td[data-v-868cbb69]{padding:12px;border-bottom:1px solid #e0e0e0;vertical-align:middle;position:relative}.default-badge[data-v-868cbb69]{background:#667eea;color:#fff;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500;margin-left:8px}.account-cell[data-v-868cbb69],.password-cell[data-v-868cbb69]{cursor:pointer;position:relative;transition:all .3s}.account-cell[data-v-868cbb69]:hover,.password-cell[data-v-868cbb69]:hover{background:#e8ebff}.account-value[data-v-868cbb69]{font-weight:500;color:#333;margin-right:10px}.password-mask[data-v-868cbb69],.password-value[data-v-868cbb69]{color:#666;margin-right:10px}.password-mask[data-v-868cbb69]{letter-spacing:2px}.password-value[data-v-868cbb69]{font-family:monospace}.notes-cell[data-v-868cbb69]{color:#666;font-size:13px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.actions-cell[data-v-868cbb69]{white-space:nowrap;position:relative}.account-menu-container[data-v-868cbb69]{position:relative;display:inline-block}.btn-menu-trigger[data-v-868cbb69]{background:#e3f2fd;color:#2196f3;border:none;border-radius:4px;padding:6px 12px;cursor:pointer;font-size:13px;transition:all .3s}.btn-menu-trigger[data-v-868cbb69]:hover,.btn-menu-trigger.active[data-v-868cbb69]{background:#2196f3;color:#fff}.account-menu-dropdown[data-v-868cbb69]{position:fixed;background:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:3300;min-width:120px;overflow:hidden;animation:slideDown-868cbb69 .2s ease-out}@keyframes slideDown-868cbb69{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-item[data-v-868cbb69]{padding:10px 15px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;font-size:14px;color:#333}.menu-item[data-v-868cbb69]:hover{background:#f5f5f5}.menu-item-delete[data-v-868cbb69]{color:#f44336}.menu-item-delete[data-v-868cbb69]:hover{background:#ffebee}.empty-accounts p[data-v-868cbb69]{margin:0}.info-row[data-v-868cbb69]{display:flex;justify-content:space-between;margin-bottom:10px;font-size:14px}.info-row .label[data-v-868cbb69]{color:#666;flex-shrink:0}.info-row .value[data-v-868cbb69]{color:#333;font-weight:500;text-align:right;word-break:break-all;flex:1;margin-left:10px}.info-row .value.favorite[data-v-868cbb69]{color:#ffc107}.description-display[data-v-868cbb69]{background:#fff;padding:15px;border-radius:6px;border:1px solid #e0e0e0;color:#333;line-height:1.6}.empty-state[data-v-868cbb69]{text-align:center;padding:60px 20px;color:#999}.empty-icon[data-v-868cbb69]{font-size:64px;margin-bottom:16px}.modal[data-v-868cbb69]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:3000}.modal-content[data-v-868cbb69]{background:#fff;padding:30px;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-content h2[data-v-868cbb69]{margin-top:0;margin-bottom:20px;color:#333;font-size:24px}.form-group[data-v-868cbb69]{margin-bottom:20px}.form-group label[data-v-868cbb69]{display:block;margin-bottom:8px;color:#333;font-weight:500}.form-group input[data-v-868cbb69],.form-group textarea[data-v-868cbb69],.form-group select[data-v-868cbb69]{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;box-sizing:border-box}.form-group textarea[data-v-868cbb69]{resize:vertical}.modal-actions[data-v-868cbb69]{display:flex;gap:10px;margin-top:30px}.btn-primary[data-v-868cbb69],.btn-secondary[data-v-868cbb69]{flex:1;padding:12px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.btn-primary[data-v-868cbb69]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary.btn-add[data-v-868cbb69]{flex:none;padding:8px 16px;font-size:14px}.btn-primary[data-v-868cbb69]:hover{opacity:.9}.btn-primary[data-v-868cbb69]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-868cbb69]{background:#f5f5f5;color:#333}.btn-secondary[data-v-868cbb69]:hover{background:#e0e0e0}.modal-actions .btn-primary[data-v-868cbb69],.modal-actions .btn-secondary[data-v-868cbb69]{flex:1;padding:12px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.checkbox-group label[data-v-868cbb69]{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-group input[type=checkbox][data-v-868cbb69]{width:auto;margin:0}@media(min-width:1920px){.detail-header h2[data-v-868cbb69]{font-size:30px}.accounts-table th[data-v-868cbb69],.accounts-table td[data-v-868cbb69]{padding:12px;font-size:14px}.notes-cell[data-v-868cbb69]{max-width:180px}}@media(max-width:1600px){.detail-header h2[data-v-868cbb69]{font-size:26px}.accounts-table th[data-v-868cbb69],.accounts-table td[data-v-868cbb69]{padding:10px;font-size:13px}.notes-cell[data-v-868cbb69]{max-width:150px}}@media(max-width:1400px){.bookmarks-sidebar[data-v-868cbb69]{width:180px}.sidebar-menu-item[data-v-868cbb69]{padding:10px 14px;font-size:13px}.sidebar-menu-item .icon[data-v-868cbb69]{font-size:14px;margin-right:8px}.detail-header h2[data-v-868cbb69]{font-size:25px}.accounts-table th[data-v-868cbb69],.accounts-table td[data-v-868cbb69]{padding:10px;font-size:13px}.notes-cell[data-v-868cbb69]{max-width:150px}}@media(max-width:1200px){.bookmarks-sidebar[data-v-868cbb69]{width:160px}.sidebar-menu-item[data-v-868cbb69]{padding:10px 12px;font-size:13px}.sidebar-menu-item .icon[data-v-868cbb69]{font-size:14px;margin-right:6px}.detail-header h2[data-v-868cbb69]{font-size:24px}.info-section[data-v-868cbb69]{padding:15px}.info-section h3[data-v-868cbb69]{font-size:14px}.accounts-table th[data-v-868cbb69],.accounts-table td[data-v-868cbb69]{padding:8px;font-size:13px}.notes-cell[data-v-868cbb69]{max-width:120px}}@media(max-width:1024px){.bookmarks-layout[data-v-868cbb69]{flex-direction:column;gap:20px}.bookmarks-sidebar[data-v-868cbb69]{width:100%}.sidebar-menu[data-v-868cbb69]{flex-direction:row;overflow-x:auto;gap:8px;padding-bottom:8px}.sidebar-menu-item[data-v-868cbb69]{flex-shrink:0;padding:10px 16px;font-size:14px;white-space:nowrap}.sidebar-menu-item .icon[data-v-868cbb69]{font-size:16px;margin-right:6px}.sidebar-menu-item .count[data-v-868cbb69]{display:none}.menu-divider[data-v-868cbb69]{width:1px;height:30px;margin:0 4px}.bookmarks-list-container[data-v-868cbb69]{width:100%;min-width:0}.info-section[data-v-868cbb69]{padding:16px}.info-section h3[data-v-868cbb69]{font-size:15px}.accounts-table-container[data-v-868cbb69]{overflow-x:auto;-webkit-overflow-scrolling:touch}.accounts-table[data-v-868cbb69]{min-width:500px}.accounts-table th[data-v-868cbb69],.accounts-table td[data-v-868cbb69]{padding:10px;font-size:13px}.notes-cell[data-v-868cbb69]{max-width:100px}}@media(max-width:768px){.bookmarks-page[data-v-868cbb69]{padding:0 16px}.page-header h1[data-v-868cbb69]{font-size:24px}.filters[data-v-868cbb69]{flex-direction:column}.filters select[data-v-868cbb69],.filters input[data-v-868cbb69]{padding:8px 12px;font-size:13px}.groups-bar[data-v-868cbb69]{padding:10px;gap:8px}.group-chip[data-v-868cbb69]{padding:6px 12px;font-size:13px}.detail-header[data-v-868cbb69]{flex-direction:column;gap:20px}.detail-header h2[data-v-868cbb69]{font-size:23px}.detail-actions[data-v-868cbb69]{width:100%;flex-wrap:wrap}.btn-detail-action[data-v-868cbb69]{flex:1;min-width:calc(33.33% - 7px)}.info-section[data-v-868cbb69]{padding:16px}.info-section h3[data-v-868cbb69]{font-size:15px}.accounts-table th[data-v-868cbb69],.accounts-table td[data-v-868cbb69]{padding:10px;font-size:13px}.notes-cell[data-v-868cbb69]{max-width:100px}}@media(max-width:480px){.bookmarks-page[data-v-868cbb69]{padding:0 12px}.bookmarks-list[data-v-868cbb69]{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.page-header[data-v-868cbb69]{margin-bottom:20px}.page-header h1[data-v-868cbb69]{font-size:20px}.bookmarks-layout[data-v-868cbb69]{gap:20px}.bookmark-item[data-v-868cbb69]{padding:12px}.bookmark-item-title[data-v-868cbb69]{font-size:14px}.detail-header[data-v-868cbb69]{margin-bottom:20px;padding-bottom:15px}.detail-header h2[data-v-868cbb69]{font-size:22px}.detail-actions[data-v-868cbb69]{flex-direction:column}.btn-detail-action[data-v-868cbb69]{width:100%}.info-section[data-v-868cbb69]{padding:14px}.info-section h3[data-v-868cbb69]{font-size:14px;margin-bottom:12px}.accounts-table-container[data-v-868cbb69]{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -12px;padding:0 12px}.accounts-table[data-v-868cbb69]{min-width:400px}}.detail-modal[data-v-868cbb69]{z-index:3100}.account-modal[data-v-868cbb69]{z-index:3200}.bookmark-modal[data-v-868cbb69]{z-index:3250}.detail-modal-content[data-v-868cbb69]{max-width:1000px;max-height:85vh;padding:0;overflow:hidden}.detail-modal-header[data-v-868cbb69]{display:flex;justify-content:space-between;align-items:center;padding:24px 30px;border-bottom:1px solid #e0e0e0;background:linear-gradient(135deg,#667eea,#764ba2)}.detail-modal-header h2[data-v-868cbb69]{margin:0;color:#fff;font-size:22px;font-weight:600}.btn-close[data-v-868cbb69]{width:36px;height:36px;border:none;background:#fff3;border-radius:50%;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.btn-close[data-v-868cbb69]:hover{background:#ffffff4d;transform:rotate(90deg)}.detail-modal-body[data-v-868cbb69]{padding:30px;overflow-y:auto;max-height:calc(85vh - 80px);scrollbar-width:thin}.detail-modal-body[data-v-868cbb69]:not(:hover)::-webkit-scrollbar{width:0}.detail-url-section[data-v-868cbb69]{margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:8px}.url-display[data-v-868cbb69]{font-size:14px;color:#666;word-break:break-all;margin-bottom:15px;padding:12px;background:#fff;border-radius:6px;border:1px solid #e0e0e0}.detail-actions[data-v-868cbb69]{display:flex;gap:10px;flex-wrap:wrap}.btn-detail-action[data-v-868cbb69]{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;background:#fff;color:#333;border:1px solid #e0e0e0}.btn-detail-action[data-v-868cbb69]:hover{background:#f0f0f0;border-color:#d0d0d0}.btn-detail-action.btn-delete[data-v-868cbb69]{background:#fee;color:#c33;border-color:#fcc}.btn-detail-action.btn-delete[data-v-868cbb69]:hover{background:#fdd;border-color:#faa}.info-section[data-v-868cbb69]{background:#fff;border-radius:8px;padding:20px;border:1px solid #e0e0e0}.info-section h3[data-v-868cbb69]{margin:0 0 16px;color:#333;font-size:16px;font-weight:600}.section-header[data-v-868cbb69]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h3[data-v-868cbb69]{margin:0}.info-row[data-v-868cbb69]{display:flex;padding:12px 0;border-bottom:1px solid #f0f0f0}.info-row[data-v-868cbb69]:last-child{border-bottom:none}.info-row .label[data-v-868cbb69]{min-width:100px;color:#666;font-weight:500}.info-row .value[data-v-868cbb69]{flex:1;color:#333}.info-row .value.favorite[data-v-868cbb69]{color:#f39c12}.description-display[data-v-868cbb69]{padding:12px;background:#f8f9fa;border-radius:6px;color:#666;line-height:1.6}.btn-add-account[data-v-868cbb69]{padding:6px 14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:4px;font-size:13px;cursor:pointer;transition:all .3s}.btn-add-account[data-v-868cbb69]:hover{opacity:.9}.accounts-table-container[data-v-868cbb69]{overflow-x:auto}.accounts-table[data-v-868cbb69]{width:100%;border-collapse:collapse;font-size:14px}.accounts-table th[data-v-868cbb69]{background:#f8f9fa;padding:12px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #e0e0e0}.accounts-table td[data-v-868cbb69]{padding:12px;border-bottom:1px solid #f0f0f0;color:#666}.accounts-table tr[data-v-868cbb69]:hover{background:#f8f9fa}.accounts-table tr.default[data-v-868cbb69]{background:#fff8e1}.account-cell[data-v-868cbb69],.password-cell[data-v-868cbb69],.notes-cell[data-v-868cbb69]{cursor:pointer;transition:background .2s}.account-cell[data-v-868cbb69]:hover,.password-cell[data-v-868cbb69]:hover{background:#f0f0f0}.account-value[data-v-868cbb69]{color:#333}.default-badge[data-v-868cbb69]{display:inline-block;padding:2px 8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:10px;font-size:11px;margin-left:8px}.password-mask[data-v-868cbb69]{color:#999;letter-spacing:2px}.password-value[data-v-868cbb69]{color:#333}.btn-toggle-password[data-v-868cbb69]{background:none;border:none;font-size:16px;cursor:pointer;padding:4px;margin-left:8px;transition:transform .2s}.btn-toggle-password[data-v-868cbb69]:hover{transform:scale(1.2)}.notes-value[data-v-868cbb69]{color:#666}.actions-cell[data-v-868cbb69]{text-align:right}.account-menu-container[data-v-868cbb69]{position:relative}.btn-menu-trigger[data-v-868cbb69]{background:none;border:none;padding:4px 8px;cursor:pointer;font-size:14px;color:#666;transition:all .2s}.btn-menu-trigger[data-v-868cbb69]:hover,.btn-menu-trigger.active[data-v-868cbb69]{background:#f0f0f0;color:#333}.account-menu-dropdown[data-v-868cbb69]{position:fixed;background:#fff;border-radius:6px;box-shadow:0 4px 12px #00000026;min-width:120px;z-index:3300;overflow:hidden}.menu-item[data-v-868cbb69]{padding:10px 16px;cursor:pointer;transition:background .2s;color:#333;font-size:14px}.menu-item[data-v-868cbb69]:hover{background:#f8f9fa}.menu-item-delete[data-v-868cbb69]{color:#c33}.menu-item-delete[data-v-868cbb69]:hover{background:#fee}.empty-accounts[data-v-868cbb69]{text-align:center;padding:30px;color:#999}@media(max-width:768px){.detail-modal-content[data-v-868cbb69]{max-width:95vw;max-height:90vh}.detail-modal-header[data-v-868cbb69]{padding:20px}.detail-modal-header h2[data-v-868cbb69]{font-size:18px}.detail-modal-body[data-v-868cbb69]{padding:20px;max-height:calc(90vh - 70px)}.detail-url-section[data-v-868cbb69]{padding:15px}.detail-actions[data-v-868cbb69]{flex-direction:column}.btn-detail-action[data-v-868cbb69]{width:100%}.detail-info[data-v-868cbb69]{flex-direction:column;gap:20px}.detail-left[data-v-868cbb69]{gap:15px}.detail-right[data-v-868cbb69]{flex:0 0 auto;width:100%}.info-section[data-v-868cbb69]{padding:15px}.accounts-table[data-v-868cbb69]{font-size:12px}.accounts-table th[data-v-868cbb69],.accounts-table td[data-v-868cbb69]{padding:8px 6px}}@media(max-width:480px){.detail-modal-header[data-v-868cbb69]{padding:15px}.detail-modal-header h2[data-v-868cbb69]{font-size:16px}.detail-modal-body[data-v-868cbb69]{padding:15px}.detail-info[data-v-868cbb69]{flex-direction:column;gap:15px}.detail-left[data-v-868cbb69]{gap:12px}.detail-right[data-v-868cbb69]{flex:0 0 auto;width:100%}.info-row[data-v-868cbb69]{flex-direction:column;gap:4px}.info-row .label[data-v-868cbb69]{min-width:auto}.accounts-table[data-v-868cbb69]{font-size:11px}.accounts-table th[data-v-868cbb69],.accounts-table td[data-v-868cbb69]{padding:6px 4px}}.copy-toast[data-v-868cbb69]{position:fixed;top:20px;left:50%;transform:translate(-50%) translateY(-100px);background:#000c;color:#fff;padding:12px 24px;border-radius:8px;font-size:14px;z-index:9999;opacity:0;transition:all .3s ease}.copy-toast.show[data-v-868cbb69]{transform:translate(-50%) translateY(0);opacity:1}.categories-page[data-v-6640b486]{width:100%;padding:0 30px}.page-header[data-v-6640b486]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.page-header h1[data-v-6640b486]{color:#333;font-size:28px;margin:0}.header-actions[data-v-6640b486]{display:flex;gap:10px}.tabs-container[data-v-6640b486]{display:flex;gap:12px;margin-bottom:30px;padding:8px;background:#f8f9fa;border-radius:12px}.tab-item[data-v-6640b486]{display:flex;align-items:center;gap:8px;padding:12px 24px;cursor:pointer;border-radius:8px;font-size:15px;font-weight:500;color:#666;transition:all .3s ease;background:transparent;border:2px solid transparent}.tab-item[data-v-6640b486]:hover{background:#e9ecef;color:#333}.tab-item.active[data-v-6640b486]{background:#fff;color:#667eea;border-color:#667eea;box-shadow:0 2px 8px #667eea26;font-weight:600}.tab-icon[data-v-6640b486]{font-size:18px}.categories-list[data-v-6640b486]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,280px));gap:20px}.category-item[data-v-6640b486]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;gap:12px;transition:all .3s;cursor:pointer;border:2px solid transparent}.category-item[data-v-6640b486]:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px);border-color:#667eea}.category-info[data-v-6640b486]{flex:0 0 auto}.category-info h3[data-v-6640b486]{margin:0 0 6px;color:#333;font-size:16px;word-break:break-word}.category-info .description[data-v-6640b486]{margin:0 0 8px;color:#666;font-size:13px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.category-info .meta[data-v-6640b486]{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#999}.category-info .count[data-v-6640b486]{color:#667eea;font-weight:500}.category-actions[data-v-6640b486]{display:flex;flex-direction:row;gap:8px}.btn-edit[data-v-6640b486],.btn-delete[data-v-6640b486]{padding:8px 12px;border:none;border-radius:6px;font-size:13px;cursor:pointer;transition:all .3s;flex:1}.btn-edit[data-v-6640b486]{background:#e3f2fd;color:#2196f3}.btn-edit[data-v-6640b486]:hover{background:#2196f3;color:#fff}.btn-delete[data-v-6640b486]{background:#ffebee;color:#f44336}.btn-delete[data-v-6640b486]:hover{background:#f44336;color:#fff}.empty-state[data-v-6640b486]{text-align:center;padding:60px 20px;color:#999}.empty-icon[data-v-6640b486]{font-size:64px;margin-bottom:20px}.modal[data-v-6640b486]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-6640b486]{background:#fff;border-radius:12px;padding:30px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-content h2[data-v-6640b486]{margin-top:0;color:#333}.form-group[data-v-6640b486]{margin-bottom:20px}.form-group label[data-v-6640b486]{display:block;margin-bottom:8px;color:#333;font-weight:500}.form-group input[data-v-6640b486],.form-group textarea[data-v-6640b486]{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;box-sizing:border-box}.form-group textarea[data-v-6640b486]{resize:vertical}.form-actions[data-v-6640b486]{display:flex;gap:10px;margin-top:30px}.btn-primary[data-v-6640b486],.btn-secondary[data-v-6640b486]{flex:1;padding:12px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.btn-primary[data-v-6640b486]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary.btn-add[data-v-6640b486]{flex:none;padding:8px 16px;font-size:14px}.btn-primary[data-v-6640b486]:hover{opacity:.9}.btn-primary[data-v-6640b486]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-6640b486]{background:#f5f5f5;color:#333}.btn-secondary[data-v-6640b486]:hover{background:#e0e0e0}.bookmarks-modal .modal-content[data-v-6640b486]{max-width:600px}.bookmarks-modal-content[data-v-6640b486]{padding:0}.modal-header[data-v-6640b486]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px 12px 0 0}.modal-header h2[data-v-6640b486]{margin:0;color:#fff;font-size:18px}.btn-close-modal[data-v-6640b486]{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:background .3s}.btn-close-modal[data-v-6640b486]:hover{background:#ffffff4d}.bookmarks-list[data-v-6640b486]{padding:16px;max-height:60vh;overflow-y:auto}.bookmark-item[data-v-6640b486]{display:flex;align-items:center;padding:14px 16px;background:#f8f9fa;border-radius:8px;margin-bottom:10px;cursor:pointer;transition:all .3s}.bookmark-item[data-v-6640b486]:hover{background:#e8ebff;transform:translate(4px)}.bookmark-icon[data-v-6640b486]{font-size:22px;margin-right:14px}.bookmark-info[data-v-6640b486]{flex:1;min-width:0}.bookmark-title-row[data-v-6640b486]{display:flex;align-items:center;gap:8px;margin-bottom:4px}.bookmark-title[data-v-6640b486]{font-size:15px;font-weight:500;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.bookmark-tag[data-v-6640b486]{font-size:11px;padding:2px 8px;border-radius:10px;white-space:nowrap;flex-shrink:0}.group-tag[data-v-6640b486]{background:#e8f5e9;color:#4caf50}.category-tag[data-v-6640b486]{background:#e3f2fd;color:#2196f3}.bookmark-url[data-v-6640b486]{font-size:12px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bookmark-arrow[data-v-6640b486]{font-size:20px;color:#ccc;margin-left:10px}.empty-bookmarks[data-v-6640b486]{text-align:center;padding:50px 20px;color:#999}.empty-bookmarks .empty-icon[data-v-6640b486]{font-size:56px;margin-bottom:16px}.bookmark-detail-modal .modal-content[data-v-6640b486]{max-width:600px}.detail-modal-content[data-v-6640b486]{padding:0}.detail-header[data-v-6640b486]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px 12px 0 0}.detail-header h2[data-v-6640b486]{margin:0;color:#fff;font-size:20px}.detail-body[data-v-6640b486]{padding:24px;max-height:60vh;overflow-y:auto}.detail-section[data-v-6640b486]{margin-bottom:24px}.detail-section h4[data-v-6640b486]{margin:0 0 12px;font-size:14px;color:#667eea;font-weight:600;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.detail-row[data-v-6640b486]{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 0;border-bottom:1px solid #f9f9f9}.detail-label[data-v-6640b486]{color:#666;font-size:14px;min-width:80px}.detail-value[data-v-6640b486]{color:#333;font-size:14px;text-align:right;flex:1;word-break:break-all}.url-link[data-v-6640b486]{color:#667eea;text-decoration:none;word-break:break-all}.url-link[data-v-6640b486]:hover{text-decoration:underline}.description-text[data-v-6640b486]{margin:0;color:#333;font-size:14px;line-height:1.6;background:#f9f9f9;padding:12px;border-radius:6px}.accounts-list[data-v-6640b486]{display:flex;flex-direction:column;gap:12px}.account-item[data-v-6640b486]{background:#f9f9f9;padding:12px;border-radius:8px}.account-row[data-v-6640b486]{display:flex;align-items:center;margin-bottom:8px}.account-row[data-v-6640b486]:last-child{margin-bottom:0}.account-label[data-v-6640b486]{font-size:13px;color:#666;min-width:50px}.account-value[data-v-6640b486]{flex:1;font-size:13px;color:#333;cursor:pointer}.account-value[data-v-6640b486]:hover{color:#667eea}.btn-copy[data-v-6640b486],.btn-toggle[data-v-6640b486]{padding:4px 10px;font-size:12px;border:none;border-radius:4px;cursor:pointer;margin-left:8px;transition:all .3s}.btn-copy[data-v-6640b486]{background:#e3f2fd;color:#2196f3}.btn-copy[data-v-6640b486]:hover{background:#2196f3;color:#fff}.btn-toggle[data-v-6640b486]{background:#f0f0f0;color:#666}.btn-toggle[data-v-6640b486]:hover{background:#e0e0e0}.detail-footer[data-v-6640b486]{display:flex;gap:12px;padding:16px 24px;border-top:1px solid #f0f0f0;background:#fafafa;border-radius:0 0 12px 12px}.btn-action[data-v-6640b486]{flex:1;padding:12px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.btn-open[data-v-6640b486]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-open[data-v-6640b486]:hover{opacity:.9}.btn-favorite[data-v-6640b486]{background:#fff3e0;color:#ff9800;border:1px solid #ff9800}.btn-favorite[data-v-6640b486]:hover{background:#ff9800;color:#fff}@media(min-width:1920px){.categories-page[data-v-6640b486]{padding:0 35px}.categories-list[data-v-6640b486]{grid-template-columns:repeat(auto-fill,minmax(300px,300px));gap:22px}.category-item[data-v-6640b486]{padding:22px}.category-info h3[data-v-6640b486]{font-size:17px}.category-info .description[data-v-6640b486]{font-size:14px}.category-info .meta[data-v-6640b486]{font-size:13px}.btn-edit[data-v-6640b486],.btn-delete[data-v-6640b486]{padding:8px 14px;font-size:14px}}@media(max-width:1600px){.categories-page[data-v-6640b486]{padding:0 28px}.categories-list[data-v-6640b486]{gap:18px}.category-item[data-v-6640b486]{padding:18px}}@media(max-width:1400px){.categories-page[data-v-6640b486]{padding:0 25px}.categories-list[data-v-6640b486]{gap:16px}.category-item[data-v-6640b486]{padding:16px}.category-info h3[data-v-6640b486]{font-size:15px}.category-info .description[data-v-6640b486]{font-size:13px}.category-info .meta[data-v-6640b486]{font-size:12px}}@media(max-width:1200px){.categories-page[data-v-6640b486]{padding:0 22px}.categories-list[data-v-6640b486]{grid-template-columns:repeat(auto-fill,minmax(260px,260px));gap:14px}.category-item[data-v-6640b486]{padding:15px}.category-info h3[data-v-6640b486]{font-size:15px}.category-info .description[data-v-6640b486]{font-size:13px}.category-info .meta[data-v-6640b486]{font-size:12px}.btn-edit[data-v-6640b486],.btn-delete[data-v-6640b486]{padding:7px 12px;font-size:13px}}@media(max-width:1024px){.categories-page[data-v-6640b486]{padding:0 20px}.categories-list[data-v-6640b486]{grid-template-columns:repeat(auto-fill,minmax(240px,240px));gap:14px}.category-item[data-v-6640b486]{padding:15px}.category-info h3[data-v-6640b486]{font-size:15px}.category-info .description[data-v-6640b486]{font-size:13px}.category-info .meta[data-v-6640b486]{font-size:12px}.btn-edit[data-v-6640b486],.btn-delete[data-v-6640b486]{padding:7px 12px;font-size:13px}}@media(max-width:768px){.categories-page[data-v-6640b486]{padding:0 16px}.tabs-container[data-v-6640b486]{gap:8px;padding:6px}.tab-item[data-v-6640b486]{padding:10px 16px;font-size:14px}.categories-list[data-v-6640b486]{grid-template-columns:repeat(auto-fill,minmax(220px,220px));gap:12px}.category-item[data-v-6640b486]{padding:15px}.category-info h3[data-v-6640b486]{font-size:14px}.category-info .description[data-v-6640b486]{font-size:12px}.category-info .meta[data-v-6640b486]{font-size:11px}.btn-edit[data-v-6640b486],.btn-delete[data-v-6640b486]{padding:6px 10px;font-size:12px}}@media(max-width:480px){.categories-page[data-v-6640b486]{padding:0 12px}.tabs-container[data-v-6640b486]{flex-direction:row;gap:6px;padding:6px}.tab-item[data-v-6640b486]{border-radius:8px;margin-bottom:0;padding:10px 14px;font-size:14px}.categories-list[data-v-6640b486]{grid-template-columns:repeat(auto-fill,minmax(200px,200px));gap:10px}.category-item[data-v-6640b486]{padding:12px}.category-info h3[data-v-6640b486]{font-size:13px}.category-info .description[data-v-6640b486]{font-size:11px}.category-info .meta[data-v-6640b486]{font-size:10px}.btn-edit[data-v-6640b486],.btn-delete[data-v-6640b486]{padding:6px 8px;font-size:11px}.modal-content[data-v-6640b486]{max-width:100%;margin:0;border-radius:0;padding:16px}.modal-content h2[data-v-6640b486]{font-size:16px}.form-group[data-v-6640b486]{margin-bottom:14px}.form-group label[data-v-6640b486]{font-size:12px}.form-group input[data-v-6640b486],.form-group textarea[data-v-6640b486]{padding:8px;font-size:13px}.form-actions[data-v-6640b486]{flex-direction:column;gap:8px}.btn-primary[data-v-6640b486],.btn-secondary[data-v-6640b486]{width:100%;padding:12px}}.copy-toast[data-v-6640b486]{position:fixed;top:20px;left:50%;transform:translate(-50%) translateY(-100px);background:#000c;color:#fff;padding:12px 24px;border-radius:8px;font-size:14px;z-index:9999;opacity:0;transition:all .3s ease}.copy-toast.show[data-v-6640b486]{transform:translate(-50%) translateY(0);opacity:1}.bookmark-management[data-v-390736e7]{display:flex;flex-direction:column;min-height:100vh;background:#f5f5f5}.header[data-v-390736e7]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000001a;position:sticky;top:0;z-index:3000}.header-content[data-v-390736e7]{padding:16px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.nav-menu[data-v-390736e7]{display:flex;align-items:center;gap:16px;position:relative;flex-shrink:0}.logo-icon[data-v-390736e7]{width:32px;height:32px;object-fit:contain}.page-title-wrapper[data-v-390736e7]{display:flex;align-items:baseline;gap:12px}.page-title[data-v-390736e7]{margin:0;color:#333;font-size:24px;font-weight:600;line-height:1.2}.page-subtitle[data-v-390736e7]{font-size:14px;color:#999;font-weight:500;line-height:1.2}.user-info[data-v-390736e7]{display:flex;align-items:center;gap:12px;flex-shrink:0}.user-avatar[data-v-390736e7]{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;flex-shrink:0}.user-name[data-v-390736e7]{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333;font-size:15px;font-weight:500}.settings-btn[data-v-390736e7]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:50%;text-decoration:none;font-size:20px;transition:all .3s;flex-shrink:0}.settings-btn[data-v-390736e7]:hover{background:#e0e0e0;transform:rotate(30deg)}.nav-menu-btn[data-v-390736e7]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:8px;cursor:pointer;transition:all .3s}.nav-menu-btn[data-v-390736e7]:hover{background:#e0e0e0}.nav-menu-icon[data-v-390736e7]{font-size:20px;color:#333}.nav-dropdown[data-v-390736e7]{position:absolute;top:100%;left:0;margin-top:12px;background:#fff;border-radius:16px;box-shadow:0 8px 32px #00000026;min-width:480px;max-width:600px;z-index:2800;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease}.nav-dropdown.show[data-v-390736e7]{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown-content[data-v-390736e7]{padding:20px;position:relative;z-index:1}.nav-grid[data-v-390736e7]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.nav-card[data-v-390736e7]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;border-radius:12px;text-decoration:none;color:#333;transition:all .3s;background:#f8f9fa}.nav-card[data-v-390736e7]:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.nav-card-icon[data-v-390736e7]{font-size:32px;line-height:1}.nav-card-name[data-v-390736e7]{font-size:13px;font-weight:500;text-align:center}.nav-overlay[data-v-390736e7]{position:fixed;inset:0;background:#00000080;z-index:2790;opacity:0;visibility:hidden;transition:all .3s ease;cursor:pointer}.nav-overlay.show[data-v-390736e7]{opacity:1;visibility:visible}.top-nav[data-v-390736e7]{display:flex;gap:8px;background:#667eea1a;padding:8px 16px;border-radius:12px}.nav-item[data-v-390736e7]{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;cursor:pointer;transition:all .3s;background:transparent;color:#666}.nav-item[data-v-390736e7]:hover{background:#667eea33;color:#667eea}.nav-item.active[data-v-390736e7]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #667eea4d}.nav-icon[data-v-390736e7]{font-size:18px;line-height:1}.nav-text[data-v-390736e7]{font-size:14px;font-weight:500;white-space:nowrap}.main-content[data-v-390736e7]{display:flex;flex:1}.content[data-v-390736e7]{flex:1;width:100%;min-width:0;padding:30px;overflow-y:auto;overflow-x:hidden}@media(max-width:1024px){.content[data-v-390736e7]{padding:24px}.top-nav[data-v-390736e7]{padding:6px 12px;gap:6px}.nav-item[data-v-390736e7]{padding:8px 16px}.nav-icon[data-v-390736e7]{font-size:16px}.nav-text[data-v-390736e7]{font-size:13px}}@media(max-width:768px){.header-content[data-v-390736e7]{padding:12px 16px;gap:12px}.top-nav[data-v-390736e7]{padding:6px 10px;gap:4px}.nav-item[data-v-390736e7]{padding:6px 12px}.nav-icon[data-v-390736e7]{font-size:16px}.nav-text[data-v-390736e7]{font-size:12px}.content[data-v-390736e7]{padding:16px}.nav-dropdown[data-v-390736e7]{min-width:320px;max-width:400px}.nav-grid[data-v-390736e7]{grid-template-columns:repeat(2,1fr)}.page-title[data-v-390736e7]{font-size:20px}.page-subtitle[data-v-390736e7]{font-size:12px}}@media(max-width:480px){.header-content[data-v-390736e7]{padding:10px 12px;gap:8px}.top-nav[data-v-390736e7]{padding:4px 8px;gap:4px}.nav-item[data-v-390736e7]{padding:6px 10px}.nav-icon[data-v-390736e7]{font-size:14px}.nav-text[data-v-390736e7]{font-size:11px}.content[data-v-390736e7]{padding:12px}.user-name[data-v-390736e7]{display:none}}.notes-page[data-v-00c91e1b]{width:100vw;max-width:none;margin:0;padding:0;position:fixed;inset:0;display:flex;flex-direction:column;background:#f8f9fa;background-image:radial-gradient(circle at 1px 1px,rgba(102,126,234,.15) 1px,transparent 0);background-size:40px 40px}.header[data-v-00c91e1b]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000001a;padding:16px 0;position:sticky;top:0;z-index:3000;flex-shrink:0}.header-content[data-v-00c91e1b]{width:100%;padding:0 16px;display:flex;justify-content:space-between;align-items:center}.nav-menu[data-v-00c91e1b]{display:flex;align-items:center;gap:16px}.logo-icon[data-v-00c91e1b]{width:32px;height:32px;object-fit:contain}.page-title-wrapper[data-v-00c91e1b]{display:flex;align-items:baseline;gap:12px}.page-title[data-v-00c91e1b]{margin:0;color:#333;font-size:24px;font-weight:600;line-height:1.2}.page-subtitle[data-v-00c91e1b]{font-size:14px;color:#999;font-weight:500;line-height:1.2}.user-info[data-v-00c91e1b]{display:flex;align-items:center;gap:12px;flex-shrink:0}.user-avatar[data-v-00c91e1b]{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;flex-shrink:0}.user-name[data-v-00c91e1b]{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333;font-size:15px;font-weight:500}.settings-btn[data-v-00c91e1b]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:50%;text-decoration:none;font-size:20px;transition:all .3s;flex-shrink:0}.settings-btn[data-v-00c91e1b]:hover{background:#e0e0e0;transform:rotate(30deg)}.nav-menu[data-v-00c91e1b]{position:relative;flex-shrink:0}.nav-menu-btn[data-v-00c91e1b]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:8px;cursor:pointer;transition:all .3s}.nav-menu-btn[data-v-00c91e1b]:hover{background:#e0e0e0}.nav-menu-icon[data-v-00c91e1b]{font-size:20px;color:#333}.nav-dropdown[data-v-00c91e1b]{position:absolute;top:100%;left:0;margin-top:12px;background:#fff;border-radius:16px;box-shadow:0 8px 32px #00000026;min-width:480px;max-width:600px;z-index:2800;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease}.nav-dropdown.show[data-v-00c91e1b]{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown-content[data-v-00c91e1b]{padding:20px;position:relative;z-index:1}.nav-grid[data-v-00c91e1b]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.nav-card[data-v-00c91e1b]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;border-radius:12px;text-decoration:none;color:#333;transition:all .3s;background:#f8f9fa}.nav-card[data-v-00c91e1b]:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.nav-card-icon[data-v-00c91e1b]{font-size:32px;line-height:1}.nav-card-name[data-v-00c91e1b]{font-size:13px;font-weight:500;text-align:center}.nav-overlay[data-v-00c91e1b]{position:fixed;inset:0;background:#0000004d;z-index:2700;opacity:0;visibility:hidden;transition:all .3s}.nav-overlay.show[data-v-00c91e1b]{opacity:1;visibility:visible}.btn-add-sidebar[data-v-00c91e1b]{width:calc(100% - 24px);margin:12px 12px 16px;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.btn-add-sidebar[data-v-00c91e1b]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.sidebar-menu-row[data-v-00c91e1b]{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;padding:0 12px}.menu-row-item[data-v-00c91e1b]{justify-content:center;padding:10px 12px}.sidebar-menu-item[data-v-00c91e1b]{display:flex;align-items:center;padding:12px 16px;border-radius:8px;cursor:pointer;transition:all .2s;margin-bottom:4px}.notes-layout[data-v-00c91e1b]{display:grid;grid-template-columns:350px 1fr;gap:16px;flex:1;padding:16px;overflow:hidden}.notes-sidebar[data-v-00c91e1b]{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;overflow:hidden;display:flex;flex-direction:column}.sidebar-menu-item[data-v-00c91e1b]:hover{background:#f5f5f5}.sidebar-menu-item.active[data-v-00c91e1b]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.sidebar-menu-item .icon[data-v-00c91e1b]{font-size:18px;margin-right:12px}.sidebar-menu-item .count[data-v-00c91e1b]{margin-left:auto;font-size:12px;opacity:.7}.notes-list[data-v-00c91e1b]{flex:1;overflow-y:auto;padding:12px}.note-item[data-v-00c91e1b]{padding:16px;border-radius:8px;cursor:pointer;transition:all .2s;margin-bottom:8px;border:1px solid #f0f0f0}.note-item[data-v-00c91e1b]:hover{background:#f5f5f5;border-color:#667eea}.note-item.active[data-v-00c91e1b]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.note-item-header[data-v-00c91e1b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.note-item-title[data-v-00c91e1b]{font-weight:600;font-size:15px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-item-favorite[data-v-00c91e1b]{font-size:16px;cursor:pointer;transition:transform .2s}.note-item-favorite[data-v-00c91e1b]:hover{transform:scale(1.2)}.note-item-favorite.active[data-v-00c91e1b]{color:#ffc107}.note-item-preview[data-v-00c91e1b]{font-size:13px;color:#666;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-item.active .note-item-preview[data-v-00c91e1b]{color:#fffc}.note-item-time[data-v-00c91e1b]{font-size:12px;color:#999}.note-item.active .note-item-time[data-v-00c91e1b]{color:#ffffffb3}.notes-detail[data-v-00c91e1b]{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;overflow:hidden;display:flex;flex-direction:column}.detail-content[data-v-00c91e1b]{display:flex;flex-direction:column;height:100%}.detail-header[data-v-00c91e1b]{padding:24px;border-bottom:1px solid #f0f0f0}.note-title-input[data-v-00c91e1b]{width:100%;font-size:24px;font-weight:700;border:none;outline:none;padding:8px 0;color:#333;background:transparent}.note-title-input[data-v-00c91e1b]::placeholder{color:#ccc}.detail-actions[data-v-00c91e1b]{display:flex;gap:12px;margin-top:16px}.btn-detail-action[data-v-00c91e1b]{padding:8px 16px;background:#f5f5f5;color:#333;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-detail-action[data-v-00c91e1b]:hover{background:#e0e0e0}.btn-detail-action.btn-delete[data-v-00c91e1b]{background:#fee;color:#c53030}.btn-detail-action.btn-delete[data-v-00c91e1b]:hover{background:#fec}.detail-body[data-v-00c91e1b]{flex:1;padding:24px;overflow:hidden}.note-content-textarea[data-v-00c91e1b]{width:100%;height:100%;font-size:15px;line-height:1.8;border:none;outline:none;resize:none;color:#333;background:transparent;font-family:inherit}.note-content-textarea[data-v-00c91e1b]::placeholder{color:#ccc}.empty-state[data-v-00c91e1b],.empty-detail[data-v-00c91e1b]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#999}.empty-icon[data-v-00c91e1b]{font-size:64px;margin-bottom:16px}.empty-state p[data-v-00c91e1b],.empty-detail p[data-v-00c91e1b]{margin:0;font-size:16px}@media(max-width:1024px){.header[data-v-00c91e1b]{padding:12px 0}.logo-icon[data-v-00c91e1b]{width:28px;height:28px}.page-title[data-v-00c91e1b]{font-size:20px}.page-subtitle[data-v-00c91e1b]{font-size:13px}.user-name[data-v-00c91e1b]{max-width:120px;font-size:14px}.nav-grid[data-v-00c91e1b]{grid-template-columns:repeat(2,1fr)}.nav-dropdown[data-v-00c91e1b]{min-width:320px;max-width:400px}.notes-layout[data-v-00c91e1b]{grid-template-columns:300px 1fr;gap:12px;padding:12px}.notes-sidebar[data-v-00c91e1b],.notes-detail[data-v-00c91e1b]{border-radius:8px}}@media(max-width:768px){.header[data-v-00c91e1b]{padding:10px 0}.logo-icon[data-v-00c91e1b]{width:24px;height:24px}.page-title[data-v-00c91e1b]{font-size:18px}.page-subtitle[data-v-00c91e1b]{font-size:12px}.user-name[data-v-00c91e1b]{display:none}.nav-grid[data-v-00c91e1b]{grid-template-columns:repeat(2,1fr);gap:8px}.nav-card[data-v-00c91e1b]{padding:16px 12px}.nav-card-icon[data-v-00c91e1b]{font-size:28px}.nav-card-name[data-v-00c91e1b]{font-size:12px}.btn-add-sidebar[data-v-00c91e1b]{width:calc(100% - 16px);margin:10px 8px 14px;padding:10px;font-size:13px}.sidebar-menu-row[data-v-00c91e1b]{gap:6px;padding:0 8px}.menu-row-item[data-v-00c91e1b]{padding:8px 10px}.notes-layout[data-v-00c91e1b]{grid-template-columns:1fr;padding:12px}.notes-sidebar[data-v-00c91e1b]{max-height:300px;border-radius:8px}.notes-detail[data-v-00c91e1b]{border-radius:8px}}@media(max-width:480px){.header[data-v-00c91e1b]{padding:8px 0}.logo-icon[data-v-00c91e1b]{width:20px;height:20px}.page-title[data-v-00c91e1b]{font-size:16px}.page-subtitle[data-v-00c91e1b]{font-size:11px}.nav-dropdown[data-v-00c91e1b]{min-width:280px;max-width:320px;left:-10px}.nav-grid[data-v-00c91e1b]{grid-template-columns:repeat(2,1fr);gap:6px}.nav-card[data-v-00c91e1b]{padding:12px 8px}.nav-card-icon[data-v-00c91e1b]{font-size:24px}.nav-card-name[data-v-00c91e1b]{font-size:11px}.btn-add-sidebar[data-v-00c91e1b]{width:calc(100% - 12px);margin:8px 6px 12px;padding:8px;font-size:12px}.sidebar-menu-row[data-v-00c91e1b]{gap:4px;padding:0 6px}.menu-row-item[data-v-00c91e1b]{padding:6px 8px;font-size:13px}.menu-row-item .icon[data-v-00c91e1b]{font-size:16px;margin-right:8px}.notes-layout[data-v-00c91e1b]{padding:8px}.notes-sidebar[data-v-00c91e1b]{max-height:250px}}.account-container[data-v-40df7a0d]{display:flex;flex-direction:column;height:100vh;background:#f8f9fa;background-image:radial-gradient(circle at 1px 1px,rgba(102,126,234,.15) 1px,transparent 0);background-size:40px 40px;overflow-x:hidden}.header[data-v-40df7a0d]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000001a;padding:16px 0;position:sticky;top:0;z-index:3000;flex-shrink:0}.header-content[data-v-40df7a0d]{width:100%;padding:0 16px;display:flex;justify-content:space-between;align-items:center}.nav-menu[data-v-40df7a0d]{display:flex;align-items:center;gap:16px}.logo-icon[data-v-40df7a0d]{width:32px;height:32px;object-fit:contain}.page-title-wrapper[data-v-40df7a0d]{display:flex;align-items:baseline;gap:12px}.page-title[data-v-40df7a0d]{margin:0;color:#333;font-size:24px;font-weight:600;line-height:1.2}.page-subtitle[data-v-40df7a0d]{font-size:14px;color:#999;font-weight:500;line-height:1.2}.user-info[data-v-40df7a0d]{display:flex;align-items:center;gap:12px;flex-shrink:0}.user-avatar[data-v-40df7a0d]{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;flex-shrink:0}.user-name[data-v-40df7a0d]{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333;font-size:15px;font-weight:500}.settings-btn[data-v-40df7a0d]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:50%;text-decoration:none;font-size:20px;transition:all .3s;flex-shrink:0}.settings-btn[data-v-40df7a0d]:hover{background:#e0e0e0;transform:rotate(30deg)}.nav-menu[data-v-40df7a0d]{position:relative;flex-shrink:0}.nav-menu-btn[data-v-40df7a0d]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:8px;cursor:pointer;transition:all .3s}.nav-menu-btn[data-v-40df7a0d]:hover{background:#e0e0e0}.nav-menu-icon[data-v-40df7a0d]{font-size:20px;color:#333}.nav-dropdown[data-v-40df7a0d]{position:absolute;top:100%;left:0;margin-top:12px;background:#fff;border-radius:16px;box-shadow:0 8px 32px #00000026;min-width:480px;max-width:600px;z-index:2800;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease}.nav-dropdown.show[data-v-40df7a0d]{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown-content[data-v-40df7a0d]{padding:20px;position:relative;z-index:1}.nav-grid[data-v-40df7a0d]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.nav-card[data-v-40df7a0d]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;border-radius:12px;text-decoration:none;color:#333;transition:all .3s;background:#f8f9fa}.nav-card[data-v-40df7a0d]:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.nav-card-icon[data-v-40df7a0d]{font-size:32px;line-height:1}.nav-card-name[data-v-40df7a0d]{font-size:13px;font-weight:500;text-align:center}.nav-overlay[data-v-40df7a0d]{position:fixed;inset:0;background:#0000004d;z-index:2700;opacity:0;visibility:hidden;transition:all .3s}.nav-overlay.show[data-v-40df7a0d]{opacity:1;visibility:visible}.main-content[data-v-40df7a0d]{flex:1;padding:32px 24px;overflow-y:auto;overflow-x:hidden}.account-list[data-v-40df7a0d]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;width:100%}.account-card[data-v-40df7a0d]{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;border-left:4px solid #667eea}.account-card.credit[data-v-40df7a0d]{border-left-color:#667eea}.account-card.bank[data-v-40df7a0d]{border-left-color:#52c41a}.account-card.cash[data-v-40df7a0d]{border-left-color:#faad14}.account-card.other[data-v-40df7a0d]{border-left-color:#8c8c8c}.card-header[data-v-40df7a0d]{padding:20px 24px;border-bottom:1px solid #f0f0f0}.account-info[data-v-40df7a0d]{display:flex;align-items:center;gap:12px;margin-bottom:12px}.account-info h3[data-v-40df7a0d]{margin:0;color:#333;font-size:18px}.account-type[data-v-40df7a0d]{padding:4px 8px;background:#f0f0f0;border-radius:4px;font-size:12px;color:#666}.default-badge[data-v-40df7a0d]{padding:4px 8px;background:#52c41a;color:#fff;border-radius:4px;font-size:12px}.card-actions[data-v-40df7a0d]{display:flex;gap:8px}.edit-btn[data-v-40df7a0d]{padding:6px 12px;background:#667eea;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer}.delete-btn[data-v-40df7a0d]{padding:6px 12px;background:#e74c3c;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer}.card-body[data-v-40df7a0d]{padding:24px}.balance-section[data-v-40df7a0d]{text-align:center;margin-bottom:20px}.balance-section .label[data-v-40df7a0d]{display:block;color:#666;font-size:14px;margin-bottom:8px}.balance-section .value[data-v-40df7a0d]{font-size:32px;font-weight:700;color:#333}.credit-section[data-v-40df7a0d]{border-top:1px solid #f0f0f0;padding-top:16px}.info-row[data-v-40df7a0d]{display:flex;justify-content:space-between;margin-bottom:12px}.info-row .label[data-v-40df7a0d]{color:#666;font-size:14px}.info-row .value[data-v-40df7a0d]{color:#333;font-weight:500;font-size:14px}.progress-section[data-v-40df7a0d]{margin-top:16px;display:flex;align-items:center;gap:12px}.progress-bar[data-v-40df7a0d]{flex:1;height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden}.progress-fill[data-v-40df7a0d]{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);transition:width .3s}.progress-text[data-v-40df7a0d]{color:#667eea;font-weight:600;font-size:14px;min-width:40px}.description-section[data-v-40df7a0d]{border-top:1px solid #f0f0f0;padding-top:12px;margin-top:12px}.description-section .label[data-v-40df7a0d]{display:block;color:#666;font-size:12px;margin-bottom:4px}.description-section .value[data-v-40df7a0d]{color:#333;font-size:13px;line-height:1.5}.empty-state[data-v-40df7a0d]{text-align:center;padding:80px 24px}.empty-icon[data-v-40df7a0d]{font-size:64px;margin-bottom:16px}.empty-state h3[data-v-40df7a0d]{margin:0 0 8px;color:#333}.empty-state p[data-v-40df7a0d]{margin:0;color:#666}.fab-btn[data-v-40df7a0d]{position:fixed;bottom:40px;right:40px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;font-size:28px;cursor:pointer;box-shadow:0 4px 12px #667eea66;transition:all .3s;display:flex;align-items:center;justify-content:center}.fab-btn[data-v-40df7a0d]:hover{transform:scale(1.1);box-shadow:0 6px 16px #667eea80}.modal[data-v-40df7a0d]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-40df7a0d]{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header[data-v-40df7a0d]{padding:20px 24px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.modal-header h2[data-v-40df7a0d]{margin:0;color:#333;font-size:18px}.close-btn[data-v-40df7a0d]{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.close-btn[data-v-40df7a0d]:hover{color:#333}.modal-content form[data-v-40df7a0d]{padding:24px}.form-group[data-v-40df7a0d]{margin-bottom:16px}.form-group label[data-v-40df7a0d]{display:block;margin-bottom:8px;color:#333;font-weight:500;font-size:14px}.form-group input[data-v-40df7a0d],.form-group select[data-v-40df7a0d],.form-group textarea[data-v-40df7a0d]{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;box-sizing:border-box}.form-group textarea[data-v-40df7a0d]{resize:vertical;font-family:inherit}.form-group input[data-v-40df7a0d]:focus,.form-group select[data-v-40df7a0d]:focus,.form-group textarea[data-v-40df7a0d]:focus{outline:none;border-color:#667eea}.checkbox-label[data-v-40df7a0d]{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-label input[type=checkbox][data-v-40df7a0d]{width:auto;margin:0}.checkbox-label span[data-v-40df7a0d]{color:#333;font-size:14px}.modal-actions[data-v-40df7a0d]{display:flex;gap:12px;margin-top:24px}.cancel-btn[data-v-40df7a0d]{flex:1;padding:12px;background:#f5f5f5;color:#333;border:none;border-radius:6px;font-size:14px;cursor:pointer}.submit-btn[data-v-40df7a0d]{flex:1;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer}.submit-btn[data-v-40df7a0d]:hover{opacity:.9}@media(max-width:1024px){.header[data-v-40df7a0d]{padding:12px 0}.logo-icon[data-v-40df7a0d]{width:28px;height:28px}.page-title[data-v-40df7a0d]{font-size:20px}.page-subtitle[data-v-40df7a0d]{font-size:13px}.user-name[data-v-40df7a0d]{max-width:120px;font-size:14px}.nav-grid[data-v-40df7a0d]{grid-template-columns:repeat(2,1fr)}.nav-dropdown[data-v-40df7a0d]{min-width:320px;max-width:400px}.account-list[data-v-40df7a0d]{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.fab-btn[data-v-40df7a0d]{bottom:32px;right:32px;width:50px;height:50px;font-size:24px}}@media(max-width:768px){.main-content[data-v-40df7a0d]{padding:24px 16px}.account-list[data-v-40df7a0d]{grid-template-columns:1fr;gap:16px}.account-card[data-v-40df7a0d]{border-radius:8px}.card-header[data-v-40df7a0d],.card-body[data-v-40df7a0d]{padding:16px}.balance-section .value[data-v-40df7a0d]{font-size:28px}.modal-content[data-v-40df7a0d]{max-width:95%;margin:16px}.modal-header[data-v-40df7a0d]{padding:16px}.modal-header h2[data-v-40df7a0d]{font-size:16px}.close-btn[data-v-40df7a0d]{width:28px;height:28px;font-size:20px}.modal-content form[data-v-40df7a0d]{padding:16px}.form-group[data-v-40df7a0d]{margin-bottom:14px}.form-group label[data-v-40df7a0d]{font-size:13px}.form-group input[data-v-40df7a0d],.form-group select[data-v-40df7a0d],.form-group textarea[data-v-40df7a0d]{padding:10px;font-size:14px}.checkbox-label span[data-v-40df7a0d]{font-size:13px}.modal-actions[data-v-40df7a0d]{gap:8px;margin-top:16px}.cancel-btn[data-v-40df7a0d],.submit-btn[data-v-40df7a0d]{padding:10px;font-size:14px}.fab-btn[data-v-40df7a0d]{bottom:24px;right:24px;width:48px;height:48px;font-size:22px}}@media(max-width:480px){.main-content[data-v-40df7a0d]{padding:16px 12px}.account-list[data-v-40df7a0d]{gap:12px}.card-header[data-v-40df7a0d],.card-body[data-v-40df7a0d]{padding:12px}.balance-section .value[data-v-40df7a0d]{font-size:24px}.modal-content[data-v-40df7a0d]{max-width:100%;margin:0;border-radius:0}.modal-header[data-v-40df7a0d]{padding:12px}.modal-header h2[data-v-40df7a0d]{font-size:15px}.close-btn[data-v-40df7a0d]{width:24px;height:24px;font-size:18px}.modal-content form[data-v-40df7a0d]{padding:12px}.form-group[data-v-40df7a0d]{margin-bottom:12px}.form-group label[data-v-40df7a0d]{font-size:12px}.form-group input[data-v-40df7a0d],.form-group select[data-v-40df7a0d],.form-group textarea[data-v-40df7a0d]{padding:8px;font-size:13px}.checkbox-label span[data-v-40df7a0d]{font-size:12px}.modal-actions[data-v-40df7a0d]{flex-direction:column;gap:8px}.cancel-btn[data-v-40df7a0d],.submit-btn[data-v-40df7a0d]{width:100%;padding:12px}.fab-btn[data-v-40df7a0d]{bottom:20px;right:20px;width:44px;height:44px;font-size:20px}}.installment-list-page[data-v-be8444ac]{width:100%}.content-header[data-v-be8444ac]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.content-header h1[data-v-be8444ac]{color:#333;font-size:28px;margin:0}.add-btn[data-v-be8444ac]{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #667eea4d}.add-btn[data-v-be8444ac]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.installment-grid[data-v-be8444ac]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.installment-card[data-v-be8444ac]{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;transition:all .3s;overflow:hidden;display:flex;flex-direction:column}.installment-card[data-v-be8444ac]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.installment-card.completed[data-v-be8444ac]{opacity:.8}.installment-card .card-header[data-v-be8444ac]{padding:20px;display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#f8f9fa,#fff);border-bottom:1px solid #f0f0f0}.installment-icon[data-v-be8444ac]{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.installment-card.completed .installment-icon[data-v-be8444ac]{background:linear-gradient(135deg,#10b981,#059669)}.installment-info[data-v-be8444ac]{flex:1;min-width:0}.installment-info h3[data-v-be8444ac]{margin:0 0 4px;font-size:16px;font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-name[data-v-be8444ac]{font-size:12px;color:#666;font-weight:500}.installment-card .status-badge[data-v-be8444ac]{padding:4px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;font-size:11px;font-weight:600;flex-shrink:0}.installment-card .status-badge.completed[data-v-be8444ac]{background:linear-gradient(135deg,#10b981,#059669);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.installment-card .card-body[data-v-be8444ac]{padding:20px;flex:1;display:flex;flex-direction:column;gap:0}.installment-card .amount-section[data-v-be8444ac]{padding:12px;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:12px;display:flex;flex-direction:column;gap:4px;margin-bottom:4px}.installment-card .amount-section .label[data-v-be8444ac]{font-size:13px;color:#666;font-weight:500}.installment-card .amount-section .value[data-v-be8444ac]{font-size:28px;font-weight:700;color:#333}.installment-card .amount-section.completed .value[data-v-be8444ac]{color:#10b981;font-size:24px}.installment-card .info-row[data-v-be8444ac]{display:flex;justify-content:space-between;align-items:center;font-size:14px;padding:2px 0;border-bottom:1px solid #f5f5f5}.installment-card .info-row[data-v-be8444ac]:last-child{border-bottom:none}.installment-card .info-row .label[data-v-be8444ac]{color:#666;font-weight:500}.installment-card .info-row .value[data-v-be8444ac]{color:#333;font-weight:600}.installment-card .progress-section[data-v-be8444ac]{display:flex;align-items:center;gap:12px;padding:0;margin-top:0}.installment-card .progress-bar[data-v-be8444ac]{flex:1;height:10px;background:#f0f0f0;border-radius:5px;overflow:hidden}.installment-card .progress-fill[data-v-be8444ac]{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);transition:width .3s}.installment-card .progress-text[data-v-be8444ac]{color:#667eea;font-weight:700;font-size:14px;min-width:45px;text-align:right}.installment-card .card-footer[data-v-be8444ac]{padding:16px 20px;border-top:1px solid #f0f0f0;display:flex;gap:12px}.installment-card .action-btn[data-v-be8444ac]{flex:1;padding:10px;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .3s}.action-btn span[data-v-be8444ac]:first-child{font-size:16px}.detail-btn[data-v-be8444ac]{background:#e3f2fd;color:#2196f3}.detail-btn[data-v-be8444ac]:hover{background:#bbdefb;transform:translateY(-1px)}.repay-btn[data-v-be8444ac]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.repay-btn-overdue[data-v-be8444ac]{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.repay-btn-paid[data-v-be8444ac],.repay-btn-cleared[data-v-be8444ac]{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.repay-btn[data-v-be8444ac]:hover,.repay-btn-overdue[data-v-be8444ac]:hover,.repay-btn-paid[data-v-be8444ac]:hover,.repay-btn-cleared[data-v-be8444ac]:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.repay-btn-overdue[data-v-be8444ac]:hover{box-shadow:0 4px 12px #f4433666}.repay-btn-paid[data-v-be8444ac]:hover,.repay-btn-cleared[data-v-be8444ac]:hover{box-shadow:0 4px 12px #10b98166}.empty-state[data-v-be8444ac]{text-align:center;padding:100px 20px}.empty-icon[data-v-be8444ac]{font-size:80px;margin-bottom:20px;opacity:.6}.empty-state h3[data-v-be8444ac]{margin:0 0 12px;color:#333;font-size:20px}.empty-state p[data-v-be8444ac]{margin:0;color:#666;font-size:14px}.modal[data-v-be8444ac]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content[data-v-be8444ac]{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header[data-v-be8444ac]{padding:24px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.modal-header h2[data-v-be8444ac]{margin:0;color:#333;font-size:20px;font-weight:600}.close-btn[data-v-be8444ac]{background:none;border:none;font-size:28px;color:#999;cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.close-btn[data-v-be8444ac]:hover{color:#333;background:#f5f5f5}.modal-content form[data-v-be8444ac]{padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group[data-v-be8444ac]{margin-bottom:0}.form-group.full-width[data-v-be8444ac]{grid-column:1 / -1}.form-group label[data-v-be8444ac]{display:block;margin-bottom:8px;color:#333;font-weight:600;font-size:14px}.form-group input[data-v-be8444ac],.form-group select[data-v-be8444ac]{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:14px;box-sizing:border-box;transition:all .2s}.form-group input[data-v-be8444ac]:focus,.form-group select[data-v-be8444ac]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.modal-actions[data-v-be8444ac]{display:flex;gap:12px;margin-top:24px}.cancel-btn[data-v-be8444ac],.submit-btn[data-v-be8444ac]{flex:1;padding:12px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.cancel-btn[data-v-be8444ac]{background:#f5f5f5;color:#333}.cancel-btn[data-v-be8444ac]:hover{background:#e0e0e0}.submit-btn[data-v-be8444ac]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.submit-btn[data-v-be8444ac]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.repay-modal-content[data-v-be8444ac]{max-width:480px}.repay-modal-content .modal-actions[data-v-be8444ac]{padding:0 24px 24px}.repay-info[data-v-be8444ac]{padding:24px}.repay-info-item[data-v-be8444ac]{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0}.repay-info-item[data-v-be8444ac]:last-child{border-bottom:none}.repay-info-label[data-v-be8444ac]{color:#666;font-size:14px}.repay-info-value[data-v-be8444ac]{color:#333;font-size:14px;font-weight:500}.repay-info-value.amount[data-v-be8444ac]{color:#667eea;font-size:20px;font-weight:700}.advance-repay-modal-content[data-v-be8444ac]{max-width:400px}.advance-repay-modal-content .modal-actions[data-v-be8444ac]{margin-top:12px;padding:0 24px 24px}.advance-repay-info[data-v-be8444ac]{padding:32px 24px 12px;text-align:center}.advance-repay-info p[data-v-be8444ac]{margin:0;font-size:16px;color:#333;line-height:1.6}.advance-repay-select-modal-content[data-v-be8444ac]{max-width:500px}.advance-repay-actions[data-v-be8444ac]{display:flex;flex-direction:column;gap:12px;padding:0 24px 24px}.advance-repay-btn[data-v-be8444ac]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border:none;border-radius:12px;cursor:pointer;transition:all .3s;font-size:14px;font-weight:500}.advance-repay-btn[data-v-be8444ac]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.advance-repay-btn .btn-icon[data-v-be8444ac]{font-size:24px;flex-shrink:0}.advance-repay-btn .btn-text[data-v-be8444ac]{flex:1;text-align:left;padding-left:12px;font-size:16px}.advance-repay-btn .btn-amount[data-v-be8444ac]{font-size:18px;font-weight:700;flex-shrink:0}.one-period-btn[data-v-be8444ac]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #667eea4d}.one-period-btn[data-v-be8444ac]:hover{box-shadow:0 4px 12px #667eea66}.all-periods-btn[data-v-be8444ac]{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b9814d}.all-periods-btn[data-v-be8444ac]:hover{box-shadow:0 4px 12px #10b98166}@media(max-width:1024px){.installment-grid[data-v-be8444ac]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}}@media(max-width:768px){.content-header[data-v-be8444ac]{flex-direction:column;align-items:flex-start;gap:16px}.content-header h1[data-v-be8444ac]{font-size:24px}.add-btn[data-v-be8444ac]{width:100%}.installment-grid[data-v-be8444ac]{grid-template-columns:1fr;gap:16px}.installment-card[data-v-be8444ac]{border-radius:12px}.installment-card .card-header[data-v-be8444ac]{padding:16px}.installment-icon[data-v-be8444ac]{width:40px;height:40px;font-size:20px}.installment-info h3[data-v-be8444ac]{font-size:15px}.installment-card .card-body[data-v-be8444ac]{padding:16px}.installment-card .amount-section .value[data-v-be8444ac]{font-size:20px}.installment-card .info-row[data-v-be8444ac]{font-size:13px}.installment-card .progress-section[data-v-be8444ac]{padding:12px}.installment-card .progress-text[data-v-be8444ac]{font-size:12px}.installment-card .card-footer[data-v-be8444ac]{padding:12px 16px}.installment-card .action-btn[data-v-be8444ac]{padding:10px 14px;font-size:13px}.modal-content[data-v-be8444ac]{max-width:95%;margin:16px}.modal-header[data-v-be8444ac]{padding:16px}.modal-header h2[data-v-be8444ac]{font-size:16px}.modal-content form[data-v-be8444ac]{padding:16px;grid-template-columns:1fr;gap:16px}.form-group[data-v-be8444ac]{margin-bottom:0}.form-group label[data-v-be8444ac]{font-size:13px}.form-group input[data-v-be8444ac],.form-group select[data-v-be8444ac]{padding:10px;font-size:14px}.repay-info[data-v-be8444ac]{padding:16px}.repay-modal-content .modal-actions[data-v-be8444ac]{padding:0 16px 16px}.repay-info-item[data-v-be8444ac]{padding:12px 0}.repay-info-label[data-v-be8444ac]{font-size:13px}.repay-info-value[data-v-be8444ac]{font-size:14px}.repay-info-value.amount[data-v-be8444ac]{font-size:18px}.advance-repay-modal-content[data-v-be8444ac]{max-width:90%}.advance-repay-modal-content .modal-actions[data-v-be8444ac]{margin-top:8px;padding:0 16px 16px}.advance-repay-info[data-v-be8444ac]{padding:32px 16px 16px}.advance-repay-info p[data-v-be8444ac]{font-size:15px}.advance-repay-select-modal-content[data-v-be8444ac]{max-width:90%}.advance-repay-actions[data-v-be8444ac]{padding:0 16px 16px}.advance-repay-btn[data-v-be8444ac]{padding:14px 16px}.advance-repay-btn .btn-icon[data-v-be8444ac]{font-size:20px}.advance-repay-btn .btn-text[data-v-be8444ac]{font-size:15px}.advance-repay-btn .btn-amount[data-v-be8444ac]{font-size:16px}}@media(max-width:480px){.content-header h1[data-v-be8444ac]{font-size:20px}.add-btn[data-v-be8444ac]{padding:12px 16px;font-size:14px}.installment-card .card-header[data-v-be8444ac]{padding:12px}.installment-icon[data-v-be8444ac]{width:36px;height:36px;font-size:18px}.installment-info h3[data-v-be8444ac]{font-size:14px}.installment-card .card-body[data-v-be8444ac]{padding:12px}.installment-card .amount-section .value[data-v-be8444ac]{font-size:18px}.installment-card .info-row[data-v-be8444ac]{font-size:12px}.installment-card .card-footer[data-v-be8444ac]{padding:10px 12px}.installment-card .action-btn[data-v-be8444ac]{padding:8px 12px;font-size:12px}.modal-content[data-v-be8444ac]{max-width:100%;margin:0;border-radius:0}.modal-header[data-v-be8444ac]{padding:12px}.modal-header h2[data-v-be8444ac]{font-size:15px}.close-btn[data-v-be8444ac]{width:28px;height:28px;font-size:20px}.repay-info[data-v-be8444ac]{padding:12px}.repay-info-item[data-v-be8444ac]{padding:10px 0}.repay-info-label[data-v-be8444ac]{font-size:12px}.repay-info-value[data-v-be8444ac]{font-size:13px}.repay-info-value.amount[data-v-be8444ac]{font-size:16px}.advance-repay-info[data-v-be8444ac]{padding:20px 12px}.advance-repay-info p[data-v-be8444ac]{font-size:14px}.advance-repay-actions[data-v-be8444ac]{padding:0 12px 12px}.advance-repay-btn[data-v-be8444ac]{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}.advance-repay-btn .btn-icon[data-v-be8444ac]{width:100%;text-align:left}.advance-repay-btn .btn-text[data-v-be8444ac]{width:100%;padding-left:0}.advance-repay-btn .btn-amount[data-v-be8444ac]{width:100%;text-align:left}}.list-view[data-v-be8444ac],.detail-view[data-v-be8444ac]{width:100%}.detail-header[data-v-be8444ac]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.header-left[data-v-be8444ac]{display:flex;align-items:center;gap:12px}.header-left h2[data-v-be8444ac]{color:#333;font-size:24px;margin:0}.header-right[data-v-be8444ac]{display:flex;gap:12px;align-items:center}.edit-btn[data-v-be8444ac]{padding:8px 16px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.edit-btn[data-v-be8444ac]:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.delete-btn[data-v-be8444ac]{padding:8px 16px;background:#e74c3c;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.delete-btn[data-v-be8444ac]:hover{background:#c0392b;transform:translateY(-2px);box-shadow:0 4px 12px #e74c3c66}.back-btn[data-v-be8444ac]{padding:8px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.back-btn[data-v-be8444ac]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.detail-content[data-v-be8444ac]{width:100%}.detail-card[data-v-be8444ac]{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;padding:30px}.detail-card .card-body[data-v-be8444ac]{padding:0}.info-sections[data-v-be8444ac]{display:flex;flex-direction:column;gap:24px;margin-bottom:30px}.info-section[data-v-be8444ac]{background:#f8f9fa;border-radius:12px;padding:20px}.section-title[data-v-be8444ac]{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e9ecef}.section-icon[data-v-be8444ac]{font-size:20px}.section-text[data-v-be8444ac]{font-size:16px;font-weight:600;color:#333}.info-grid[data-v-be8444ac]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.info-item[data-v-be8444ac]{display:flex;flex-direction:column;gap:6px}.info-label[data-v-be8444ac]{color:#666;font-size:13px}.info-value[data-v-be8444ac]{color:#333;font-size:15px;font-weight:600}.progress-section[data-v-be8444ac]{margin-bottom:30px}.progress-header[data-v-be8444ac]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.progress-label[data-v-be8444ac]{color:#666;font-size:14px}.progress-value[data-v-be8444ac]{color:#333;font-size:14px;font-weight:600}.progress-bar[data-v-be8444ac]{width:100%;height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill[data-v-be8444ac]{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s}.progress-percentage[data-v-be8444ac]{color:#667eea;font-size:14px;font-weight:600}.summary-section[data-v-be8444ac]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.summary-item[data-v-be8444ac]{display:flex;flex-direction:column;gap:8px;padding:16px;background:#f8f9fa;border-radius:8px}.summary-label[data-v-be8444ac]{color:#666;font-size:14px}.summary-value[data-v-be8444ac]{color:#333;font-size:20px;font-weight:700}.summary-value.paid[data-v-be8444ac]{color:#28a745}.summary-value.remaining[data-v-be8444ac]{color:#dc3545}.action-section[data-v-be8444ac]{display:flex;gap:12px}.repay-btn[data-v-be8444ac]{flex:1;padding:14px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px}.repay-btn[data-v-be8444ac]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.repay-btn[data-v-be8444ac]:disabled{opacity:.5;cursor:not-allowed}.repay-icon[data-v-be8444ac]{font-size:20px}.status-badge[data-v-be8444ac]{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.status-badge.active[data-v-be8444ac]{background:#e3f2fd;color:#1976d2}.status-badge.completed[data-v-be8444ac]{background:#e8f5e9;color:#388e3c}.content-layout[data-v-be8444ac]{display:grid;grid-template-columns:1fr 1fr;gap:24px}.left-section[data-v-be8444ac]{display:flex;flex-direction:column}.right-section[data-v-be8444ac]{display:flex;flex-direction:column;gap:24px}.repayment-plan-card[data-v-be8444ac],.repayment-history-card[data-v-be8444ac]{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.repayment-plan-card .card-header[data-v-be8444ac],.repayment-history-card .card-header[data-v-be8444ac]{padding:20px 24px;border-bottom:1px solid #f0f0f0}.repayment-plan-card .card-header h2[data-v-be8444ac],.repayment-history-card .card-header h2[data-v-be8444ac]{margin:0;color:#333;font-size:18px;font-weight:600}.plan-list[data-v-be8444ac],.history-list[data-v-be8444ac]{max-height:400px;overflow-y:auto}.plan-item[data-v-be8444ac]{display:grid;grid-template-columns:80px 1fr 120px 80px;gap:12px;padding:16px 24px;border-bottom:1px solid #f0f0f0;align-items:center}.plan-item[data-v-be8444ac]:last-child{border-bottom:none}.plan-item.paid[data-v-be8444ac]{background:#f8f9fa}.plan-item.current[data-v-be8444ac]{background:#e3f2fd}.plan-item.pending[data-v-be8444ac]{background:#fff}.plan-number[data-v-be8444ac]{font-weight:600;color:#666}.plan-date[data-v-be8444ac]{color:#999;font-size:14px}.plan-amount[data-v-be8444ac]{font-weight:600;color:#333}.plan-status[data-v-be8444ac]{text-align:right;font-size:13px;padding:4px 8px;border-radius:4px}.plan-item.paid .plan-status[data-v-be8444ac]{background:#e8f5e9;color:#388e3c}.plan-item.current .plan-status[data-v-be8444ac]{background:#fff3e0;color:#f57c00}.plan-item.pending .plan-status[data-v-be8444ac]{background:#f5f5f5;color:#999}.history-item[data-v-be8444ac]{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #f0f0f0}.history-item[data-v-be8444ac]:last-child{border-bottom:none}.history-info[data-v-be8444ac]{display:flex;flex-direction:column;gap:4px}.history-period[data-v-be8444ac]{font-weight:600;color:#333;font-size:14px}.history-date[data-v-be8444ac]{color:#999;font-size:13px}.history-amount[data-v-be8444ac]{font-weight:600;color:#28a745;font-size:16px}.empty-state[data-v-be8444ac]{padding:40px 24px;text-align:center;color:#999}.empty-state p[data-v-be8444ac]{margin:0;font-size:14px}.installment-overview[data-v-a77a3049]{padding:24px;background:#f5f5f5;min-height:100vh}.content-header[data-v-a77a3049]{margin-bottom:24px}.content-header h1[data-v-a77a3049]{font-size:28px;font-weight:600;color:#333;margin:0}.stats-grid[data-v-a77a3049]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.stat-card[data-v-a77a3049]{background:#fff;border-radius:12px;padding:24px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #00000014;transition:transform .2s,box-shadow .2s}.stat-card[data-v-a77a3049]:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.stat-icon[data-v-a77a3049]{font-size:40px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px}.stat-info[data-v-a77a3049]{flex:1}.stat-value[data-v-a77a3049]{font-size:28px;font-weight:600;color:#333;margin-bottom:4px}.stat-label[data-v-a77a3049]{font-size:14px;color:#666}.info-sections[data-v-a77a3049]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px}.section[data-v-a77a3049]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014}.section-header[data-v-a77a3049]{margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #f0f0f0}.section-header h2[data-v-a77a3049]{font-size:18px;font-weight:600;color:#333;margin:0}.upcoming-list[data-v-a77a3049],.account-list[data-v-a77a3049],.recent-list[data-v-a77a3049]{display:flex;flex-direction:column;gap:12px}.upcoming-item[data-v-a77a3049],.account-item[data-v-a77a3049],.recent-item[data-v-a77a3049]{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;background:#f9f9f9;transition:background .2s}.upcoming-item[data-v-a77a3049]:hover,.account-item[data-v-a77a3049]:hover,.recent-item[data-v-a77a3049]:hover{background:#f0f0f0}.upcoming-icon[data-v-a77a3049],.recent-icon[data-v-a77a3049]{font-size:28px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;flex-shrink:0}.upcoming-info[data-v-a77a3049],.recent-info[data-v-a77a3049]{flex:1;min-width:0}.upcoming-name[data-v-a77a3049],.recent-name[data-v-a77a3049]{font-size:15px;font-weight:500;color:#333;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upcoming-detail[data-v-a77a3049],.recent-detail[data-v-a77a3049]{font-size:13px;color:#666}.upcoming-amount[data-v-a77a3049],.recent-amount[data-v-a77a3049]{font-size:15px;font-weight:600;color:#667eea;white-space:nowrap}.upcoming-date[data-v-a77a3049],.recent-date[data-v-a77a3049]{font-size:13px;color:#666;white-space:nowrap}.account-info[data-v-a77a3049]{flex:1}.account-name[data-v-a77a3049]{font-size:15px;font-weight:500;color:#333;margin-bottom:4px}.account-count[data-v-a77a3049]{font-size:13px;color:#666}.account-amount[data-v-a77a3049]{font-size:15px;font-weight:600;color:#667eea}.empty-state[data-v-a77a3049]{text-align:center;padding:40px 20px;color:#999}.empty-state p[data-v-a77a3049]{margin:0;font-size:14px}.inventory-page[data-v-c589e62b]{padding:20px;width:100%;max-width:100%;box-sizing:border-box}.content-header[data-v-c589e62b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.back-btn[data-v-c589e62b]{display:flex;align-items:center;gap:6px;padding:10px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;font-size:14px;font-weight:500;border-radius:8px;transition:all .3s;box-shadow:0 2px 8px #667eea4d}.back-btn[data-v-c589e62b]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.back-icon[data-v-c589e62b]{font-size:16px;font-weight:700}.content-header h1[data-v-c589e62b]{margin:0;color:#333}.btn[data-v-c589e62b]{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}.btn-primary[data-v-c589e62b]{background-color:#1890ff;color:#fff}.btn-primary[data-v-c589e62b]:hover{background-color:#40a9ff}.btn-secondary[data-v-c589e62b]{background-color:#666;color:#fff}.btn-secondary[data-v-c589e62b]:hover{background-color:#555}.btn-success[data-v-c589e62b]{background-color:#52c41a;color:#fff}.btn-success[data-v-c589e62b]:hover{background-color:#73d13d}.btn-danger[data-v-c589e62b]{background-color:#f5222d;color:#fff}.btn-danger[data-v-c589e62b]:hover{background-color:#ff4d4f}.btn-sm[data-v-c589e62b]{padding:6px 12px;font-size:12px}.empty-state[data-v-c589e62b]{text-align:center;padding:60px 20px;color:#999}.empty-icon[data-v-c589e62b]{font-size:64px;margin-bottom:20px}.empty-state h3[data-v-c589e62b]{margin:0 0 10px;color:#666}.empty-state p[data-v-c589e62b]{margin:0}.plans-container[data-v-c589e62b]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.plan-card[data-v-c589e62b]{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;transition:transform .3s,box-shadow .3s}.plan-card[data-v-c589e62b]:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.plan-header[data-v-c589e62b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.plan-header h3[data-v-c589e62b]{margin:0;color:#333;font-size:18px}.status-badge[data-v-c589e62b]{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.pending[data-v-c589e62b]{background:#fff7e6;color:#fa8c16}.status-badge.completed[data-v-c589e62b]{background:#f6ffed;color:#52c41a}.plan-info[data-v-c589e62b]{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:15px}.info-item[data-v-c589e62b]{display:flex;flex-direction:column}.info-item .label[data-v-c589e62b]{font-size:12px;color:#999;margin-bottom:4px}.info-item .value[data-v-c589e62b]{font-size:14px;color:#333;font-weight:500}.plan-stats[data-v-c589e62b]{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:15px;padding:15px;background:#f5f5f5;border-radius:6px}.stat-item[data-v-c589e62b]{display:flex;flex-direction:column;align-items:center}.stat-label[data-v-c589e62b]{font-size:13px;color:#666;margin-bottom:8px}.stat-value[data-v-c589e62b]{font-size:18px;font-weight:700;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:100px}.stat-value.positive[data-v-c589e62b]{color:#52c41a}.stat-value.negative[data-v-c589e62b]{color:#f5222d}.plan-diff[data-v-c589e62b]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:15px;padding:15px;background:#fff7e6;border-radius:6px}.diff-item[data-v-c589e62b]{display:flex;flex-direction:column;align-items:center}.diff-label[data-v-c589e62b]{font-size:12px;color:#666;margin-bottom:6px}.diff-value[data-v-c589e62b]{font-size:14px;font-weight:700;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:80px}.diff-value.positive[data-v-c589e62b]{color:#52c41a}.diff-value.negative[data-v-c589e62b]{color:#f5222d}.plan-actions[data-v-c589e62b]{display:flex;gap:10px;justify-content:flex-end}.detail-header[data-v-c589e62b]{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e8e8e8}.header-left[data-v-c589e62b]{display:flex;align-items:center;gap:12px}.detail-header h2[data-v-c589e62b]{margin:0;color:#333}.detail-header .back-btn[data-v-c589e62b]{padding:8px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #667eea4d}.detail-header .back-btn[data-v-c589e62b]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.inventory-form h3[data-v-c589e62b]{margin-bottom:20px;color:#333}.inventory-items[data-v-c589e62b]{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.inventory-item[data-v-c589e62b]{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.item-header[data-v-c589e62b]{margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #e8e8e8}.account-info[data-v-c589e62b]{display:flex;align-items:center;gap:10px}.account-name[data-v-c589e62b]{font-weight:700;color:#333;font-size:16px}.account-type[data-v-c589e62b]{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.account-type.credit[data-v-c589e62b]{background:#e6f7ff;color:#1890ff}.account-type.debit[data-v-c589e62b]{background:#f6ffed;color:#52c41a}.account-type.cash[data-v-c589e62b]{background:#fff7e6;color:#fa8c16}.account-type.other[data-v-c589e62b]{background:#f5f5f5;color:#666}.item-details[data-v-c589e62b]{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.detail-row[data-v-c589e62b]{display:flex;flex-direction:column}.detail-label[data-v-c589e62b]{font-size:12px;color:#999;margin-bottom:6px}.detail-value[data-v-c589e62b]{font-size:14px;color:#333;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-value.positive[data-v-c589e62b]{color:#52c41a}.detail-value.negative[data-v-c589e62b]{color:#f5222d}.balance-input[data-v-c589e62b],.notes-input[data-v-c589e62b]{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.balance-input[data-v-c589e62b]:focus,.notes-input[data-v-c589e62b]:focus{outline:none;border-color:#1890ff}.form-actions[data-v-c589e62b]{display:flex;flex-direction:column;gap:20px;align-items:center}.action-buttons[data-v-c589e62b]{display:flex;gap:12px;justify-content:center}.summary[data-v-c589e62b]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%;padding:20px;background:#f5f5f5;border-radius:8px}.summary-item[data-v-c589e62b]{display:flex;flex-direction:column;align-items:center}.summary-label[data-v-c589e62b]{font-size:14px;color:#666;margin-bottom:10px}.summary-value[data-v-c589e62b]{font-size:24px;font-weight:700;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:100px}.summary-value.positive[data-v-c589e62b]{color:#52c41a}.summary-value.negative[data-v-c589e62b]{color:#f5222d}.summary-stats[data-v-c589e62b]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}.summary-card[data-v-c589e62b]{background:#fff;padding:25px;border-radius:8px;box-shadow:0 2px 4px #0000001a;text-align:center}.summary-card .summary-label[data-v-c589e62b]{font-size:14px;color:#666;margin-bottom:10px}.summary-card .summary-value[data-v-c589e62b]{font-size:28px;font-weight:700;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:100px}.summary-card .summary-value.positive[data-v-c589e62b]{color:#52c41a}.summary-card .summary-value.negative[data-v-c589e62b]{color:#f5222d}.diff-summary[data-v-c589e62b]{margin-bottom:30px;padding:20px;background:#fff7e6;border-radius:8px}.diff-summary h4[data-v-c589e62b]{margin:0 0 15px;color:#333}.diff-grid[data-v-c589e62b]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.diff-card[data-v-c589e62b]{text-align:center}.diff-card .diff-label[data-v-c589e62b]{font-size:14px;color:#666;margin-bottom:10px}.diff-card .diff-value[data-v-c589e62b]{font-size:20px;font-weight:700;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:100px}.diff-card .diff-value.positive[data-v-c589e62b]{color:#52c41a}.diff-card .diff-value.negative[data-v-c589e62b]{color:#f5222d}.items-list[data-v-c589e62b]{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.items-list h4[data-v-c589e62b]{margin:0 0 20px;color:#333}.items-table[data-v-c589e62b]{width:100%}.table-header[data-v-c589e62b]{display:flex;align-items:center;gap:15px;border-bottom:2px solid #e8e8e8;margin-bottom:10px;background:#fafafa;border-radius:4px;padding:12px 15px}.header-item[data-v-c589e62b]{font-size:14px;font-weight:600;color:#666}.header-name[data-v-c589e62b]{flex:2;min-width:150px;max-width:250px;text-align:center}.header-type[data-v-c589e62b]{flex:1;min-width:80px;text-align:center}.header-balance[data-v-c589e62b],.header-actual[data-v-c589e62b],.header-diff[data-v-c589e62b]{flex:1.5;min-width:100px;text-align:center}.completed-item[data-v-c589e62b]{padding:15px 0;border-bottom:1px solid #e8e8e8}.completed-item[data-v-c589e62b]:last-child{border-bottom:none}.item-row[data-v-c589e62b]{display:flex;align-items:center;gap:15px;margin-bottom:8px}.item-name[data-v-c589e62b]{flex:2;min-width:150px;max-width:250px;font-weight:500;color:#333;text-align:center}.item-type[data-v-c589e62b]{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;flex:1;min-width:80px;text-align:center}.item-type.credit[data-v-c589e62b]{background:#e6f7ff;color:#1890ff}.item-type.debit[data-v-c589e62b]{background:#f6ffed;color:#52c41a}.item-type.cash[data-v-c589e62b]{background:#fff7e6;color:#fa8c16}.item-type.other[data-v-c589e62b]{background:#f5f5f5;color:#666}.item-balance[data-v-c589e62b],.item-actual[data-v-c589e62b]{font-size:14px;color:#333;font-weight:500;flex:1.5;min-width:100px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-diff[data-v-c589e62b]{font-size:14px;font-weight:500;flex:1.5;min-width:100px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-diff.positive[data-v-c589e62b]{color:#52c41a}.item-diff.negative[data-v-c589e62b]{color:#f5222d}.item-diff.zero[data-v-c589e62b]{color:#999}.item-notes[data-v-c589e62b]{margin-top:8px;padding:8px 12px;background:#f5f5f5;border-radius:4px;font-size:13px;color:#666}@media(max-width:1024px){.plans-container[data-v-c589e62b]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.summary[data-v-c589e62b],.summary-stats[data-v-c589e62b]{grid-template-columns:repeat(2,1fr)}.diff-grid[data-v-c589e62b],.item-details[data-v-c589e62b]{grid-template-columns:1fr}}@media(max-width:768px){.inventory-page[data-v-c589e62b]{padding:12px}.content-header[data-v-c589e62b]{flex-direction:column;align-items:flex-start;gap:12px}.content-header h1[data-v-c589e62b]{font-size:24px}.back-btn[data-v-c589e62b]{width:100%;justify-content:center}.btn[data-v-c589e62b]{width:100%}.plans-container[data-v-c589e62b]{grid-template-columns:1fr;gap:16px}.plan-card[data-v-c589e62b]{padding:16px}.plan-header h3[data-v-c589e62b]{font-size:16px}.status-badge[data-v-c589e62b]{font-size:11px;padding:3px 10px}.info-item[data-v-c589e62b]{font-size:13px}.plan-stats[data-v-c589e62b]{grid-template-columns:1fr;gap:12px}.stat-item[data-v-c589e62b]{padding:12px}.stat-label[data-v-c589e62b]{font-size:12px}.stat-value[data-v-c589e62b]{font-size:16px;min-width:60px}.plan-diff[data-v-c589e62b]{grid-template-columns:1fr;gap:12px}.diff-item[data-v-c589e62b]{padding:12px}.diff-label[data-v-c589e62b]{font-size:12px}.diff-value[data-v-c589e62b]{font-size:14px}.plan-actions[data-v-c589e62b]{flex-direction:column;gap:8px}.plan-actions button[data-v-c589e62b]{width:100%}.detail-header[data-v-c589e62b]{flex-direction:column;align-items:flex-start;gap:12px}.detail-header h2[data-v-c589e62b]{font-size:20px}.item-details[data-v-c589e62b],.summary[data-v-c589e62b]{grid-template-columns:1fr;gap:12px}.summary-value[data-v-c589e62b]{font-size:20px;min-width:80px}.summary-stats[data-v-c589e62b]{grid-template-columns:1fr;gap:12px}.summary-card .summary-value[data-v-c589e62b]{font-size:22px;min-width:80px}.diff-grid[data-v-c589e62b]{grid-template-columns:1fr;gap:12px}.diff-card .diff-value[data-v-c589e62b]{font-size:18px;min-width:80px}.table-header[data-v-c589e62b]{flex-direction:column;gap:8px}.header-balance[data-v-c589e62b],.header-actual[data-v-c589e62b],.header-diff[data-v-c589e62b]{min-width:auto;text-align:left}.item-row[data-v-c589e62b]{flex-direction:column;gap:8px}.item-balance[data-v-c589e62b],.item-actual[data-v-c589e62b],.item-diff[data-v-c589e62b]{min-width:auto;text-align:left}}@media(max-width:480px){.content-header h1[data-v-c589e62b]{font-size:20px}.back-btn[data-v-c589e62b]{padding:8px 12px;font-size:13px}.btn[data-v-c589e62b]{padding:8px 14px;font-size:13px}.plan-card[data-v-c589e62b]{padding:12px}.plan-header h3[data-v-c589e62b]{font-size:15px}.info-item[data-v-c589e62b]{font-size:12px}.stat-item[data-v-c589e62b]{padding:10px}.stat-label[data-v-c589e62b]{font-size:11px}.stat-value[data-v-c589e62b]{font-size:15px;min-width:50px}.diff-item[data-v-c589e62b]{padding:10px}.diff-label[data-v-c589e62b]{font-size:11px}.diff-value[data-v-c589e62b]{font-size:13px;min-width:50px}.summary-value[data-v-c589e62b]{font-size:18px;min-width:60px}.summary-card .summary-value[data-v-c589e62b]{font-size:20px;min-width:60px}.diff-card .diff-value[data-v-c589e62b]{font-size:16px;min-width:60px}.item-balance[data-v-c589e62b],.item-actual[data-v-c589e62b],.item-diff[data-v-c589e62b]{font-size:13px}}.loan-page[data-v-6518e37c]{width:100%}.content-header[data-v-6518e37c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.content-header h1[data-v-6518e37c]{color:#333;font-size:28px;margin:0}.add-btn[data-v-6518e37c]{padding:8px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s}.add-btn[data-v-6518e37c]:hover{opacity:.9}.filter-tabs[data-v-6518e37c]{display:flex;gap:10px;margin-bottom:20px}.tab-btn[data-v-6518e37c]{padding:10px 20px;background:#fff;border:1px solid #ddd;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s}.tab-btn.active[data-v-6518e37c]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.tab-btn[data-v-6518e37c]:hover:not(.active){background:#f5f5f5}.loan-list[data-v-6518e37c]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.loan-card[data-v-6518e37c]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014;transition:all .3s;cursor:pointer}.loan-card[data-v-6518e37c]:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.card-header[data-v-6518e37c]{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.loan-info[data-v-6518e37c]{display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex:1}.loan-name[data-v-6518e37c]{font-size:15px;font-weight:600;color:#333}.loan-type[data-v-6518e37c]{padding:3px 8px;border-radius:10px;font-size:10px;font-weight:500}.loan-card.borrow_in .loan-type[data-v-6518e37c]{background:#e3f2fd;color:#2196f3}.loan-card.borrow_out .loan-type[data-v-6518e37c]{background:#fff3e0;color:#ff9800}.status-badge[data-v-6518e37c]{padding:3px 8px;border-radius:10px;font-size:10px;font-weight:500}.status-badge.unpaid[data-v-6518e37c]{background:#ffebee;color:#f44336}.status-badge.partial[data-v-6518e37c]{background:#fff3e0;color:#ff9800}.status-badge.repaid[data-v-6518e37c]{background:#e8f5e9;color:#10b981}.card-actions[data-v-6518e37c]{display:flex;gap:6px}.addition-btn[data-v-6518e37c]{padding:6px 12px;background:#faad14;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:all .3s}.addition-btn[data-v-6518e37c]:hover{background:#d48806}.repay-btn[data-v-6518e37c]{padding:6px 12px;background:#52c41a;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:all .3s}.repay-btn[data-v-6518e37c]:hover{background:#389e0d}.card-body[data-v-6518e37c]{display:flex;flex-direction:column;gap:16px}.amount-section[data-v-6518e37c]{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.amount-section .label[data-v-6518e37c]{color:#666;font-size:13px}.amount-display[data-v-6518e37c]{display:flex;flex-direction:column;gap:4px}.amount-section .value[data-v-6518e37c],.amount-section .main-amount[data-v-6518e37c]{font-size:24px;font-weight:700;color:#667eea}.amount-section .sub-amount[data-v-6518e37c]{font-size:12px;color:#999;text-decoration:line-through}.progress-section[data-v-6518e37c]{display:flex;align-items:center;gap:12px}.progress-bar[data-v-6518e37c]{flex:1;height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden}.progress-text[data-v-6518e37c]{color:#667eea;font-weight:700;font-size:14px;min-width:40px;text-align:right}.empty-state[data-v-6518e37c]{text-align:center;padding:80px 20px}.empty-icon[data-v-6518e37c]{font-size:64px;margin-bottom:16px}.empty-state h3[data-v-6518e37c]{margin:0 0 8px;color:#333}.empty-state p[data-v-6518e37c]{margin:0;color:#666}.list-view[data-v-6518e37c],.detail-view[data-v-6518e37c]{width:100%}.detail-header[data-v-6518e37c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #f0f0f0}.header-left[data-v-6518e37c]{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.header-left h2[data-v-6518e37c]{margin:0;color:#333;font-size:24px}.loan-type-badge[data-v-6518e37c]{padding:6px 16px;border-radius:16px;font-size:13px;font-weight:600}.loan-type-badge.borrow_in[data-v-6518e37c]{background:#e3f2fd;color:#2196f3}.loan-type-badge.borrow_out[data-v-6518e37c]{background:#fff3e0;color:#ff9800}.header-actions[data-v-6518e37c]{display:flex;gap:10px}.edit-btn[data-v-6518e37c]{padding:8px 16px;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s}.edit-btn[data-v-6518e37c]:hover{background:#5568d3}.delete-btn[data-v-6518e37c]{padding:8px 16px;background:#e74c3c;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s}.delete-btn[data-v-6518e37c]:hover{background:#c0392b}.back-btn[data-v-6518e37c]{padding:8px 16px;background:#6c757d;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s}.back-btn[data-v-6518e37c]:hover{background:#5a6268}.loan-info-card[data-v-6518e37c]{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #00000014}.card-header[data-v-6518e37c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #f0f0f0}.loan-name[data-v-6518e37c]{font-size:20px;font-weight:600;color:#333}.status-badge[data-v-6518e37c]{padding:6px 16px;border-radius:16px;font-size:13px;font-weight:600}.status-badge.unpaid[data-v-6518e37c]{background:#fff3e0;color:#ff9800}.status-badge.partial[data-v-6518e37c]{background:#e3f2fd;color:#2196f3}.status-badge.repaid[data-v-6518e37c]{background:#e8f5e9;color:#4caf50}.card-body[data-v-6518e37c]{padding-top:10px}.description-section[data-v-6518e37c]{border-top:1px solid #f0f0f0;padding-top:16px;margin-top:16px}.description-section .label[data-v-6518e37c]{display:block;color:#666;font-size:14px;margin-bottom:8px}.description-section .value[data-v-6518e37c]{color:#333;font-size:14px;line-height:1.6}.statistics-section[data-v-6518e37c]{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px;margin-bottom:24px}.statistics-section h3[data-v-6518e37c]{margin:0 0 20px;color:#333;font-size:18px}.stats-grid[data-v-6518e37c]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stat-card[data-v-6518e37c]{display:flex;align-items:center;gap:16px;padding:20px;background:#f8f9fa;border-radius:8px}.stat-icon[data-v-6518e37c]{font-size:32px}.stat-content[data-v-6518e37c]{flex:1}.stat-label[data-v-6518e37c]{color:#666;font-size:12px;margin-bottom:4px}.stat-value[data-v-6518e37c]{color:#333;font-weight:600;font-size:18px}.info-grid[data-v-6518e37c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}.info-item[data-v-6518e37c]{display:flex;flex-direction:column;gap:6px}.info-item .label[data-v-6518e37c]{color:#666;font-size:13px}.info-item .value[data-v-6518e37c]{color:#333;font-size:16px;font-weight:600}.info-item .value.amount[data-v-6518e37c]{font-size:20px;color:#667eea}.progress-section[data-v-6518e37c]{display:flex;align-items:center;gap:12px;padding-top:20px;border-top:1px solid #f0f0f0}.progress-label[data-v-6518e37c]{color:#666;font-size:14px;font-weight:500}.progress-bar[data-v-6518e37c]{flex:1;height:10px;background:#f0f0f0;border-radius:5px;overflow:hidden}.progress-fill[data-v-6518e37c]{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);transition:width .3s}.progress-text[data-v-6518e37c]{color:#667eea;font-weight:700;font-size:16px;min-width:50px;text-align:right}.tabs-section[data-v-6518e37c]{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.tabs[data-v-6518e37c]{display:flex;border-bottom:1px solid #f0f0f0}.tabs .tab-btn[data-v-6518e37c]{flex:1;padding:16px;background:#fff;border:none;font-size:16px;cursor:pointer;transition:all .3s}.tabs .tab-btn.active[data-v-6518e37c]{background:#667eea;color:#fff;border-bottom:2px solid #667eea}.tabs .tab-btn[data-v-6518e37c]:hover:not(.active){background:#f8f9fa}.tab-content[data-v-6518e37c]{padding:24px}.section-header[data-v-6518e37c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h3[data-v-6518e37c]{margin:0;color:#333;font-size:18px}.section-header .add-btn[data-v-6518e37c]{padding:8px 16px;background:#52c41a;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer}.records-list[data-v-6518e37c]{display:flex;flex-direction:column;gap:12px}.record-item[data-v-6518e37c]{padding:16px;background:#f8f9fa;border-radius:8px;border-left:4px solid #667eea}.record-info[data-v-6518e37c]{display:flex;align-items:center;gap:20px;margin-bottom:12px}.record-amount[data-v-6518e37c]{font-size:20px;font-weight:700;color:#667eea;min-width:120px}.record-date[data-v-6518e37c]{color:#666;font-size:14px}.record-type[data-v-6518e37c]{padding:4px 8px;background:#e7f3ff;color:#667eea;border-radius:4px;font-size:12px}.record-actions[data-v-6518e37c]{display:flex;gap:8px;margin-left:auto}.action-btn[data-v-6518e37c]{padding:6px 12px;border:none;border-radius:4px;font-size:12px;cursor:pointer}.action-btn.edit[data-v-6518e37c]{background:#667eea;color:#fff}.action-btn.edit[data-v-6518e37c]:hover{background:#5568d3}.action-btn.delete[data-v-6518e37c]{background:#e74c3c;color:#fff}.action-btn.delete[data-v-6518e37c]:hover{background:#c0392b}.record-description[data-v-6518e37c]{color:#666;font-size:14px;line-height:1.5}.modal[data-v-6518e37c]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-6518e37c]{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header[data-v-6518e37c]{padding:20px 24px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.modal-header h2[data-v-6518e37c]{margin:0;color:#333;font-size:18px}.close-btn[data-v-6518e37c]{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.close-btn[data-v-6518e37c]:hover{color:#333}.modal-content form[data-v-6518e37c]{padding:24px}.form-group[data-v-6518e37c]{margin-bottom:16px}.form-group label[data-v-6518e37c]{display:block;margin-bottom:8px;color:#333;font-weight:500;font-size:14px}.form-group input[data-v-6518e37c],.form-group select[data-v-6518e37c],.form-group textarea[data-v-6518e37c]{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;box-sizing:border-box}.form-group input[data-v-6518e37c]:focus,.form-group select[data-v-6518e37c]:focus,.form-group textarea[data-v-6518e37c]:focus{outline:none;border-color:#667eea}.form-group textarea[data-v-6518e37c]{resize:vertical;min-height:80px}.modal-actions[data-v-6518e37c]{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.cancel-btn[data-v-6518e37c],.submit-btn[data-v-6518e37c]{padding:10px 20px;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s}.cancel-btn[data-v-6518e37c]{background:#f5f5f5;color:#666}.cancel-btn[data-v-6518e37c]:hover{background:#e8e8e8}.submit-btn[data-v-6518e37c]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.submit-btn[data-v-6518e37c]:hover{opacity:.9}@media(max-width:768px){.content-header[data-v-6518e37c]{flex-direction:column;align-items:flex-start;gap:12px}.content-header h1[data-v-6518e37c]{font-size:24px}.add-btn[data-v-6518e37c]{width:100%;padding:12px 16px}.filter-tabs[data-v-6518e37c]{flex-wrap:wrap;gap:8px}.tab-btn[data-v-6518e37c]{padding:8px 16px;font-size:13px}.loan-list[data-v-6518e37c]{grid-template-columns:repeat(2,1fr);gap:12px}.loan-card[data-v-6518e37c]{padding:16px}.card-header[data-v-6518e37c]{flex-direction:column;align-items:flex-start;gap:12px}.card-actions[data-v-6518e37c]{width:100%;flex-wrap:wrap}.card-actions button[data-v-6518e37c]{flex:1;min-width:calc(50% - 4px)}.loan-name[data-v-6518e37c]{font-size:16px}.loan-type[data-v-6518e37c]{font-size:12px}.status-badge[data-v-6518e37c]{font-size:11px;padding:3px 10px}.amount-section .value[data-v-6518e37c]{font-size:20px}.info-row[data-v-6518e37c]{font-size:13px}.detail-header[data-v-6518e37c]{flex-direction:column;align-items:flex-start;gap:16px}.header-actions[data-v-6518e37c]{width:100%;flex-wrap:wrap}.header-actions button[data-v-6518e37c]{flex:1;min-width:calc(33.33% - 4px)}.stats-grid[data-v-6518e37c]{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card[data-v-6518e37c]{padding:16px}.stat-icon[data-v-6518e37c]{font-size:24px}.stat-value[data-v-6518e37c]{font-size:16px}.info-grid[data-v-6518e37c]{grid-template-columns:1fr;gap:16px}.tabs .tab-btn[data-v-6518e37c]{padding:12px;font-size:14px}.record-item[data-v-6518e37c]{padding:12px}.record-amount[data-v-6518e37c]{font-size:18px;min-width:100px}}@media(max-width:1024px){.loan-list[data-v-6518e37c]{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.loan-list[data-v-6518e37c]{grid-template-columns:1fr}.content-header h1[data-v-6518e37c]{font-size:20px}.add-btn[data-v-6518e37c]{padding:10px 14px;font-size:13px}.filter-tabs[data-v-6518e37c]{gap:6px}.tab-btn[data-v-6518e37c]{padding:6px 12px;font-size:12px}.loan-card[data-v-6518e37c]{padding:12px}.card-header h3[data-v-6518e37c],.loan-name[data-v-6518e37c]{font-size:15px}.amount-section .value[data-v-6518e37c]{font-size:18px}.info-row[data-v-6518e37c]{font-size:12px}.card-actions button[data-v-6518e37c]{font-size:11px;padding:5px 10px}}.account-page[data-v-c0695cb8]{width:100%}.content-header[data-v-c0695cb8]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.content-header h1[data-v-c0695cb8]{color:#333;font-size:28px;margin:0}.add-btn[data-v-c0695cb8]{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #667eea4d}.add-btn[data-v-c0695cb8]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.account-grid[data-v-c0695cb8]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.account-card[data-v-c0695cb8]{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;transition:all .3s;overflow:hidden;display:flex;flex-direction:column;cursor:pointer}.account-card[data-v-c0695cb8]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.account-card[data-v-c0695cb8]:active{transform:translateY(-2px)}.account-card.credit[data-v-c0695cb8]{border-top:4px solid #2196f3}.account-card.debit[data-v-c0695cb8]{border-top:4px solid #10b981}.account-card.cash[data-v-c0695cb8]{border-top:4px solid #ff9800}.account-card.other[data-v-c0695cb8]{border-top:4px solid #666}.card-header[data-v-c0695cb8]{padding:20px;display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#f8f9fa,#fff)}.account-icon[data-v-c0695cb8]{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.account-info[data-v-c0695cb8]{flex:1;min-width:0}.account-info h3[data-v-c0695cb8]{margin:0 0 4px;font-size:16px;font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-type[data-v-c0695cb8]{font-size:12px;color:#666;font-weight:500}.default-badge[data-v-c0695cb8]{padding:4px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;font-size:11px;font-weight:600;flex-shrink:0}.card-body[data-v-c0695cb8]{padding:20px;flex:1;display:flex;flex-direction:column;gap:16px}.balance-section[data-v-c0695cb8]{padding:16px;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:12px;display:flex;flex-direction:column;gap:8px}.balance-section .label[data-v-c0695cb8]{font-size:13px;color:#666;font-weight:500}.balance-section .value[data-v-c0695cb8]{font-size:28px;font-weight:700;color:#333}.credit-info[data-v-c0695cb8]{display:flex;flex-direction:column;gap:12px}.credit-row[data-v-c0695cb8]{display:flex;justify-content:space-between;align-items:center;font-size:14px;padding:8px 0;border-bottom:1px solid #f5f5f5}.credit-row[data-v-c0695cb8]:last-child{border-bottom:none}.credit-row .label[data-v-c0695cb8]{color:#666;font-weight:500}.credit-row .value[data-v-c0695cb8]{color:#333;font-weight:600}.credit-row .value.used[data-v-c0695cb8]{color:#f44336}.progress-section[data-v-c0695cb8]{display:flex;align-items:center;gap:12px;padding:8px 0}.progress-bar[data-v-c0695cb8]{flex:1;height:10px;background:#f0f0f0;border-radius:5px;overflow:hidden}.progress-text[data-v-c0695cb8]{color:#667eea;font-weight:700;font-size:14px;min-width:45px;text-align:right}.description[data-v-c0695cb8]{padding:12px;background:#f8f9fa;border-radius:8px;font-size:13px;color:#666;line-height:1.5}.card-footer[data-v-c0695cb8]{padding:16px 20px;border-top:1px solid #f0f0f0;display:flex;gap:12px}.action-btn[data-v-c0695cb8]{flex:1;padding:10px;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .3s}.action-btn span[data-v-c0695cb8]:first-child{font-size:16px}.edit-btn[data-v-c0695cb8]{background:#e3f2fd;color:#2196f3}.edit-btn[data-v-c0695cb8]:hover{background:#bbdefb;transform:translateY(-1px)}.delete-btn[data-v-c0695cb8]{background:#ffebee;color:#f44336}.delete-btn[data-v-c0695cb8]:hover{background:#ffcdd2;transform:translateY(-1px)}.empty-state[data-v-c0695cb8]{text-align:center;padding:100px 20px}.empty-icon[data-v-c0695cb8]{font-size:80px;margin-bottom:20px;opacity:.6}.empty-state h3[data-v-c0695cb8]{margin:0 0 12px;color:#333;font-size:20px}.empty-state p[data-v-c0695cb8]{margin:0;color:#666;font-size:14px}.modal[data-v-c0695cb8]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content[data-v-c0695cb8]{background:#fff;border-radius:16px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header[data-v-c0695cb8]{padding:24px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.modal-header h2[data-v-c0695cb8]{margin:0;color:#333;font-size:20px;font-weight:600}.close-btn[data-v-c0695cb8]{background:none;border:none;font-size:28px;color:#999;cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.close-btn[data-v-c0695cb8]:hover{color:#333;background:#f5f5f5}.modal-content form[data-v-c0695cb8]{padding:24px}.form-group[data-v-c0695cb8]{margin-bottom:20px}.form-group label[data-v-c0695cb8]{display:block;margin-bottom:8px;color:#333;font-weight:600;font-size:14px}.form-group input[data-v-c0695cb8],.form-group select[data-v-c0695cb8],.form-group textarea[data-v-c0695cb8]{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:14px;box-sizing:border-box;transition:all .2s}.form-group input[data-v-c0695cb8]:focus,.form-group select[data-v-c0695cb8]:focus,.form-group textarea[data-v-c0695cb8]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group textarea[data-v-c0695cb8]{resize:vertical;min-height:80px}.checkbox-group[data-v-c0695cb8]{margin-bottom:20px}.checkbox-label[data-v-c0695cb8]{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:500;color:#333}.checkbox-label input[type=checkbox][data-v-c0695cb8]{width:18px;height:18px;cursor:pointer}.modal-actions[data-v-c0695cb8]{display:flex;gap:12px;margin-top:24px}.cancel-btn[data-v-c0695cb8],.submit-btn[data-v-c0695cb8]{flex:1;padding:12px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.cancel-btn[data-v-c0695cb8]{background:#f5f5f5;color:#333}.cancel-btn[data-v-c0695cb8]:hover{background:#e0e0e0}.submit-btn[data-v-c0695cb8]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.submit-btn[data-v-c0695cb8]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.detail-modal[data-v-c0695cb8]{max-width:520px}.detail-content[data-v-c0695cb8]{padding:24px}.detail-header[data-v-c0695cb8]{display:flex;align-items:center;gap:16px;padding-bottom:20px;border-bottom:2px solid #f0f0f0;margin-bottom:24px}.detail-icon[data-v-c0695cb8]{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:32px;flex-shrink:0}.detail-info[data-v-c0695cb8]{flex:1;min-width:0}.detail-info h3[data-v-c0695cb8]{margin:0 0 6px;font-size:18px;font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-type[data-v-c0695cb8]{font-size:13px;color:#666;font-weight:500}.detail-badge[data-v-c0695cb8]{display:inline-block;margin-top:6px;padding:4px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;font-size:11px;font-weight:600}.detail-section[data-v-c0695cb8]{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.detail-row[data-v-c0695cb8]{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f5f5f5}.detail-row[data-v-c0695cb8]:last-child{border-bottom:none}.detail-label[data-v-c0695cb8]{font-size:14px;color:#666;font-weight:500}.detail-value[data-v-c0695cb8]{font-size:15px;color:#333;font-weight:600;text-align:right}.detail-value.main-value[data-v-c0695cb8]{font-size:24px;color:#667eea;font-weight:700}.detail-value.used[data-v-c0695cb8]{color:#f44336}.detail-value.description[data-v-c0695cb8]{font-size:13px;font-weight:400;color:#666;text-align:left;max-width:60%;line-height:1.5}.credit-detail[data-v-c0695cb8]{display:flex;flex-direction:column;gap:12px;padding:16px;background:#f8f9fa;border-radius:12px}.progress-row[data-v-c0695cb8]{align-items:flex-start}.progress-wrapper[data-v-c0695cb8]{flex:1;display:flex;align-items:center;gap:12px;margin-left:20px}.progress-bar[data-v-c0695cb8]{flex:1;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden}.progress-fill[data-v-c0695cb8]{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);transition:width .3s}.progress-text[data-v-c0695cb8]{color:#667eea;font-weight:700;font-size:13px;min-width:40px;text-align:right}.detail-actions[data-v-c0695cb8]{display:flex;gap:12px;padding-top:20px;border-top:1px solid #f0f0f0}.detail-actions .action-btn[data-v-c0695cb8]{flex:1;padding:12px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s}.detail-actions .action-btn span[data-v-c0695cb8]:first-child{font-size:18px}.detail-actions .edit-btn[data-v-c0695cb8]{background:#e3f2fd;color:#2196f3}.detail-actions .edit-btn[data-v-c0695cb8]:hover{background:#bbdefb;transform:translateY(-2px)}.detail-actions .delete-btn[data-v-c0695cb8]{background:#ffebee;color:#f44336}.detail-actions .delete-btn[data-v-c0695cb8]:hover{background:#ffcdd2;transform:translateY(-2px)}@media(max-width:1024px){.account-grid[data-v-c0695cb8]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}}@media(max-width:768px){.content-header[data-v-c0695cb8]{flex-direction:column;align-items:flex-start;gap:12px}.content-header h1[data-v-c0695cb8]{font-size:24px}.add-btn[data-v-c0695cb8]{width:100%;padding:12px 16px}.account-grid[data-v-c0695cb8]{grid-template-columns:1fr;gap:16px}.account-card[data-v-c0695cb8]{border-radius:12px}.card-header[data-v-c0695cb8]{padding:16px}.account-icon[data-v-c0695cb8]{width:40px;height:40px;font-size:20px}.account-info h3[data-v-c0695cb8]{font-size:15px}.card-body[data-v-c0695cb8]{padding:16px}.balance-section .value[data-v-c0695cb8]{font-size:20px}.credit-row[data-v-c0695cb8]{font-size:13px}.progress-section[data-v-c0695cb8]{padding:12px}.progress-text[data-v-c0695cb8]{font-size:12px}.modal-content[data-v-c0695cb8]{max-width:95%;margin:16px}.detail-modal[data-v-c0695cb8]{max-width:95%}.detail-content[data-v-c0695cb8]{padding:16px}.detail-header[data-v-c0695cb8]{gap:12px;padding-bottom:16px;margin-bottom:16px}.detail-icon[data-v-c0695cb8]{width:48px;height:48px;font-size:24px}.detail-info h3[data-v-c0695cb8]{font-size:16px}.detail-value.main-value[data-v-c0695cb8]{font-size:20px}.modal-header[data-v-c0695cb8]{padding:16px}.modal-header h2[data-v-c0695cb8]{font-size:16px}.close-btn[data-v-c0695cb8]{width:28px;height:28px;font-size:20px}.modal-content form[data-v-c0695cb8]{padding:16px}.form-group[data-v-c0695cb8]{margin-bottom:14px}.form-group label[data-v-c0695cb8]{font-size:13px}.form-group input[data-v-c0695cb8],.form-group select[data-v-c0695cb8],.form-group textarea[data-v-c0695cb8]{padding:10px;font-size:14px}.checkbox-label span[data-v-c0695cb8]{font-size:13px}.modal-actions[data-v-c0695cb8]{gap:8px;margin-top:16px}.cancel-btn[data-v-c0695cb8],.submit-btn[data-v-c0695cb8]{padding:10px;font-size:14px}}@media(max-width:480px){.content-header h1[data-v-c0695cb8]{font-size:20px}.add-btn[data-v-c0695cb8]{padding:10px 14px;font-size:13px}.card-header[data-v-c0695cb8]{padding:12px}.account-icon[data-v-c0695cb8]{width:36px;height:36px;font-size:18px}.account-info h3[data-v-c0695cb8]{font-size:14px}.card-body[data-v-c0695cb8]{padding:12px}.balance-section .value[data-v-c0695cb8]{font-size:18px}.credit-row[data-v-c0695cb8]{font-size:12px}.modal-content[data-v-c0695cb8]{max-width:100%;margin:0;border-radius:0}.modal-header[data-v-c0695cb8]{padding:12px}.modal-header h2[data-v-c0695cb8]{font-size:15px}.close-btn[data-v-c0695cb8]{width:24px;height:24px;font-size:18px}.modal-content form[data-v-c0695cb8]{padding:12px}.form-group[data-v-c0695cb8]{margin-bottom:12px}.form-group label[data-v-c0695cb8]{font-size:12px}.form-group input[data-v-c0695cb8],.form-group select[data-v-c0695cb8],.form-group textarea[data-v-c0695cb8]{padding:8px;font-size:13px}.checkbox-label span[data-v-c0695cb8]{font-size:12px}.modal-actions[data-v-c0695cb8]{flex-direction:column;gap:8px}.cancel-btn[data-v-c0695cb8],.submit-btn[data-v-c0695cb8]{width:100%;padding:12px}}.installment-container[data-v-2c0a17c2]{display:flex;flex-direction:column;min-height:100vh;background:#f5f5f5}.header[data-v-2c0a17c2]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000001a;padding:16px 0;position:sticky;top:0;z-index:3000}.header-content[data-v-2c0a17c2]{padding:0 24px;display:flex;justify-content:flex-start;align-items:center}.nav-menu[data-v-2c0a17c2]{display:flex;align-items:center;gap:16px}.logo-icon[data-v-2c0a17c2]{width:32px;height:32px;object-fit:contain}.page-title-wrapper[data-v-2c0a17c2]{display:flex;align-items:baseline;gap:12px}.page-title[data-v-2c0a17c2]{margin:0;color:#333;font-size:24px;font-weight:600;line-height:1.2}.page-subtitle[data-v-2c0a17c2]{font-size:14px;color:#999;font-weight:500;line-height:1.2}.nav-menu-btn[data-v-2c0a17c2]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:8px;cursor:pointer;transition:all .3s}.nav-menu-btn[data-v-2c0a17c2]:hover{background:#e0e0e0}.nav-menu-icon[data-v-2c0a17c2]{font-size:20px;color:#333}.nav-dropdown[data-v-2c0a17c2]{position:absolute;top:100%;left:0;margin-top:12px;background:#fff;border-radius:16px;box-shadow:0 8px 32px #00000026;min-width:480px;max-width:600px;z-index:2800;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease}.nav-dropdown.show[data-v-2c0a17c2]{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown-content[data-v-2c0a17c2]{padding:20px;position:relative;z-index:1}.nav-grid[data-v-2c0a17c2]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.nav-card[data-v-2c0a17c2]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;border-radius:12px;text-decoration:none;color:#333;transition:all .3s;background:#f8f9fa}.nav-card[data-v-2c0a17c2]:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.nav-card-icon[data-v-2c0a17c2]{font-size:32px;line-height:1}.nav-card-name[data-v-2c0a17c2]{font-size:13px;font-weight:500;text-align:center}.nav-overlay[data-v-2c0a17c2]{position:fixed;inset:0;background:#00000080;z-index:2790;opacity:0;visibility:hidden;transition:all .3s ease;cursor:pointer}.nav-overlay.show[data-v-2c0a17c2]{opacity:1;visibility:visible}.main-content[data-v-2c0a17c2]{display:flex;flex:1}.installment-container>.main-content>.sidebar[data-v-2c0a17c2]{width:240px;background:linear-gradient(180deg,#667eea,#764ba2);padding:20px;box-shadow:2px 0 10px #0000001a}.installment-container>.main-content>.sidebar h2[data-v-2c0a17c2]{color:#fff;font-size:20px;margin-bottom:30px;text-align:center;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.2)}.installment-container>.main-content>.sidebar .menu[data-v-2c0a17c2]{display:flex;flex-direction:column;gap:8px}.installment-container>.main-content>.sidebar .menu-item[data-v-2c0a17c2]{display:flex;align-items:center;padding:14px 16px;color:#fffc;cursor:pointer;border-radius:8px;transition:all .3s;text-decoration:none}.installment-container>.main-content>.sidebar .menu-item[data-v-2c0a17c2]:hover{background:#ffffff1a;color:#fff}.installment-container>.main-content>.sidebar .menu-item.active[data-v-2c0a17c2]{background:#fff3;color:#fff;font-weight:500}.installment-container>.main-content>.sidebar .menu-item .icon[data-v-2c0a17c2]{font-size:18px;margin-right:12px}.installment-container>.main-content>.content[data-v-2c0a17c2]{flex:1;padding:30px;overflow-y:auto}.installment-container>.main-content>.content .content-header[data-v-2c0a17c2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.installment-container>.main-content>.content .content-header h1[data-v-2c0a17c2]{color:#333;font-size:28px;margin:0}.installment-container>.main-content>.content .add-btn[data-v-2c0a17c2]{padding:8px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s}.installment-container>.main-content>.content .add-btn[data-v-2c0a17c2]:hover{opacity:.9}.installment-container>.main-content>.content .overview-content[data-v-2c0a17c2]{padding:20px}.installment-container>.main-content>.content .overview-content h1[data-v-2c0a17c2]{color:#333;font-size:28px;margin:0 0 16px}.installment-container>.main-content>.content .overview-content p[data-v-2c0a17c2]{color:#666;font-size:16px;margin:0}@media(max-width:768px){.header-content[data-v-2c0a17c2]{flex-wrap:wrap;gap:12px}.nav-menu[data-v-2c0a17c2]{width:100%;order:-1}.nav-dropdown[data-v-2c0a17c2]{position:fixed;inset:0;margin:0;border-radius:0;max-width:none;min-width:0;padding:20px;display:flex;flex-direction:column}.nav-grid[data-v-2c0a17c2]{grid-template-columns:repeat(2,1fr);gap:16px}.nav-card[data-v-2c0a17c2]{padding:24px 16px}.nav-card-icon[data-v-2c0a17c2]{font-size:36px}.nav-card-name[data-v-2c0a17c2]{font-size:14px}.nav-overlay[data-v-2c0a17c2]{display:none}.installment-container>.main-content>.sidebar[data-v-2c0a17c2]{width:100%;padding:12px 16px;box-shadow:0 2px 10px #0000001a}.installment-container>.main-content>.sidebar h2[data-v-2c0a17c2]{font-size:18px;margin-bottom:24px;padding-bottom:16px}.installment-container>.main-content>.sidebar .menu[data-v-2c0a17c2]{flex-direction:row;overflow-x:auto;gap:8px;padding-bottom:4px}.installment-container>.main-content>.sidebar .menu-item[data-v-2c0a17c2]{flex-shrink:0;padding:10px 14px;font-size:14px;white-space:nowrap}.installment-container>.main-content>.sidebar .menu-item .icon[data-v-2c0a17c2]{font-size:18px;margin-right:6px}.installment-container>.main-content>.sidebar .menu-item span[data-v-2c0a17c2]:not(.icon){display:inline}.installment-container>.main-content>.content[data-v-2c0a17c2]{padding:16px}.installment-container>.main-content>.content .content-header[data-v-2c0a17c2]{margin-bottom:20px}.installment-container>.main-content>.content .content-header h1[data-v-2c0a17c2]{font-size:20px}.installment-container>.main-content>.content .add-btn[data-v-2c0a17c2]{padding:8px 14px;font-size:13px}}@media(max-width:480px){.installment-container>.main-content>.sidebar[data-v-2c0a17c2]{padding:10px 12px}.installment-container>.main-content>.sidebar h2[data-v-2c0a17c2]{font-size:16px;margin-bottom:16px;padding-bottom:12px}.installment-container>.main-content>.sidebar .menu[data-v-2c0a17c2]{gap:6px}.installment-container>.main-content>.sidebar .menu-item[data-v-2c0a17c2]{padding:8px 12px;font-size:13px}.installment-container>.main-content>.sidebar .menu-item .icon[data-v-2c0a17c2]{font-size:16px;margin-right:4px}.installment-container>.main-content>.content[data-v-2c0a17c2]{padding:12px}.installment-container>.main-content>.content .content-header h1[data-v-2c0a17c2]{font-size:18px}.installment-container>.main-content>.content .add-btn[data-v-2c0a17c2]{padding:6px 12px;font-size:12px}}.item-overview[data-v-61231e89]{width:100%}.content-header[data-v-61231e89]{margin-bottom:30px}.content-header h1[data-v-61231e89]{color:#333;font-size:28px;margin:0}.stats-grid[data-v-61231e89]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card[data-v-61231e89]{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;align-items:center;gap:16px}.stat-icon[data-v-61231e89]{font-size:40px}.stat-info[data-v-61231e89]{flex:1}.stat-value[data-v-61231e89]{font-size:24px;font-weight:600;color:#333}.stat-label[data-v-61231e89]{font-size:14px;color:#666;margin-top:4px}.info-sections[data-v-61231e89]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px}.section[data-v-61231e89]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;margin-bottom:20px}.info-section[data-v-61231e89]{margin-bottom:0;display:flex;flex-direction:column}.section-header[data-v-61231e89]{margin-bottom:20px}.section-header h2[data-v-61231e89]{font-size:18px;color:#333;margin:0}.category-list[data-v-61231e89]{display:flex;flex-direction:column;gap:12px}.category-item[data-v-61231e89]{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f8f9fa;border-radius:8px}.category-info[data-v-61231e89]{flex:1}.category-name[data-v-61231e89]{font-weight:500;color:#333}.category-count[data-v-61231e89]{font-size:12px;color:#666;margin-top:4px}.category-value[data-v-61231e89]{font-weight:600;color:#667eea}.recent-items-list[data-v-61231e89]{display:flex;flex-direction:column;gap:12px}.recent-item[data-v-61231e89]{display:flex;align-items:center;gap:12px;padding:12px;border-bottom:1px solid #eee}.recent-item[data-v-61231e89]:last-child{border-bottom:none}.recent-item-icon[data-v-61231e89]{font-size:20px}.recent-item-info[data-v-61231e89]{flex:1}.recent-item-name[data-v-61231e89]{font-weight:500;color:#333}.recent-item-detail[data-v-61231e89]{font-size:12px;color:#666;margin-top:4px}.recent-item-date[data-v-61231e89]{color:#666;font-size:14px}.cost-ranking-list[data-v-61231e89]{display:flex;flex-direction:column;gap:12px}.cost-ranking-item[data-v-61231e89]{display:flex;align-items:center;gap:12px;padding:12px;background:#f8f9fa;border-radius:8px}.ranking-number[data-v-61231e89]{width:28px;height:28px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.ranking-info[data-v-61231e89]{flex:1}.ranking-name[data-v-61231e89]{font-weight:500;color:#333}.ranking-detail[data-v-61231e89]{font-size:12px;color:#666;margin-top:4px}.ranking-cost[data-v-61231e89]{font-weight:600;color:#f57c00}.empty-state[data-v-61231e89]{text-align:center;padding:40px;color:#999}@media(max-width:1200px){.info-sections[data-v-61231e89]{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.stat-card[data-v-61231e89]{padding:16px}.stat-icon[data-v-61231e89]{font-size:32px}.stat-value[data-v-61231e89]{font-size:20px}.info-sections[data-v-61231e89]{grid-template-columns:1fr}.section[data-v-61231e89]{padding:20px}.section-header h2[data-v-61231e89]{font-size:16px}}@media(max-width:480px){.stats-grid[data-v-61231e89]{grid-template-columns:1fr 1fr;gap:12px}.stat-card[data-v-61231e89]{padding:12px}.stat-icon[data-v-61231e89]{font-size:28px}.stat-value[data-v-61231e89]{font-size:18px}.stat-label[data-v-61231e89]{font-size:12px}.info-sections[data-v-61231e89]{gap:16px}.section[data-v-61231e89]{padding:16px}.section-header[data-v-61231e89]{margin-bottom:16px}.section-header h2[data-v-61231e89]{font-size:15px}}.items-page[data-v-2d96c8ea]{width:100%}.page-header[data-v-2d96c8ea]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.page-header h1[data-v-2d96c8ea]{color:#333;font-size:28px;margin:0}.filters[data-v-2d96c8ea]{display:flex;gap:15px;margin-bottom:30px}.filters select[data-v-2d96c8ea]{padding:10px 15px;border:1px solid #ddd;border-radius:6px;font-size:14px;background:#fff;cursor:pointer}.items-grid[data-v-2d96c8ea]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.item-card[data-v-2d96c8ea]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:all .3s}.item-card[data-v-2d96c8ea]:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.item-header[data-v-2d96c8ea]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #eee}.item-header h3[data-v-2d96c8ea]{margin:0;color:#333;font-size:18px}.status-badge[data-v-2d96c8ea]{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.active[data-v-2d96c8ea]{background:#e8f5e9;color:#4caf50}.status-badge.inactive[data-v-2d96c8ea]{background:#fff3e0;color:#ff9800}.status-badge.sold[data-v-2d96c8ea]{background:#e3f2fd;color:#2196f3}.status-badge.discarded[data-v-2d96c8ea]{background:#ffebee;color:#f44336}.item-info[data-v-2d96c8ea]{margin-bottom:15px}.info-row[data-v-2d96c8ea]{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.info-row .label[data-v-2d96c8ea]{color:#666}.info-row .value[data-v-2d96c8ea]{color:#333;font-weight:500}.info-row.highlight[data-v-2d96c8ea]{background:linear-gradient(135deg,#667eea15,#764ba215);padding:8px 12px;border-radius:6px;margin-top:10px}.info-row.highlight .value[data-v-2d96c8ea]{color:#667eea;font-weight:600}.item-actions[data-v-2d96c8ea]{display:flex;gap:10px}.btn-edit[data-v-2d96c8ea],.btn-delete[data-v-2d96c8ea]{flex:1;padding:8px;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s}.btn-edit[data-v-2d96c8ea]{background:#e3f2fd;color:#2196f3}.btn-edit[data-v-2d96c8ea]:hover{background:#2196f3;color:#fff}.btn-delete[data-v-2d96c8ea]{background:#ffebee;color:#f44336}.btn-delete[data-v-2d96c8ea]:hover{background:#f44336;color:#fff}.empty-state[data-v-2d96c8ea]{text-align:center;padding:60px 20px;color:#999}.empty-icon[data-v-2d96c8ea]{font-size:64px;margin-bottom:20px}.modal[data-v-2d96c8ea]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:3500}.modal-content[data-v-2d96c8ea]{background:#fff;border-radius:12px;padding:30px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-content h2[data-v-2d96c8ea]{margin-top:0;color:#333}.form-group[data-v-2d96c8ea]{margin-bottom:20px}.form-group label[data-v-2d96c8ea]{display:block;margin-bottom:8px;color:#333;font-weight:500}.form-group input[data-v-2d96c8ea],.form-group select[data-v-2d96c8ea],.form-group textarea[data-v-2d96c8ea]{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;box-sizing:border-box}.form-group textarea[data-v-2d96c8ea]{resize:vertical}.form-actions[data-v-2d96c8ea]{display:flex;gap:10px;margin-top:30px}.btn-primary[data-v-2d96c8ea],.btn-secondary[data-v-2d96c8ea]{flex:1;padding:12px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.btn-primary[data-v-2d96c8ea]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary.btn-add[data-v-2d96c8ea]{flex:none;padding:8px 16px;font-size:14px}.btn-small[data-v-2d96c8ea]{padding:6px 12px;font-size:13px;border-radius:4px;border:none;cursor:pointer;transition:all .3s}.btn-small.btn-primary[data-v-2d96c8ea]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-small.btn-primary[data-v-2d96c8ea]:hover,.btn-primary[data-v-2d96c8ea]:hover{opacity:.9}.btn-primary[data-v-2d96c8ea]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-2d96c8ea]{background:#f5f5f5;color:#333}.btn-secondary[data-v-2d96c8ea]:hover{background:#e0e0e0}.detail-modal[data-v-2d96c8ea]{max-width:600px;max-height:90vh;display:flex;flex-direction:column}.detail-header[data-v-2d96c8ea]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #eee;flex-shrink:0}.detail-header h2[data-v-2d96c8ea]{margin:0;color:#333;font-size:24px}.btn-close[data-v-2d96c8ea]{width:32px;height:32px;border:none;background:#f5f5f5;border-radius:50%;font-size:24px;line-height:1;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;padding:0}.btn-close[data-v-2d96c8ea]:hover{background:#e0e0e0}.detail-body[data-v-2d96c8ea]{flex:1;overflow-y:auto;min-height:0}.detail-section[data-v-2d96c8ea]{margin-bottom:24px}.section-header[data-v-2d96c8ea]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h3[data-v-2d96c8ea]{margin:0;color:#333;font-size:16px;font-weight:600}.detail-section h3[data-v-2d96c8ea]{margin:0 0 16px;color:#333;font-size:16px;font-weight:600}.detail-row[data-v-2d96c8ea]{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f5f5f5}.detail-row[data-v-2d96c8ea]:last-child{border-bottom:none}.detail-row .label[data-v-2d96c8ea]{color:#666;font-size:14px}.detail-row .value[data-v-2d96c8ea]{color:#333;font-size:14px;font-weight:500}.detail-row.highlight[data-v-2d96c8ea]{background:linear-gradient(135deg,#667eea15,#764ba215);padding:12px 16px;border-radius:8px;margin:8px 0;border-bottom:none}.detail-row.highlight .value[data-v-2d96c8ea]{color:#667eea;font-weight:600;font-size:16px}.detail-description[data-v-2d96c8ea]{margin:0;color:#666;font-size:14px;line-height:1.6;padding:12px;background:#f8f9fa;border-radius:8px}.subitems-list[data-v-2d96c8ea]{display:flex;flex-direction:column;gap:8px}.subitem-card[data-v-2d96c8ea]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8f9fa;border-radius:8px;transition:all .3s}.subitem-card[data-v-2d96c8ea]:hover{background:#f0f0f0}.subitem-name[data-v-2d96c8ea]{color:#333;font-size:14px;font-weight:500}.subitem-price[data-v-2d96c8ea]{color:#667eea;font-size:14px;font-weight:600}.empty-subitems[data-v-2d96c8ea]{text-align:center;padding:20px;color:#999;font-size:14px;background:#f8f9fa;border-radius:8px}.detail-footer[data-v-2d96c8ea]{display:flex;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid #eee;flex-shrink:0}@media(max-width:768px){.modal-content[data-v-2d96c8ea]{max-width:95%;margin:16px;padding:20px}.modal-content h2[data-v-2d96c8ea]{font-size:18px}.form-group[data-v-2d96c8ea]{margin-bottom:16px}.form-group label[data-v-2d96c8ea]{font-size:13px}.form-group input[data-v-2d96c8ea],.form-group select[data-v-2d96c8ea],.form-group textarea[data-v-2d96c8ea]{padding:10px;font-size:14px}.form-actions[data-v-2d96c8ea]{gap:8px}.btn-primary[data-v-2d96c8ea],.btn-secondary[data-v-2d96c8ea]{padding:10px;font-size:14px}.detail-modal[data-v-2d96c8ea]{max-width:95%}.detail-header h2[data-v-2d96c8ea]{font-size:20px}.detail-section h3[data-v-2d96c8ea]{font-size:14px}.detail-row .label[data-v-2d96c8ea],.detail-row .value[data-v-2d96c8ea],.detail-description[data-v-2d96c8ea]{font-size:13px}}@media(max-width:480px){.modal-content[data-v-2d96c8ea]{max-width:100%;margin:0;border-radius:0;padding:16px}.modal-content h2[data-v-2d96c8ea]{font-size:16px}.form-group[data-v-2d96c8ea]{margin-bottom:14px}.form-group label[data-v-2d96c8ea]{font-size:12px}.form-group input[data-v-2d96c8ea],.form-group select[data-v-2d96c8ea],.form-group textarea[data-v-2d96c8ea]{padding:8px;font-size:13px}.form-actions[data-v-2d96c8ea]{flex-direction:column;gap:8px}.btn-primary[data-v-2d96c8ea],.btn-secondary[data-v-2d96c8ea]{width:100%;padding:12px}}.categories-page[data-v-56e7deb6]{width:100%}.page-header[data-v-56e7deb6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.page-header h1[data-v-56e7deb6]{color:#333;font-size:28px;margin:0}.categories-grid[data-v-56e7deb6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.category-card[data-v-56e7deb6]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;transition:all .3s;cursor:pointer}.category-card[data-v-56e7deb6]:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.category-header[data-v-56e7deb6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.category-title[data-v-56e7deb6]{display:flex;align-items:center;gap:8px;flex:1}.category-icon[data-v-56e7deb6]{font-size:24px}.category-title h3[data-v-56e7deb6]{margin:0;color:#333;font-size:16px;font-weight:600}.category-count[data-v-56e7deb6]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 12px;border-radius:12px;font-size:13px;font-weight:600;flex-shrink:0}.category-body[data-v-56e7deb6]{flex:1;margin-bottom:16px}.category-body .description[data-v-56e7deb6]{margin:0;color:#666;font-size:14px;line-height:1.5}.category-footer[data-v-56e7deb6]{border-top:1px solid #eee;padding-top:12px}.category-actions[data-v-56e7deb6]{display:flex;gap:8px}.btn-edit[data-v-56e7deb6],.btn-delete[data-v-56e7deb6]{padding:8px 16px;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s}.btn-edit[data-v-56e7deb6]{background:#e3f2fd;color:#2196f3}.btn-edit[data-v-56e7deb6]:hover{background:#2196f3;color:#fff}.btn-delete[data-v-56e7deb6]{background:#ffebee;color:#f44336}.btn-delete[data-v-56e7deb6]:hover{background:#f44336;color:#fff}.empty-state[data-v-56e7deb6]{text-align:center;padding:60px 20px;color:#999}.empty-icon[data-v-56e7deb6]{font-size:64px;margin-bottom:20px}.modal[data-v-56e7deb6]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-56e7deb6]{background:#fff;border-radius:12px;padding:30px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-content.items-modal[data-v-56e7deb6]{max-width:700px}.modal-header[data-v-56e7deb6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #eee}.modal-header h2[data-v-56e7deb6]{margin:0;color:#333}.btn-close[data-v-56e7deb6]{width:32px;height:32px;border:none;background:#f5f5f5;border-radius:50%;font-size:20px;cursor:pointer;transition:all .3s}.btn-close[data-v-56e7deb6]:hover{background:#e0e0e0}.items-list[data-v-56e7deb6]{display:flex;flex-direction:column;gap:12px;max-height:60vh;overflow-y:auto}.item-card[data-v-56e7deb6]{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f8f9fa;border-radius:8px}.item-info[data-v-56e7deb6]{flex:1}.item-name[data-v-56e7deb6]{font-weight:500;color:#333;margin-bottom:4px}.item-detail[data-v-56e7deb6]{font-size:12px;color:#666}.item-cost[data-v-56e7deb6]{font-weight:600;color:#f57c00}.form-group[data-v-56e7deb6]{margin-bottom:20px}.form-group label[data-v-56e7deb6]{display:block;margin-bottom:8px;color:#333;font-weight:500}.form-group input[data-v-56e7deb6],.form-group textarea[data-v-56e7deb6]{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;box-sizing:border-box}.form-group textarea[data-v-56e7deb6]{resize:vertical}.form-actions[data-v-56e7deb6]{display:flex;gap:10px;margin-top:30px}.btn-primary[data-v-56e7deb6],.btn-secondary[data-v-56e7deb6]{flex:1;padding:12px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.btn-primary[data-v-56e7deb6]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary.btn-add[data-v-56e7deb6]{flex:none;padding:8px 16px;font-size:14px}.btn-primary[data-v-56e7deb6]:hover{opacity:.9}.btn-primary[data-v-56e7deb6]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-56e7deb6]{background:#f5f5f5;color:#333}.btn-secondary[data-v-56e7deb6]:hover{background:#e0e0e0}@media(max-width:768px){.categories-grid[data-v-56e7deb6]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.category-card[data-v-56e7deb6]{padding:16px}.category-icon[data-v-56e7deb6]{font-size:20px}.category-title h3[data-v-56e7deb6]{font-size:14px}.category-count[data-v-56e7deb6]{padding:3px 10px;font-size:12px}.category-body .description[data-v-56e7deb6]{font-size:13px}.modal-content[data-v-56e7deb6]{max-width:95%;margin:16px;padding:20px}.modal-content.items-modal[data-v-56e7deb6]{max-width:95%}.modal-content h2[data-v-56e7deb6]{font-size:18px}.modal-header h2[data-v-56e7deb6]{font-size:16px}.form-group[data-v-56e7deb6]{margin-bottom:16px}.form-group label[data-v-56e7deb6]{font-size:13px}.form-group input[data-v-56e7deb6],.form-group textarea[data-v-56e7deb6]{padding:10px;font-size:14px}.form-actions[data-v-56e7deb6]{gap:8px}.btn-primary[data-v-56e7deb6],.btn-secondary[data-v-56e7deb6]{padding:10px;font-size:14px}}@media(max-width:480px){.categories-grid[data-v-56e7deb6]{grid-template-columns:1fr;gap:12px}.category-card[data-v-56e7deb6]{padding:14px}.category-header[data-v-56e7deb6]{margin-bottom:12px}.category-icon[data-v-56e7deb6]{font-size:18px}.category-title h3[data-v-56e7deb6]{font-size:13px}.category-count[data-v-56e7deb6]{padding:3px 10px;font-size:12px}.category-body h3[data-v-56e7deb6]{font-size:15px}.category-body .description[data-v-56e7deb6]{font-size:12px}.modal-content[data-v-56e7deb6]{max-width:100%;margin:0;border-radius:0;padding:16px}.modal-content h2[data-v-56e7deb6]{font-size:16px}.modal-header h2[data-v-56e7deb6]{font-size:14px}.form-group[data-v-56e7deb6]{margin-bottom:14px}.form-group label[data-v-56e7deb6]{font-size:12px}.form-group input[data-v-56e7deb6],.form-group textarea[data-v-56e7deb6]{padding:8px;font-size:13px}.form-actions[data-v-56e7deb6]{flex-direction:column;gap:8px}.btn-primary[data-v-56e7deb6],.btn-secondary[data-v-56e7deb6]{width:100%;padding:12px}}.subitems-page[data-v-b7475e65]{width:100%}.page-header[data-v-b7475e65]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.page-header h1[data-v-b7475e65]{color:#333;font-size:28px;margin:0}.filters[data-v-b7475e65]{margin-bottom:30px}.filters select[data-v-b7475e65]{padding:10px 15px;border:1px solid #ddd;border-radius:6px;font-size:14px;background:#fff;cursor:pointer;min-width:200px}.subitems-list[data-v-b7475e65]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.subitem-card[data-v-b7475e65]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;transition:all .3s}.subitem-card[data-v-b7475e65]:hover{box-shadow:0 4px 16px #00000026}.subitem-header[data-v-b7475e65]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #eee}.subitem-header h3[data-v-b7475e65]{margin:0;color:#333;font-size:18px}.subitem-header .parent-item[data-v-b7475e65]{color:#667eea;font-size:14px;font-weight:500}.subitem-info[data-v-b7475e65]{margin-bottom:15px}.info-row[data-v-b7475e65]{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.info-row .label[data-v-b7475e65]{color:#666}.info-row .value[data-v-b7475e65]{color:#333;font-weight:500}.subitem-actions[data-v-b7475e65]{display:flex;gap:10px}.btn-edit[data-v-b7475e65],.btn-delete[data-v-b7475e65]{flex:1;padding:8px;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s}.btn-edit[data-v-b7475e65]{background:#e3f2fd;color:#2196f3}.btn-edit[data-v-b7475e65]:hover{background:#2196f3;color:#fff}.btn-delete[data-v-b7475e65]{background:#ffebee;color:#f44336}.btn-delete[data-v-b7475e65]:hover{background:#f44336;color:#fff}.empty-state[data-v-b7475e65]{text-align:center;padding:60px 20px;color:#999}.empty-icon[data-v-b7475e65]{font-size:64px;margin-bottom:20px}.modal[data-v-b7475e65]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-b7475e65]{background:#fff;border-radius:12px;padding:30px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-content h2[data-v-b7475e65]{margin-top:0;color:#333}.form-group[data-v-b7475e65]{margin-bottom:20px}.form-group label[data-v-b7475e65]{display:block;margin-bottom:8px;color:#333;font-weight:500}.form-group input[data-v-b7475e65],.form-group select[data-v-b7475e65],.form-group textarea[data-v-b7475e65]{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;box-sizing:border-box}.form-group input[data-v-b7475e65]:disabled,.form-group select[data-v-b7475e65]:disabled{background:#f5f5f5;cursor:not-allowed}.form-group textarea[data-v-b7475e65]{resize:vertical}.form-actions[data-v-b7475e65]{display:flex;gap:10px;margin-top:30px}.btn-primary[data-v-b7475e65],.btn-secondary[data-v-b7475e65]{flex:1;padding:12px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.btn-primary[data-v-b7475e65]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary.btn-add[data-v-b7475e65]{flex:none;padding:8px 16px;font-size:14px}.btn-primary[data-v-b7475e65]:hover{opacity:.9}.btn-primary[data-v-b7475e65]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-b7475e65]{background:#f5f5f5;color:#333}.btn-secondary[data-v-b7475e65]:hover{background:#e0e0e0}@media(max-width:768px){.subitems-list[data-v-b7475e65]{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:15px}.modal-content[data-v-b7475e65]{max-width:95%;margin:16px;padding:20px}.modal-content h2[data-v-b7475e65]{font-size:18px}.form-group[data-v-b7475e65]{margin-bottom:16px}.form-group label[data-v-b7475e65]{font-size:13px}.form-group input[data-v-b7475e65],.form-group select[data-v-b7475e65],.form-group textarea[data-v-b7475e65]{padding:10px;font-size:14px}.form-actions[data-v-b7475e65]{gap:8px}.btn-primary[data-v-b7475e65],.btn-secondary[data-v-b7475e65]{padding:10px;font-size:14px}}@media(max-width:480px){.subitems-list[data-v-b7475e65]{grid-template-columns:1fr;gap:12px}.modal-content[data-v-b7475e65]{max-width:100%;margin:0;border-radius:0;padding:16px}.modal-content h2[data-v-b7475e65]{font-size:16px}.form-group[data-v-b7475e65]{margin-bottom:14px}.form-group label[data-v-b7475e65]{font-size:12px}.form-group input[data-v-b7475e65],.form-group select[data-v-b7475e65],.form-group textarea[data-v-b7475e65]{padding:8px;font-size:13px}.form-actions[data-v-b7475e65]{flex-direction:column;gap:8px}.btn-primary[data-v-b7475e65],.btn-secondary[data-v-b7475e65]{width:100%;padding:12px}}.item-management[data-v-17ba4b6f]{display:flex;flex-direction:column;height:100vh;background:#f8f9fa;background-image:radial-gradient(circle at 1px 1px,rgba(102,126,234,.15) 1px,transparent 0);background-size:40px 40px;overflow-x:hidden}.header[data-v-17ba4b6f]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000001a;padding:16px 0;position:sticky;top:0;z-index:3000;flex-shrink:0}.header-content[data-v-17ba4b6f]{width:100%;padding:0 16px;display:flex;justify-content:space-between;align-items:center}.nav-menu[data-v-17ba4b6f]{display:flex;align-items:center;gap:16px}.logo-icon[data-v-17ba4b6f]{width:32px;height:32px;object-fit:contain}.page-title-wrapper[data-v-17ba4b6f]{display:flex;align-items:baseline;gap:12px}.page-title[data-v-17ba4b6f]{margin:0;color:#333;font-size:24px;font-weight:600;line-height:1.2}.page-subtitle[data-v-17ba4b6f]{font-size:14px;color:#999;font-weight:500;line-height:1.2}.user-info[data-v-17ba4b6f]{display:flex;align-items:center;gap:12px;flex-shrink:0}.user-avatar[data-v-17ba4b6f]{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;flex-shrink:0}.user-name[data-v-17ba4b6f]{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333;font-size:15px;font-weight:500}.settings-btn[data-v-17ba4b6f]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:50%;text-decoration:none;font-size:20px;transition:all .3s;flex-shrink:0}.settings-btn[data-v-17ba4b6f]:hover{background:#e0e0e0;transform:rotate(30deg)}.nav-menu[data-v-17ba4b6f]{position:relative;flex-shrink:0}.nav-menu-btn[data-v-17ba4b6f]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:8px;cursor:pointer;transition:all .3s}.nav-menu-btn[data-v-17ba4b6f]:hover{background:#e0e0e0}.nav-menu-icon[data-v-17ba4b6f]{font-size:20px;color:#333}.nav-dropdown[data-v-17ba4b6f]{position:absolute;top:100%;left:0;margin-top:12px;background:#fff;border-radius:16px;box-shadow:0 8px 32px #00000026;min-width:480px;max-width:600px;z-index:2800;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease}.nav-dropdown.show[data-v-17ba4b6f]{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown-content[data-v-17ba4b6f]{padding:20px;position:relative;z-index:1}.nav-grid[data-v-17ba4b6f]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.nav-card[data-v-17ba4b6f]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;border-radius:12px;text-decoration:none;color:#333;transition:all .3s;background:#f8f9fa}.nav-card[data-v-17ba4b6f]:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.nav-card-icon[data-v-17ba4b6f]{font-size:32px;line-height:1}.nav-card-name[data-v-17ba4b6f]{font-size:13px;font-weight:500;text-align:center}.nav-overlay[data-v-17ba4b6f]{position:fixed;inset:0;background:#0000004d;z-index:2700;opacity:0;visibility:hidden;transition:all .3s}.nav-overlay.show[data-v-17ba4b6f]{opacity:1;visibility:visible}.main-container[data-v-17ba4b6f]{display:flex;flex:1;overflow:visible}.sidebar[data-v-17ba4b6f]{width:240px;background:linear-gradient(180deg,#667eea,#764ba2);padding:20px;box-shadow:2px 0 10px #0000001a;flex-shrink:0}.sidebar h2[data-v-17ba4b6f]{color:#fff;font-size:20px;margin-bottom:30px;text-align:center;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.2)}.menu[data-v-17ba4b6f]{display:flex;flex-direction:column;gap:8px}.menu-item[data-v-17ba4b6f]{display:flex;align-items:center;padding:14px 16px;color:#fffc;cursor:pointer;border-radius:8px;transition:all .3s;text-decoration:none}.menu-item[data-v-17ba4b6f]:hover{background:#ffffff1a;color:#fff}.menu-item.active[data-v-17ba4b6f]{background:#fff3;color:#fff;font-weight:500}.menu-item .icon[data-v-17ba4b6f]{font-size:18px;margin-right:12px}.content[data-v-17ba4b6f]{flex:1;padding:20px;overflow-y:auto;overflow-x:hidden;min-width:0}@media(max-width:1024px){.header[data-v-17ba4b6f]{padding:12px 0}.logo-icon[data-v-17ba4b6f]{width:28px;height:28px}.page-title[data-v-17ba4b6f]{font-size:20px}.page-subtitle[data-v-17ba4b6f]{font-size:13px}.user-name[data-v-17ba4b6f]{max-width:120px;font-size:14px}.nav-grid[data-v-17ba4b6f]{grid-template-columns:repeat(2,1fr)}.nav-dropdown[data-v-17ba4b6f]{min-width:320px;max-width:400px}.sidebar[data-v-17ba4b6f]{width:200px;padding:16px}.sidebar h2[data-v-17ba4b6f]{font-size:18px;margin-bottom:24px;padding-bottom:16px}.menu-item[data-v-17ba4b6f]{padding:12px 14px}.menu-item .icon[data-v-17ba4b6f]{font-size:16px;margin-right:10px}.content[data-v-17ba4b6f]{padding:20px}}@media(max-width:768px){.header[data-v-17ba4b6f]{padding:10px 0}.logo-icon[data-v-17ba4b6f]{width:24px;height:24px}.page-title[data-v-17ba4b6f]{font-size:18px}.page-subtitle[data-v-17ba4b6f]{font-size:12px}.user-name[data-v-17ba4b6f]{display:none}.nav-grid[data-v-17ba4b6f]{grid-template-columns:repeat(2,1fr);gap:8px}.nav-card[data-v-17ba4b6f]{padding:16px 12px}.nav-card-icon[data-v-17ba4b6f]{font-size:28px}.nav-card-name[data-v-17ba4b6f]{font-size:12px}.main-container[data-v-17ba4b6f]{flex-direction:column}.sidebar[data-v-17ba4b6f]{width:100%;padding:12px 16px;box-shadow:0 2px 10px #0000001a}.sidebar h2[data-v-17ba4b6f]{display:none}.menu[data-v-17ba4b6f]{flex-direction:row;overflow-x:auto;gap:8px;padding-bottom:4px}.menu-item[data-v-17ba4b6f]{flex-shrink:0;padding:10px 14px;font-size:14px;white-space:nowrap}.menu-item .icon[data-v-17ba4b6f]{font-size:18px;margin-right:6px}.menu-item span[data-v-17ba4b6f]:not(.icon){display:inline}.content[data-v-17ba4b6f]{padding:16px}}@media(max-width:480px){.header[data-v-17ba4b6f]{padding:8px 0}.logo-icon[data-v-17ba4b6f]{width:20px;height:20px}.page-title[data-v-17ba4b6f]{font-size:16px}.page-subtitle[data-v-17ba4b6f]{font-size:11px}.nav-dropdown[data-v-17ba4b6f]{min-width:280px;max-width:320px;left:-10px}.nav-grid[data-v-17ba4b6f]{grid-template-columns:repeat(2,1fr);gap:6px}.nav-card[data-v-17ba4b6f]{padding:12px 8px}.nav-card-icon[data-v-17ba4b6f]{font-size:24px}.nav-card-name[data-v-17ba4b6f]{font-size:11px}.sidebar[data-v-17ba4b6f]{padding:10px 12px}.menu[data-v-17ba4b6f]{gap:6px}.menu-item[data-v-17ba4b6f]{padding:8px 12px;font-size:13px}.menu-item .icon[data-v-17ba4b6f]{font-size:16px;margin-right:4px}.content[data-v-17ba4b6f]{padding:12px}}.messages-container[data-v-d500a7fe]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:0}.header[data-v-d500a7fe]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000001a;padding:16px 0;position:sticky;top:0;z-index:3000}.header-content[data-v-d500a7fe]{max-width:1400px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}.nav-menu[data-v-d500a7fe]{display:flex;align-items:center;gap:16px}.logo-icon[data-v-d500a7fe]{width:32px;height:32px;object-fit:contain}.page-title-wrapper[data-v-d500a7fe]{display:flex;align-items:baseline;gap:12px}.page-title[data-v-d500a7fe]{margin:0;color:#333;font-size:24px;font-weight:600;line-height:1.2}.page-subtitle[data-v-d500a7fe]{font-size:14px;color:#999;font-weight:500;line-height:1.2}.nav-menu-btn[data-v-d500a7fe]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:8px;cursor:pointer;transition:all .3s}.nav-menu-btn[data-v-d500a7fe]:hover{background:#e0e0e0}.nav-menu-icon[data-v-d500a7fe]{font-size:20px;color:#333}.nav-dropdown[data-v-d500a7fe]{position:absolute;top:100%;left:0;margin-top:12px;background:#fff;border-radius:16px;box-shadow:0 8px 32px #00000026;min-width:480px;max-width:600px;z-index:2800;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease}.nav-dropdown.show[data-v-d500a7fe]{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown-content[data-v-d500a7fe]{padding:20px;position:relative;z-index:1}.nav-grid[data-v-d500a7fe]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.nav-card[data-v-d500a7fe]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;border-radius:12px;text-decoration:none;color:#333;transition:all .3s;background:#f8f9fa}.nav-card[data-v-d500a7fe]:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.nav-card-icon[data-v-d500a7fe]{font-size:32px;line-height:1}.nav-card-name[data-v-d500a7fe]{font-size:13px;font-weight:500;text-align:center}.nav-overlay[data-v-d500a7fe]{position:fixed;inset:0;background:#00000080;z-index:2790;opacity:0;visibility:hidden;transition:all .3s ease;cursor:pointer}.nav-overlay.show[data-v-d500a7fe]{opacity:1;visibility:visible}.messages-content[data-v-d500a7fe]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 8px 32px #0000001a;margin:16px auto 24px;max-width:100%;padding:20px 24px}@media(min-width:768px){.messages-content[data-v-d500a7fe]{max-width:95%}}@media(min-width:1024px){.messages-content[data-v-d500a7fe]{max-width:90%}}@media(min-width:1440px){.messages-content[data-v-d500a7fe]{max-width:1200px}}@media(min-width:1920px){.messages-content[data-v-d500a7fe]{max-width:1400px}}.messages-filter[data-v-d500a7fe]{display:flex;gap:10px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eee}.filter-btn[data-v-d500a7fe]{background:#f5f5f5;color:#666;border:none;padding:10px 24px;border-radius:20px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.filter-btn[data-v-d500a7fe]:hover{background:#e0e0e0}.filter-btn.active[data-v-d500a7fe]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.messages-list[data-v-d500a7fe]{display:flex;flex-direction:column;gap:12px}.empty-messages[data-v-d500a7fe]{text-align:center;padding:60px 20px;color:#999}.empty-icon[data-v-d500a7fe]{font-size:64px;margin-bottom:16px}.empty-messages p[data-v-d500a7fe]{font-size:16px;margin:0}.message-item[data-v-d500a7fe]{display:flex;align-items:flex-start;gap:15px;padding:16px;background:#f9f9f9;border-radius:12px;cursor:pointer;transition:all .3s ease;border-left:4px solid transparent}.message-item[data-v-d500a7fe]:hover{background:#f0f0f0;transform:translate(4px)}.message-item.unread[data-v-d500a7fe]{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-left-color:#667eea}.message-icon[data-v-d500a7fe]{font-size:32px;flex-shrink:0}.message-content[data-v-d500a7fe]{flex:1;min-width:0}.message-header[data-v-d500a7fe]{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.message-title[data-v-d500a7fe]{font-size:16px;font-weight:600;color:#333}.message-time[data-v-d500a7fe]{font-size:12px;color:#999;flex-shrink:0;margin-left:10px}.message-text[data-v-d500a7fe]{font-size:14px;color:#666;line-height:1.5;word-wrap:break-word}.message-status[data-v-d500a7fe]{flex-shrink:0;display:flex;align-items:center}.unread-dot[data-v-d500a7fe]{width:8px;height:8px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%}.messages-actions[data-v-d500a7fe]{margin-top:20px;padding-top:20px;border-top:1px solid #eee;text-align:center}.btn-mark-all-read[data-v-d500a7fe]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 32px;border-radius:24px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.btn-mark-all-read[data-v-d500a7fe]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}@media(max-width:768px){.messages-container[data-v-d500a7fe]{padding:0}.header-content[data-v-d500a7fe]{flex-wrap:wrap;gap:12px}.nav-menu[data-v-d500a7fe]{width:100%;order:-1}.nav-dropdown[data-v-d500a7fe]{position:fixed;inset:0;margin:0;border-radius:0;max-width:none;min-width:0;padding:20px;display:flex;flex-direction:column}.nav-grid[data-v-d500a7fe]{grid-template-columns:repeat(2,1fr);gap:16px}.nav-card[data-v-d500a7fe]{padding:24px 16px}.nav-card-icon[data-v-d500a7fe]{font-size:36px}.nav-card-name[data-v-d500a7fe]{font-size:14px}.nav-overlay[data-v-d500a7fe]{display:none}.messages-content[data-v-d500a7fe]{padding:15px 10px;margin:10px;max-width:100%}.messages-filter[data-v-d500a7fe]{flex-wrap:wrap}.filter-btn[data-v-d500a7fe]{flex:1;min-width:80px;padding:8px 16px}.message-item[data-v-d500a7fe]{padding:12px}.message-icon[data-v-d500a7fe]{font-size:24px}.message-title[data-v-d500a7fe]{font-size:14px}.message-text[data-v-d500a7fe]{font-size:13px}}.activity-page[data-v-ae91f94d]{min-height:100vh;background:#f8f9fa;background-image:radial-gradient(circle at 1px 1px,rgba(102,126,234,.15) 1px,transparent 0);background-size:40px 40px}.header[data-v-ae91f94d]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000001a;padding:16px 0;position:sticky;top:0;z-index:3000}.header-content[data-v-ae91f94d]{width:100%;padding:0 16px;display:flex;justify-content:space-between;align-items:center}.nav-menu[data-v-ae91f94d]{display:flex;align-items:center;gap:16px}.logo-icon[data-v-ae91f94d]{width:32px;height:32px;object-fit:contain}.page-title-wrapper[data-v-ae91f94d]{display:flex;align-items:baseline;gap:12px}.page-title[data-v-ae91f94d]{margin:0;color:#333;font-size:24px;font-weight:600;line-height:1.2}.page-subtitle[data-v-ae91f94d]{font-size:14px;color:#999;font-weight:500;line-height:1.2}.user-info[data-v-ae91f94d]{display:flex;align-items:center;gap:12px;flex-shrink:0}.user-avatar[data-v-ae91f94d]{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;flex-shrink:0}.user-name[data-v-ae91f94d]{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333;font-size:15px;font-weight:500}.settings-btn[data-v-ae91f94d]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:50%;text-decoration:none;font-size:20px;transition:all .3s;flex-shrink:0}.settings-btn[data-v-ae91f94d]:hover{background:#e0e0e0;transform:rotate(30deg)}.nav-menu[data-v-ae91f94d]{position:relative;flex-shrink:0}.nav-menu-btn[data-v-ae91f94d]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:8px;cursor:pointer;transition:all .3s}.nav-menu-btn[data-v-ae91f94d]:hover{background:#e0e0e0}.nav-menu-icon[data-v-ae91f94d]{font-size:20px;color:#333}.nav-dropdown[data-v-ae91f94d]{position:absolute;top:100%;left:0;margin-top:12px;background:#fff;border-radius:16px;box-shadow:0 8px 32px #00000026;min-width:480px;max-width:600px;z-index:2800;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease}.nav-dropdown.show[data-v-ae91f94d]{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown-content[data-v-ae91f94d]{padding:20px;position:relative;z-index:1}.nav-grid[data-v-ae91f94d]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.nav-card[data-v-ae91f94d]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;border-radius:12px;text-decoration:none;color:#333;transition:all .3s;background:#f8f9fa}.nav-card[data-v-ae91f94d]:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.nav-card-icon[data-v-ae91f94d]{font-size:32px;line-height:1}.nav-card-name[data-v-ae91f94d]{font-size:13px;font-weight:500;text-align:center}.nav-overlay[data-v-ae91f94d]{position:fixed;inset:0;background:#00000080;z-index:2790;opacity:0;visibility:hidden;transition:all .3s ease;cursor:pointer}.nav-overlay.show[data-v-ae91f94d]{opacity:1;visibility:visible}.activity-container[data-v-ae91f94d]{max-width:1400px;margin:16px auto 24px;display:flex;gap:24px;padding:0 24px}.category-sidebar[data-v-ae91f94d]{width:240px;flex-shrink:0;background:#fff;border-radius:16px;padding:16px;box-shadow:0 4px 16px #00000014;height:fit-content;position:sticky;top:88px}.category-list[data-v-ae91f94d]{display:flex;flex-direction:column;gap:4px}.category-item[data-v-ae91f94d]{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;cursor:pointer;transition:all .3s;position:relative}.category-item[data-v-ae91f94d]:hover{background:#f5f5f5}.category-item.active[data-v-ae91f94d]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.category-icon[data-v-ae91f94d]{font-size:20px;flex-shrink:0}.category-name[data-v-ae91f94d]{flex:1;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-count[data-v-ae91f94d]{background:#0000001a;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:600;min-width:20px;text-align:center}.category-item.active .category-count[data-v-ae91f94d]{background:#fff3;color:#fff}.activity-content[data-v-ae91f94d]{flex:1;min-width:0}.activity-list-container[data-v-ae91f94d]{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 16px #00000014;min-height:calc(100vh - 180px);max-height:calc(100vh - 180px);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.activity-list-container[data-v-ae91f94d]::-webkit-scrollbar{display:none}.empty-activities[data-v-ae91f94d]{text-align:center;padding:60px 20px;color:#999}.empty-activities .empty-icon[data-v-ae91f94d]{font-size:64px;margin-bottom:16px}.empty-activities p[data-v-ae91f94d]{margin:0;font-size:14px}.activity-item[data-v-ae91f94d]{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid #f0f0f0;transition:background-color .3s}.activity-item[data-v-ae91f94d]:last-child{border-bottom:none}.activity-item[data-v-ae91f94d]:hover{background-color:#f9f9f9}.activity-icon[data-v-ae91f94d]{font-size:24px;flex-shrink:0}.activity-content[data-v-ae91f94d]{flex:1}.activity-title[data-v-ae91f94d]{font-weight:600;color:#333;margin-bottom:4px;font-size:16px}.activity-description[data-v-ae91f94d]{color:#666;font-size:14px;margin-bottom:4px}.activity-meta[data-v-ae91f94d]{display:flex;gap:12px;align-items:center}.activity-device[data-v-ae91f94d]{display:inline-block;padding:2px 8px;background:#e8ebff;color:#667eea;border-radius:4px;font-size:11px;font-weight:500}.activity-time[data-v-ae91f94d]{color:#999;font-size:13px}.pagination-container[data-v-ae91f94d]{margin-top:12px;padding-top:12px;border-top:1px solid #e8e8e8;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.pagination-info[data-v-ae91f94d]{color:#555;font-size:13px;font-weight:500}.pagination-controls[data-v-ae91f94d]{display:flex;align-items:center;gap:8px}.pagination-btn[data-v-ae91f94d]{padding:8px 16px;background:#fff;border:1px solid #d0d0d0;border-radius:6px;color:#333;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s}.pagination-btn[data-v-ae91f94d]:hover:not(:disabled){background:#f5f5f5;border-color:#667eea;color:#667eea}.pagination-btn[data-v-ae91f94d]:disabled{opacity:.4;cursor:not-allowed;color:#999}.pagination-pages[data-v-ae91f94d]{display:flex;gap:4px}.pagination-page-btn[data-v-ae91f94d]{min-width:36px;height:36px;padding:0;background:#fff;border:1px solid #d0d0d0;border-radius:6px;color:#333;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s}.pagination-page-btn[data-v-ae91f94d]:hover{background:#f5f5f5;border-color:#667eea;color:#667eea}.pagination-page-btn.active[data-v-ae91f94d]{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff;font-weight:600}.pagination-page-btn.active[data-v-ae91f94d]:hover{opacity:.9}.pagination-page-btn.ellipsis[data-v-ae91f94d]{background:transparent;border:none;cursor:default;color:#999}.pagination-page-btn.ellipsis[data-v-ae91f94d]:hover{background:transparent;color:#999}.page-size-selector[data-v-ae91f94d]{display:flex;align-items:center;gap:8px;color:#555;font-size:13px}.page-size-selector select[data-v-ae91f94d]{padding:8px 12px;border:1px solid #d0d0d0;border-radius:6px;background:#fff;color:#333;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s}.page-size-selector select[data-v-ae91f94d]:hover{border-color:#667eea}.page-size-selector select[data-v-ae91f94d]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}@media(max-width:1024px){.activity-container[data-v-ae91f94d]{flex-direction:column}.category-sidebar[data-v-ae91f94d]{width:100%;position:static;margin-bottom:16px}.category-list[data-v-ae91f94d]{flex-direction:row;flex-wrap:wrap;gap:8px}.category-item[data-v-ae91f94d]{flex:1;min-width:120px;justify-content:center}.pagination-container[data-v-ae91f94d]{flex-direction:column;align-items:center;gap:8px}.pagination-info[data-v-ae91f94d]{order:2;font-size:12px}}@media(max-width:768px){.header[data-v-ae91f94d]{padding:12px 0}.logo-icon[data-v-ae91f94d]{width:28px;height:28px}.header h1[data-v-ae91f94d]{font-size:20px}.user-name[data-v-ae91f94d]{max-width:100px;font-size:14px}.user-avatar[data-v-ae91f94d]{width:36px;height:36px;font-size:16px}.settings-btn[data-v-ae91f94d]{width:36px;height:36px;font-size:18px}.nav-dropdown[data-v-ae91f94d]{position:fixed;inset:0;margin:0;border-radius:0;max-width:none;min-width:0;padding:20px;display:flex;flex-direction:column}.nav-grid[data-v-ae91f94d]{grid-template-columns:repeat(2,1fr);gap:16px}.nav-card[data-v-ae91f94d]{padding:24px 16px}.nav-card-icon[data-v-ae91f94d]{font-size:36px}.nav-card-name[data-v-ae91f94d]{font-size:14px}.nav-overlay[data-v-ae91f94d]{display:none}.page-header[data-v-ae91f94d]{padding:16px;border-radius:12px;flex-wrap:wrap}.activity-container[data-v-ae91f94d]{padding:0 16px}.pagination-container[data-v-ae91f94d]{gap:8px}.pagination-btn[data-v-ae91f94d]{padding:6px 12px;font-size:12px}.pagination-page-btn[data-v-ae91f94d]{min-width:32px;height:32px;font-size:12px}.page-size-selector[data-v-ae91f94d],.pagination-info[data-v-ae91f94d]{font-size:12px}.activity-list-container[data-v-ae91f94d]{padding:16px;border-radius:12px;min-height:calc(100vh - 320px);max-height:calc(100vh - 320px)}.activity-item[data-v-ae91f94d]{padding:12px 0}.activity-icon[data-v-ae91f94d]{font-size:20px}.activity-title[data-v-ae91f94d]{font-size:14px}.activity-description[data-v-ae91f94d]{font-size:13px}.activity-time[data-v-ae91f94d]{font-size:12px}}@media(max-width:480px){.header[data-v-ae91f94d]{padding:10px 0}.logo-icon[data-v-ae91f94d]{font-size:24px}.header h1[data-v-ae91f94d]{font-size:18px}.user-name[data-v-ae91f94d]{max-width:80px;font-size:13px}.user-avatar[data-v-ae91f94d]{width:32px;height:32px;font-size:14px}.settings-btn[data-v-ae91f94d]{width:32px;height:32px;font-size:16px}.category-list[data-v-ae91f94d]{flex-direction:column}.category-item[data-v-ae91f94d]{min-width:100%}.pagination-container[data-v-ae91f94d]{flex-direction:column;align-items:stretch}.pagination-controls[data-v-ae91f94d],.page-size-selector[data-v-ae91f94d]{justify-content:center}}.gas-price-page[data-v-2a75b88f]{min-height:100vh;background:#f5f7fa;width:100%;max-width:100%;padding:100px 32px 32px;box-sizing:border-box}.header[data-v-2a75b88f]{position:fixed;top:0;left:0;right:0;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 2px 16px #0000000f;padding:12px 0;z-index:3000}.header-content[data-v-2a75b88f]{width:100%;margin:0;padding:0 16px;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box}.nav-menu[data-v-2a75b88f]{display:flex;align-items:center;gap:16px;position:relative;flex-shrink:0}.logo-icon[data-v-2a75b88f]{width:32px;height:32px;object-fit:contain}.page-title-wrapper[data-v-2a75b88f]{display:flex;align-items:baseline;gap:10px}.page-title[data-v-2a75b88f]{margin:0;color:#1a1a1a;font-size:20px;font-weight:700;line-height:1.2}.page-subtitle[data-v-2a75b88f]{font-size:13px;color:#8c8c8c;font-weight:500;line-height:1.2}.user-info[data-v-2a75b88f]{display:flex;align-items:center;gap:12px;flex-shrink:0}.user-avatar[data-v-2a75b88f]{width:36px;height:36px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px;flex-shrink:0}.user-name[data-v-2a75b88f]{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333;font-size:14px;font-weight:500}.settings-btn[data-v-2a75b88f]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:50%;text-decoration:none;font-size:18px;transition:all .3s;flex-shrink:0}.settings-btn[data-v-2a75b88f]:hover{background:#e8e8e8;transform:rotate(30deg)}.nav-menu-btn[data-v-2a75b88f]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:8px;cursor:pointer;transition:all .3s}.nav-menu-btn[data-v-2a75b88f]:hover{background:#e8e8e8}.nav-menu-icon[data-v-2a75b88f]{font-size:18px;color:#333}.nav-dropdown[data-v-2a75b88f]{position:absolute;top:100%;left:0;margin-top:12px;background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001f;min-width:480px;max-width:600px;z-index:2800;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease}.nav-dropdown.show[data-v-2a75b88f]{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown-content[data-v-2a75b88f]{padding:20px;position:relative;z-index:1}.nav-grid[data-v-2a75b88f]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.nav-card[data-v-2a75b88f]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;border-radius:12px;text-decoration:none;color:#333;transition:all .3s;background:#f8f9fa}.nav-card[data-v-2a75b88f]:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.nav-card-icon[data-v-2a75b88f]{font-size:32px;line-height:1}.nav-card-name[data-v-2a75b88f]{font-size:13px;font-weight:500;text-align:center}.nav-overlay[data-v-2a75b88f]{position:fixed;inset:0;background:#0006;z-index:2790;opacity:0;visibility:hidden;transition:all .3s ease;cursor:pointer}.nav-overlay.show[data-v-2a75b88f]{opacity:1;visibility:visible}.main-content[data-v-2a75b88f]{width:100%;max-width:1800px;margin:0 auto;box-sizing:border-box}.content-grid[data-v-2a75b88f]{display:grid;grid-template-columns:500px minmax(0,1fr);gap:24px;align-items:start;width:100%}.left-panel[data-v-2a75b88f]{display:flex;flex-direction:column;gap:24px;min-width:0}.right-panel[data-v-2a75b88f]{display:flex;flex-direction:column;min-width:0;max-width:1200px}.info-bar[data-v-2a75b88f]{display:flex;justify-content:center;margin-bottom:24px}.update-badge[data-v-2a75b88f]{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border-radius:20px;font-size:13px;color:#666;box-shadow:0 2px 8px #0000000a}.badge-icon[data-v-2a75b88f]{font-size:16px}.control-panel[data-v-2a75b88f]{display:grid;grid-template-columns:1fr auto;gap:24px;background:#fff;border-radius:20px;padding:28px;margin-bottom:24px;box-shadow:0 4px 20px #0000000f}.price-display[data-v-2a75b88f]{display:flex;flex-direction:column;justify-content:center}.price-label[data-v-2a75b88f]{font-size:14px;color:#8c8c8c;margin-bottom:8px}.price-value[data-v-2a75b88f]{font-size:48px;font-weight:700;color:#667eea;line-height:1;margin-bottom:8px}.price-unit[data-v-2a75b88f]{font-size:20px;font-weight:500;color:#8c8c8c}.price-info[data-v-2a75b88f]{font-size:14px;color:#666;font-weight:500}.selectors[data-v-2a75b88f]{display:flex;gap:16px;align-items:center}.selector-group[data-v-2a75b88f]{display:flex;flex-direction:column;gap:8px}.selector-label[data-v-2a75b88f]{font-size:13px;color:#8c8c8c;font-weight:500}.selector[data-v-2a75b88f]{padding:10px 16px;border:1px solid #e8e8e8;border-radius:10px;font-size:14px;background:#fff;cursor:pointer;transition:all .3s;min-width:140px;font-weight:500;color:#333}.selector[data-v-2a75b88f]:hover{border-color:#667eea;background:#f8f9ff}.selector[data-v-2a75b88f]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.chart-section[data-v-2a75b88f]{background:#fff;border-radius:20px;padding:28px;box-shadow:0 4px 20px #0000000f}.table-section[data-v-2a75b88f]{background:#fff;border-radius:20px;padding:28px;box-shadow:0 4px 20px #0000000f;height:calc(100vh - 200px);display:flex;flex-direction:column}.table-section .table-container[data-v-2a75b88f]{flex:1;overflow-y:auto}.section-header[data-v-2a75b88f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.section-title[data-v-2a75b88f]{margin:0;font-size:18px;font-weight:600;color:#1a1a1a}.time-range-selector[data-v-2a75b88f]{display:flex;gap:8px;background:#f5f7fa;padding:4px;border-radius:10px}.range-btn[data-v-2a75b88f]{padding:8px 20px;border:none;border-radius:8px;background:transparent;cursor:pointer;font-size:14px;font-weight:500;color:#666;transition:all .3s}.range-btn[data-v-2a75b88f]:hover{color:#667eea}.range-btn.active[data-v-2a75b88f]{background:#fff;color:#667eea;box-shadow:0 2px 8px #00000014}.chart-container[data-v-2a75b88f]{height:360px;position:relative}.search-box[data-v-2a75b88f]{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f5f7fa;border-radius:10px;transition:all .3s}.search-box[data-v-2a75b88f]:focus-within{background:#fff;box-shadow:0 2px 8px #00000014}.search-icon[data-v-2a75b88f]{font-size:16px;color:#8c8c8c}.search-input[data-v-2a75b88f]{border:none;background:transparent;font-size:14px;width:180px;outline:none;color:#333}.search-input[data-v-2a75b88f]::placeholder{color:#8c8c8c}.table-container[data-v-2a75b88f]{overflow-x:auto;border-radius:12px}.price-table[data-v-2a75b88f]{width:100%;border-collapse:collapse}.price-table thead[data-v-2a75b88f]{background:linear-gradient(135deg,#667eea,#764ba2)}.price-table th[data-v-2a75b88f]{padding:16px;text-align:left;font-weight:600;font-size:13px;color:#fff;text-transform:uppercase;letter-spacing:.5px}.price-table th.active[data-v-2a75b88f]{background:#fff3}.price-table tbody tr[data-v-2a75b88f]{border-bottom:1px solid #f0f0f0;transition:background .3s}.price-table tbody tr[data-v-2a75b88f]:hover{background:#f8f9ff}.price-table td[data-v-2a75b88f]{padding:16px;font-size:14px;color:#333}.province-name[data-v-2a75b88f]{font-weight:600;color:#1a1a1a}.price-cell[data-v-2a75b88f]{color:#666;font-weight:500}.price-cell.active[data-v-2a75b88f]{color:#667eea;font-weight:600;background:#667eea14}@media(max-width:1024px){.content-grid[data-v-2a75b88f]{grid-template-columns:1fr;gap:24px}.left-panel[data-v-2a75b88f]{gap:24px}.table-section[data-v-2a75b88f]{height:auto}.table-section .table-container[data-v-2a75b88f]{overflow-y:visible}}@media(max-width:768px){.gas-price-page[data-v-2a75b88f]{padding:88px 16px 24px}.page-title[data-v-2a75b88f]{font-size:18px}.page-subtitle[data-v-2a75b88f]{font-size:12px}.user-name[data-v-2a75b88f]{display:none}.nav-grid[data-v-2a75b88f]{grid-template-columns:repeat(2,1fr)}.nav-dropdown[data-v-2a75b88f]{min-width:300px;max-width:90vw}.content-grid[data-v-2a75b88f]{grid-template-columns:1fr;gap:16px}.control-panel[data-v-2a75b88f]{grid-template-columns:1fr}.selectors[data-v-2a75b88f]{flex-direction:column;align-items:stretch}.selector[data-v-2a75b88f]{min-width:100%}.price-value[data-v-2a75b88f]{font-size:36px}.section-header[data-v-2a75b88f]{flex-direction:column;align-items:stretch}.time-range-selector[data-v-2a75b88f]{width:100%}.range-btn[data-v-2a75b88f]{flex:1}.search-box[data-v-2a75b88f],.search-input[data-v-2a75b88f]{width:100%}.chart-container[data-v-2a75b88f]{height:280px}.table-section[data-v-2a75b88f]{height:auto}.table-section .table-container[data-v-2a75b88f]{overflow-y:visible}.price-table th[data-v-2a75b88f],.price-table td[data-v-2a75b88f]{padding:12px 8px;font-size:13px}}.loan-container[data-v-56dbc265]{display:flex;flex-direction:column;height:100vh;background:#f8f9fa;background-image:radial-gradient(circle at 1px 1px,rgba(102,126,234,.15) 1px,transparent 0);background-size:40px 40px;overflow-x:hidden}.header[data-v-56dbc265]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000001a;padding:16px 0;position:sticky;top:0;z-index:3000;flex-shrink:0}.header-content[data-v-56dbc265]{width:100%;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.nav-menu[data-v-56dbc265]{display:flex;align-items:center;gap:16px;flex:1}.nav-menu-btn[data-v-56dbc265]{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #667eea4d;flex-shrink:0}.nav-menu-btn[data-v-56dbc265]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.nav-menu-icon[data-v-56dbc265]{color:#fff;font-size:20px;font-weight:300}.logo-icon[data-v-56dbc265]{width:40px;height:40px;border-radius:10px;object-fit:cover;box-shadow:0 2px 8px #0000001a;flex-shrink:0}.page-title-wrapper[data-v-56dbc265]{display:flex;flex-direction:column;gap:2px;flex:1}.page-title[data-v-56dbc265]{margin:0;font-size:20px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.page-subtitle[data-v-56dbc265]{font-size:12px;color:#999;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.nav-dropdown[data-v-56dbc265]{position:absolute;top:100%;left:24px;margin-top:12px;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 8px 32px #00000026;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:3001;min-width:560px}.nav-dropdown.show[data-v-56dbc265]{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown-content[data-v-56dbc265]{padding:20px}.nav-grid[data-v-56dbc265]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.nav-item[data-v-56dbc265]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;border-radius:12px;text-decoration:none;color:#666;transition:all .3s;background:#ffffff80;border:1px solid rgba(102,126,234,.1)}.nav-item[data-v-56dbc265]:hover{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea4d;transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.nav-item.active[data-v-56dbc265]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;box-shadow:0 4px 12px #667eea4d}.nav-icon[data-v-56dbc265]{font-size:28px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.nav-item.active .nav-icon[data-v-56dbc265]{filter:drop-shadow(0 2px 4px rgba(255,255,255,.3))}.nav-label[data-v-56dbc265]{font-size:12px;font-weight:600;text-align:center;line-height:1.2}.user-info[data-v-56dbc265]{display:flex;align-items:center;gap:12px;padding:8px 16px;background:#667eea14;border-radius:12px;border:1px solid rgba(102,126,234,.15)}.user-avatar[data-v-56dbc265]{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700;box-shadow:0 2px 8px #667eea4d}.user-name[data-v-56dbc265]{font-size:14px;font-weight:600;color:#333;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-btn[data-v-56dbc265]{width:32px;height:32px;border-radius:8px;background:#667eea1a;display:flex;align-items:center;justify-content:center;font-size:16px;text-decoration:none;transition:all .3s;border:1px solid rgba(102,126,234,.2)}.settings-btn[data-v-56dbc265]:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;transform:rotate(90deg)}.nav-overlay[data-v-56dbc265]{position:fixed;inset:0;background:#0000004d;opacity:0;visibility:hidden;transition:all .3s;z-index:2999}.nav-overlay.show[data-v-56dbc265]{opacity:1;visibility:visible}.main-content[data-v-56dbc265]{width:100%;padding:24px}.filter-tabs[data-v-56dbc265]{display:flex;gap:12px;margin-bottom:24px}.tab-btn[data-v-56dbc265]{padding:10px 20px;background:#fff;border:1px solid #ddd;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s}.tab-btn.active[data-v-56dbc265]{background:#667eea;color:#fff;border-color:#667eea}.tab-btn[data-v-56dbc265]:hover:not(.active){background:#f5f5f5}.add-loan-btn[data-v-56dbc265]{margin-left:auto;padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #667eea4d}.add-loan-btn[data-v-56dbc265]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.loan-list[data-v-56dbc265]{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:24px}.loan-card[data-v-56dbc265]{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;border-left:4px solid #667eea;cursor:pointer;transition:transform .2s,box-shadow .2s}.loan-card[data-v-56dbc265]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.loan-card.borrow_in[data-v-56dbc265]{border-left-color:#52c41a}.loan-card.borrow_out[data-v-56dbc265]{border-left-color:#faad14}.card-header[data-v-56dbc265]{padding:20px 24px;border-bottom:1px solid #f0f0f0}.loan-info[data-v-56dbc265]{display:flex;align-items:center;gap:12px;margin-bottom:12px}.loan-name[data-v-56dbc265]{font-size:16px;font-weight:600;color:#333}.loan-type[data-v-56dbc265]{padding:4px 8px;background:#f0f0f0;border-radius:4px;font-size:12px;color:#666}.status-badge[data-v-56dbc265]{padding:4px 8px;border-radius:4px;font-size:12px;color:#fff}.status-badge.unpaid[data-v-56dbc265]{background:#e74c3c}.status-badge.partial[data-v-56dbc265]{background:#faad14}.status-badge.repaid[data-v-56dbc265]{background:#52c41a}.card-actions[data-v-56dbc265]{display:flex;gap:8px}.addition-btn[data-v-56dbc265]{padding:6px 12px;background:#faad14;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer}.repay-btn[data-v-56dbc265]{padding:6px 12px;background:#52c41a;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer}.edit-btn[data-v-56dbc265]{padding:6px 12px;background:#667eea;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer}.delete-btn[data-v-56dbc265]{padding:6px 12px;background:#e74c3c;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer}.card-body[data-v-56dbc265]{padding:24px}.amount-section[data-v-56dbc265]{text-align:center;margin-bottom:20px}.amount-section .label[data-v-56dbc265]{display:block;color:#666;font-size:14px;margin-bottom:8px}.amount-display[data-v-56dbc265]{display:flex;flex-direction:column;align-items:center;gap:4px}.amount-section .value[data-v-56dbc265]{font-size:32px;font-weight:700;color:#333}.amount-section .main-amount[data-v-56dbc265]{font-size:32px;font-weight:700;color:#667eea}.amount-section .sub-amount[data-v-56dbc265]{font-size:14px;color:#999;text-decoration:line-through}.info-section[data-v-56dbc265]{border-top:1px solid #f0f0f0;padding-top:16px}.info-row[data-v-56dbc265]{display:flex;justify-content:space-between;margin-bottom:12px}.info-row .label[data-v-56dbc265]{color:#666;font-size:14px}.info-row .value[data-v-56dbc265]{color:#333;font-weight:500;font-size:14px}.progress-section[data-v-56dbc265]{margin-top:16px;display:flex;align-items:center;gap:12px}.progress-bar[data-v-56dbc265]{flex:1;height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden}.progress-fill[data-v-56dbc265]{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);transition:width .3s}.progress-text[data-v-56dbc265]{color:#667eea;font-weight:600;font-size:14px;min-width:40px}.description-section[data-v-56dbc265]{border-top:1px solid #f0f0f0;padding-top:12px;margin-top:12px}.description-section .label[data-v-56dbc265]{display:block;color:#666;font-size:12px;margin-bottom:4px}.description-section .value[data-v-56dbc265]{color:#333;font-size:13px;line-height:1.5}.empty-state[data-v-56dbc265]{text-align:center;padding:80px 24px}.empty-icon[data-v-56dbc265]{font-size:64px;margin-bottom:16px}.empty-state h3[data-v-56dbc265]{margin:0 0 8px;color:#333}.empty-state p[data-v-56dbc265]{margin:0;color:#666}.modal[data-v-56dbc265]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-56dbc265]{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header[data-v-56dbc265]{padding:20px 24px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.modal-header h2[data-v-56dbc265]{margin:0;color:#333;font-size:18px}.close-btn[data-v-56dbc265]{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.close-btn[data-v-56dbc265]:hover{color:#333}.modal-content form[data-v-56dbc265]{padding:24px}.form-group[data-v-56dbc265]{margin-bottom:16px}.form-group label[data-v-56dbc265]{display:block;margin-bottom:8px;color:#333;font-weight:500;font-size:14px}.form-group input[data-v-56dbc265],.form-group select[data-v-56dbc265],.form-group textarea[data-v-56dbc265]{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;box-sizing:border-box}.form-group textarea[data-v-56dbc265]{resize:vertical;font-family:inherit}.form-group input[data-v-56dbc265]:focus,.form-group select[data-v-56dbc265]:focus,.form-group textarea[data-v-56dbc265]:focus{outline:none;border-color:#667eea}.modal-actions[data-v-56dbc265]{display:flex;gap:12px;margin-top:24px}.cancel-btn[data-v-56dbc265]{flex:1;padding:12px;background:#f5f5f5;color:#333;border:none;border-radius:6px;font-size:14px;cursor:pointer}.submit-btn[data-v-56dbc265]{flex:1;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer}.submit-btn[data-v-56dbc265]:hover{opacity:.9}@media(max-width:1024px){.header[data-v-56dbc265]{padding:12px 0}.logo-icon[data-v-56dbc265]{width:28px;height:28px}.page-title[data-v-56dbc265]{font-size:20px}.page-subtitle[data-v-56dbc265]{font-size:13px}.user-name[data-v-56dbc265]{max-width:120px;font-size:14px}.nav-grid[data-v-56dbc265]{grid-template-columns:repeat(3,1fr)}.nav-dropdown[data-v-56dbc265]{min-width:480px}.loan-list[data-v-56dbc265]{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media(max-width:768px){.header-content[data-v-56dbc265]{padding:0 16px;gap:12px}.page-title-wrapper[data-v-56dbc265]{display:none}.nav-dropdown[data-v-56dbc265]{left:16px;right:16px;min-width:auto}.nav-grid[data-v-56dbc265]{grid-template-columns:repeat(2,1fr)}.user-info[data-v-56dbc265]{padding:6px 12px;gap:8px}.user-name[data-v-56dbc265]{max-width:80px;font-size:13px}.user-avatar[data-v-56dbc265]{width:32px;height:32px;font-size:12px}.main-content[data-v-56dbc265]{padding:16px}.loan-list[data-v-56dbc265]{grid-template-columns:1fr;gap:16px}.loan-card[data-v-56dbc265]{border-left-width:3px}.card-header[data-v-56dbc265],.card-body[data-v-56dbc265]{padding:16px}.card-actions[data-v-56dbc265]{gap:6px}.addition-btn[data-v-56dbc265],.repay-btn[data-v-56dbc265],.edit-btn[data-v-56dbc265],.delete-btn[data-v-56dbc265]{padding:5px 10px;font-size:11px}.amount-section .main-amount[data-v-56dbc265]{font-size:28px}.modal-content[data-v-56dbc265]{max-width:95%;margin:16px}.modal-header[data-v-56dbc265]{padding:16px}.modal-header h2[data-v-56dbc265]{font-size:16px}.close-btn[data-v-56dbc265]{width:28px;height:28px;font-size:20px}.modal-content form[data-v-56dbc265]{padding:16px}.form-group[data-v-56dbc265]{margin-bottom:14px}.form-group label[data-v-56dbc265]{font-size:13px}}@media(max-width:480px){.header[data-v-56dbc265]{padding:12px 0}.nav-menu-btn[data-v-56dbc265],.logo-icon[data-v-56dbc265]{width:36px;height:36px}.nav-dropdown[data-v-56dbc265]{margin-top:8px}.nav-dropdown-content[data-v-56dbc265]{padding:16px}.nav-grid[data-v-56dbc265]{gap:8px}.nav-item[data-v-56dbc265]{padding:12px 8px}.nav-icon[data-v-56dbc265]{font-size:24px}.nav-label[data-v-56dbc265]{font-size:11px}.filter-tabs[data-v-56dbc265]{gap:8px}.tab-btn[data-v-56dbc265]{padding:8px 16px;font-size:13px}.add-loan-btn[data-v-56dbc265]{margin-left:0;width:100%;margin-top:12px}.filter-tabs[data-v-56dbc265]{flex-direction:column;align-items:stretch}.empty-state[data-v-56dbc265]{padding:60px 16px}.empty-icon[data-v-56dbc265]{font-size:48px}.empty-state h3[data-v-56dbc265]{font-size:16px}.empty-state p[data-v-56dbc265]{font-size:14px}.form-group input[data-v-56dbc265],.form-group select[data-v-56dbc265],.form-group textarea[data-v-56dbc265]{padding:10px;font-size:14px}.modal-actions[data-v-56dbc265]{gap:8px;margin-top:16px}.cancel-btn[data-v-56dbc265],.submit-btn[data-v-56dbc265]{padding:10px;font-size:14px}.modal-content[data-v-56dbc265]{max-width:100%;margin:0;border-radius:0}.modal-header[data-v-56dbc265]{padding:12px}.modal-header h2[data-v-56dbc265]{font-size:15px}.close-btn[data-v-56dbc265]{width:24px;height:24px;font-size:18px}.modal-content form[data-v-56dbc265]{padding:12px}.form-group[data-v-56dbc265]{margin-bottom:12px}.form-group label[data-v-56dbc265]{font-size:12px}.form-group input[data-v-56dbc265],.form-group select[data-v-56dbc265],.form-group textarea[data-v-56dbc265]{padding:8px;font-size:13px}.modal-actions[data-v-56dbc265]{flex-direction:column;gap:8px}.cancel-btn[data-v-56dbc265],.submit-btn[data-v-56dbc265]{width:100%;padding:12px}}.inventory-container[data-v-0511d76f]{display:flex;flex-direction:column;height:100vh;background:#f8f9fa;background-image:radial-gradient(circle at 1px 1px,rgba(102,126,234,.15) 1px,transparent 0);background-size:40px 40px;overflow-x:hidden}.header[data-v-0511d76f]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000001a;padding:16px 0;position:sticky;top:0;z-index:3000;flex-shrink:0}.header-content[data-v-0511d76f]{width:100%;padding:0 16px;display:flex;justify-content:space-between;align-items:center}.nav-menu[data-v-0511d76f]{display:flex;align-items:center;gap:16px}.logo-icon[data-v-0511d76f]{width:32px;height:32px;object-fit:contain}.page-title-wrapper[data-v-0511d76f]{display:flex;align-items:baseline;gap:12px}.page-title[data-v-0511d76f]{margin:0;color:#333;font-size:24px;font-weight:600;line-height:1.2}.page-subtitle[data-v-0511d76f]{font-size:14px;color:#999;font-weight:500;line-height:1.2}.user-info[data-v-0511d76f]{display:flex;align-items:center;gap:12px;flex-shrink:0}.user-avatar[data-v-0511d76f]{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;flex-shrink:0}.user-name[data-v-0511d76f]{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333;font-size:15px;font-weight:500}.settings-btn[data-v-0511d76f]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:50%;text-decoration:none;font-size:20px;transition:all .3s;flex-shrink:0}.settings-btn[data-v-0511d76f]:hover{background:#e0e0e0;transform:rotate(30deg)}.nav-menu[data-v-0511d76f]{position:relative;flex-shrink:0}.nav-menu-btn[data-v-0511d76f]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:8px;cursor:pointer;transition:all .3s}.nav-menu-btn[data-v-0511d76f]:hover{background:#e0e0e0}.nav-menu-icon[data-v-0511d76f]{font-size:20px;color:#333}.nav-dropdown[data-v-0511d76f]{position:absolute;top:100%;left:0;margin-top:12px;background:#fff;border-radius:16px;box-shadow:0 8px 32px #00000026;min-width:480px;max-width:600px;z-index:2800;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease}.nav-dropdown.show[data-v-0511d76f]{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown-content[data-v-0511d76f]{padding:20px;position:relative;z-index:1}.nav-grid[data-v-0511d76f]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.nav-card[data-v-0511d76f]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;border-radius:12px;text-decoration:none;color:#333;transition:all .3s;background:#f8f9fa}.nav-card[data-v-0511d76f]:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.nav-card-icon[data-v-0511d76f]{font-size:32px;line-height:1}.nav-card-name[data-v-0511d76f]{font-size:13px;font-weight:500;text-align:center}.nav-overlay[data-v-0511d76f]{position:fixed;inset:0;background:#0000004d;z-index:2700;opacity:0;visibility:hidden;transition:all .3s}.nav-overlay.show[data-v-0511d76f]{opacity:1;visibility:visible}.inventory-plans[data-v-0511d76f]{flex:1;overflow-y:auto;padding:24px}.plan-list[data-v-0511d76f]{width:100%}.list-header[data-v-0511d76f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.list-header h2[data-v-0511d76f]{margin:0;color:#333;font-size:24px;font-weight:600}.plans-container[data-v-0511d76f]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.plan-card[data-v-0511d76f]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:all .3s}.plan-card[data-v-0511d76f]:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.plan-header[data-v-0511d76f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.plan-header h3[data-v-0511d76f]{margin:0;color:#333;font-size:18px}.status-badge[data-v-0511d76f]{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.pending[data-v-0511d76f]{background:#fff7e6;color:#fa8c16}.status-badge.completed[data-v-0511d76f]{background:#f6ffed;color:#52c41a}.plan-info[data-v-0511d76f]{display:flex;gap:24px;margin-bottom:16px}.info-item[data-v-0511d76f]{display:flex;flex-direction:column;gap:4px}.info-item .label[data-v-0511d76f]{font-size:12px;color:#999}.info-item .value[data-v-0511d76f]{font-size:14px;color:#333;font-weight:500}.plan-stats[data-v-0511d76f]{display:flex;justify-content:space-between;padding:16px 0;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;margin-bottom:16px}.stat-item[data-v-0511d76f]{display:flex;flex-direction:column;gap:4px;text-align:center}.stat-label[data-v-0511d76f]{font-size:12px;color:#999}.stat-value[data-v-0511d76f]{font-size:16px;color:#333;font-weight:600}.stat-value.positive[data-v-0511d76f]{color:#52c41a}.stat-value.negative[data-v-0511d76f]{color:#e74c3c}.plan-diff[data-v-0511d76f]{display:flex;justify-content:space-between;background:#f8f9fa;border-radius:8px;padding:12px;margin-bottom:16px}.diff-item[data-v-0511d76f]{display:flex;flex-direction:column;gap:4px}.diff-label[data-v-0511d76f]{font-size:12px;color:#999}.diff-value[data-v-0511d76f]{font-size:14px;color:#333;font-weight:500}.diff-value.positive[data-v-0511d76f]{color:#52c41a}.diff-value.negative[data-v-0511d76f]{color:#e74c3c}.plan-actions[data-v-0511d76f]{display:flex;gap:8px}.btn[data-v-0511d76f]{padding:8px 16px;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s}.btn-sm[data-v-0511d76f]{padding:6px 12px;font-size:12px}.btn-primary[data-v-0511d76f]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary[data-v-0511d76f]:hover{opacity:.9}.btn-success[data-v-0511d76f]{background:#52c41a;color:#fff}.btn-success[data-v-0511d76f]:hover{background:#45a049}.btn-danger[data-v-0511d76f]{background:#e74c3c;color:#fff}.btn-danger[data-v-0511d76f]:hover{background:#c0392b}.btn-secondary[data-v-0511d76f]{background:#f5f5f5;color:#333}.btn-secondary[data-v-0511d76f]:hover{background:#e0e0e0}.empty-state[data-v-0511d76f]{text-align:center;padding:80px 24px;grid-column:1 / -1}.empty-icon[data-v-0511d76f]{font-size:64px;margin-bottom:16px}.empty-state h3[data-v-0511d76f]{margin:0 0 8px;color:#333}.empty-state p[data-v-0511d76f]{margin:0;color:#999}.plan-detail[data-v-0511d76f]{width:100%}.detail-header[data-v-0511d76f]{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.back-btn[data-v-0511d76f]{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#f5f5f5;border:none;border-radius:6px;color:#333;font-size:14px;cursor:pointer;transition:all .3s}.back-btn[data-v-0511d76f]:hover{background:#e0e0e0}.back-icon[data-v-0511d76f]{font-size:16px;font-weight:700}.detail-header h2[data-v-0511d76f]{margin:0;flex:1;color:#333;font-size:24px}.inventory-form[data-v-0511d76f]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a}.inventory-form h3[data-v-0511d76f]{margin:0 0 24px;color:#333;font-size:20px}.inventory-items[data-v-0511d76f]{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.inventory-item[data-v-0511d76f]{border:1px solid #f0f0f0;border-radius:8px;padding:16px}.item-header[data-v-0511d76f]{margin-bottom:16px}.account-info[data-v-0511d76f]{display:flex;align-items:center;gap:12px}.account-name[data-v-0511d76f]{font-size:16px;font-weight:600;color:#333}.account-type[data-v-0511d76f]{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.account-type.credit[data-v-0511d76f]{background:#e6f7ff;color:#1890ff}.account-type.debit[data-v-0511d76f]{background:#f6ffed;color:#52c41a}.account-type.cash[data-v-0511d76f]{background:#fff7e6;color:#fa8c16}.account-type.other[data-v-0511d76f]{background:#f5f5f5;color:#8c8c8c}.item-details[data-v-0511d76f]{display:flex;flex-direction:column;gap:12px}.detail-row[data-v-0511d76f]{display:flex;justify-content:space-between;align-items:center;gap:16px}.detail-label[data-v-0511d76f]{font-size:14px;color:#666;min-width:100px}.detail-value[data-v-0511d76f]{font-size:16px;font-weight:600;color:#333;text-align:right}.detail-value.positive[data-v-0511d76f]{color:#52c41a}.detail-value.negative[data-v-0511d76f]{color:#e74c3c}.balance-input[data-v-0511d76f]{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;text-align:right}.balance-input[data-v-0511d76f]:focus{outline:none;border-color:#667eea}.notes-input[data-v-0511d76f]{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.notes-input[data-v-0511d76f]:focus{outline:none;border-color:#667eea}.form-actions[data-v-0511d76f]{margin-top:24px;padding-top:24px;border-top:1px solid #f0f0f0}.summary[data-v-0511d76f]{display:flex;justify-content:space-between;margin-bottom:24px;padding:16px;background:#f8f9fa;border-radius:8px}.summary-item[data-v-0511d76f]{display:flex;flex-direction:column;gap:4px;text-align:center}.summary-label[data-v-0511d76f]{font-size:12px;color:#999}.summary-value[data-v-0511d76f]{font-size:18px;font-weight:600;color:#333}.summary-value.positive[data-v-0511d76f]{color:#52c41a}.summary-value.negative[data-v-0511d76f]{color:#e74c3c}.action-buttons[data-v-0511d76f]{display:flex;gap:12px;justify-content:flex-end}.completed-view[data-v-0511d76f]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a}.summary-stats[data-v-0511d76f]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.summary-card[data-v-0511d76f]{padding:16px;background:#f8f9fa;border-radius:8px;text-align:center}.summary-card .summary-label[data-v-0511d76f]{font-size:12px;color:#999;margin-bottom:8px}.summary-card .summary-value[data-v-0511d76f]{font-size:24px;font-weight:600;color:#333}.summary-card .summary-value.positive[data-v-0511d76f]{color:#52c41a}.summary-card .summary-value.negative[data-v-0511d76f]{color:#e74c3c}.diff-summary[data-v-0511d76f]{margin-bottom:24px;padding:16px;background:#f8f9fa;border-radius:8px}.diff-summary h4[data-v-0511d76f]{margin:0 0 16px;color:#333;font-size:16px}.diff-grid[data-v-0511d76f]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.diff-card[data-v-0511d76f]{text-align:center}.diff-card .diff-label[data-v-0511d76f]{font-size:12px;color:#999;margin-bottom:8px}.diff-card .diff-value[data-v-0511d76f]{font-size:18px;font-weight:600;color:#333}.diff-card .diff-value.positive[data-v-0511d76f]{color:#52c41a}.diff-card .diff-value.negative[data-v-0511d76f]{color:#e74c3c}.items-list[data-v-0511d76f]{margin-top:24px}.items-list h4[data-v-0511d76f]{margin:0 0 16px;color:#333;font-size:16px}.items-table[data-v-0511d76f]{border:1px solid #f0f0f0;border-radius:8px;overflow:hidden}.table-header[data-v-0511d76f]{display:grid;grid-template-columns:2fr 1fr 1.5fr 1.5fr 1fr;gap:12px;padding:12px 16px;background:#f8f9fa;border-bottom:1px solid #f0f0f0}.header-item[data-v-0511d76f]{font-size:13px;font-weight:600;color:#666}.completed-item[data-v-0511d76f]{border-bottom:1px solid #f0f0f0}.completed-item[data-v-0511d76f]:last-child{border-bottom:none}.item-row[data-v-0511d76f]{display:grid;grid-template-columns:2fr 1fr 1.5fr 1.5fr 1fr;gap:12px;padding:12px 16px}.item-name[data-v-0511d76f]{font-size:14px;color:#333;font-weight:500}.item-type[data-v-0511d76f]{font-size:13px;padding:2px 8px;border-radius:4px;text-align:center}.item-type.credit[data-v-0511d76f]{background:#e6f7ff;color:#1890ff}.item-type.debit[data-v-0511d76f]{background:#f6ffed;color:#52c41a}.item-type.cash[data-v-0511d76f]{background:#fff7e6;color:#fa8c16}.item-type.other[data-v-0511d76f]{background:#f5f5f5;color:#8c8c8c}.item-balance[data-v-0511d76f],.item-actual[data-v-0511d76f]{font-size:14px;color:#333;text-align:right}.item-diff[data-v-0511d76f]{font-size:14px;font-weight:600;text-align:right}.item-diff.positive[data-v-0511d76f]{color:#52c41a}.item-diff.negative[data-v-0511d76f]{color:#e74c3c}.item-diff.zero[data-v-0511d76f]{color:#999}.item-notes[data-v-0511d76f]{padding:8px 16px;font-size:13px;color:#666;background:#fafafa;border-top:1px solid #f0f0f0}@media(max-width:1024px){.header[data-v-0511d76f]{padding:12px 0}.logo-icon[data-v-0511d76f]{width:28px;height:28px}.page-title[data-v-0511d76f]{font-size:20px}.page-subtitle[data-v-0511d76f]{font-size:13px}.user-name[data-v-0511d76f]{max-width:120px;font-size:14px}.nav-grid[data-v-0511d76f]{grid-template-columns:repeat(2,1fr)}.nav-dropdown[data-v-0511d76f]{min-width:320px;max-width:400px}.plans-container[data-v-0511d76f]{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.table-header[data-v-0511d76f],.item-row[data-v-0511d76f]{grid-template-columns:1.5fr 1fr 1fr 1fr .8fr;gap:8px}}@media(max-width:768px){.inventory-plans[data-v-0511d76f]{padding:16px}.list-header[data-v-0511d76f]{flex-direction:column;gap:12px;align-items:flex-start}.list-header h2[data-v-0511d76f]{font-size:20px}.plans-container[data-v-0511d76f]{grid-template-columns:1fr}.plan-card[data-v-0511d76f]{padding:16px}.plan-header[data-v-0511d76f]{flex-direction:column;align-items:flex-start;gap:8px}.plan-info[data-v-0511d76f],.plan-stats[data-v-0511d76f]{flex-direction:column;gap:12px}.detail-header[data-v-0511d76f]{flex-direction:column;align-items:flex-start}.detail-header h2[data-v-0511d76f]{font-size:20px}.inventory-form[data-v-0511d76f]{padding:16px}.inventory-form h3[data-v-0511d76f]{font-size:18px}.inventory-item[data-v-0511d76f]{padding:12px}.detail-row[data-v-0511d76f]{flex-direction:column;align-items:flex-start;gap:8px}.detail-label[data-v-0511d76f]{min-width:auto}.balance-input[data-v-0511d76f],.notes-input[data-v-0511d76f]{width:100%}.summary[data-v-0511d76f]{flex-direction:column;gap:12px}.action-buttons[data-v-0511d76f]{flex-direction:column}.completed-view[data-v-0511d76f]{padding:16px}.summary-stats[data-v-0511d76f],.diff-grid[data-v-0511d76f]{grid-template-columns:1fr}.table-header[data-v-0511d76f]{display:none}.item-row[data-v-0511d76f]{grid-template-columns:1fr;gap:8px}.item-balance[data-v-0511d76f],.item-actual[data-v-0511d76f],.item-diff[data-v-0511d76f]{text-align:left}}@media(max-width:480px){.inventory-plans[data-v-0511d76f]{padding:12px}.list-header h2[data-v-0511d76f]{font-size:18px}.plan-card[data-v-0511d76f]{padding:12px}.plan-header h3[data-v-0511d76f]{font-size:16px}.detail-header h2[data-v-0511d76f]{font-size:18px}.inventory-form h3[data-v-0511d76f]{font-size:16px}.account-name[data-v-0511d76f],.detail-value[data-v-0511d76f]{font-size:14px}.summary-card .summary-value[data-v-0511d76f]{font-size:20px}.diff-card .diff-value[data-v-0511d76f]{font-size:16px}}.settings-container[data-v-3af4ef75]{min-height:100vh;background:#f8f9fa;background-image:radial-gradient(circle at 1px 1px,rgba(102,126,234,.15) 1px,transparent 0);background-size:40px 40px}.header[data-v-3af4ef75]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000001a;padding:16px 0;position:sticky;top:0;z-index:3000}.header-content[data-v-3af4ef75]{max-width:1400px;margin:0 auto;padding:0;display:flex;justify-content:flex-start;align-items:center}.nav-menu[data-v-3af4ef75]{display:flex;align-items:center;gap:16px;margin-left:16px}.logo-icon[data-v-3af4ef75]{width:32px;height:32px;object-fit:contain}.page-title-wrapper[data-v-3af4ef75]{display:flex;align-items:baseline;gap:12px}.page-title[data-v-3af4ef75]{margin:0;color:#333;font-size:24px;font-weight:600;line-height:1.2}.page-subtitle[data-v-3af4ef75]{font-size:14px;color:#999;font-weight:500;line-height:1.2}.nav-menu[data-v-3af4ef75]{position:relative;flex-shrink:0}.nav-menu-btn[data-v-3af4ef75]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:8px;cursor:pointer;transition:all .3s}.nav-menu-btn[data-v-3af4ef75]:hover{background:#e0e0e0}.nav-menu-icon[data-v-3af4ef75]{font-size:20px;color:#333}.nav-dropdown[data-v-3af4ef75]{position:absolute;top:100%;left:0;margin-top:12px;background:#fff;border-radius:16px;box-shadow:0 8px 32px #00000026;min-width:480px;max-width:600px;z-index:2800;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease}.nav-dropdown.show[data-v-3af4ef75]{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown-content[data-v-3af4ef75]{padding:20px;position:relative;z-index:1}.nav-grid[data-v-3af4ef75]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.nav-card[data-v-3af4ef75]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;border-radius:12px;text-decoration:none;color:#333;transition:all .3s;background:#f8f9fa}.nav-card[data-v-3af4ef75]:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.nav-card-icon[data-v-3af4ef75]{font-size:32px;line-height:1}.nav-card-name[data-v-3af4ef75]{font-size:13px;font-weight:500;text-align:center}.nav-overlay[data-v-3af4ef75]{position:fixed;inset:0;background:#00000080;z-index:2790;opacity:0;visibility:hidden;transition:all .3s ease;cursor:pointer}.nav-overlay.show[data-v-3af4ef75]{opacity:1;visibility:visible}.main-content[data-v-3af4ef75]{max-width:1400px;margin:0 auto;padding:32px 24px}.settings-layout[data-v-3af4ef75]{display:flex;gap:32px;align-items:flex-start}.settings-sidebar[data-v-3af4ef75]{width:280px;flex-shrink:0;position:sticky;top:100px}.user-section[data-v-3af4ef75]{background:#fff;border-radius:12px;padding:24px;margin-bottom:16px;box-shadow:0 2px 8px #00000014;display:flex;align-items:center;gap:16px}.user-avatar[data-v-3af4ef75]{width:56px;height:56px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:700;flex-shrink:0}.user-info[data-v-3af4ef75]{flex:1;min-width:0}.user-name[data-v-3af4ef75]{font-size:16px;font-weight:600;color:#333;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email[data-v-3af4ef75]{font-size:13px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-nav[data-v-3af4ef75]{background:#fff;border-radius:12px;padding:8px;box-shadow:0 2px 8px #00000014;margin-bottom:16px}.nav-item[data-v-3af4ef75]{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;cursor:pointer;transition:all .2s;color:#666;font-size:14px;font-weight:500}.nav-item[data-v-3af4ef75]:hover{background:#f5f5f5;color:#333}.nav-item.active[data-v-3af4ef75]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.nav-icon[data-v-3af4ef75]{font-size:18px;flex-shrink:0}.nav-text[data-v-3af4ef75]{flex:1}.logout-section[data-v-3af4ef75]{background:#fff;border-radius:12px;padding:8px;box-shadow:0 2px 8px #00000014}.logout-btn[data-v-3af4ef75]{width:100%;padding:12px 16px;background:transparent;color:#e74c3c;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.logout-btn[data-v-3af4ef75]:hover{background:#fee}.logout-icon[data-v-3af4ef75]{font-size:18px}.settings-content[data-v-3af4ef75]{flex:1;min-width:0}.content-section[data-v-3af4ef75]{animation:fadeIn-3af4ef75 .3s ease}@keyframes fadeIn-3af4ef75{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-title[data-v-3af4ef75]{font-size:20px;font-weight:600;color:#333;margin:0 0 20px}.settings-group[data-v-3af4ef75]{background:#fff;border-radius:12px;padding:8px;box-shadow:0 2px 8px #00000014;margin-bottom:24px}.setting-row[data-v-3af4ef75]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-radius:8px;transition:background .2s}.setting-row.clickable[data-v-3af4ef75]{cursor:pointer}.setting-row.clickable[data-v-3af4ef75]:hover{background:#f9f9f9}.setting-info[data-v-3af4ef75]{flex:1;min-width:0}.setting-label[data-v-3af4ef75]{font-size:15px;font-weight:500;color:#333;margin-bottom:4px}.setting-value[data-v-3af4ef75]{font-size:14px;color:#666}.setting-desc[data-v-3af4ef75]{font-size:13px;color:#999}.edit-btn[data-v-3af4ef75]{padding:6px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.edit-btn[data-v-3af4ef75]:hover{opacity:.9;transform:translateY(-1px)}.arrow[data-v-3af4ef75]{color:#ccc;font-size:18px}.stats-grid[data-v-3af4ef75]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat-card[data-v-3af4ef75]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;display:flex;align-items:center;gap:16px}.stat-icon[data-v-3af4ef75]{font-size:32px;flex-shrink:0}.stat-content[data-v-3af4ef75]{flex:1}.stat-value[data-v-3af4ef75]{font-size:24px;font-weight:700;color:#667eea;margin-bottom:4px}.stat-label[data-v-3af4ef75]{font-size:13px;color:#999;font-weight:500}.about-card[data-v-3af4ef75]{background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 8px #00000014;margin-bottom:24px;display:flex;align-items:center;gap:24px}.about-logo[data-v-3af4ef75]{width:80px;height:80px;flex-shrink:0}.about-logo-img[data-v-3af4ef75]{width:100%;height:100%;object-fit:contain}.about-info[data-v-3af4ef75]{flex:1}.about-name[data-v-3af4ef75]{font-size:24px;font-weight:600;color:#333;margin-bottom:8px}.about-version[data-v-3af4ef75]{font-size:14px;color:#667eea;font-weight:500;margin-bottom:12px}.about-desc[data-v-3af4ef75]{font-size:14px;color:#666;line-height:1.6}.select-input[data-v-3af4ef75]{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;color:#333;background:#fff;cursor:pointer;transition:border .2s}.select-input[data-v-3af4ef75]:hover{border-color:#667eea}.select-input[data-v-3af4ef75]:focus{outline:none;border-color:#667eea}.toggle-switch[data-v-3af4ef75]{position:relative;width:44px;height:24px;flex-shrink:0}.toggle-switch input[data-v-3af4ef75]{opacity:0;width:0;height:0}.toggle-label[data-v-3af4ef75]{position:absolute;cursor:pointer;inset:0;background:#e0e0e0;border-radius:24px;transition:.3s}.toggle-label[data-v-3af4ef75]:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s}.toggle-switch input:checked+.toggle-label[data-v-3af4ef75]{background:linear-gradient(135deg,#667eea,#764ba2)}.toggle-switch input:checked+.toggle-label[data-v-3af4ef75]:before{transform:translate(20px)}.dialog-overlay[data-v-3af4ef75]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:4000;animation:fadeIn-3af4ef75 .2s ease}@keyframes fadeIn-3af4ef75{0%{opacity:0}to{opacity:1}}.dialog-content[data-v-3af4ef75]{background:#fff;border-radius:16px;width:90%;max-width:480px;box-shadow:0 8px 32px #0003;animation:slideUp-3af4ef75 .3s ease}@keyframes slideUp-3af4ef75{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dialog-header[data-v-3af4ef75]{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 16px;border-bottom:1px solid #f0f0f0}.dialog-title[data-v-3af4ef75]{margin:0;font-size:18px;font-weight:600;color:#333}.dialog-close[data-v-3af4ef75]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border:none;border-radius:50%;font-size:20px;color:#666;cursor:pointer;transition:all .2s}.dialog-close[data-v-3af4ef75]:hover{background:#e0e0e0;color:#333}.dialog-body[data-v-3af4ef75]{padding:24px}.dialog-body .form-group[data-v-3af4ef75]{margin-bottom:20px}.dialog-body .form-group[data-v-3af4ef75]:last-child{margin-bottom:0}.dialog-body .form-group label[data-v-3af4ef75]{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:8px}.dialog-body .form-group input[data-v-3af4ef75]{width:100%;padding:12px 16px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;color:#333;transition:border .2s}.dialog-body .form-group input[data-v-3af4ef75]:focus{outline:none;border-color:#667eea}.dialog-body .form-group input[data-v-3af4ef75]::placeholder{color:#999}.dialog-footer[data-v-3af4ef75]{display:flex;gap:12px;padding:16px 24px 24px}.dialog-btn[data-v-3af4ef75]{flex:1;padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.dialog-btn[data-v-3af4ef75]:disabled{opacity:.6;cursor:not-allowed}.dialog-btn-secondary[data-v-3af4ef75]{background:#f5f5f5;color:#666}.dialog-btn-secondary[data-v-3af4ef75]:hover:not(:disabled){background:#e0e0e0}.dialog-btn-primary[data-v-3af4ef75]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.dialog-btn-primary[data-v-3af4ef75]:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.toast[data-v-3af4ef75]{position:fixed;top:24px;left:50%;transform:translate(-50%);padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;z-index:5000;animation:slideDown-3af4ef75 .3s ease;box-shadow:0 4px 12px #00000026}@keyframes slideDown-3af4ef75{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.toast.success[data-v-3af4ef75]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.toast.error[data-v-3af4ef75]{background:#e74c3c;color:#fff}.bookmark-desktop[data-v-c221d02f]{width:100%;height:100%;display:flex;flex-direction:column;position:relative}.category-selector[data-v-c221d02f]{display:flex;align-items:center;gap:10px;padding:14px 24px;background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.08);flex-wrap:wrap;box-shadow:0 2px 8px #0000000d}.category-chip[data-v-c221d02f]{padding:8px 18px;background:#ffffffe6;border-radius:24px;cursor:pointer;font-size:13px;font-weight:500;color:#555;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,.08);box-shadow:0 1px 3px #0000000d;position:relative;overflow:hidden}.category-chip[data-v-c221d02f]:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#667eea1a,#764ba21a);opacity:0;transition:opacity .3s}.category-chip[data-v-c221d02f]:hover{background:#fff;border-color:#667eea4d;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.category-chip[data-v-c221d02f]:hover:before{opacity:1}.category-chip.active[data-v-c221d02f]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.category-chip.active[data-v-c221d02f]:before{opacity:0}.add-category-btn[data-v-c221d02f]{display:flex;align-items:center;gap:4px;padding:6px 12px;background:transparent;border:1px dashed rgba(0,0,0,.3);border-radius:20px;cursor:pointer;font-size:13px;color:#666;transition:all .2s}.add-category-btn[data-v-c221d02f]:hover{background:#0078d41a;border-color:#0078d4;color:#0078d4}.desktop-icons[data-v-c221d02f]{flex:1;display:flex;flex-direction:column;flex-wrap:wrap;gap:16px;padding:30px;align-content:flex-start;overflow-y:auto;justify-content:flex-start}.desktop-icons[data-v-c221d02f]::-webkit-scrollbar{width:8px}.desktop-icons[data-v-c221d02f]::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.desktop-icons[data-v-c221d02f]::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.desktop-icons[data-v-c221d02f]::-webkit-scrollbar-thumb:hover{background:#ffffff80}.desktop-icon[data-v-c221d02f]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;width:100px;position:relative;overflow:hidden}.desktop-icon[data-v-c221d02f]:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#fff0);border-radius:16px;opacity:0;transition:opacity .3s}.desktop-icon[data-v-c221d02f]:hover{background:#ffffff40;transform:translateY(-4px) scale(1.02);box-shadow:0 8px 24px #0003}.desktop-icon[data-v-c221d02f]:hover:before{opacity:1}.icon-wrapper[data-v-c221d02f]{width:72px;height:72px;display:flex;align-items:center;justify-content:center;font-size:52px;background:linear-gradient(135deg,#fffffff2,#ffffffd9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 4px 12px #00000026,0 0 0 1px #ffffff80;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.desktop-icon:hover .icon-wrapper[data-v-c221d02f]{box-shadow:0 8px 24px #0003,0 0 0 2px #fffc;transform:scale(1.1) rotate(3deg)}.icon-title[data-v-c221d02f]{font-size:13px;font-weight:500;color:#fff;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.6);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;position:relative;z-index:1;letter-spacing:.3px}.empty-state[data-v-c221d02f]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.6);animation:fadeIn-c221d02f .5s ease-out}@keyframes fadeIn-c221d02f{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.empty-icon[data-v-c221d02f]{font-size:80px;margin-bottom:24px;animation:bounce-c221d02f 2s ease-in-out infinite}@keyframes bounce-c221d02f{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-text[data-v-c221d02f]{font-size:20px;font-weight:600;margin-bottom:8px;letter-spacing:.5px}.empty-hint[data-v-c221d02f]{font-size:14px;opacity:.85;font-weight:400}.folder-empty[data-v-c221d02f]{background:#667eea0d;border-radius:16px;margin:20px;padding:40px}.folder-empty .empty-icon[data-v-c221d02f]{animation:folderBounce-c221d02f 2s ease-in-out infinite}@keyframes folderBounce-c221d02f{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-5px) rotate(-5deg)}75%{transform:translateY(-5px) rotate(5deg)}}.folder-view-overlay[data-v-c221d02f]{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.folder-view[data-v-c221d02f]{width:80%;max-width:1000px;max-height:80vh;background:#ffffffd9;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:20px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 12px 48px #00000059;animation:slideUp-c221d02f .3s ease-out}@keyframes slideUp-c221d02f{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.folder-view-header[data-v-c221d02f]{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid rgba(0,0,0,.08);background:#667eea0d}.folder-view-header h2[data-v-c221d02f]{margin:0;font-size:22px;font-weight:600;color:#333;letter-spacing:.3px}.back-btn[data-v-c221d02f]{display:flex;align-items:center;gap:6px;padding:10px 18px;background:#ffffffe6;border:1px solid rgba(0,0,0,.1);border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:#555;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000000d}.back-btn[data-v-c221d02f]:hover{background:#667eea1a;border-color:#667eea4d;color:#667eea;transform:translate(-2px);box-shadow:0 4px 8px #0000001a}.close-folder-btn[data-v-c221d02f]{width:36px;height:36px;border:none;background:#0000000d;border-radius:50%;color:#666;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.close-folder-btn[data-v-c221d02f]:hover{background:#0000001a;color:#333;transform:rotate(90deg)}.add-bookmark-btn[data-v-c221d02f]{display:flex;align-items:center;gap:6px;padding:10px 18px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #667eea4d}.add-bookmark-btn[data-v-c221d02f]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.folder-bookmarks[data-v-c221d02f]{flex:1;padding:30px;overflow-y:auto;display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;align-content:flex-start;justify-content:flex-start}.folder-bookmarks .desktop-icon[data-v-c221d02f]{background:#00000005}.folder-bookmarks .icon-wrapper[data-v-c221d02f]{background:linear-gradient(135deg,#fffffffa,#fffffff2);box-shadow:0 2px 8px #00000014,0 0 0 1px #0000000d}.folder-bookmarks .icon-title[data-v-c221d02f]{color:#333;text-shadow:none;font-weight:500}.folder-bookmarks[data-v-c221d02f]::-webkit-scrollbar{width:8px}.folder-bookmarks[data-v-c221d02f]::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.folder-bookmarks[data-v-c221d02f]::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:4px}.folder-bookmarks[data-v-c221d02f]::-webkit-scrollbar-thumb:hover{background:#667eea80}.add-bookmark-fab[data-v-c221d02f]{position:fixed;bottom:60px;right:20px;width:56px;height:56px;border-radius:50%;background:#0078d4;color:#fff;border:none;cursor:pointer;font-size:28px;box-shadow:0 4px 16px #0078d466;transition:all .2s;z-index:100;display:flex;align-items:center;justify-content:center}.add-bookmark-fab[data-v-c221d02f]:hover{transform:scale(1.1);box-shadow:0 6px 24px #0078d480}.modal-overlay[data-v-c221d02f]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-c221d02f]{background:#fff;border-radius:12px;width:400px;max-width:90%;overflow:hidden;box-shadow:0 8px 32px #0003}.modal-header[data-v-c221d02f]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(0,0,0,.1)}.modal-header h3[data-v-c221d02f]{margin:0;font-size:18px;font-weight:600;color:#333}.modal-close[data-v-c221d02f]{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;cursor:pointer;font-size:20px;color:#999;transition:all .2s}.modal-close[data-v-c221d02f]:hover{background:#0000000d;color:#333}.modal-body[data-v-c221d02f]{padding:24px}.form-group[data-v-c221d02f]{margin-bottom:16px}.form-group label[data-v-c221d02f]{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#666}.form-group input[data-v-c221d02f],.form-group select[data-v-c221d02f],.form-group textarea[data-v-c221d02f]{width:100%;padding:10px 12px;border:1px solid rgba(0,0,0,.2);border-radius:6px;font-size:14px;box-sizing:border-box;transition:border-color .2s}.form-group input[data-v-c221d02f]:focus,.form-group select[data-v-c221d02f]:focus,.form-group textarea[data-v-c221d02f]:focus{outline:none;border-color:#0078d4}.modal-footer[data-v-c221d02f]{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid rgba(0,0,0,.1)}.modal-btn[data-v-c221d02f]{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.modal-btn-secondary[data-v-c221d02f]{background:#f5f5f5;color:#666}.modal-btn-secondary[data-v-c221d02f]:hover{background:#e0e0e0}.modal-btn-primary[data-v-c221d02f]{background:#0078d4;color:#fff}.modal-btn-primary[data-v-c221d02f]:hover{background:#006cbd}.bookmark-modal[data-v-c221d02f]{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000}.bookmark-modal .modal-content[data-v-c221d02f]{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 8px 32px #0000004d;width:400px;max-width:90%;overflow:hidden}.checkbox-group label[data-v-c221d02f]{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-group input[type=checkbox][data-v-c221d02f]{width:auto;margin:0}.detail-modal[data-v-c221d02f]{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.detail-modal-content[data-v-c221d02f]{width:80%;max-width:1000px;max-height:80vh;padding:0;overflow:hidden;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;display:flex;flex-direction:column;box-shadow:0 8px 32px #0000004d}.detail-modal-header[data-v-c221d02f]{display:flex;justify-content:space-between;align-items:center;padding:24px 30px;border-bottom:1px solid rgba(0,0,0,.1);background:#667eea1a;border-radius:16px 16px 0 0}.detail-modal-header h2[data-v-c221d02f]{margin:0;color:#333;font-size:22px;font-weight:600}.btn-close[data-v-c221d02f]{width:36px;height:36px;border:none;background:#0000000d;border-radius:50%;color:#666;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.btn-close[data-v-c221d02f]:hover{background:#0000001a;transform:rotate(90deg);color:#333}.detail-modal-body[data-v-c221d02f]{padding:30px;overflow-y:auto;max-height:calc(85vh - 80px);scrollbar-width:thin}.detail-modal-body[data-v-c221d02f]:not(:hover)::-webkit-scrollbar{width:0}.detail-url-section[data-v-c221d02f]{margin-bottom:30px;padding:20px;background:#00000008;border-radius:8px}.url-display[data-v-c221d02f]{font-size:14px;color:#333;word-break:break-all;margin-bottom:15px;padding:12px;background:#fffc;border-radius:6px;border:1px solid rgba(0,0,0,.1)}.detail-actions[data-v-c221d02f]{display:flex;gap:10px;flex-wrap:wrap}.btn-detail-action[data-v-c221d02f]{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;background:#ffffffe6;color:#333;border:1px solid rgba(0,0,0,.1)}.btn-detail-action[data-v-c221d02f]:hover{background:#667eea1a;border-color:#667eea4d;color:#667eea}.btn-detail-action.btn-delete[data-v-c221d02f]{background:#dc35451a;color:#dc3545;border-color:#dc354533}.btn-detail-action.btn-delete[data-v-c221d02f]:hover{background:#dc354533;color:#dc3545}.detail-info[data-v-c221d02f]{display:grid;grid-template-columns:1fr 1fr;gap:30px}.detail-left[data-v-c221d02f],.detail-right[data-v-c221d02f]{display:flex;flex-direction:column;gap:20px}.info-section[data-v-c221d02f]{background:#00000008;padding:20px;border-radius:8px}.info-section h3[data-v-c221d02f]{margin:0 0 15px;font-size:16px;font-weight:600;color:#333}.info-row[data-v-c221d02f]{display:flex;gap:12px;margin-bottom:10px;font-size:14px}.info-row .label[data-v-c221d02f]{color:#666;font-weight:500;min-width:80px}.info-row .value[data-v-c221d02f]{color:#333;flex:1}.info-row .value.favorite[data-v-c221d02f]{color:#ffc107;font-weight:600}.description-display[data-v-c221d02f]{font-size:14px;color:#333;line-height:1.6;word-break:break-word}.accounts-section[data-v-c221d02f]{background:#ffc1070d}.section-header[data-v-c221d02f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-header h3[data-v-c221d02f]{margin:0;font-size:16px;font-weight:600;color:#856404}.accounts-table-container[data-v-c221d02f]{overflow-x:auto}.accounts-table[data-v-c221d02f]{width:100%;border-collapse:collapse;font-size:14px}.accounts-table th[data-v-c221d02f],.accounts-table td[data-v-c221d02f]{padding:12px;text-align:left;border-bottom:1px solid rgba(0,0,0,.1)}.accounts-table th[data-v-c221d02f]{background:#ffc1071a;color:#856404;font-weight:600}.accounts-table tr.default[data-v-c221d02f]{background:#ffc1070d}.account-cell[data-v-c221d02f],.password-cell[data-v-c221d02f],.notes-cell[data-v-c221d02f]{cursor:pointer;transition:background .2s}.account-cell[data-v-c221d02f]:hover,.password-cell[data-v-c221d02f]:hover,.notes-cell[data-v-c221d02f]:hover{background:#00000008}.account-value[data-v-c221d02f]{font-weight:500;color:#333}.default-badge[data-v-c221d02f]{display:inline-block;padding:2px 8px;background:#ffc107;color:#333;border-radius:4px;font-size:12px;font-weight:600;margin-left:8px}.password-mask[data-v-c221d02f]{letter-spacing:4px;color:#999}.password-value[data-v-c221d02f]{color:#333;font-weight:500}.btn-toggle-password[data-v-c221d02f]{background:none;border:none;cursor:pointer;font-size:16px;padding:0 4px;margin-left:8px;transition:transform .2s}.btn-toggle-password[data-v-c221d02f]:hover{transform:scale(1.2)}.notes-value[data-v-c221d02f]{color:#666}.empty-accounts[data-v-c221d02f]{text-align:center;padding:30px;color:#999;font-size:14px}.btn-add-account[data-v-c221d02f]{padding:6px 12px;background:#667eeacc;color:#fff;border:none;border-radius:6px;font-size:13px;cursor:pointer;transition:all .3s}.btn-add-account[data-v-c221d02f]:hover{background:#667eea}.actions-cell[data-v-c221d02f]{white-space:nowrap}.btn-edit-account[data-v-c221d02f],.btn-delete-account[data-v-c221d02f]{padding:4px 8px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:all .3s;background:#ffffffe6;border:1px solid rgba(0,0,0,.1);margin-right:4px}.btn-edit-account[data-v-c221d02f]:hover{background:#667eea1a;border-color:#667eea4d}.btn-delete-account[data-v-c221d02f]:hover{background:#dc35451a;border-color:#dc35454d}.account-modal[data-v-c221d02f]{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000}.account-modal .modal-content[data-v-c221d02f]{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 8px 32px #0000004d;width:400px;max-width:90%;overflow:hidden}.copy-toast[data-v-c221d02f]{position:fixed;top:20px;left:50%;transform:translate(-50%) translateY(-100px);background:#000c;color:#fff;padding:12px 24px;border-radius:8px;font-size:14px;z-index:9999;opacity:0;transition:all .3s ease}.copy-toast.show[data-v-c221d02f]{transform:translate(-50%) translateY(0);opacity:1}.context-menu[data-v-c221d02f]{position:fixed;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:8px;box-shadow:0 8px 32px #0000004d;min-width:180px;padding:8px 0;z-index:10000;-webkit-user-select:none;user-select:none}.context-menu-item[data-v-c221d02f]{display:flex;align-items:center;padding:10px 16px;cursor:pointer;transition:all .2s;color:#333;font-size:14px;min-height:36px;line-height:1.4}.context-menu-item[data-v-c221d02f]:hover{background:#667eea1a}.context-menu-item.divider[data-v-c221d02f]{height:1px;background:#0000001a;margin:4px 0;padding:0;cursor:default;min-height:1px}.context-menu-item.divider[data-v-c221d02f]:hover{background:transparent}.menu-icon[data-v-c221d02f]{margin-right:12px;font-size:16px;width:20px;text-align:center;flex-shrink:0}.menu-text[data-v-c221d02f]{flex:1;white-space:nowrap}.workstation-container[data-v-b3bf6ff8]{width:100vw;height:100vh;overflow:hidden;position:relative;box-sizing:border-box}.desktop[data-v-b3bf6ff8]{width:100%;height:calc(100vh - 48px);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;box-sizing:border-box;margin-bottom:0;padding-bottom:0}.desktop-icons[data-v-b3bf6ff8]{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px;padding:20px;height:100%;align-content:flex-start}.windows-container[data-v-b3bf6ff8]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.windows-container[data-v-b3bf6ff8]>*{pointer-events:auto}.context-menu[data-v-b3bf6ff8]{position:fixed;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:8px;box-shadow:0 8px 32px #0000004d;min-width:180px;padding:8px 0;z-index:10000;-webkit-user-select:none;user-select:none}.context-menu-item[data-v-b3bf6ff8]{display:flex;align-items:center;padding:10px 16px;cursor:pointer;transition:all .2s;color:#333;font-size:14px;min-height:36px;line-height:1.4}.context-menu-item[data-v-b3bf6ff8]:hover{background:#0078d41a}.context-menu-item.divider[data-v-b3bf6ff8]{height:1px;background:#0000001a;margin:4px 0;padding:0;cursor:default;min-height:1px}.context-menu-item.divider[data-v-b3bf6ff8]:hover{background:transparent}.menu-icon[data-v-b3bf6ff8]{margin-right:12px;font-size:16px;width:20px;text-align:center;flex-shrink:0}.menu-text[data-v-b3bf6ff8]{flex:1;white-space:nowrap}.installment-detail-container[data-v-750c8a35]{min-height:100vh;background:#f5f5f5}.header[data-v-750c8a35]{background:#fff;box-shadow:0 2px 8px #0000001a;padding:16px 24px}.header-content[data-v-750c8a35]{max-width:800px;margin:0 auto;display:flex;align-items:center;gap:16px}.back-btn[data-v-750c8a35]{display:flex;align-items:center;gap:6px;padding:10px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #667eea4d}.back-btn[data-v-750c8a35]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.back-icon[data-v-750c8a35]{font-size:16px;font-weight:700}.header h1[data-v-750c8a35]{margin:0;color:#333;font-size:24px;flex:1}.header-actions[data-v-750c8a35]{display:flex;gap:8px}.edit-btn[data-v-750c8a35]{padding:8px 16px;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:background .3s}.edit-btn[data-v-750c8a35]:hover{background:#5568d3}.delete-btn[data-v-750c8a35]{padding:8px 16px;background:#e74c3c;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:background .3s}.delete-btn[data-v-750c8a35]:hover{background:#c0392b}.main-content[data-v-750c8a35]{max-width:1400px;margin:0 auto;padding:32px 24px}.content-layout[data-v-750c8a35]{display:grid;grid-template-columns:1fr 1fr;gap:24px}.left-section[data-v-750c8a35]{display:flex;flex-direction:column}.right-section[data-v-750c8a35]{display:flex;flex-direction:column;gap:24px}.repayment-plan-card[data-v-750c8a35],.repayment-history-card[data-v-750c8a35]{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.plan-list[data-v-750c8a35],.history-list[data-v-750c8a35]{max-height:400px;overflow-y:auto}.plan-item[data-v-750c8a35]{display:grid;grid-template-columns:80px 1fr 120px 80px;gap:12px;padding:16px 24px;border-bottom:1px solid #f0f0f0;align-items:center}.plan-item[data-v-750c8a35]:last-child{border-bottom:none}.plan-item.paid[data-v-750c8a35]{background:#f8f9fa}.plan-item.current[data-v-750c8a35]{background:#e3f2fd}.plan-item.pending[data-v-750c8a35]{background:#fff}.plan-number[data-v-750c8a35]{font-weight:600;color:#666}.plan-date[data-v-750c8a35]{color:#999;font-size:14px}.plan-amount[data-v-750c8a35]{font-weight:600;color:#333}.plan-status[data-v-750c8a35]{text-align:right;font-size:13px;padding:4px 8px;border-radius:4px}.plan-item.paid .plan-status[data-v-750c8a35]{background:#e8f5e9;color:#388e3c}.plan-item.current .plan-status[data-v-750c8a35]{background:#fff3e0;color:#f57c00}.plan-item.pending .plan-status[data-v-750c8a35]{background:#f5f5f5;color:#999}.history-item[data-v-750c8a35]{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #f0f0f0}.history-item[data-v-750c8a35]:last-child{border-bottom:none}.history-info[data-v-750c8a35]{display:flex;flex-direction:column;gap:4px}.history-period[data-v-750c8a35]{font-weight:600;color:#333}.history-date[data-v-750c8a35]{color:#999;font-size:13px}.history-amount[data-v-750c8a35]{font-weight:600;color:#10b981;font-size:18px}.empty-state[data-v-750c8a35]{padding:48px 24px;text-align:center;color:#999}@media(max-width:1024px){.content-layout[data-v-750c8a35]{grid-template-columns:1fr}}@media(max-width:768px){.header-content[data-v-750c8a35]{padding:12px 16px}.header-content h1[data-v-750c8a35]{font-size:20px}.back-btn[data-v-750c8a35],.edit-btn[data-v-750c8a35],.delete-btn[data-v-750c8a35]{padding:8px 12px;font-size:13px}.detail-card[data-v-750c8a35]{margin:0 16px}.card-header h2[data-v-750c8a35]{font-size:20px}.card-body[data-v-750c8a35]{padding:16px}.info-grid[data-v-750c8a35]{grid-template-columns:1fr;gap:16px}.info-label[data-v-750c8a35]{font-size:13px}.info-value[data-v-750c8a35]{font-size:16px}.progress-section[data-v-750c8a35]{padding:16px}.progress-percentage[data-v-750c8a35]{font-size:18px}.summary-section[data-v-750c8a35]{grid-template-columns:1fr}.summary-value[data-v-750c8a35]{font-size:20px}.repay-btn[data-v-750c8a35]{padding:14px;font-size:15px}.repay-icon[data-v-750c8a35]{font-size:20px}.repayment-plan-card[data-v-750c8a35],.repayment-history-card[data-v-750c8a35]{margin:0 16px}.card-header[data-v-750c8a35]{padding:16px}.card-header h2[data-v-750c8a35]{font-size:18px}.plan-item[data-v-750c8a35],.history-item[data-v-750c8a35]{padding:12px 16px}.plan-number[data-v-750c8a35],.history-period[data-v-750c8a35]{font-size:14px}.plan-date[data-v-750c8a35],.history-date[data-v-750c8a35]{font-size:12px}.plan-amount[data-v-750c8a35],.history-amount[data-v-750c8a35]{font-size:16px}.modal-content[data-v-750c8a35]{max-width:95%;margin:16px}.modal-header[data-v-750c8a35]{padding:16px}.modal-header h2[data-v-750c8a35]{font-size:16px}.repay-info[data-v-750c8a35]{padding:16px}.repay-info-item[data-v-750c8a35]{padding:12px 0}.repay-info-label[data-v-750c8a35]{font-size:13px}.repay-info-value[data-v-750c8a35]{font-size:14px}.repay-info-value.amount[data-v-750c8a35]{font-size:18px}.advance-repay-info[data-v-750c8a35]{padding:24px 16px}.advance-repay-info p[data-v-750c8a35]{font-size:15px}.advance-repay-actions[data-v-750c8a35]{padding:0 16px 16px}.advance-repay-btn[data-v-750c8a35]{padding:14px 16px}.advance-repay-btn .btn-icon[data-v-750c8a35]{font-size:20px}.advance-repay-btn .btn-text[data-v-750c8a35]{font-size:15px}.advance-repay-btn .btn-amount[data-v-750c8a35]{font-size:16px}}@media(max-width:480px){.header-content h1[data-v-750c8a35]{font-size:18px}.back-btn[data-v-750c8a35],.edit-btn[data-v-750c8a35],.delete-btn[data-v-750c8a35]{padding:6px 10px;font-size:12px}.card-header h2[data-v-750c8a35]{font-size:18px}.info-label[data-v-750c8a35]{font-size:12px}.info-value[data-v-750c8a35]{font-size:15px}.progress-percentage[data-v-750c8a35]{font-size:16px}.summary-value[data-v-750c8a35]{font-size:18px}.repay-btn[data-v-750c8a35]{padding:12px;font-size:14px}.repay-icon[data-v-750c8a35]{font-size:18px}.plan-item[data-v-750c8a35],.history-item[data-v-750c8a35]{flex-direction:column;align-items:flex-start;gap:8px}.plan-number[data-v-750c8a35],.history-period[data-v-750c8a35],.plan-date[data-v-750c8a35],.history-date[data-v-750c8a35]{width:100%}.plan-amount[data-v-750c8a35],.history-amount[data-v-750c8a35]{width:100%;text-align:left}.modal-content[data-v-750c8a35]{max-width:100%;margin:0;border-radius:0}.advance-repay-btn[data-v-750c8a35]{flex-direction:column;align-items:flex-start;gap:8px}.advance-repay-btn .btn-icon[data-v-750c8a35]{width:100%;text-align:left}.advance-repay-btn .btn-text[data-v-750c8a35]{width:100%;padding-left:0}.advance-repay-btn .btn-amount[data-v-750c8a35]{width:100%;text-align:left}}.detail-card[data-v-750c8a35]{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.card-header[data-v-750c8a35]{padding:24px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.card-header h2[data-v-750c8a35]{margin:0;color:#333;font-size:24px;font-weight:600}.status-badge[data-v-750c8a35]{padding:6px 16px;border-radius:12px;font-size:14px;font-weight:500}.status-badge.active[data-v-750c8a35]{background:#e3f2fd;color:#1976d2}.status-badge.completed[data-v-750c8a35]{background:#e8f5e9;color:#388e3c}.status-badge.overdue[data-v-750c8a35]{background:#ffebee;color:#d32f2f}.card-body[data-v-750c8a35]{padding:24px}.info-grid[data-v-750c8a35]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:32px}.info-item[data-v-750c8a35]{display:flex;flex-direction:column;gap:8px}.info-label[data-v-750c8a35]{color:#666;font-size:14px}.info-value[data-v-750c8a35]{color:#333;font-size:18px;font-weight:600}.progress-section[data-v-750c8a35]{background:#f8f9ff;padding:20px;border-radius:12px;margin-bottom:24px}.progress-header[data-v-750c8a35]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.progress-label[data-v-750c8a35]{color:#666;font-size:14px}.progress-value[data-v-750c8a35]{color:#667eea;font-weight:600;font-size:14px}.progress-bar[data-v-750c8a35]{height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill[data-v-750c8a35]{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);transition:width .3s}.progress-percentage[data-v-750c8a35]{color:#667eea;font-weight:700;font-size:20px}.summary-section[data-v-750c8a35]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.summary-item[data-v-750c8a35]{padding:16px;border-radius:8px;display:flex;flex-direction:column;gap:8px}.summary-item.paid[data-v-750c8a35]{background:#e8f5e9}.summary-item.remaining[data-v-750c8a35]{background:#fff3e0}.summary-label[data-v-750c8a35]{color:#666;font-size:14px}.summary-value[data-v-750c8a35]{font-size:24px;font-weight:700}.summary-value.paid[data-v-750c8a35]{color:#388e3c}.summary-value.remaining[data-v-750c8a35]{color:#f57c00}.action-section[data-v-750c8a35]{border-top:1px solid #f0f0f0;padding-top:24px}.repay-btn[data-v-750c8a35]{width:100%;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .3s}.repay-btn[data-v-750c8a35]:hover:not(:disabled){opacity:.9;transform:translateY(-2px)}.repay-btn[data-v-750c8a35]:disabled{opacity:.5;cursor:not-allowed}.repay-icon[data-v-750c8a35]{font-size:24px}.loading-state[data-v-750c8a35]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;color:#666}.loading-spinner[data-v-750c8a35]{width:40px;height:40px;border:4px solid #f0f0f0;border-top-color:#667eea;border-radius:50%;animation:spin-750c8a35 1s linear infinite;margin-bottom:16px}@keyframes spin-750c8a35{to{transform:rotate(360deg)}}.modal[data-v-750c8a35]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-750c8a35]{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header[data-v-750c8a35]{padding:20px 24px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.modal-header h2[data-v-750c8a35]{margin:0;color:#333;font-size:18px}.close-btn[data-v-750c8a35]{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.close-btn[data-v-750c8a35]:hover{color:#333}.modal-content form[data-v-750c8a35]{padding:24px}.form-group[data-v-750c8a35]{margin-bottom:16px}.form-group label[data-v-750c8a35]{display:block;margin-bottom:8px;color:#333;font-weight:500;font-size:14px}.form-group input[data-v-750c8a35],.form-group select[data-v-750c8a35]{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;box-sizing:border-box}.form-group input[data-v-750c8a35]:focus,.form-group select[data-v-750c8a35]:focus{outline:none;border-color:#667eea}.modal-actions[data-v-750c8a35]{display:flex;gap:12px;margin-top:24px}.cancel-btn[data-v-750c8a35]{flex:1;padding:12px;background:#f5f5f5;color:#333;border:none;border-radius:6px;font-size:14px;cursor:pointer}.submit-btn[data-v-750c8a35]{flex:1;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer}.submit-btn[data-v-750c8a35]:hover{opacity:.9}.form-hint[data-v-750c8a35]{display:block;margin-top:4px;color:#999;font-size:12px}.repay-modal .repay-modal-content[data-v-750c8a35]{max-width:480px}.repay-info[data-v-750c8a35]{padding:24px}.repay-info-item[data-v-750c8a35]{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #f5f5f5}.repay-info-item[data-v-750c8a35]:last-child{border-bottom:none}.repay-info-label[data-v-750c8a35]{color:#666;font-size:14px}.repay-info-value[data-v-750c8a35]{color:#333;font-size:15px;font-weight:500}.repay-info-value.amount[data-v-750c8a35]{color:#667eea;font-size:20px;font-weight:700}.repay-modal .modal-actions[data-v-750c8a35]{padding:0 24px 24px}.repayment-info[data-v-750c8a35]{background:#f8f9ff;padding:16px;border-radius:8px;margin-bottom:16px}.info-row[data-v-750c8a35]{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.info-row[data-v-750c8a35]:first-child{padding-top:0}.info-row[data-v-750c8a35]:last-child{padding-bottom:0}.info-row .info-label[data-v-750c8a35]{color:#666;font-size:14px}.info-row .info-value[data-v-750c8a35]{color:#333;font-weight:600;font-size:14px}.repay-btn-overdue[data-v-750c8a35]{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.repay-btn-paid[data-v-750c8a35],.repay-btn-cleared[data-v-750c8a35]{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.advance-repay-modal-content[data-v-750c8a35]{max-width:400px}.advance-repay-info[data-v-750c8a35]{padding:32px 24px;text-align:center}.advance-repay-info p[data-v-750c8a35]{margin:0;font-size:16px;color:#333;line-height:1.6}.advance-repay-select-modal-content[data-v-750c8a35]{max-width:500px}.advance-repay-actions[data-v-750c8a35]{display:flex;flex-direction:column;gap:12px;padding:0 24px 24px}.advance-repay-btn[data-v-750c8a35]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border:none;border-radius:12px;cursor:pointer;transition:all .3s;font-size:14px;font-weight:500}.advance-repay-btn[data-v-750c8a35]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.advance-repay-btn .btn-icon[data-v-750c8a35]{font-size:24px;flex-shrink:0}.advance-repay-btn .btn-text[data-v-750c8a35]{flex:1;text-align:left;padding-left:12px;font-size:16px}.advance-repay-btn .btn-amount[data-v-750c8a35]{font-size:18px;font-weight:700;flex-shrink:0}.one-period-btn[data-v-750c8a35]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #667eea4d}.one-period-btn[data-v-750c8a35]:hover{box-shadow:0 4px 12px #667eea66}.all-periods-btn[data-v-750c8a35]{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b9814d}.all-periods-btn[data-v-750c8a35]:hover{box-shadow:0 4px 12px #10b98166}@media(max-width:768px){.info-grid[data-v-750c8a35],.summary-section[data-v-750c8a35]{grid-template-columns:1fr}}.loan-detail-container[data-v-0b4e9def]{min-height:100vh;background:#f5f5f5}.header[data-v-0b4e9def]{background:#fff;box-shadow:0 2px 8px #0000001a;padding:16px 0}.header-content[data-v-0b4e9def]{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:16px}.back-btn[data-v-0b4e9def]{display:flex;align-items:center;gap:6px;padding:10px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;font-size:14px;font-weight:500;border-radius:8px;transition:all .3s;box-shadow:0 2px 8px #667eea4d}.back-btn[data-v-0b4e9def]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.back-icon[data-v-0b4e9def]{font-size:16px;font-weight:700}.header h1[data-v-0b4e9def]{margin:0;color:#333;font-size:24px;flex:1}.header-actions[data-v-0b4e9def]{display:flex;gap:12px}.edit-btn[data-v-0b4e9def]{padding:8px 16px;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer}.delete-btn[data-v-0b4e9def]{padding:8px 16px;background:#e74c3c;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer}.main-content[data-v-0b4e9def]{max-width:1200px;margin:0 auto;padding:24px}.loan-info-card[data-v-0b4e9def]{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px}.card-header[data-v-0b4e9def]{padding:20px 24px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:12px}.loan-name[data-v-0b4e9def]{font-size:20px;font-weight:600;color:#333}.status-badge[data-v-0b4e9def]{padding:6px 12px;border-radius:6px;font-size:14px;color:#fff}.status-badge.unpaid[data-v-0b4e9def]{background:#e74c3c}.status-badge.partial[data-v-0b4e9def]{background:#faad14}.status-badge.repaid[data-v-0b4e9def]{background:#52c41a}.card-body[data-v-0b4e9def]{padding:24px}.info-grid[data-v-0b4e9def]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.info-item[data-v-0b4e9def]{display:flex;flex-direction:column;gap:8px}.info-item .label[data-v-0b4e9def]{color:#666;font-size:14px}.info-item .value[data-v-0b4e9def]{color:#333;font-weight:500;font-size:16px}.info-item .value.amount[data-v-0b4e9def]{font-size:20px;font-weight:700;color:#667eea}.progress-section[data-v-0b4e9def]{display:flex;align-items:center;gap:12px;margin-bottom:20px}.progress-label[data-v-0b4e9def]{color:#666;font-size:14px;min-width:80px}.progress-bar[data-v-0b4e9def]{flex:1;height:10px;background:#f0f0f0;border-radius:5px;overflow:hidden}.progress-fill[data-v-0b4e9def]{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);transition:width .3s}.progress-text[data-v-0b4e9def]{color:#667eea;font-weight:600;font-size:16px;min-width:50px;text-align:right}.description-section[data-v-0b4e9def]{border-top:1px solid #f0f0f0;padding-top:16px}.description-section .label[data-v-0b4e9def]{display:block;color:#666;font-size:14px;margin-bottom:8px}.description-section .value[data-v-0b4e9def]{color:#333;font-size:14px;line-height:1.6}.statistics-section[data-v-0b4e9def]{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px;margin-bottom:24px}.statistics-section h3[data-v-0b4e9def]{margin:0 0 20px;color:#333;font-size:18px}.stats-grid[data-v-0b4e9def]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stat-card[data-v-0b4e9def]{display:flex;align-items:center;gap:16px;padding:20px;background:#f8f9fa;border-radius:8px}.stat-icon[data-v-0b4e9def]{font-size:32px}.stat-content[data-v-0b4e9def]{flex:1}.stat-label[data-v-0b4e9def]{color:#666;font-size:12px;margin-bottom:4px}.stat-value[data-v-0b4e9def]{color:#333;font-weight:600;font-size:18px}.tabs-section[data-v-0b4e9def]{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.tabs[data-v-0b4e9def]{display:flex;border-bottom:1px solid #f0f0f0}.tab-btn[data-v-0b4e9def]{flex:1;padding:16px;background:#fff;border:none;font-size:16px;cursor:pointer;transition:all .3s}.tab-btn.active[data-v-0b4e9def]{background:#667eea;color:#fff;border-bottom:2px solid #667eea}.tab-btn[data-v-0b4e9def]:hover:not(.active){background:#f8f9fa}.tab-content[data-v-0b4e9def]{padding:24px}.section-header[data-v-0b4e9def]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h3[data-v-0b4e9def]{margin:0;color:#333;font-size:18px}.add-btn[data-v-0b4e9def]{padding:8px 16px;background:#52c41a;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer}.records-list[data-v-0b4e9def]{display:flex;flex-direction:column;gap:12px}.record-item[data-v-0b4e9def]{padding:16px;background:#f8f9fa;border-radius:8px;border-left:4px solid #667eea}.record-info[data-v-0b4e9def]{display:flex;align-items:center;gap:20px;margin-bottom:12px}.record-amount[data-v-0b4e9def]{font-size:20px;font-weight:700;color:#667eea;min-width:120px}.record-date[data-v-0b4e9def]{color:#666;font-size:14px}.record-type[data-v-0b4e9def]{padding:4px 8px;background:#e7f3ff;color:#667eea;border-radius:4px;font-size:12px}.record-actions[data-v-0b4e9def]{display:flex;gap:8px;margin-left:auto}.action-btn[data-v-0b4e9def]{padding:6px 12px;border:none;border-radius:4px;font-size:12px;cursor:pointer}.action-btn.edit[data-v-0b4e9def]{background:#667eea;color:#fff}.action-btn.delete[data-v-0b4e9def]{background:#e74c3c;color:#fff}.record-description[data-v-0b4e9def]{color:#666;font-size:14px;line-height:1.5}.empty-state[data-v-0b4e9def]{text-align:center;padding:60px 24px}.empty-icon[data-v-0b4e9def]{font-size:48px;margin-bottom:12px}.empty-state p[data-v-0b4e9def]{margin:0;color:#666}.modal[data-v-0b4e9def]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-0b4e9def]{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header[data-v-0b4e9def]{padding:20px 24px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.modal-header h2[data-v-0b4e9def]{margin:0;color:#333;font-size:18px}.close-btn[data-v-0b4e9def]{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.close-btn[data-v-0b4e9def]:hover{color:#333}.modal-content form[data-v-0b4e9def]{padding:24px}.form-group[data-v-0b4e9def]{margin-bottom:16px}.form-group label[data-v-0b4e9def]{display:block;margin-bottom:8px;color:#333;font-weight:500;font-size:14px}.form-group input[data-v-0b4e9def],.form-group select[data-v-0b4e9def],.form-group textarea[data-v-0b4e9def]{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;box-sizing:border-box}.form-group textarea[data-v-0b4e9def]{resize:vertical;font-family:inherit}.form-group input[data-v-0b4e9def]:focus,.form-group select[data-v-0b4e9def]:focus,.form-group textarea[data-v-0b4e9def]:focus{outline:none;border-color:#667eea}.modal-actions[data-v-0b4e9def]{display:flex;gap:12px;margin-top:24px}.cancel-btn[data-v-0b4e9def]{flex:1;padding:12px;background:#f5f5f5;color:#333;border:none;border-radius:6px;font-size:14px;cursor:pointer}.submit-btn[data-v-0b4e9def]{flex:1;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer}.submit-btn[data-v-0b4e9def]:hover{opacity:.9}@media(max-width:768px){.modal-content[data-v-0b4e9def]{max-width:95%;margin:16px}.modal-header[data-v-0b4e9def]{padding:16px}.modal-header h2[data-v-0b4e9def]{font-size:16px}.close-btn[data-v-0b4e9def]{width:28px;height:28px;font-size:20px}.modal-content form[data-v-0b4e9def]{padding:16px}.form-group[data-v-0b4e9def]{margin-bottom:14px}.form-group label[data-v-0b4e9def]{font-size:13px}.form-group input[data-v-0b4e9def],.form-group select[data-v-0b4e9def],.form-group textarea[data-v-0b4e9def]{padding:10px;font-size:14px}.modal-actions[data-v-0b4e9def]{gap:8px;margin-top:16px}.cancel-btn[data-v-0b4e9def],.submit-btn[data-v-0b4e9def]{padding:10px;font-size:14px}}@media(max-width:480px){.modal-content[data-v-0b4e9def]{max-width:100%;margin:0;border-radius:0}.modal-header[data-v-0b4e9def]{padding:12px}.modal-header h2[data-v-0b4e9def]{font-size:15px}.close-btn[data-v-0b4e9def]{width:24px;height:24px;font-size:18px}.modal-content form[data-v-0b4e9def]{padding:12px}.form-group[data-v-0b4e9def]{margin-bottom:12px}.form-group label[data-v-0b4e9def]{font-size:12px}.form-group input[data-v-0b4e9def],.form-group select[data-v-0b4e9def],.form-group textarea[data-v-0b4e9def]{padding:8px;font-size:13px}.modal-actions[data-v-0b4e9def]{flex-direction:column;gap:8px}.cancel-btn[data-v-0b4e9def],.submit-btn[data-v-0b4e9def]{width:100%;padding:12px}}.all-features-page[data-v-1ee5eac2]{max-width:1400px;margin:0 auto;padding:0 20px}@media(min-width:1920px){.all-features-page[data-v-1ee5eac2]{max-width:1600px}}@media(min-width:2560px){.all-features-page[data-v-1ee5eac2]{max-width:1800px}}.page-header[data-v-1ee5eac2]{text-align:center;margin-bottom:40px;padding:40px 20px}.page-header h1[data-v-1ee5eac2]{margin:0 0 12px;color:#333;font-size:32px;font-weight:700}.page-description[data-v-1ee5eac2]{margin:0;color:#666;font-size:16px}.features-grid[data-v-1ee5eac2]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;padding-bottom:40px}.feature-card[data-v-1ee5eac2]{background:#fff;padding:28px;border-radius:16px;box-shadow:0 2px 12px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;color:inherit;display:block;position:relative;overflow:hidden}.feature-card[data-v-1ee5eac2]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .3s}.feature-card[data-v-1ee5eac2]:hover:before{transform:scaleX(1)}.feature-card[data-v-1ee5eac2]:hover{transform:translateY(-6px);box-shadow:0 12px 28px #00000026}.feature-icon-wrapper[data-v-1ee5eac2]{width:64px;height:64px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:transform .3s}.feature-card:hover .feature-icon-wrapper[data-v-1ee5eac2]{transform:scale(1.1)}.feature-icon[data-v-1ee5eac2]{font-size:32px}.feature-content h3[data-v-1ee5eac2]{margin:0 0 8px;color:#333;font-size:20px;font-weight:600}.feature-content p[data-v-1ee5eac2]{margin:0 0 12px;color:#666;font-size:14px;line-height:1.6}.feature-arrow[data-v-1ee5eac2]{position:absolute;bottom:20px;right:20px;font-size:24px;color:#667eea;opacity:0;transform:translate(-10px);transition:all .3s}.feature-card:hover .feature-arrow[data-v-1ee5eac2]{opacity:1;transform:translate(0)}@media(max-width:1024px){.all-features-page[data-v-1ee5eac2]{padding:0 16px}.page-header h1[data-v-1ee5eac2]{font-size:28px}.page-description[data-v-1ee5eac2]{font-size:14px}.features-grid[data-v-1ee5eac2]{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.feature-card[data-v-1ee5eac2]{padding:24px}.feature-icon-wrapper[data-v-1ee5eac2]{width:56px;height:56px}.feature-icon[data-v-1ee5eac2]{font-size:28px}.feature-content h3[data-v-1ee5eac2]{font-size:18px}.feature-content p[data-v-1ee5eac2]{font-size:13px}}@media(max-width:768px){.all-features-page[data-v-1ee5eac2]{padding:0 12px}.page-header[data-v-1ee5eac2]{padding:30px 16px;margin-bottom:30px}.page-header h1[data-v-1ee5eac2]{font-size:24px}.page-description[data-v-1ee5eac2]{font-size:13px}.features-grid[data-v-1ee5eac2]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.feature-card[data-v-1ee5eac2]{padding:20px}.feature-icon-wrapper[data-v-1ee5eac2]{width:48px;height:48px;margin-bottom:16px}.feature-icon[data-v-1ee5eac2]{font-size:24px}.feature-content h3[data-v-1ee5eac2]{font-size:16px}.feature-content p[data-v-1ee5eac2]{font-size:12px}}@media(max-width:480px){.features-grid[data-v-1ee5eac2]{grid-template-columns:1fr}}.vehicle-manage[data-v-6768f445]{width:100%}.content-header[data-v-6768f445]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.content-header h1[data-v-6768f445]{color:#333;font-size:28px;margin:0}.add-btn[data-v-6768f445]{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:all .3s}.add-btn[data-v-6768f445]:hover{opacity:.9;transform:translateY(-2px)}.vehicle-grid[data-v-6768f445]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.vehicle-card[data-v-6768f445]{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;cursor:pointer;transition:all .3s}.vehicle-card[data-v-6768f445]:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.card-header[data-v-6768f445]{display:flex;align-items:center;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.vehicle-icon[data-v-6768f445]{font-size:40px;margin-right:16px}.vehicle-info[data-v-6768f445]{flex:1}.vehicle-info h3[data-v-6768f445]{margin:0 0 4px;font-size:18px}.plate-number[data-v-6768f445]{font-size:14px;opacity:.9}.default-badge[data-v-6768f445]{background:#fff3;padding:4px 12px;border-radius:4px;font-size:12px}.card-body[data-v-6768f445]{padding:20px}.info-row[data-v-6768f445]{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f0f0f0}.info-row[data-v-6768f445]:last-child{border-bottom:none}.info-row .label[data-v-6768f445]{color:#666}.info-row .value[data-v-6768f445]{color:#333;font-weight:500}.info-row .value.warning[data-v-6768f445]{color:#f57c00}.card-footer[data-v-6768f445]{display:flex;gap:8px;padding:16px 20px;border-top:1px solid #f0f0f0}.action-btn[data-v-6768f445]{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:8px;border:none;border-radius:6px;font-size:13px;cursor:pointer;transition:all .3s}.edit-btn[data-v-6768f445]{background:#e3f2fd;color:#1976d2}.default-btn[data-v-6768f445]{background:#fff8e1;color:#f57c00}.delete-btn[data-v-6768f445]{background:#ffebee;color:#d32f2f}.action-btn[data-v-6768f445]:hover{opacity:.8}.empty-state[data-v-6768f445]{text-align:center;padding:60px 20px;background:#fff;border-radius:12px}.empty-icon[data-v-6768f445]{font-size:60px;margin-bottom:20px}.empty-state h3[data-v-6768f445]{color:#333;margin:0 0 8px}.empty-state p[data-v-6768f445]{color:#666;margin:0}.modal[data-v-6768f445]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-6768f445]{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-header[data-v-6768f445]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}.modal-header h2[data-v-6768f445]{margin:0;font-size:20px;color:#333}.close-btn[data-v-6768f445]{background:none;border:none;font-size:24px;cursor:pointer;color:#666}form[data-v-6768f445]{padding:20px}.form-row[data-v-6768f445]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group[data-v-6768f445]{margin-bottom:16px}.form-group label[data-v-6768f445]{display:block;margin-bottom:8px;color:#333;font-size:14px}.form-group input[data-v-6768f445],.form-group select[data-v-6768f445],.form-group textarea[data-v-6768f445]{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;box-sizing:border-box}.form-group textarea[data-v-6768f445]{min-height:80px;resize:vertical}.checkbox-wrapper[data-v-6768f445]{display:flex;align-items:center;gap:8px}.checkbox-wrapper input[data-v-6768f445]{width:auto}.modal-actions[data-v-6768f445]{display:flex;gap:12px;margin-top:20px}.cancel-btn[data-v-6768f445],.submit-btn[data-v-6768f445]{flex:1;padding:12px;border:none;border-radius:6px;font-size:14px;cursor:pointer}.cancel-btn[data-v-6768f445]{background:#f5f5f5;color:#666}.submit-btn[data-v-6768f445]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}@media(max-width:768px){.form-row[data-v-6768f445]{grid-template-columns:1fr}.content-header[data-v-6768f445]{flex-direction:column;gap:16px;align-items:flex-start}}.refuel-manage[data-v-63adffe9]{width:100%}.content-header[data-v-63adffe9]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.content-header h1[data-v-63adffe9]{color:#333;font-size:28px;margin:0}.add-btn[data-v-63adffe9]{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:all .3s}.add-btn[data-v-63adffe9]:hover{opacity:.9}.filter-bar[data-v-63adffe9]{display:flex;gap:16px;margin-bottom:20px}.filter-bar select[data-v-63adffe9],.filter-bar input[data-v-63adffe9]{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px}.stats-row[data-v-63adffe9]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:20px}.stat-item[data-v-63adffe9]{background:#fff;padding:16px;border-radius:8px;box-shadow:0 2px 8px #00000014;text-align:center}.stat-label[data-v-63adffe9]{display:block;font-size:13px;color:#666;margin-bottom:8px}.stat-value[data-v-63adffe9]{font-size:20px;font-weight:600;color:#333}.refuel-list[data-v-63adffe9]{display:flex;flex-direction:column;gap:16px}.refuel-card[data-v-63adffe9]{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.card-header[data-v-63adffe9]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f8f9fa;border-bottom:1px solid #eee}.header-left[data-v-63adffe9]{display:flex;flex-direction:column;gap:4px}.header-right[data-v-63adffe9]{display:flex;gap:8px}.refuel-vehicle[data-v-63adffe9]{font-weight:600;color:#333;font-size:16px}.plate-number[data-v-63adffe9]{font-weight:400;font-size:14px;color:#666}.refuel-date[data-v-63adffe9]{color:#666;font-size:14px}.card-body[data-v-63adffe9]{padding:16px 20px}.info-grid[data-v-63adffe9]{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:12px}.info-item[data-v-63adffe9]{display:flex;flex-direction:column}.info-item .label[data-v-63adffe9]{font-size:12px;color:#666;margin-bottom:4px}.info-item .value[data-v-63adffe9]{font-size:14px;color:#333}.info-item .value.highlight[data-v-63adffe9]{color:#667eea;font-weight:600}.station-info[data-v-63adffe9]{font-size:14px;color:#666}.action-btn[data-v-63adffe9]{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 12px;border:none;border-radius:6px;font-size:13px;cursor:pointer;transition:all .3s}.edit-btn[data-v-63adffe9]{background:#e3f2fd;color:#1976d2}.delete-btn[data-v-63adffe9]{background:#ffebee;color:#d32f2f}.empty-state[data-v-63adffe9]{text-align:center;padding:60px 20px;background:#fff;border-radius:12px}.empty-icon[data-v-63adffe9]{font-size:60px;margin-bottom:20px}.pagination[data-v-63adffe9]{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:20px}.pagination button[data-v-63adffe9]{padding:8px 16px;border:1px solid #ddd;border-radius:6px;background:#fff;cursor:pointer}.pagination button[data-v-63adffe9]:disabled{opacity:.5;cursor:not-allowed}.modal[data-v-63adffe9]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-63adffe9]{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-header[data-v-63adffe9]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}.modal-header h2[data-v-63adffe9]{margin:0;font-size:20px;color:#333}.close-btn[data-v-63adffe9]{background:none;border:none;font-size:24px;cursor:pointer;color:#666}form[data-v-63adffe9]{padding:20px}.form-row[data-v-63adffe9]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group[data-v-63adffe9]{margin-bottom:16px}.form-group label[data-v-63adffe9]{display:block;margin-bottom:8px;color:#333;font-size:14px}.price-hint[data-v-63adffe9]{font-size:12px;color:#667eea;font-weight:400}.form-group input[data-v-63adffe9],.form-group select[data-v-63adffe9],.form-group textarea[data-v-63adffe9]{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;box-sizing:border-box}.form-group textarea[data-v-63adffe9]{min-height:80px;resize:vertical}.modal-actions[data-v-63adffe9]{display:flex;gap:12px;margin-top:20px}.cancel-btn[data-v-63adffe9],.submit-btn[data-v-63adffe9]{flex:1;padding:12px;border:none;border-radius:6px;font-size:14px;cursor:pointer}.cancel-btn[data-v-63adffe9]{background:#f5f5f5;color:#666}.submit-btn[data-v-63adffe9]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}@media(max-width:768px){.form-row[data-v-63adffe9]{grid-template-columns:1fr}.content-header[data-v-63adffe9]{flex-direction:column;gap:16px;align-items:flex-start}.filter-bar[data-v-63adffe9]{flex-direction:column}}.trip-manage[data-v-b55595e5]{width:100%}.content-header[data-v-b55595e5]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.content-header h1[data-v-b55595e5]{color:#333;font-size:28px;margin:0}.add-btn[data-v-b55595e5]{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:all .3s}.add-btn[data-v-b55595e5]:hover{opacity:.9}.filter-bar[data-v-b55595e5]{display:flex;gap:16px;margin-bottom:20px}.filter-bar select[data-v-b55595e5],.filter-bar input[data-v-b55595e5]{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px}.stats-row[data-v-b55595e5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:20px}.stat-item[data-v-b55595e5]{background:#fff;padding:16px;border-radius:8px;box-shadow:0 2px 8px #00000014;text-align:center}.stat-label[data-v-b55595e5]{display:block;font-size:13px;color:#666;margin-bottom:8px}.stat-value[data-v-b55595e5]{font-size:20px;font-weight:600;color:#333}.trip-list[data-v-b55595e5]{display:flex;flex-direction:column;gap:16px}.trip-card[data-v-b55595e5]{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.card-header[data-v-b55595e5]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f8f9fa;border-bottom:1px solid #eee}.header-left[data-v-b55595e5]{display:flex;flex-direction:column;gap:4px}.header-right[data-v-b55595e5]{display:flex;gap:8px}.trip-vehicle[data-v-b55595e5]{font-weight:600;color:#333;font-size:16px}.plate-number[data-v-b55595e5]{font-weight:400;font-size:14px;color:#666}.trip-date[data-v-b55595e5]{color:#666;font-size:14px}.type-badge[data-v-b55595e5]{padding:4px 12px;border-radius:4px;font-size:12px}.type-badge.commute[data-v-b55595e5]{background:#e3f2fd;color:#1976d2}.type-badge.business[data-v-b55595e5]{background:#fff8e1;color:#f57c00}.type-badge.travel[data-v-b55595e5]{background:#e8f5e9;color:#388e3c}.type-badge.other[data-v-b55595e5]{background:#f5f5f5;color:#666}.card-body[data-v-b55595e5]{padding:16px 20px}.route-info[data-v-b55595e5]{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:12px;background:#f8f9fa;border-radius:8px}.location[data-v-b55595e5]{display:flex;align-items:center;gap:8px;flex:1}.location .icon[data-v-b55595e5]{font-size:16px}.location .text[data-v-b55595e5]{font-weight:500;color:#333}.arrow[data-v-b55595e5]{color:#999;font-size:18px}.info-grid[data-v-b55595e5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:12px}.info-item[data-v-b55595e5]{display:flex;flex-direction:column}.info-item .label[data-v-b55595e5]{font-size:12px;color:#666;margin-bottom:4px}.info-item .value[data-v-b55595e5]{font-size:14px;color:#333}.info-item .value.highlight[data-v-b55595e5]{color:#667eea;font-weight:600}.fee-info[data-v-b55595e5]{font-size:14px;color:#666;padding-top:12px;border-top:1px dashed #eee}.fee-item[data-v-b55595e5]{margin-left:12px}.action-btn[data-v-b55595e5]{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 12px;border:none;border-radius:6px;font-size:13px;cursor:pointer;transition:all .3s}.edit-btn[data-v-b55595e5]{background:#e3f2fd;color:#1976d2}.delete-btn[data-v-b55595e5]{background:#ffebee;color:#d32f2f}.empty-state[data-v-b55595e5]{text-align:center;padding:60px 20px;background:#fff;border-radius:12px}.empty-icon[data-v-b55595e5]{font-size:60px;margin-bottom:20px}.pagination[data-v-b55595e5]{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:20px}.pagination button[data-v-b55595e5]{padding:8px 16px;border:1px solid #ddd;border-radius:6px;background:#fff;cursor:pointer}.pagination button[data-v-b55595e5]:disabled{opacity:.5;cursor:not-allowed}.modal[data-v-b55595e5]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-b55595e5]{background:#fff;border-radius:12px;width:90%;max-width:700px;max-height:90vh;overflow-y:auto}.modal-header[data-v-b55595e5]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #eee}.modal-header h2[data-v-b55595e5]{margin:0;font-size:18px;color:#333}.close-btn[data-v-b55595e5]{background:none;border:none;font-size:22px;cursor:pointer;color:#666;padding:4px}.close-btn[data-v-b55595e5]:hover{color:#333}form[data-v-b55595e5]{padding:16px 20px}.form-section[data-v-b55595e5]{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #eee}.form-section[data-v-b55595e5]:last-of-type{border-bottom:none;padding-bottom:0;margin-bottom:0}.section-title[data-v-b55595e5]{font-size:14px;font-weight:600;color:#333;margin-bottom:12px;padding-left:8px;border-left:3px solid #667eea}.form-row[data-v-b55595e5]{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.form-row.three-cols[data-v-b55595e5]{grid-template-columns:repeat(3,1fr)}.form-row[data-v-b55595e5]:last-child{margin-bottom:0}.form-group[data-v-b55595e5]{margin-bottom:0}.form-group label[data-v-b55595e5]{display:block;margin-bottom:4px;color:#666;font-size:12px}.form-group input[data-v-b55595e5],.form-group select[data-v-b55595e5],.form-group textarea[data-v-b55595e5]{width:100%;padding:8px 10px;border:1px solid #e0e0e0;border-radius:4px;font-size:13px;box-sizing:border-box;transition:border-color .3s}.form-group input[data-v-b55595e5]:focus,.form-group select[data-v-b55595e5]:focus,.form-group textarea[data-v-b55595e5]:focus{outline:none;border-color:#667eea}.form-group textarea[data-v-b55595e5]{min-height:50px;resize:vertical}.modal-actions[data-v-b55595e5]{display:flex;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid #eee}.cancel-btn[data-v-b55595e5],.submit-btn[data-v-b55595e5]{flex:1;padding:10px;border:none;border-radius:4px;font-size:13px;cursor:pointer;transition:all .3s}.cancel-btn[data-v-b55595e5]{background:#f5f5f5;color:#666}.cancel-btn[data-v-b55595e5]:hover{background:#eee}.submit-btn[data-v-b55595e5]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.submit-btn[data-v-b55595e5]:hover{opacity:.9}@media(max-width:768px){.form-row[data-v-b55595e5],.form-row.three-cols[data-v-b55595e5]{grid-template-columns:1fr}.content-header[data-v-b55595e5]{flex-direction:column;gap:16px;align-items:flex-start}.filter-bar[data-v-b55595e5]{flex-direction:column}.route-info[data-v-b55595e5]{flex-direction:column;align-items:flex-start}.arrow[data-v-b55595e5]{transform:rotate(90deg)}}.maintenance-manage[data-v-6cd993f0]{width:100%}.content-header[data-v-6cd993f0]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.content-header h1[data-v-6cd993f0]{color:#333;font-size:28px;margin:0}.header-actions[data-v-6cd993f0]{display:flex;gap:12px}.add-btn[data-v-6cd993f0]{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:all .3s}.add-btn.secondary[data-v-6cd993f0]{background:#fff;color:#667eea;border:1px solid #667eea}.add-btn[data-v-6cd993f0]:hover{opacity:.9}.tabs[data-v-6cd993f0]{display:flex;gap:4px;margin-bottom:20px;background:#fff;padding:4px;border-radius:8px;box-shadow:0 2px 8px #00000014}.tab[data-v-6cd993f0]{flex:1;padding:12px;text-align:center;cursor:pointer;border-radius:6px;transition:all .3s;color:#666}.tab.active[data-v-6cd993f0]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.filter-bar[data-v-6cd993f0]{display:flex;gap:16px;margin-bottom:20px}.filter-bar select[data-v-6cd993f0]{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px}.record-list[data-v-6cd993f0],.item-list[data-v-6cd993f0],.upcoming-list[data-v-6cd993f0]{display:flex;flex-direction:column;gap:16px}.record-card[data-v-6cd993f0],.item-card[data-v-6cd993f0]{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.card-header[data-v-6cd993f0]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8f9fa;border-bottom:1px solid #eee}.header-left[data-v-6cd993f0]{display:flex;align-items:center;gap:12px}.header-right[data-v-6cd993f0]{display:flex;gap:8px}.maintenance-date[data-v-6cd993f0],.item-name[data-v-6cd993f0]{font-weight:600;color:#333;font-size:14px}.type-badge[data-v-6cd993f0],.category-badge[data-v-6cd993f0]{padding:2px 8px;border-radius:4px;font-size:12px}.type-badge.regular[data-v-6cd993f0]{background:#e8f5e9;color:#388e3c}.type-badge.repair[data-v-6cd993f0]{background:#ffebee;color:#d32f2f}.type-badge.part_replace[data-v-6cd993f0]{background:#fff8e1;color:#f57c00}.type-badge.other[data-v-6cd993f0]{background:#f5f5f5;color:#666}.card-body[data-v-6cd993f0]{padding:16px 20px}.info-grid[data-v-6cd993f0]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:12px}.info-item[data-v-6cd993f0]{display:flex;flex-direction:column}.info-item .label[data-v-6cd993f0]{font-size:12px;color:#666;margin-bottom:4px}.info-item .value[data-v-6cd993f0]{font-size:14px;color:#333}.info-item .value.highlight[data-v-6cd993f0]{color:#667eea;font-weight:600}.info-item .value.warning[data-v-6cd993f0]{color:#f57c00}.items-info[data-v-6cd993f0],.next-info[data-v-6cd993f0]{font-size:14px;color:#666;padding-top:12px;border-top:1px dashed #eee}.card-footer[data-v-6cd993f0]{display:flex;gap:8px;padding:12px 20px;border-top:1px solid #eee}.action-btn[data-v-6cd993f0]{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 12px;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:all .3s}.edit-btn[data-v-6cd993f0]{background:#e3f2fd;color:#1976d2}.edit-btn[data-v-6cd993f0]:hover{background:#bbdefb}.delete-btn[data-v-6cd993f0]{background:#ffebee;color:#d32f2f}.delete-btn[data-v-6cd993f0]:hover{background:#ffcdd2}.upcoming-card[data-v-6cd993f0]{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#fff8e1;border-radius:12px;border:1px solid #ffe082}.upcoming-icon[data-v-6cd993f0]{font-size:24px}.upcoming-info[data-v-6cd993f0]{flex:1}.upcoming-name[data-v-6cd993f0]{font-weight:600;color:#333;margin-bottom:4px}.upcoming-vehicle[data-v-6cd993f0]{font-size:13px;color:#666;margin-bottom:4px}.upcoming-detail[data-v-6cd993f0]{font-size:12px;color:#999}.upcoming-status[data-v-6cd993f0]{color:#f57c00;font-weight:600}.empty-state[data-v-6cd993f0]{text-align:center;padding:60px 20px;background:#fff;border-radius:12px}.empty-icon[data-v-6cd993f0]{font-size:60px;margin-bottom:20px}.pagination[data-v-6cd993f0]{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:20px}.pagination button[data-v-6cd993f0]{padding:8px 16px;border:1px solid #ddd;border-radius:6px;background:#fff;cursor:pointer}.pagination button[data-v-6cd993f0]:disabled{opacity:.5;cursor:not-allowed}.modal[data-v-6cd993f0]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-6cd993f0]{background:#fff;border-radius:12px;width:90%;max-width:700px;max-height:90vh;overflow-y:auto}.modal-header[data-v-6cd993f0]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #eee}.modal-header h2[data-v-6cd993f0]{margin:0;font-size:18px;color:#333}.close-btn[data-v-6cd993f0]{background:none;border:none;font-size:22px;cursor:pointer;color:#666;padding:4px}.close-btn[data-v-6cd993f0]:hover{color:#333}form[data-v-6cd993f0]{padding:16px 20px}.form-section[data-v-6cd993f0]{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #eee}.form-section[data-v-6cd993f0]:last-of-type{border-bottom:none;padding-bottom:0;margin-bottom:0}.section-title[data-v-6cd993f0]{font-size:14px;font-weight:600;color:#333;margin-bottom:12px;padding-left:8px;border-left:3px solid #667eea}.form-row[data-v-6cd993f0]{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.form-row[data-v-6cd993f0]:last-child{margin-bottom:0}.form-group[data-v-6cd993f0]{margin-bottom:0}.form-group label[data-v-6cd993f0]{display:block;margin-bottom:4px;color:#666;font-size:12px}.form-group input[data-v-6cd993f0],.form-group select[data-v-6cd993f0],.form-group textarea[data-v-6cd993f0]{width:100%;padding:8px 10px;border:1px solid #e0e0e0;border-radius:4px;font-size:13px;box-sizing:border-box;transition:border-color .3s}.form-group input[data-v-6cd993f0]:focus,.form-group select[data-v-6cd993f0]:focus,.form-group textarea[data-v-6cd993f0]:focus{outline:none;border-color:#667eea}.form-group textarea[data-v-6cd993f0]{min-height:50px;resize:vertical}.modal-actions[data-v-6cd993f0]{display:flex;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid #eee}.cancel-btn[data-v-6cd993f0],.submit-btn[data-v-6cd993f0]{flex:1;padding:10px;border:none;border-radius:4px;font-size:13px;cursor:pointer;transition:all .3s}.cancel-btn[data-v-6cd993f0]{background:#f5f5f5;color:#666}.cancel-btn[data-v-6cd993f0]:hover{background:#eee}.submit-btn[data-v-6cd993f0]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.submit-btn[data-v-6cd993f0]:hover{opacity:.9}@media(max-width:768px){.form-row[data-v-6cd993f0]{grid-template-columns:1fr}.content-header[data-v-6cd993f0]{flex-direction:column;gap:16px;align-items:flex-start}.header-actions[data-v-6cd993f0]{width:100%;flex-direction:column}.filter-bar[data-v-6cd993f0]{flex-direction:column}.upcoming-card[data-v-6cd993f0]{flex-direction:column;align-items:flex-start}}.vehicle-detail[data-v-fe9ccc8b]{width:100%}.detail-header[data-v-fe9ccc8b]{display:flex;align-items:center;gap:16px;margin-bottom:30px}.back-btn[data-v-fe9ccc8b]{display:flex;align-items:center;gap:4px;padding:8px 16px;background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;transition:all .3s}.back-btn[data-v-fe9ccc8b]:hover{background:#f5f5f5}.detail-header h1[data-v-fe9ccc8b]{margin:0;font-size:28px;color:#333}.default-badge[data-v-fe9ccc8b]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 12px;border-radius:4px;font-size:12px}.detail-content[data-v-fe9ccc8b]{display:flex;flex-direction:column;gap:24px}.section[data-v-fe9ccc8b]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014}.section-header[data-v-fe9ccc8b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2[data-v-fe9ccc8b]{margin:0;font-size:18px;color:#333}.add-btn[data-v-fe9ccc8b]{padding:8px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:13px;cursor:pointer;transition:all .3s}.add-btn[data-v-fe9ccc8b]:hover{opacity:.9}.info-grid[data-v-fe9ccc8b]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.info-item[data-v-fe9ccc8b]{display:flex;flex-direction:column;gap:4px}.info-item.full-width[data-v-fe9ccc8b]{grid-column:1 / -1}.info-item .label[data-v-fe9ccc8b]{font-size:13px;color:#666}.info-item .value[data-v-fe9ccc8b]{font-size:15px;color:#333;font-weight:500}.info-item .value.warning[data-v-fe9ccc8b]{color:#f57c00}.records-row[data-v-fe9ccc8b]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.record-section[data-v-fe9ccc8b]{margin-bottom:0}.record-list[data-v-fe9ccc8b]{display:flex;flex-direction:column;gap:12px}.record-card[data-v-fe9ccc8b]{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#f9f9f9;border-radius:8px;transition:all .3s}.record-card[data-v-fe9ccc8b]:hover{background:#f0f0f0}.record-icon[data-v-fe9ccc8b]{font-size:24px}.record-info[data-v-fe9ccc8b]{flex:1;display:flex;flex-direction:column;gap:4px}.record-main[data-v-fe9ccc8b]{display:flex;justify-content:space-between;align-items:center}.record-title[data-v-fe9ccc8b]{font-size:16px;font-weight:600;color:#333}.record-amount[data-v-fe9ccc8b]{font-size:16px;font-weight:600;color:#f57c00}.record-sub[data-v-fe9ccc8b]{display:flex;gap:16px;font-size:13px;color:#666}.record-remark[data-v-fe9ccc8b]{font-size:13px;color:#666;margin-top:4px}.empty-tip[data-v-fe9ccc8b]{text-align:center;padding:40px;color:#999}.empty-tip p[data-v-fe9ccc8b]{margin:0}.modal[data-v-fe9ccc8b]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-fe9ccc8b]{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header[data-v-fe9ccc8b]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}.modal-header h2[data-v-fe9ccc8b]{margin:0;font-size:18px}.close-btn[data-v-fe9ccc8b]{background:none;border:none;font-size:24px;cursor:pointer;color:#999}.modal-content form[data-v-fe9ccc8b]{padding:20px}.form-group[data-v-fe9ccc8b]{margin-bottom:16px}.form-group label[data-v-fe9ccc8b]{display:block;margin-bottom:6px;font-size:14px;color:#333}.form-group input[data-v-fe9ccc8b],.form-group select[data-v-fe9ccc8b],.form-group textarea[data-v-fe9ccc8b]{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;box-sizing:border-box}.form-group textarea[data-v-fe9ccc8b]{min-height:80px;resize:vertical}.form-row[data-v-fe9ccc8b]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.checkbox-wrapper[data-v-fe9ccc8b]{display:flex;align-items:center;gap:8px;padding-top:8px}.checkbox-wrapper input[data-v-fe9ccc8b]{width:auto}.modal-actions[data-v-fe9ccc8b]{display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:1px solid #eee;margin-top:16px}.cancel-btn[data-v-fe9ccc8b],.submit-btn[data-v-fe9ccc8b]{padding:10px 20px;border-radius:6px;font-size:14px;cursor:pointer;border:none}.cancel-btn[data-v-fe9ccc8b]{background:#f5f5f5;color:#666}.submit-btn[data-v-fe9ccc8b]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}@media(max-width:1200px){.records-row[data-v-fe9ccc8b]{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.records-row[data-v-fe9ccc8b]{grid-template-columns:1fr}}.vehicle-container[data-v-324c3b2e]{display:flex;flex-direction:column;min-height:100vh;background:#f8f9fa;background-image:radial-gradient(circle at 1px 1px,rgba(102,126,234,.15) 1px,transparent 0);background-size:40px 40px}.header[data-v-324c3b2e]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000001a;padding:16px 0;position:sticky;top:0;z-index:3000;flex-shrink:0}.header-content[data-v-324c3b2e]{width:100%;padding:0 16px;display:flex;justify-content:space-between;align-items:center}.nav-menu[data-v-324c3b2e]{display:flex;align-items:center;gap:16px}.logo-icon[data-v-324c3b2e]{width:32px;height:32px;object-fit:contain}.page-title-wrapper[data-v-324c3b2e]{display:flex;align-items:baseline;gap:12px}.page-title[data-v-324c3b2e]{margin:0;color:#333;font-size:24px;font-weight:600;line-height:1.2}.page-subtitle[data-v-324c3b2e]{font-size:14px;color:#999;font-weight:500;line-height:1.2}.user-info[data-v-324c3b2e]{display:flex;align-items:center;gap:12px;flex-shrink:0}.user-avatar[data-v-324c3b2e]{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;flex-shrink:0}.user-name[data-v-324c3b2e]{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333;font-size:15px;font-weight:500}.settings-btn[data-v-324c3b2e]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:50%;text-decoration:none;font-size:20px;transition:all .3s;flex-shrink:0}.settings-btn[data-v-324c3b2e]:hover{background:#e0e0e0;transform:rotate(30deg)}.nav-menu[data-v-324c3b2e]{position:relative;flex-shrink:0}.nav-menu-btn[data-v-324c3b2e]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:8px;cursor:pointer;transition:all .3s}.nav-menu-btn[data-v-324c3b2e]:hover{background:#e0e0e0}.nav-menu-icon[data-v-324c3b2e]{font-size:20px;color:#333}.nav-dropdown[data-v-324c3b2e]{position:absolute;top:100%;left:0;margin-top:12px;background:#fff;border-radius:16px;box-shadow:0 8px 32px #00000026;min-width:480px;max-width:600px;z-index:2800;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease}.nav-dropdown.show[data-v-324c3b2e]{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown-content[data-v-324c3b2e]{padding:20px;position:relative;z-index:1}.nav-grid[data-v-324c3b2e]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.nav-card[data-v-324c3b2e]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;border-radius:12px;text-decoration:none;color:#333;transition:all .3s;background:#f8f9fa}.nav-card[data-v-324c3b2e]:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.nav-card-icon[data-v-324c3b2e]{font-size:32px;line-height:1}.nav-card-name[data-v-324c3b2e]{font-size:13px;font-weight:500;text-align:center}.nav-overlay[data-v-324c3b2e]{position:fixed;inset:0;background:#0000004d;z-index:2700;opacity:0;visibility:hidden;transition:all .3s}.nav-overlay.show[data-v-324c3b2e]{opacity:1;visibility:visible}.main-container[data-v-324c3b2e]{display:flex;flex:1;overflow:visible}.sidebar[data-v-324c3b2e]{width:240px;background:linear-gradient(180deg,#667eea,#764ba2);padding:20px;box-shadow:2px 0 10px #0000001a;flex-shrink:0}.sidebar h2[data-v-324c3b2e]{color:#fff;font-size:20px;margin-bottom:30px;text-align:center;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.2)}.menu[data-v-324c3b2e]{display:flex;flex-direction:column;gap:8px}.menu-item[data-v-324c3b2e]{display:flex;align-items:center;padding:14px 16px;color:#fffc;cursor:pointer;border-radius:8px;transition:all .3s;text-decoration:none}.menu-item[data-v-324c3b2e]:hover{background:#ffffff1a;color:#fff}.menu-item.active[data-v-324c3b2e]{background:#fff3;color:#fff;font-weight:500}.menu-item .icon[data-v-324c3b2e]{font-size:18px;margin-right:12px}.content[data-v-324c3b2e]{flex:1;padding:20px;overflow-y:auto;overflow-x:hidden;min-width:0}@media(max-width:1024px){.header[data-v-324c3b2e]{padding:12px 0}.logo-icon[data-v-324c3b2e]{width:28px;height:28px}.page-title[data-v-324c3b2e]{font-size:20px}.page-subtitle[data-v-324c3b2e]{font-size:13px}.user-name[data-v-324c3b2e]{max-width:120px;font-size:14px}.nav-grid[data-v-324c3b2e]{grid-template-columns:repeat(2,1fr)}.nav-dropdown[data-v-324c3b2e]{min-width:320px;max-width:400px}.sidebar[data-v-324c3b2e]{width:200px;padding:16px}.sidebar h2[data-v-324c3b2e]{font-size:18px;margin-bottom:24px;padding-bottom:16px}.menu-item[data-v-324c3b2e]{padding:12px 14px}.menu-item .icon[data-v-324c3b2e]{font-size:16px;margin-right:10px}.content[data-v-324c3b2e]{padding:20px}}@media(max-width:768px){.header[data-v-324c3b2e]{padding:10px 0}.logo-icon[data-v-324c3b2e]{width:24px;height:24px}.page-title[data-v-324c3b2e]{font-size:18px}.page-subtitle[data-v-324c3b2e]{font-size:12px}.user-name[data-v-324c3b2e]{display:none}.nav-grid[data-v-324c3b2e]{grid-template-columns:repeat(2,1fr);gap:8px}.nav-card[data-v-324c3b2e]{padding:16px 12px}.nav-card-icon[data-v-324c3b2e]{font-size:28px}.nav-card-name[data-v-324c3b2e]{font-size:12px}.main-container[data-v-324c3b2e]{flex-direction:column}.sidebar[data-v-324c3b2e]{width:100%;padding:12px 16px;box-shadow:0 2px 10px #0000001a}.sidebar h2[data-v-324c3b2e]{display:none}.menu[data-v-324c3b2e]{flex-direction:row;overflow-x:auto;gap:8px;padding-bottom:4px}.menu-item[data-v-324c3b2e]{flex-shrink:0;padding:10px 14px;font-size:14px;white-space:nowrap}.menu-item .icon[data-v-324c3b2e]{font-size:18px;margin-right:6px}.menu-item span[data-v-324c3b2e]:not(.icon){display:inline}.content[data-v-324c3b2e]{padding:16px}}@media(max-width:480px){.header[data-v-324c3b2e]{padding:8px 0}.logo-icon[data-v-324c3b2e]{width:20px;height:20px}.page-title[data-v-324c3b2e]{font-size:16px}.page-subtitle[data-v-324c3b2e]{font-size:11px}.nav-dropdown[data-v-324c3b2e]{min-width:280px;max-width:320px;left:-10px}.nav-grid[data-v-324c3b2e]{grid-template-columns:repeat(2,1fr);gap:6px}.nav-card[data-v-324c3b2e]{padding:12px 8px}.nav-card-icon[data-v-324c3b2e]{font-size:24px}.nav-card-name[data-v-324c3b2e]{font-size:11px}.sidebar[data-v-324c3b2e]{padding:10px 12px}.menu[data-v-324c3b2e]{gap:6px}.menu-item[data-v-324c3b2e]{padding:8px 12px;font-size:13px}.menu-item .icon[data-v-324c3b2e]{font-size:16px;margin-right:4px}.content[data-v-324c3b2e]{padding:12px}}