*,*:before,*:after{margin:0;padding:0}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}ul,ol{list-style:none;margin:0;padding:0}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}table{border-collapse:collapse;border-spacing:0}button{background:none;border:none;padding:0;cursor:pointer}a{text-decoration:none;color:inherit}input,textarea{border:none;outline:none}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}fieldset{border:none;margin:0;padding:0}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}.group-modal-overlay[data-v-ecc454ce]{position:fixed;inset:0;background:#00000073;z-index:9999;display:flex;align-items:center;justify-content:center}.group-modal[data-v-ecc454ce]{background:#fff;border-radius:12px;width:340px;max-width:90vw;box-shadow:0 8px 32px #0000002e;overflow:hidden}.group-modal-header[data-v-ecc454ce]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e9ecef}.group-modal-title[data-v-ecc454ce]{font-size:15px;font-weight:600;color:#343a40}.group-modal-close[data-v-ecc454ce]{background:none;border:none;font-size:16px;color:#868e96;cursor:pointer;padding:2px 6px;border-radius:4px;transition:background .2s}.group-modal-close[data-v-ecc454ce]:hover{background:#f1f3f5;color:#343a40}.group-modal-body[data-v-ecc454ce]{padding:16px 20px 20px;display:flex;flex-direction:column;gap:14px}.group-modal-existing[data-v-ecc454ce]{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto}.group-modal-item[data-v-ecc454ce]{text-align:left;padding:9px 14px;border:1.5px solid #dee2e6;border-radius:8px;background:#f8f9fa;color:#343a40;font-size:14px;cursor:pointer;transition:all .2s}.group-modal-item[data-v-ecc454ce]:hover{border-color:#3a7bd5;background:#eef3fd;color:#3a7bd5}.group-modal-item.active[data-v-ecc454ce]{border-color:#3a7bd5;background:#3a7bd5;color:#fff;font-weight:600}.group-modal-empty[data-v-ecc454ce]{font-size:13px;color:#adb5bd;font-style:italic;padding:4px 0}.group-modal-new[data-v-ecc454ce]{display:flex;gap:8px;border-top:1px solid #e9ecef;padding-top:14px}.group-modal-input[data-v-ecc454ce]{flex:1;padding:8px 12px;border:1.5px solid #dee2e6;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s}.group-modal-input[data-v-ecc454ce]:focus{border-color:#3a7bd5}.group-modal-confirm-btn[data-v-ecc454ce]{padding:8px 14px;background:#3a7bd5;color:#fff;border:none;border-radius:8px;font-size:15px;cursor:pointer;transition:background .2s}.group-modal-confirm-btn[data-v-ecc454ce]:hover{background:#2f67b8}.current-categories-section[data-v-ecc454ce]{padding:15px 20px;border-bottom:2px solid #e9ecef;background:#fff;flex:1}.section-title[data-v-ecc454ce]{font-size:14px;font-weight:600;color:#495057;margin-bottom:12px}.categories-tags[data-v-ecc454ce]{display:flex;flex-wrap:wrap;gap:8px}.category-tag[data-v-ecc454ce]{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:20px;font-size:13px;font-weight:500;transition:all .3s ease}.category-tag[data-v-ecc454ce]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.tag-name[data-v-ecc454ce]{-webkit-user-select:none;user-select:none}.tag-delete-btn[data-v-ecc454ce]{background:#ffffff4d;border:none;color:#fff;width:18px;height:18px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .2s ease;padding:0;line-height:1}.tag-delete-btn[data-v-ecc454ce]:hover{background:#ffffff80;transform:scale(1.1)}.empty-hint[data-v-ecc454ce]{color:#adb5bd;font-size:13px;font-style:italic;padding:8px 0}@media (max-width: 768px){.current-categories-section[data-v-ecc454ce]{padding:12px 15px;width:60%;min-width:290px}.category-tag[data-v-ecc454ce]{font-size:12px;padding:5px 10px}}.sorting-badge[data-v-ecc454ce]{position:absolute;top:0;left:0;background:#eaaa06;color:#fff;padding:4px 12px;border-radius:12px 0 0;font-size:13px;font-weight:700;z-index:10;box-shadow:0 2px 6px #3a7bd54d;min-width:32px;text-align:center}.product-group-container[data-v-ecc454ce],.product-card[data-v-ecc454ce]{position:relative}@media (max-width: 768px){.sorting-badge[data-v-ecc454ce]{font-size:12px;padding:3px 10px}}@media (max-width: 480px){.sorting-badge[data-v-ecc454ce]{font-size:11px;padding:2px 8px}}.mini-cards-grid[data-v-ecc454ce]{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;padding:16px}.mini-product-card[data-v-ecc454ce]{background:#fff;border:2px solid #e9ecef;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease;position:relative}.mini-product-card[data-v-ecc454ce]:hover{border-color:#3a7bd5;box-shadow:0 4px 12px #6f42c126;transform:translateY(-4px)}.mini-card-image[data-v-ecc454ce]{width:100%;height:140px;position:relative;overflow:hidden;background:#f8f9fa}.mini-card-image img[data-v-ecc454ce]{width:100%;height:100%;object-fit:cover}.mini-card-status[data-v-ecc454ce]{position:absolute;top:8px;right:8px;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;background:#f8d7da;color:#721c24}.mini-card-status.active[data-v-ecc454ce]{background:#d4edda;color:#155724}.mini-card-info[data-v-ecc454ce]{padding:12px}.mini-card-name[data-v-ecc454ce]{font-size:14px;font-weight:600;color:#333;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-card-price[data-v-ecc454ce]{font-size:16px;font-weight:700;color:#3a7bd5;margin-bottom:4px}.mini-card-stock[data-v-ecc454ce]{font-size:12px;color:#6c757d}.mini-card-edit-hint[data-v-ecc454ce]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(135deg,#3a7bd5,#00d2ff);color:#fff;text-align:center;padding:8px;font-size:12px;font-weight:500;opacity:0;transition:opacity .3s ease}.mini-product-card:hover .mini-card-edit-hint[data-v-ecc454ce]{opacity:1}.group-select[data-v-ecc454ce]{width:100%;padding:8px 32px 8px 12px;border:1px solid #dee2e6;border-radius:6px;background-color:#fff;font-size:13px;color:#495057;cursor:pointer;outline:none;transition:border-color .2s ease;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:16px}.group-select[data-v-ecc454ce]:hover:not(.disabled){border-color:#3a7bd5}.group-select[data-v-ecc454ce]:focus{border-color:#3a7bd5;box-shadow:0 0 0 2px #6f42c11a}.group-select.disabled[data-v-ecc454ce]{cursor:not-allowed;opacity:.6;background-color:#e9ecef}.new-group-input-wrapper[data-v-ecc454ce]{display:flex;gap:6px;padding:12px 16px;background:#fff3cd;border-bottom:1px solid #ffc107;animation:slideDown-ecc454ce .3s ease}@keyframes slideDown-ecc454ce{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.new-group-input[data-v-ecc454ce]{flex:1;padding:8px 12px;border:2px solid #3a7bd5;border-radius:6px;font-size:13px;outline:none}.new-group-input[data-v-ecc454ce]:focus{box-shadow:0 0 0 3px #6f42c11a}.confirm-group-btn[data-v-ecc454ce],.cancel-group-btn[data-v-ecc454ce]{padding:8px 12px;border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:700;transition:all .2s}.confirm-group-btn[data-v-ecc454ce]{background:#28a745;color:#fff}.confirm-group-btn[data-v-ecc454ce]:hover{background:#218838}.cancel-group-btn[data-v-ecc454ce]{background:#dc3545;color:#fff}.cancel-group-btn[data-v-ecc454ce]:hover{background:#c82333}.product-detail-modal-overlay[data-v-ecc454ce]{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:100;padding:20px}.product-detail-modal[data-v-ecc454ce]{background:#fff;border-radius:16px;width:95%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn-ecc454ce .3s ease}@keyframes modalSlideIn-ecc454ce{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.product-detail-content[data-v-ecc454ce]{flex:1;overflow-y:auto;padding:20px;background:#f8f9fa;border-radius:16px}.detail-card[data-v-ecc454ce]{margin:0;box-shadow:none}.mobile-summary-row[data-v-ecc454ce]{display:none}.detail-modal-topbar[data-v-ecc454ce]{display:none;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e9ecef;background:#fff;flex-shrink:0}.detail-modal-back-btn[data-v-ecc454ce]{font-size:14px;color:#3a7bd5;background:none;border:none;cursor:pointer;padding:4px 0;font-weight:500}.detail-modal-topbar-title[data-v-ecc454ce]{font-size:15px;font-weight:600;color:#212529;flex:1;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 8px}.detail-modal-close-btn[data-v-ecc454ce]{font-size:16px;color:#6c757d;background:none;border:none;cursor:pointer;padding:4px;line-height:1}@media (max-width: 1024px){.mobile-summary-row[data-v-ecc454ce]{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer}.mobile-thumb[data-v-ecc454ce]{width:52px;height:52px;border-radius:8px;overflow:hidden;background:#f1f3f4;border:1px solid #e9ecef;flex-shrink:0;display:flex;align-items:center;justify-content:center}.mobile-thumb img[data-v-ecc454ce]{width:100%;height:100%;object-fit:cover}.mobile-thumb-placeholder[data-v-ecc454ce]{font-size:13px;color:#adb5bd}.mobile-meta[data-v-ecc454ce]{flex:1;min-width:0}.mobile-name[data-v-ecc454ce]{font-size:14px;font-weight:600;color:#212529;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}.mobile-price[data-v-ecc454ce]{font-size:13px;color:#6c757d}.mobile-toggle-col[data-v-ecc454ce]{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.mobile-unsaved-hint[data-v-ecc454ce]{font-size:12px;color:#3a7bd5;background:#e8f0fd;text-align:center;padding:6px 12px;border-top:1px solid #c8d9f8;cursor:pointer}.product-card .product-layout[data-v-ecc454ce],.product-card .save-cancel-actions[data-v-ecc454ce]{display:none}.product-card .sorting-badge[data-v-ecc454ce]{font-size:11px;padding:2px 8px}.product-detail-modal-overlay[data-v-ecc454ce]{padding:0;align-items:flex-end}.product-detail-modal[data-v-ecc454ce]{width:100%;max-height:100vh;height:100vh;border-radius:0;box-shadow:none;animation:modalSlideUp-ecc454ce .3s ease}.detail-modal-topbar[data-v-ecc454ce]{display:flex}.product-detail-modal[data-v-ecc454ce]{width:100%;max-height:95vh;border-radius:12px}@keyframes modalSlideUp-ecc454ce{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.product-detail-content[data-v-ecc454ce]{padding:12px;background:#f1f3f5;border-radius:0;margin-bottom:80px}.detail-card .product-layout[data-v-ecc454ce]{display:flex;flex-direction:column;height:auto;gap:10px}.detail-card .product-layout .image-section[data-v-ecc454ce]{align-self:center}.detail-card .product-layout .product-info[data-v-ecc454ce]{background:#fff;border-radius:10px;border:1px solid #e9ecef;padding:12px;gap:10px}.detail-card .product-layout .value-box[data-v-ecc454ce]{background:#fff;border-radius:10px;border:1px solid #e9ecef;padding:12px 14px;height:auto;min-height:56px;display:flex;align-items:center;justify-content:space-between;flex-direction:column;flex-wrap:wrap;gap:8px}.detail-card .product-layout .value-box .value-label[data-v-ecc454ce]{font-size:13px;color:#6c757d;font-weight:500;flex-shrink:0;min-width:64px}.detail-card .product-layout .value-box .value-input[data-v-ecc454ce]{width:100px;font-size:15px}.detail-card .product-layout .value-box .manage-type-btn[data-v-ecc454ce]{margin-top:0}.detail-card .product-layout .delete-box[data-v-ecc454ce]{background:#fff;border-radius:10px;border:1px solid #e9ecef;padding:12px 14px;height:auto;display:flex;align-items:center;justify-content:center}.detail-card .product-layout .delete-box .delete-btn[data-v-ecc454ce]{width:100%;padding:10px;font-size:14px;border-radius:8px}.detail-card .save-cancel-actions[data-v-ecc454ce]{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;margin-top:12px}.detail-card .save-cancel-actions .save-btn[data-v-ecc454ce],.detail-card .save-cancel-actions .save-activate-btn[data-v-ecc454ce]{flex:1;min-width:100px;padding:12px;font-size:14px}.detail-card .save-cancel-actions .cancel-btn[data-v-ecc454ce]{width:100%;padding:10px;font-size:14px}.detail-card .name-toggle-row[data-v-ecc454ce]{flex-direction:row;align-items:center;gap:10px}.detail-card .name-input-wrapper[data-v-ecc454ce]{flex:1}.detail-card .toggle-wrapper[data-v-ecc454ce]{align-self:center;flex-shrink:0}}@media (max-width: 768px){.mini-cards-grid[data-v-ecc454ce]{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;padding:12px}.mini-card-image[data-v-ecc454ce]{height:120px}.mini-card-name[data-v-ecc454ce]{font-size:13px}.mini-card-price[data-v-ecc454ce]{font-size:14px}}@media (max-width: 480px){.mini-cards-grid[data-v-ecc454ce]{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.mini-card-image[data-v-ecc454ce]{height:100px}.mini-card-info[data-v-ecc454ce]{padding:8px}.mini-card-name[data-v-ecc454ce]{font-size:12px;margin-bottom:6px}.mini-card-price[data-v-ecc454ce]{font-size:13px}.mini-card-stock[data-v-ecc454ce]{font-size:11px}}.product-management-container[data-v-ecc454ce]{background-color:#f8f9fa;height:calc(100vh - 60px);width:100%}.top-header[data-v-ecc454ce]{display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:0 20px;border-bottom:1px solid #e6dede;height:60px}.left-section[data-v-ecc454ce]{display:flex;align-items:center;gap:20px}.right-section[data-v-ecc454ce]{display:flex;align-items:center;gap:12px}.sorting-mode-btn[data-v-ecc454ce]{padding:10px 20px;background-color:#17a2b8;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;box-shadow:0 2px 4px #0000001a;transition:background-color .2s ease}.sorting-mode-btn[data-v-ecc454ce]:hover{background-color:#138496}.loading-container[data-v-ecc454ce]{display:flex;justify-content:center;align-items:center;padding:40px}.loading-spinner[data-v-ecc454ce]{font-size:18px;color:#3a7bd5}.filter-dropdown[data-v-ecc454ce]{position:relative}.stats-display[data-v-ecc454ce]{display:flex;align-items:center;gap:12px;padding:8px 16px;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;font-size:14px}.stat-item[data-v-ecc454ce]{display:flex;align-items:center;gap:6px}.stat-label[data-v-ecc454ce]{color:#6b7280;font-weight:500}.stat-value[data-v-ecc454ce]{color:#374151;font-weight:700;font-size:16px}.stat-item-detail[data-v-ecc454ce]{display:flex;gap:8px;padding-left:12px;border-left:1px solid #dee2e6}.stat-badge[data-v-ecc454ce]{padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.stat-badge.active[data-v-ecc454ce]{background-color:#d4edda;color:#155724}.stat-badge.inactive[data-v-ecc454ce]{background-color:#f8d7da;color:#721c24}.status-filter-select[data-v-ecc454ce]{padding:8px 32px 8px 12px;border:1px solid #dee2e6;border-radius:6px;background-color:#fff;font-size:14px;color:#495057;cursor:pointer;outline:none;transition:border-color .2s ease;min-width:140px;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:16px}.status-filter-select[data-v-ecc454ce]:hover{border-color:#3a7bd5}.status-filter-select[data-v-ecc454ce]:focus{border-color:#3a7bd5;box-shadow:0 0 0 2px #6f42c11a}.add-product-btn[data-v-ecc454ce]{padding:10px 20px;background-color:#3a7bd5;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;box-shadow:0 2px 4px #0000001a;transition:background-color .2s ease}.add-product-btn[data-v-ecc454ce]:hover{background-color:#5a359a}.products-content[data-v-ecc454ce]{background-color:#e6e5ed;padding:20px;min-height:calc(100vh - 120px)}.product-list[data-v-ecc454ce]{display:flex;flex-direction:column;gap:12px}.product-card[data-v-ecc454ce]{background:#fff;border-radius:12px;box-shadow:0 2px 6px #0000000d;padding:16px 20px;border:1px solid #e9ecef}.product-layout[data-v-ecc454ce]{display:flex;align-items:stretch;justify-content:space-between;gap:16px;width:100%;height:170px}.save-cancel-actions[data-v-ecc454ce]{display:flex;justify-content:center;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid #e9ecef}.cancel-btn[data-v-ecc454ce]{padding:8px 20px;background-color:#6c757d;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s ease}.cancel-btn[data-v-ecc454ce]:hover{background-color:#5a6268}.save-btn[data-v-ecc454ce]{padding:8px 20px;background-color:#28a745;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s ease}.save-btn[data-v-ecc454ce]:hover{background-color:#218838}.save-activate-btn[data-v-ecc454ce]{padding:8px 20px;background-color:#3a7bd5;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s ease}.save-activate-btn[data-v-ecc454ce]:hover{background-color:#5a359a}.image-section[data-v-ecc454ce]{flex:.5;display:flex;align-items:center;justify-content:center}.image-upload[data-v-ecc454ce]{width:100px;height:100px;border:2px dashed #dee2e6;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;overflow:hidden;background-color:#f8f9fa;position:relative}.image-upload[data-v-ecc454ce]:hover:not(.disabled){border-color:#007bff;background-color:#e3f2fd}.image-upload:hover:not(.disabled) .camera-overlay[data-v-ecc454ce]{opacity:1}.image-upload.disabled[data-v-ecc454ce]{cursor:not-allowed;opacity:.6;background-color:#f1f3f4}.image-placeholder[data-v-ecc454ce]{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#adb5bd}.camera-icon[data-v-ecc454ce]{font-size:20px;color:#fff}.uploaded-image[data-v-ecc454ce]{width:100%;height:100%;object-fit:cover}.camera-overlay[data-v-ecc454ce]{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;border-radius:6px}.product-info[data-v-ecc454ce]{flex:2;display:flex;flex-direction:column;gap:8px;padding:12px;justify-content:center}.name-toggle-row[data-v-ecc454ce]{display:flex;gap:12px;align-items:center}.name-input-wrapper[data-v-ecc454ce]{flex:1;position:relative;border:1px solid #dee2e6;border-radius:6px;background:#fff}.product-name-input[data-v-ecc454ce]{width:calc(100% - 16px);padding:10px 8px;border:none;background:transparent;font-size:14px;outline:none}.product-name-input.disabled[data-v-ecc454ce]{cursor:not-allowed}.product-name-input[data-v-ecc454ce]::placeholder{color:#adb5bd}.desc-input-wrapper[data-v-ecc454ce]{position:relative;border:1px solid #dee2e6;border-radius:6px;background:#fff}.product-desc-textarea[data-v-ecc454ce]{width:calc(100% - 16px);height:60px;padding:8px;border:none;background:transparent;font-size:14px;outline:none;resize:none;font-family:inherit}.product-desc-textarea.disabled[data-v-ecc454ce]{cursor:not-allowed}.product-desc-textarea[data-v-ecc454ce]::placeholder{color:#adb5bd}.char-count[data-v-ecc454ce]{position:absolute;bottom:4px;right:15px;font-size:11px;color:#adb5bd}.toggle-wrapper[data-v-ecc454ce]{flex:0 0 90px}.toggle-switch[data-v-ecc454ce]{position:relative;display:inline-block;width:90px;height:32px}.toggle-switch input[data-v-ecc454ce]{opacity:0;width:0;height:0}.toggle-slider[data-v-ecc454ce]{position:absolute;cursor:pointer;inset:0;background-color:#fca79c;transition:.5s;border-radius:16px;display:flex;align-items:center;justify-content:end;padding:10px}.toggle-slider[data-v-ecc454ce]:before{position:absolute;content:"";height:24px;width:24px;left:4px;bottom:4px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.toggle-slider[data-v-ecc454ce]{background-color:#79bf42;justify-content:start}input:checked+.toggle-slider[data-v-ecc454ce]:before{transform:translate(58px)}input:disabled+.toggle-slider[data-v-ecc454ce]{opacity:.5;cursor:not-allowed}.toggle-text[data-v-ecc454ce]{color:#fff;font-size:11px;font-weight:500;text-align:center;z-index:1}.value-box[data-v-ecc454ce]{flex:.7;height:100%;border:1px solid #d1d5db;border-radius:5px;background:#fff;display:flex;flex-direction:column;align-items:center;gap:6px}.value-label[data-v-ecc454ce]{width:100%;height:20%;padding:5px 0;font-size:14px;color:#6b7280;font-weight:500;text-align:center;background-color:#dddde8}.value-content[data-v-ecc454ce]{display:flex;align-items:center;justify-content:center;border-radius:5px;gap:2px;padding:10px;width:40%;border:1px solid #555555;background-color:#f8f9fa;margin:auto}.sold-content[data-v-ecc454ce]{display:flex;align-items:center;justify-content:center;padding:10px;width:40%;margin:auto}.currency[data-v-ecc454ce]{font-size:14px;color:#374151}.value-input[data-v-ecc454ce]{border:none;background:transparent;font-size:14px;font-weight:900;text-align:center;width:100%;outline:none;color:#374151}.value-input[data-v-ecc454ce]::-webkit-outer-spin-button,.value-input[data-v-ecc454ce]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.value-input.disabled[data-v-ecc454ce]{cursor:not-allowed}.value-display[data-v-ecc454ce]{font-size:14px;color:#374151;font-weight:500}.tax-box[data-v-ecc454ce]{flex:.7;height:100%;border:1px solid #d1d5db;border-radius:5px;background:#fff;display:flex;flex-direction:column;align-items:center;gap:4px}.tax-content[data-v-ecc454ce]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px;width:100%;flex:1}.tax-select[data-v-ecc454ce],.tax-rate-select[data-v-ecc454ce]{width:90%;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;background-color:#f8f9fa;font-size:12px;color:#374151;cursor:pointer;outline:none;transition:border-color .2s ease}.tax-select[data-v-ecc454ce]:hover:not(.disabled),.tax-rate-select[data-v-ecc454ce]:hover:not(.disabled){border-color:#3a7bd5}.tax-select[data-v-ecc454ce]:focus,.tax-rate-select[data-v-ecc454ce]:focus{border-color:#3a7bd5;box-shadow:0 0 0 2px #6f42c11a}.tax-select.disabled[data-v-ecc454ce],.tax-rate-select.disabled[data-v-ecc454ce]{cursor:not-allowed;opacity:.6;background-color:#f1f3f4}.delete-box[data-v-ecc454ce]{flex:.2;height:100%}.delete-btn[data-v-ecc454ce]{width:100%;height:100%;background:#eaeaea;color:#6b7280;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:12px;font-weight:500;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.delete-btn[data-v-ecc454ce]:hover:not(.disabled){background:#f3f4f6;color:#4b5563;border-color:#9ca3af}.delete-btn.disabled[data-v-ecc454ce]{cursor:not-allowed;opacity:.5;background:#f1f3f4}.load-more-section[data-v-ecc454ce]{display:flex;justify-content:center;padding:20px 0}.load-more-btn[data-v-ecc454ce]{padding:12px 30px;background-color:#3a7bd5;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s ease;box-shadow:0 2px 4px #0000001a}.load-more-btn[data-v-ecc454ce]:hover{background-color:#5a359a}.image-modal-overlay[data-v-ecc454ce]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.image-modal[data-v-ecc454ce]{background:#fff;border-radius:12px;padding:20px;width:600px;max-width:90vw;max-height:80vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.close-btn[data-v-ecc454ce]{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-btn[data-v-ecc454ce]:hover{color:#333;background:#f5f5f5}.main-image-section[data-v-ecc454ce]{text-align:center;margin-bottom:20px}.main-image[data-v-ecc454ce]{width:100%;max-width:400px;max-height:300px;object-fit:contain;border:1px solid #eee;border-radius:8px;background:#f9f9f9;margin:0 auto}.delete-main-btn[data-v-ecc454ce]{margin-top:15px;padding:8px 20px;background:#dc3545;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s}.delete-main-btn[data-v-ecc454ce]:hover{background:#c82333}.thumbnail-section[data-v-ecc454ce]{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;padding-top:15px;border-top:1px solid #eee}.thumbnail-item[data-v-ecc454ce]{width:80px;height:80px;border:2px solid transparent;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s}.thumbnail-item[data-v-ecc454ce]:hover{border-color:#3a7bd5;transform:scale(1.05)}.thumbnail-item.active[data-v-ecc454ce]{border-color:#3a7bd5;box-shadow:0 0 0 2px #6f42c133}.thumbnail-item img[data-v-ecc454ce]{width:100%;height:100%;object-fit:cover}.add-image-btn[data-v-ecc454ce]{width:80px;height:80px;border:2px dashed #ccc;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:28px;color:#666;transition:all .2s;background:#f9f9f9;font-weight:300}.add-image-btn[data-v-ecc454ce]:hover{border-color:#3a7bd5;color:#3a7bd5;background:#f8f6ff;transform:scale(1.05)}.image-modal.dragging[data-v-ecc454ce]{border:3px dashed #3a7bd5;background:#f8f6ff;transform:scale(1.02)}.image-modal.dragging[data-v-ecc454ce]:before{content:"放開上傳圖片";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;font-weight:700;color:#3a7bd5;background:#fff;padding:20px 40px;border-radius:12px;box-shadow:0 4px 20px #6f42c14d;z-index:10;pointer-events:none}.drag-hint[data-v-ecc454ce]{font-size:12px;color:#999;font-weight:400;margin-left:8px}.add-category-bar[data-v-ecc454ce]{padding:20px;background:#f8f9fa;border-bottom:2px solid #e9ecef;display:flex;gap:12px;align-items:center}.category-box[data-v-ecc454ce]{display:flex;justify-content:center;align-items:center;flex:1;min-width:300px;gap:15px}.category-name-input[data-v-ecc454ce]{flex:1;padding:10px 15px;border:2px solid #dee2e6;border-radius:8px;font-size:14px;transition:all .3s ease}.category-name-input[data-v-ecc454ce]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.add-cat-btn[data-v-ecc454ce]{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 ease;white-space:nowrap}.add-cat-btn[data-v-ecc454ce]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.category-list-container[data-v-ecc454ce]{padding:20px;max-height:500px;overflow-y:auto}.category-item[data-v-ecc454ce]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border:2px solid #e9ecef;border-radius:12px;margin-bottom:10px;transition:all .3s ease}.category-item[data-v-ecc454ce]:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.category-item-left[data-v-ecc454ce]{display:flex;align-items:center;gap:15px;flex:1}.cat-item-img[data-v-ecc454ce]{width:60px;height:60px;object-fit:cover;border-radius:8px;border:2px solid #e9ecef}.cat-item-info[data-v-ecc454ce]{flex:1}.cat-item-name[data-v-ecc454ce]{font-size:14px;font-weight:600;color:#2c3e50;display:flex;align-items:center;gap:8px}.group-icon[data-v-ecc454ce]{font-size:16px}.cat-count-badge[data-v-ecc454ce]{display:inline-block;padding:2px 10px;background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1976d2;border-radius:12px;font-size:12px;font-weight:500}.cat-select[data-v-ecc454ce]{padding:8px 12px;border:2px solid #dee2e6;border-radius:8px;font-size:14px;min-width:180px;background:#fff;cursor:pointer;transition:all .3s ease}.cat-select[data-v-ecc454ce]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.cat-select[data-v-ecc454ce]:hover{border-color:#adb5bd}.category-item-right[data-v-ecc454ce]{display:flex;align-items:center;gap:10px}.check-wrapper[data-v-ecc454ce]{width:28px;height:28px;opacity:0;transition:opacity .3s ease}.check-wrapper.visible[data-v-ecc454ce]{opacity:1}.checkmark[data-v-ecc454ce]{width:28px;height:28px}.checkmark-path[data-v-ecc454ce]{stroke:#28a745;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:35;stroke-dashoffset:35;transition:none}.check-wrapper.visible .checkmark-path[data-v-ecc454ce]{animation:drawCheck-ecc454ce .4s ease forwards}@keyframes drawCheck-ecc454ce{to{stroke-dashoffset:0}}@media (max-width: 768px){.add-category-bar[data-v-ecc454ce]{flex-direction:column;gap:10px}.category-item[data-v-ecc454ce]{flex-direction:column;gap:12px;justify-content:center;align-items:center}.category-item-left[data-v-ecc454ce],.cat-select[data-v-ecc454ce]{width:100%}.category-name-input[data-v-ecc454ce],.add-cat-btn[data-v-ecc454ce]{padding:10px}}.sorting-modal-overlay[data-v-ecc454ce]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1003}.sorting-modal[data-v-ecc454ce]{background:#fff;border-radius:12px;width:90%;max-width:1200px;height:80vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0003}.modal-header[data-v-ecc454ce]{display:flex;flex-direction:row;justify-content:space-between;padding:10px}.sorting-loading[data-v-ecc454ce]{display:flex;justify-content:center;align-items:center;flex:1}.sorting-content[data-v-ecc454ce]{display:flex;gap:20px;padding:20px;flex:1;overflow:hidden}.sorting-section[data-v-ecc454ce]{flex:1;display:flex;flex-direction:column;border:2px solid #e9ecef;border-radius:8px;background:#f8f9fa;overflow:hidden}.left-section-sort[data-v-ecc454ce]{border-color:#3a7bd5}.right-section-sort[data-v-ecc454ce]{border-color:#6c757d}.section-header[data-v-ecc454ce]{padding:12px 16px;background:#fff;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}.section-header h4[data-v-ecc454ce]{margin:0;font-size:16px;color:#333}.hint[data-v-ecc454ce]{font-size:12px;color:#6c757d}.sorting-list[data-v-ecc454ce]{flex:1;overflow-y:auto;padding:12px}.sorting-item[data-v-ecc454ce]{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border:1px solid #dee2e6;border-radius:6px;margin-bottom:8px;cursor:move;transition:all .2s;-webkit-user-select:none;user-select:none}.sorting-item[data-v-ecc454ce]:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.drag-handle[data-v-ecc454ce]{cursor:grab;color:#6c757d;font-size:18px;-webkit-user-select:none;user-select:none}.drag-handle[data-v-ecc454ce]:active{cursor:grabbing}.product-thumb[data-v-ecc454ce]{width:50px;height:50px;object-fit:cover;border-radius:4px;border:1px solid #dee2e6}.product-name[data-v-ecc454ce]{flex:1;font-size:14px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sorting-input[data-v-ecc454ce]{width:70px;padding:6px 8px;border:1px solid #dee2e6;border-radius:4px;text-align:center;font-size:14px;outline:none}.sorting-input[data-v-ecc454ce]:focus{border-color:#3a7bd5;box-shadow:0 0 0 2px #6f42c11a}.sorting-input[data-v-ecc454ce]:disabled{background:#f1f3f4;cursor:not-allowed}.empty-hint[data-v-ecc454ce]{text-align:center;color:#6c757d;padding:40px 20px;font-size:14px}.modal-footer[data-v-ecc454ce]{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #e9ecef;background:#fff;flex-shrink:0}@media (max-width: 768px){.sorting-modal[data-v-ecc454ce]{width:100%;height:100dvh;max-width:100%;border-radius:0}.sorting-modal-overlay[data-v-ecc454ce]{align-items:flex-end}.sorting-content[data-v-ecc454ce]{flex-direction:column;overflow-y:auto}.sorting-section[data-v-ecc454ce]{min-height:200px;flex:0 0 auto}.sorting-list[data-v-ecc454ce]{max-height:300px;overflow-y:auto}}.cancel-modal-btn[data-v-ecc454ce]{padding:10px 24px;background:#6c757d;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s}.cancel-modal-btn[data-v-ecc454ce]:hover{background:#5a6268}.save-modal-btn[data-v-ecc454ce]{padding:10px 24px;background:#3a7bd5;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s}.save-modal-btn[data-v-ecc454ce]:hover:not(:disabled){background:#5a359a}.save-modal-btn[data-v-ecc454ce]:disabled{opacity:.6;cursor:not-allowed}.product-type-modal-content[data-v-ecc454ce]{flex:1;display:flex;flex-direction:column;align-items:center;padding:8px;font-size:12px;color:#374151;overflow-y:auto;overflow-x:hidden}.empty-text[data-v-ecc454ce]{color:#9ca3af;font-size:11px}.type-line[data-v-ecc454ce]{font-size:11px;line-height:1.4;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.manage-type-btn[data-v-ecc454ce]{width:90%;margin:0 auto 8px;padding:6px 12px;background:#3a7bd5;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:11px;font-weight:500;transition:background-color .2s}.manage-type-btn[data-v-ecc454ce]:hover:not(.disabled){background:#5a359a}.manage-type-btn.disabled[data-v-ecc454ce]{cursor:not-allowed;opacity:.5;background:#9ca3af}.product-type-modal-overlay[data-v-ecc454ce]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:102}.product-type-modal[data-v-ecc454ce]{background:#fff;border-radius:12px;width:600px;max-width:90vw;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0003}.product-type-content[data-v-ecc454ce]{flex:1;overflow-y:auto;display:flex;justify-content:center;flex-direction:column}.key-section[data-v-ecc454ce]{border:2px solid #e9ecef;border-radius:8px;padding:16px;margin-bottom:16px;background:#f8f9fa}.key-header[data-v-ecc454ce]{font-size:14px;font-weight:600;color:#3a7bd5;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #dee2e6}.key-body[data-v-ecc454ce]{display:flex;flex-direction:column;gap:12px}.input-row[data-v-ecc454ce]{display:flex;align-items:center;gap:12px}.input-row label[data-v-ecc454ce]{font-size:13px;color:#495057;min-width:80px}.key-name-input[data-v-ecc454ce]{flex:1;padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:13px;outline:none}.key-name-input[data-v-ecc454ce]:focus{border-color:#3a7bd5;box-shadow:0 0 0 2px #6f42c11a}.values-section[data-v-ecc454ce]{display:flex;flex-direction:column;gap:8px}.values-section>label[data-v-ecc454ce]{font-size:13px;color:#495057}.values-list[data-v-ecc454ce]{display:flex;flex-direction:column;gap:6px;padding:12px;background:#fff;border:1px solid #dee2e6;border-radius:6px}.value-item[data-v-ecc454ce]{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#f8f9fa;border-radius:4px;transition:background-color .2s}.value-item[data-v-ecc454ce]:hover{background:#e9ecef}.add-value-item[data-v-ecc454ce]{background:#fff;border:1px dashed #ced4da}.add-value-item[data-v-ecc454ce]:hover{background:#f8f6ff;border-color:#3a7bd5}.bullet[data-v-ecc454ce]{color:#3a7bd5;font-weight:700;font-size:16px;-webkit-user-select:none;user-select:none}.value-text[data-v-ecc454ce]{flex:1;font-size:13px;color:#212529;cursor:pointer;padding:4px;border-radius:3px;transition:background-color .2s}.value-text[data-v-ecc454ce]:hover{background:#dee2e6}.value-edit-input[data-v-ecc454ce],.new-value-input[data-v-ecc454ce]{flex:1;padding:4px 8px;border:1px solid #3a7bd5;border-radius:4px;font-size:13px;outline:none}.value-edit-input[data-v-ecc454ce]:focus,.new-value-input[data-v-ecc454ce]:focus{box-shadow:0 0 0 2px #6f42c11a}.save-edit-btn[data-v-ecc454ce],.cancel-edit-btn[data-v-ecc454ce],.remove-value-btn[data-v-ecc454ce],.add-value-btn[data-v-ecc454ce]{padding:4px 8px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:700;transition:all .2s;min-width:28px;height:28px;display:flex;align-items:center;justify-content:center}.save-edit-btn[data-v-ecc454ce]{background:#28a745;color:#fff}.save-edit-btn[data-v-ecc454ce]:hover{background:#218838}.cancel-edit-btn[data-v-ecc454ce]{background:#6c757d;color:#fff}.cancel-edit-btn[data-v-ecc454ce]:hover{background:#5a6268}.remove-value-btn[data-v-ecc454ce]{background:#dc3545;color:#fff}.remove-value-btn[data-v-ecc454ce]:hover{background:#c82333}.add-value-btn[data-v-ecc454ce]{background:#3a7bd5;color:#fff}.add-value-btn[data-v-ecc454ce]:hover{background:#5a359a}.warning-text[data-v-ecc454ce]{margin-top:16px;padding:12px;background:#fff3cd;border:1px solid #ffc107;border-radius:6px;color:#856404;font-size:12px;text-align:center}.product-group-container[data-v-ecc454ce]{border:2px solid #e9ecef;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 2px 6px #0000000d}.product-group-layout[data-v-ecc454ce]{display:flex;height:190px;align-items:stretch}.group-info-section[data-v-ecc454ce]{flex:0 0 10%;background:#f8f9fa;border-right:2px solid #dee2e6;display:flex;align-items:center;justify-content:center;padding:16px 12px}.group-info-content[data-v-ecc454ce]{display:flex;flex-direction:column;gap:8px;width:100%}.group-name-row[data-v-ecc454ce]{display:flex;flex-direction:column;gap:6px;width:100%}.group-name-text[data-v-ecc454ce]{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:#333}.group-icon[data-v-ecc454ce]{font-size:18px}.group-name[data-v-ecc454ce]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-actions-inline[data-v-ecc454ce]{display:flex;gap:6px;width:100%}.group-btn-inline[data-v-ecc454ce]{flex:1;padding:4px 8px;border:1px solid #dee2e6;border-radius:4px;background:#fff;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s;color:#495057}.group-btn-inline.edit-btn[data-v-ecc454ce]:hover{background:#e3f2fd;border-color:#2196f3;color:#1976d2}.group-btn-inline.delete-btn[data-v-ecc454ce]:hover{background:#ffebee;border-color:#f44336;color:#d32f2f}.group-count-row[data-v-ecc454ce]{font-size:12px;color:#6c757d;font-weight:500}.group-price-row[data-v-ecc454ce]{font-size:12px;color:#495057;font-weight:600;line-height:1.4}.group-products-section[data-v-ecc454ce]{flex:1;height:160px;overflow-x:auto;overflow-y:hidden;padding:12px;border-radius:12px;background:#fafbfc}.group-products-horizontal[data-v-ecc454ce]{display:flex;gap:12px;height:100%;align-items:stretch}.group-products-horizontal .mini-product-card[data-v-ecc454ce]{flex:0 0 160px;height:100%;background:#fff;border:2px solid #e9ecef;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s ease;position:relative;display:flex;flex-direction:column}.group-products-horizontal .mini-product-card[data-v-ecc454ce]:hover{border-color:#3a7bd5;box-shadow:0 4px 12px #3a7bd526;transform:translateY(-2px)}.group-products-horizontal .mini-card-image[data-v-ecc454ce]{width:100%;height:90px;position:relative;overflow:hidden;background:#f8f9fa;flex-shrink:0}.group-products-horizontal .mini-card-image img[data-v-ecc454ce]{width:100%;height:100%;object-fit:cover}.group-products-horizontal .mini-card-status[data-v-ecc454ce]{position:absolute;top:6px;right:6px;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:600;background:#f8d7da;color:#721c24}.group-products-horizontal .mini-card-status.active[data-v-ecc454ce]{background:#d4edda;color:#155724}.group-products-horizontal .mini-card-info[data-v-ecc454ce]{padding:8px;flex:1;display:flex;flex-direction:column;justify-content:space-between}.group-products-horizontal .mini-card-name[data-v-ecc454ce]{font-size:12px;font-weight:600;color:#333;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-products-horizontal .mini-card-price[data-v-ecc454ce]{font-size:13px;font-weight:700;color:#3a7bd5;margin-bottom:2px}.group-products-horizontal .mini-card-stock[data-v-ecc454ce]{font-size:10px;color:#6c757d}.group-products-horizontal .mini-card-edit-hint[data-v-ecc454ce]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(135deg,#3a7bd5,#00d2ff);color:#fff;text-align:center;padding:6px;font-size:11px;font-weight:500;opacity:0;transition:opacity .3s ease}.group-products-horizontal .mini-product-card:hover .mini-card-edit-hint[data-v-ecc454ce]{opacity:1}.group-products-section[data-v-ecc454ce]::-webkit-scrollbar{height:8px}.group-products-section[data-v-ecc454ce]::-webkit-scrollbar-track{background:#f1f3f4;border-radius:4px}.group-products-section[data-v-ecc454ce]::-webkit-scrollbar-thumb{background:#c1c7cd;border-radius:4px;transition:background .3s}.group-products-section[data-v-ecc454ce]::-webkit-scrollbar-thumb:hover{background:#a8aeb4}@media (max-width: 992px){.top-header[data-v-ecc454ce]{flex-direction:column;height:auto;padding:12px 20px;gap:12px}.stats-display[data-v-ecc454ce]{font-size:13px;padding:6px 12px;gap:10px}.stat-value[data-v-ecc454ce]{font-size:14px}.stat-badge[data-v-ecc454ce]{font-size:11px;padding:2px 8px}.product-layout[data-v-ecc454ce]{height:90px;gap:10px}.image-upload[data-v-ecc454ce]{width:70px;height:70px}.camera-icon[data-v-ecc454ce]{font-size:16px}.product-desc-textarea[data-v-ecc454ce]{height:30px}.value-input[data-v-ecc454ce]{width:40px;font-size:12px}.value-label[data-v-ecc454ce],.value-display[data-v-ecc454ce],.delete-btn[data-v-ecc454ce]{font-size:11px}.tax-select[data-v-ecc454ce],.tax-rate-select[data-v-ecc454ce]{width:43%}.left-section[data-v-ecc454ce]{gap:12px}.status-filter-select[data-v-ecc454ce]{min-width:120px;font-size:13px}.sorting-content[data-v-ecc454ce]{flex-direction:column;gap:12px}.sorting-section[data-v-ecc454ce]{min-height:300px}.product-group-layout[data-v-ecc454ce]{flex-direction:column;height:auto}.group-info-section[data-v-ecc454ce]{flex:0 0 auto;border-right:none;border-bottom:2px solid #dee2e6;padding:30px 10px 10px}.group-name-row[data-v-ecc454ce]{flex-direction:row;align-items:center;justify-content:space-between}.group-actions-inline[data-v-ecc454ce]{width:auto;flex:0 0 auto}.group-products-section[data-v-ecc454ce]{height:200px}.group-products-horizontal .mini-product-card[data-v-ecc454ce]{flex:0 0 140px}.manage-type-btn[data-v-ecc454ce]{width:40%}}.sortable-ghost[data-v-ecc454ce]{opacity:0;visibility:hidden}@media (max-width: 768px){.left-section[data-v-ecc454ce]{justify-content:center;gap:16px}.stats-display[data-v-ecc454ce]{width:100%;justify-content:center}.stat-item-detail[data-v-ecc454ce]{border-left:none;padding-left:8px}.product-layout[data-v-ecc454ce]{flex-direction:column;align-items:stretch;height:auto;gap:16px}.image-section[data-v-ecc454ce]{align-self:center;flex:0 0 auto}.product-info[data-v-ecc454ce]{flex:1}.name-toggle-row[data-v-ecc454ce]{flex-direction:column;align-items:stretch;gap:12px}.toggle-wrapper[data-v-ecc454ce]{align-self:center;flex:0 0 auto}.value-box[data-v-ecc454ce],.tax-box[data-v-ecc454ce],.delete-box[data-v-ecc454ce]{height:80px}.save-cancel-actions[data-v-ecc454ce]{flex-direction:column;gap:8px}.image-modal[data-v-ecc454ce]{width:95vw;padding:15px}.main-image[data-v-ecc454ce]{max-width:100%;max-height:250px}.thumbnail-item[data-v-ecc454ce],.add-image-btn[data-v-ecc454ce]{width:60px;height:60px}.add-image-btn[data-v-ecc454ce]{font-size:24px}.drag-hint[data-v-ecc454ce]{display:none}.group-name-text[data-v-ecc454ce]{font-size:13px}.group-icon[data-v-ecc454ce]{font-size:16px}.group-btn-inline[data-v-ecc454ce]{padding:3px 6px;font-size:10px}.group-count-row[data-v-ecc454ce],.group-price-row[data-v-ecc454ce]{font-size:11px}.group-products-horizontal .mini-product-card[data-v-ecc454ce]{flex:0 0 120px}.group-products-horizontal .mini-card-image[data-v-ecc454ce]{height:80px}.products-content[data-v-ecc454ce]{padding:20px 20px 80px}}@media (max-width: 480px){.products-content[data-v-ecc454ce],.product-card[data-v-ecc454ce]{padding:12px}.product-layout[data-v-ecc454ce]{gap:12px}.value-box[data-v-ecc454ce],.tax-box[data-v-ecc454ce],.delete-box[data-v-ecc454ce]{height:70px}.value-input[data-v-ecc454ce]{width:35px}.left-section[data-v-ecc454ce]{flex-direction:column;align-items:center;gap:8px}.status-filter-select[data-v-ecc454ce]{min-width:100px;font-size:12px}.save-cancel-actions[data-v-ecc454ce]{flex-direction:column;gap:8px}.cancel-btn[data-v-ecc454ce],.save-btn[data-v-ecc454ce],.save-activate-btn[data-v-ecc454ce]{padding:10px 16px;font-size:13px}.thumbnail-section[data-v-ecc454ce]{gap:8px}.thumbnail-item[data-v-ecc454ce],.add-image-btn[data-v-ecc454ce]{width:50px;height:50px}.add-image-btn[data-v-ecc454ce]{font-size:20px}.delete-main-btn[data-v-ecc454ce]{padding:6px 16px;font-size:13px}.stats-display[data-v-ecc454ce]{font-size:12px;padding:6px 10px;gap:8px}.stat-value[data-v-ecc454ce]{font-size:13px}.stat-badge[data-v-ecc454ce]{font-size:10px;padding:2px 6px}}.store-settings-container[data-v-793d33af]{background-color:#f8f9fa;min-height:calc(100vh - 60px);width:100%}.loading-overlay[data-v-793d33af]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.loading-container[data-v-793d33af]{display:flex;flex-direction:column;align-items:center;gap:15px;color:#fff}.loading-spinner[data-v-793d33af]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin-793d33af 1s linear infinite}@keyframes spin-793d33af{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.settings-form[data-v-793d33af]{background-color:#fff;border-radius:12px;padding:30px;box-shadow:0 4px 12px #0000001a;margin:20px}.form-section[data-v-793d33af]{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #e9ecef}.form-section[data-v-793d33af]:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-header[data-v-793d33af]{margin-bottom:25px;display:flex}.section-title-group[data-v-793d33af]{display:flex}.section-title-content[data-v-793d33af]{display:flex;flex-direction:column;justify-content:center;align-items:center}.section-badge[data-v-793d33af]{background-color:#6c757d;color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;display:inline-block}.section-label[data-v-793d33af]{padding:8px 16px}.required-notice[data-v-793d33af]{color:red;border-radius:12px;font-size:12px;font-weight:500;display:inline-block}.required-star[data-v-793d33af]{color:red;font-weight:700;margin-left:2px}.form-group[data-v-793d33af]{margin-bottom:25px}.form-group label[data-v-793d33af]{display:block;margin-bottom:5px;font-weight:600;color:#495057;font-size:14px}.field-hint[data-v-793d33af]{display:block;margin-top:8px;color:#6c757d;font-size:13px;line-height:1.5}.form-input[data-v-793d33af]{width:30%;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:16px;transition:border-color .3s ease;background-color:#fff}.form-input[data-v-793d33af]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-textarea[data-v-793d33af]{width:30%;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:16px;transition:border-color .3s ease;background-color:#fff;resize:vertical;font-family:inherit;line-height:1.5;white-space:pre-wrap}.form-textarea[data-v-793d33af]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.toggle-switch[data-v-793d33af]{position:relative;display:inline-block;width:90px;height:32px}.toggle-switch input[data-v-793d33af]{opacity:0;width:0;height:0}.toggle-slider[data-v-793d33af]{position:absolute;cursor:pointer;inset:0;background-color:#fca79c;transition:.4s;border-radius:16px;display:flex;align-items:center;justify-content:flex-end;padding:0 10px}.toggle-slider[data-v-793d33af]:before{position:absolute;content:"";height:24px;width:24px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider[data-v-793d33af]{background-color:#79bf42;justify-content:flex-start}input:checked+.toggle-slider[data-v-793d33af]:before{transform:translate(58px)}input:disabled+.toggle-slider[data-v-793d33af]{opacity:.6;cursor:not-allowed}.toggle-text[data-v-793d33af]{color:#fff;font-size:11px;font-weight:500;text-align:center;z-index:1}.domain-display[data-v-793d33af]{width:100%;max-width:600px;display:flex;align-items:center;gap:15px;padding:12px 16px;background-color:#f8f9fa;border:2px solid #e9ecef;border-radius:8px}.domain-info[data-v-793d33af]{flex:1;display:flex;flex-direction:column;gap:5px}.pending-badge[data-v-793d33af]{display:inline-block;background-color:#fff3cd;color:#856404;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;border:1px solid #ffeaa7}.approved-badge[data-v-793d33af]{display:inline-block;background-color:#d4edda;color:#155724;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;border:1px solid #c3e6cb}.rejected-badge[data-v-793d33af]{display:inline-block;background-color:#f8d7da;color:#721c24;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;border:1px solid #f5c6cb}.btn-cancel[data-v-793d33af]{background-color:#dc3545;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-cancel[data-v-793d33af]:hover{background-color:#c82333;transform:translateY(-1px)}.btn-approve[data-v-793d33af]{background-color:#28a745;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-approve[data-v-793d33af]:hover{background-color:#218838;transform:translateY(-1px)}.btn-reject[data-v-793d33af]{background-color:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-reject[data-v-793d33af]:hover{background-color:#5a6268;transform:translateY(-1px)}.domain-text[data-v-793d33af]{flex:1;font-size:16px;font-weight:600;color:#495057}.btn-apply[data-v-793d33af]{background-color:#667eea;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-apply[data-v-793d33af]:hover{background-color:#5568d3;transform:translateY(-1px)}.editor-toolbar[data-v-793d33af]{margin-bottom:8px;padding:8px;border:1px solid #e9ecef;border-bottom:none;border-radius:8px 8px 0 0;background-color:#f8f9fa;display:flex;flex-wrap:wrap;gap:8px}.toolbar-btn[data-v-793d33af]{padding:6px 12px;border:1px solid #dee2e6;border-radius:4px;background-color:#fff;cursor:pointer;font-size:14px;transition:all .2s ease}.toolbar-btn[data-v-793d33af]:hover{background-color:#e9ecef;border-color:#adb5bd}.toolbar-btn[data-v-793d33af]:active{background-color:#667eea;color:#fff}.toolbar-divider[data-v-793d33af]{width:1px;height:auto;background-color:#dee2e6;margin:0 8px}.toolbar-select[data-v-793d33af]{padding:6px 12px;border:1px solid #dee2e6;border-radius:4px;background-color:#fff;cursor:pointer;font-size:14px;transition:all .2s ease;min-width:120px}.toolbar-select[data-v-793d33af]:hover{background-color:#e9ecef;border-color:#adb5bd}.toolbar-select[data-v-793d33af]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.color-picker-wrapper[data-v-793d33af]{position:relative;display:inline-block}.color-btn[data-v-793d33af]{cursor:pointer;position:relative;overflow:hidden}.color-input[data-v-793d33af]{position:absolute;opacity:0;width:100%;height:100%;top:0;left:0;cursor:pointer}.color-quick[data-v-793d33af]{font-size:16px;padding:4px 8px;min-width:auto}.color-quick[data-v-793d33af]:hover{transform:scale(1.2)}.rich-editor[data-v-793d33af]{width:100%;min-height:120px;padding:12px;border:2px solid #e9ecef;border-top:none;border-radius:0 0 8px 8px;font-size:14px;line-height:1.6;background-color:#fff;transition:border-color .3s ease;outline:none;box-sizing:border-box;overflow-y:auto}.rich-editor[data-v-793d33af]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.rich-editor[data-v-793d33af]:empty:before{content:attr(data-placeholder);color:#6c757d;font-style:italic}.rich-editor p[data-v-793d33af]{margin:0 0 8px}.rich-editor p[data-v-793d33af]:last-child{margin-bottom:0}.image-upload-container[data-v-793d33af]{display:flex;align-items:center;gap:15px}.upload-area[data-v-793d33af]{border:2px dashed #dee2e6;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;background-color:#f8f9fa;position:relative;overflow:hidden}.upload-area[data-v-793d33af]:hover{border-color:#667eea;background-color:#f0f4ff}.upload-area.small-icon[data-v-793d33af]{height:120px;max-width:300px}.upload-area.logo-icon[data-v-793d33af]{height:150px;max-width:350px}.upload-area.store-banner[data-v-793d33af]{height:200px;width:100%;max-width:600px}.uploaded-image[data-v-793d33af]{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.image-hint[data-v-793d33af]{display:block;margin-top:8px;color:#6c757d;font-size:13px;line-height:1.5}.btn-delete-image[data-v-793d33af]{background-color:#dc3545;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-delete-image[data-v-793d33af]:hover{background-color:#c82333;transform:translateY(-1px)}.save-button-container[data-v-793d33af]{position:fixed;bottom:10px;left:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:center;gap:15px;padding:20px;z-index:1000;pointer-events:none}.reset-button[data-v-793d33af]{pointer-events:all;background-color:#6c757d;color:#fff;border:none;padding:16px 40px;border-radius:50px;font-size:16px;font-weight:600;box-shadow:0 8px 20px #6c757d4d;cursor:pointer;transition:all .3s ease}.reset-button[data-v-793d33af]:hover{background-color:#5a6268;transform:translateY(-2px);box-shadow:0 12px 30px #6c757d66}.reset-button[data-v-793d33af]:active{transform:translateY(0)}.save-button[data-v-793d33af]{pointer-events:all;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:16px 50px;border-radius:50px;font-size:16px;font-weight:600;box-shadow:0 8px 20px #667eea66;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px;animation:pulse-793d33af 2s infinite}.save-button[data-v-793d33af]:hover{transform:translateY(-2px);box-shadow:0 12px 30px #667eea80}.save-button[data-v-793d33af]:active{transform:translateY(0)}.save-button[data-v-793d33af]:disabled{opacity:.6;cursor:not-allowed}.slide-up-enter-active[data-v-793d33af]{animation:slideUp-793d33af .4s cubic-bezier(.34,1.56,.64,1)}.slide-up-leave-active[data-v-793d33af]{animation:slideUp-793d33af .3s ease-out reverse}.upload-area.dragging[data-v-793d33af]{border-color:#667eea;background-color:#e8edff;transform:scale(1.02);box-shadow:0 4px 20px #667eea4d}.upload-area.dragging[data-v-793d33af]:before{content:" 放開上傳圖片";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px;font-weight:700;color:#667eea;background:#fff;padding:15px 30px;border-radius:8px;box-shadow:0 2px 15px #667eea33;z-index:10;pointer-events:none;white-space:nowrap}.btn-visit-store[data-v-793d33af]{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-visit-store[data-v-793d33af]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}@media (max-width: 768px){.store-settings-container[data-v-793d33af]{padding-bottom:100px}.save-button-container[data-v-793d33af]{bottom:70px;width:100%}}@media (max-width: 480px){.upload-area.dragging[data-v-793d33af]:before{font-size:14px;padding:10px 20px}}@keyframes slideUp-793d33af{0%{transform:translate(-50%,100px)}to{transform:translate(-50%)}}@keyframes pulse-793d33af{0%,to{box-shadow:0 8px 20px #667eea66}50%{box-shadow:0 8px 30px #667eea99}}@media (max-width: 768px){.settings-form[data-v-793d33af]{padding:20px}.upload-area.small-icon[data-v-793d33af],.upload-area.logo-icon[data-v-793d33af],.upload-area.store-banner[data-v-793d33af]{max-width:100%}.image-upload-container[data-v-793d33af]{flex-direction:column;align-items:stretch}.btn-delete-image[data-v-793d33af]{width:100%}.domain-display[data-v-793d33af]{width:90%;flex-direction:column;align-items:stretch}.btn-apply[data-v-793d33af]{width:100%}.save-button[data-v-793d33af]{padding:14px 40px;font-size:15px}.reset-button[data-v-793d33af]{padding:14px 35px;font-size:15px}}@media (max-width: 480px){.settings-form[data-v-793d33af]{padding:15px}.upload-area[data-v-793d33af]{height:100px}.upload-area.store-banner[data-v-793d33af]{height:120px}.section-badge[data-v-793d33af]{font-size:12px;padding:6px 12px}.save-button[data-v-793d33af]{padding:12px 30px;font-size:14px}.reset-button[data-v-793d33af]{padding:12px 25px;font-size:14px}}.payment-shipping-container[data-v-cd1eee81]{background-color:#f8f9fa;min-height:calc(100vh - 60px);width:100%;padding:0 10% 20px}.smse-payment-status[data-v-cd1eee81]{background-color:#fff;border-radius:8px;margin-bottom:20px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.status-content[data-v-cd1eee81]{background-color:#dddde8}.status-header[data-v-cd1eee81]{background-color:#6c757d;color:#fff;padding:15px 20px;display:flex;align-items:center;gap:10px;font-weight:600}.header-title[data-v-cd1eee81]{font-size:16px}.status-loading[data-v-cd1eee81]{display:flex;justify-content:center;align-items:center;gap:10px;padding:40px;color:#6c757d;background-color:#fff;border-radius:8px}.loading-spinner-small[data-v-cd1eee81]{width:20px;height:20px;border:3px solid #dee2e6;border-top:3px solid #4A4AB1;border-radius:50%;animation:spin-cd1eee81 1s linear infinite}.status-table-wrapper[data-v-cd1eee81]{background-color:#dddde8;border-radius:0 0 8px 8px}.status-rows[data-v-cd1eee81]{padding:10px 20px;background:#dddde8}.status-row[data-v-cd1eee81]{display:flex;background-color:#fff;border-radius:8px;margin-bottom:10px;align-items:center;padding:15px 0;box-shadow:0 1px 3px #0000001a}.status-row[data-v-cd1eee81]:last-child{margin-bottom:0}.label-column[data-v-cd1eee81]{flex:1;display:flex;justify-content:center;align-items:center}.label-text[data-v-cd1eee81]{color:#495057;font-size:14px;font-weight:500}.badge-column[data-v-cd1eee81]{flex:1;display:flex;justify-content:center;align-items:center}.badge[data-v-cd1eee81]{display:inline-block;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.3px;white-space:nowrap}.status-enabled[data-v-cd1eee81]{background-color:#79bf4226;color:#79bf42;border:1px solid rgba(121,191,66,.4)}.status-disabled[data-v-cd1eee81]{background-color:#6c757d26;color:#6c757d;border:1px solid rgba(108,117,125,.4)}.status-closed[data-v-cd1eee81]{background-color:#dc354526;color:#dc3545;border:1px solid rgba(220,53,69,.4)}.status-unknown[data-v-cd1eee81]{background-color:#6c757d1a;color:#adb5bd;border:1px solid rgba(108,117,125,.3)}.control-yes[data-v-cd1eee81]{background-color:#4a4ab126;color:#4a4ab1;border:1px solid rgba(74,74,177,.4)}.control-no[data-v-cd1eee81]{background-color:#6c757d26;color:#6c757d;border:1px solid rgba(108,117,125,.4)}.control-unknown[data-v-cd1eee81]{background-color:#6c757d1a;color:#adb5bd;border:1px solid rgba(108,117,125,.3)}.system-notice-section[data-v-cd1eee81]{background-color:#dddde8;border-radius:8px;padding:30px;text-align:center;border:1px solid #dee2e6}.notice-content[data-v-cd1eee81]{gap:10px}.notice-text[data-v-cd1eee81]{font-size:18px;color:#495057;margin:0 0 20px;font-weight:600}.system-link-btn[data-v-cd1eee81]{background-color:#4a4ab1;color:#fff;border:none;border-radius:25px;padding:20px 150px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .3s ease;text-decoration:none;display:inline-block}.system-link-btn[data-v-cd1eee81]:hover{background-color:#5a359a}.loading-overlay[data-v-cd1eee81]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.loading-container[data-v-cd1eee81]{display:flex;flex-direction:column;align-items:center;gap:15px;color:#fff}.loading-spinner[data-v-cd1eee81]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin-cd1eee81 1s linear infinite}@keyframes spin-cd1eee81{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.payment-section[data-v-cd1eee81],.shipping-section[data-v-cd1eee81]{background-color:#fff;border-radius:8px;margin-bottom:20px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.section-header[data-v-cd1eee81]{background-color:#6c757d;color:#fff;padding:15px 20px;display:flex;align-items:center;gap:10px;font-weight:600}.payment-table[data-v-cd1eee81],.shipping-table[data-v-cd1eee81]{background-color:#dddde8;border-radius:0 0 8px 8px}.table-headers[data-v-cd1eee81]{display:flex;background-color:#dddde8;border-bottom:1px solid #dee2e6;padding:10px 20px}.header-cell[data-v-cd1eee81]{flex:1;padding:10px 20px;font-weight:600;color:#495057;text-align:center;font-size:18px}.payment-rows[data-v-cd1eee81],.shipping-rows[data-v-cd1eee81]{padding:0 20px 20px;background:#dddde8}.payment-row[data-v-cd1eee81],.shipping-row[data-v-cd1eee81]{display:flex;background-color:#fff;border-radius:8px;margin-bottom:10px;align-items:center;padding:15px 0;box-shadow:0 1px 3px #0000001a}.payment-row[data-v-cd1eee81]:last-child,.shipping-row[data-v-cd1eee81]:last-child{margin-bottom:0}.status-column[data-v-cd1eee81]{flex:1;display:flex;justify-content:center}.method-column[data-v-cd1eee81]{flex:1;display:flex;justify-content:center;align-items:center}.fee-column[data-v-cd1eee81]{flex:1;display:flex;justify-content:center}.credit-card-fee-text[data-v-cd1eee81]{display:flex;justify-content:center;align-items:center;color:#6c757d;font-size:14px;font-style:italic;text-align:center;padding:8px 12px}.fee-input-wrapper[data-v-cd1eee81]{position:relative;display:inline-flex;align-items:center}.fee-input[data-v-cd1eee81],.name-input[data-v-cd1eee81]{width:120px;padding:8px 35px;border:1px solid #dee2e6;border-radius:4px;text-align:center;font-size:14px;background-color:#fff}.unit-label[data-v-cd1eee81]{position:absolute;right:12px;color:#6c757d;font-size:12px;pointer-events:none}.fee-input[data-v-cd1eee81]:disabled,.name-input[data-v-cd1eee81]:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}.fee-input[data-v-cd1eee81]:focus,.name-input[data-v-cd1eee81]:focus{outline:none;border-color:#6f42c1;box-shadow:0 0 0 2px #6f42c11a}.fee-input[data-v-cd1eee81]:focus::placeholder,.name-input[data-v-cd1eee81]:focus::placeholder{opacity:0}.fee-input[data-v-cd1eee81]::placeholder,.name-input[data-v-cd1eee81]::placeholder{color:#6c757d;font-size:13px;opacity:1;transition:opacity .2s ease}.name-display[data-v-cd1eee81]{color:#495057;font-size:14px;font-weight:500}.toggle-switch[data-v-cd1eee81]{position:relative;display:inline-block;width:90px;height:32px}.toggle-switch input[data-v-cd1eee81]{opacity:0;width:0;height:0}.toggle-slider[data-v-cd1eee81]{position:absolute;cursor:pointer;inset:0;background-color:#fca79c;transition:.4s;border-radius:16px;display:flex;align-items:center;justify-content:flex-end;padding:0 10px}.toggle-slider[data-v-cd1eee81]:before{position:absolute;content:"";height:24px;width:24px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider[data-v-cd1eee81]{background-color:#79bf42;justify-content:flex-start}input:checked+.toggle-slider[data-v-cd1eee81]:before{transform:translate(58px)}input:disabled+.toggle-slider[data-v-cd1eee81]{opacity:.6;cursor:not-allowed}.toggle-text[data-v-cd1eee81]{color:#fff;font-size:11px;font-weight:500;text-align:center;z-index:1}.save-button-container[data-v-cd1eee81]{position:sticky;bottom:20px;left:0;right:0;display:flex;justify-content:center;padding:20px;z-index:1000;pointer-events:none}.save-button[data-v-cd1eee81]{pointer-events:all;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:16px 50px;border-radius:50px;font-size:16px;font-weight:600;box-shadow:0 8px 20px #667eea66;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px;animation:pulse-cd1eee81 2s infinite}.save-button[data-v-cd1eee81]:hover{transform:translateY(-2px);box-shadow:0 12px 30px #667eea80}.save-button[data-v-cd1eee81]:active{transform:translateY(0)}.save-button[data-v-cd1eee81]:disabled{opacity:.6;cursor:not-allowed}.slide-up-enter-active[data-v-cd1eee81]{animation:slideUp-cd1eee81 .4s cubic-bezier(.34,1.56,.64,1)}.slide-up-leave-active[data-v-cd1eee81]{animation:slideUp-cd1eee81 .3s ease-out reverse}@keyframes slideUp-cd1eee81{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse-cd1eee81{0%,to{box-shadow:0 8px 20px #667eea66}50%{box-shadow:0 8px 30px #667eea99}}@media (max-width: 768px){.payment-shipping-container[data-v-cd1eee81]{padding:5% 5% 100px}.badge[data-v-cd1eee81]{font-size:10px;padding:3px 8px}.status-header[data-v-cd1eee81]{flex-direction:column;align-items:flex-start}.system-link-btn[data-v-cd1eee81]{padding:12px 50px}.system-notice[data-v-cd1eee81]{padding:20px}.system-notice h3[data-v-cd1eee81]{font-size:16px}.system-link-btn[data-v-cd1eee81]{padding:15px 50px}.status-table-wrapper .table-headers[data-v-cd1eee81]{display:none}.status-row[data-v-cd1eee81]{flex-direction:column;align-items:stretch;gap:15px;padding:20px 15px}.label-column[data-v-cd1eee81],.badge-column[data-v-cd1eee81]{width:100%;justify-content:flex-start}.label-column[data-v-cd1eee81]{font-weight:600}.table-headers[data-v-cd1eee81]{display:none}.payment-row[data-v-cd1eee81],.shipping-row[data-v-cd1eee81]{flex-direction:column;align-items:stretch;gap:15px;padding:20px 15px}.status-column[data-v-cd1eee81],.method-column[data-v-cd1eee81],.fee-column[data-v-cd1eee81]{width:100%;justify-content:flex-start}.method-column[data-v-cd1eee81]{font-weight:600}.fee-input[data-v-cd1eee81],.name-input[data-v-cd1eee81],.fee-input-wrapper[data-v-cd1eee81]{width:100%}.save-button[data-v-cd1eee81]{padding:14px 40px;font-size:15px}}@media (max-width: 480px){.payment-shipping-container[data-v-cd1eee81]{padding:3% 3% 100px}.smse-payment-status[data-v-cd1eee81]{padding:15px}.status-header h3[data-v-cd1eee81]{font-size:16px}.notice-text[data-v-cd1eee81]{font-size:14px}.system-link-btn[data-v-cd1eee81]{padding:10px 30px;font-size:13px}.section-header[data-v-cd1eee81]{font-size:14px;padding:12px 15px}.toggle-switch[data-v-cd1eee81]{width:80px;height:28px}.toggle-slider[data-v-cd1eee81]:before{height:20px;width:20px}input:checked+.toggle-slider[data-v-cd1eee81]:before{transform:translate(52px)}.toggle-text[data-v-cd1eee81]{font-size:10px}.badge[data-v-cd1eee81]{font-size:10px;padding:3px 8px}.save-button[data-v-cd1eee81]{padding:12px 30px;font-size:14px}}.order-management-container[data-v-ffec8605]{background-color:#f8f9fa;min-height:100vh;width:100%}.wrap[data-v-ffec8605]{max-width:1400px;margin:0 auto;padding:10px}.navbar[data-v-ffec8605]{background-color:#6d6d7f;color:#fff;padding:15px 20px;border-radius:8px 8px 0 0;margin-bottom:0}.brand[data-v-ffec8605]{font-size:20px;font-weight:600}.card[data-v-ffec8605]{background-color:#fff;border-radius:0 0 8px 8px;box-shadow:0 2px 10px #0000001a}.card-c[data-v-ffec8605]{padding:20px}.card-h[data-v-ffec8605]{background-color:#f5f5f5;padding:12px 20px;font-weight:600;color:#333;border-bottom:2px solid #6D6D7F}.grid[data-v-ffec8605]{display:grid;gap:15px}.g-6[data-v-ffec8605]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid label[data-v-ffec8605]{display:block;margin-bottom:5px;color:#555;font-weight:500;font-size:14px}.grid input[data-v-ffec8605],.grid select[data-v-ffec8605]{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;width:100%;box-sizing:border-box}.grid input[data-v-ffec8605]:focus,.grid select[data-v-ffec8605]:focus{outline:none;border-color:#6d6d7f}.btn-box[data-v-ffec8605]{display:flex;flex-direction:column;gap:10px;margin-top:20px}.btn-quick-group[data-v-ffec8605]{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.btn-action-group[data-v-ffec8605]{display:flex;gap:10px;justify-content:center;padding-top:8px;border-top:1px solid #eee}.btn-action-group .btn[data-v-ffec8605]{min-width:100px}.btn[data-v-ffec8605]{padding:10px 20px;background-color:#6d6d7f;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .3s}.btn-quick.active[data-v-ffec8605]{background:#6d6d7f;color:#fff}.btn[data-v-ffec8605]:hover{background-color:#5a5a6a}.btn-ghost[data-v-ffec8605]{background-color:transparent;border:2px solid #6D6D7F;color:#6d6d7f}.btn-ghost[data-v-ffec8605]:hover{background-color:#f5f5f5}.btn-quick[data-v-ffec8605]{background-color:#28a745;font-size:13px;padding:10px 20px}.btn-quick[data-v-ffec8605]:hover{background-color:#218838}.btn-confirm[data-v-ffec8605]{padding:6px 12px;font-size:12px;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.btn-confirm[data-v-ffec8605]:hover:not(:disabled){background-color:#218838}.btn-confirm[data-v-ffec8605]:disabled{background-color:#6c757d;cursor:not-allowed}.muted[data-v-ffec8605]{color:#999;font-size:14px}table[data-v-ffec8605]{width:100%;border-collapse:collapse;margin-top:10px}table thead[data-v-ffec8605]{background-color:#6d6d7f;color:#fff}table th[data-v-ffec8605],table td[data-v-ffec8605]{padding:12px;text-align:left;border-bottom:1px solid #ddd;font-size:13px}table th[data-v-ffec8605]{font-weight:600;-webkit-user-select:none;user-select:none}table tbody tr[data-v-ffec8605]:hover{background-color:#f9f9f9}.clickable-row[data-v-ffec8605]:hover{background-color:#e8f4fd!important}.status-cell[data-v-ffec8605]{display:flex;flex-direction:column;gap:2px}.status-type[data-v-ffec8605]{font-size:12px;color:#666;font-weight:500}.status-value[data-v-ffec8605]{font-size:12px;color:#333;font-weight:600}.loader[data-v-ffec8605]{display:flex;justify-content:center;align-items:center;padding:20px}.dot[data-v-ffec8605]{width:8px;height:8px;margin:0 3px;background-color:#6d6d7f;border-radius:50%;animation:bounce-ffec8605 1.4s infinite ease-in-out both}.dot[data-v-ffec8605]:nth-child(1){animation-delay:-.32s}.dot[data-v-ffec8605]:nth-child(2){animation-delay:-.16s}@keyframes bounce-ffec8605{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.to-top[data-v-ffec8605]{position:fixed;bottom:30px;right:30px;z-index:999;box-shadow:0 4px 10px #0003}.order-cards[data-v-ffec8605]{margin-top:10px}.order-card[data-v-ffec8605]{display:flex}.no-data[data-v-ffec8605]{padding:20px;text-align:center}.card-arrow[data-v-ffec8605]{flex:.5;min-width:50px;display:flex;justify-content:center;transition:background-color .2s ease}.svg-box[data-v-ffec8605]{width:95%;height:95%;border-radius:5px;margin:0 0 5% 5%;background-color:#6c7b8a;display:flex;align-items:center;justify-content:center;cursor:pointer}.card-arrow svg[data-v-ffec8605]{transition:transform .2s ease}.card-arrow:hover svg[data-v-ffec8605]{animation:arrowPulse-ffec8605 .8s ease-in-out infinite}@keyframes arrowPulse-ffec8605{0%{transform:translate(0)}50%{transform:translate(3px)}to{transform:translate(0)}}.card-content[data-v-ffec8605]{margin-bottom:12px;border:1px solid #333;border-radius:6px;overflow:hidden;transition:all .2s ease;background:#fff;flex:9.5;position:relative}.card-top[data-v-ffec8605]{padding-bottom:10px}.header-row[data-v-ffec8605],.content-row[data-v-ffec8605],.status-header-row[data-v-ffec8605],.status-content-row[data-v-ffec8605]{display:flex;width:100%}.header-row[data-v-ffec8605]{background-color:#6d6d7f;color:#fff;font-weight:600}.status-header-row[data-v-ffec8605]{background-color:#f8f9fa;color:#333;font-weight:600}.status-content-row[data-v-ffec8605]{background-color:#f8f9fa;color:#333}.header-cell[data-v-ffec8605],.content-cell[data-v-ffec8605]{flex:1;padding:12px 8px;font-size:12px;text-align:center;min-height:20px;display:flex;align-items:center;justify-content:center}.header-cell[data-v-ffec8605]:last-child,.content-cell[data-v-ffec8605]:last-child{border-right:none}.order-card.cashflow-error[data-v-ffec8605]{background-color:#f5f5f5}.invalid-order-overlay[data-v-ffec8605]{position:absolute;inset:0;background-color:#64646499;display:flex;align-items:center;justify-content:center;z-index:999;pointer-events:auto;cursor:not-allowed}.invalid-order-badge[data-v-ffec8605]{background-color:#666;color:#fff;padding:16px 32px;border-radius:8px;font-size:20px;font-weight:700;box-shadow:0 4px 12px #00000080;border:3px solid #fff;transform:rotate(-15deg);letter-spacing:2px}.order-card.cashflow-error .card-content[data-v-ffec8605]{background-color:#f5f5f5}.error-header[data-v-ffec8605]{background-color:#dc3545!important;color:#fff}.error-header .header-cell[data-v-ffec8605]{color:#fff}.content-cell[data-v-ffec8605]{color:#333;font-weight:500}.status-display[data-v-ffec8605]{display:flex;flex-direction:column;gap:2px;align-items:center}.status-type[data-v-ffec8605]{font-size:11px;color:#666;font-weight:500}.status-value[data-v-ffec8605]{font-size:11px;color:#333;font-weight:600}.action-btn[data-v-ffec8605]{padding:6px 10px;font-size:11px;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s ease;white-space:nowrap}.logistics-btn[data-v-ffec8605]{background-color:#6c7b8a;color:#fff}.logistics-btn[data-v-ffec8605]:hover{background-color:#5a6c7d}.logistics-create-btn[data-v-ffec8605]{background-color:#17a2b8;color:#fff}.logistics-create-btn[data-v-ffec8605]:hover{background-color:#138496}.invoice-btn[data-v-ffec8605]{background-color:#6c7b8a;color:#fff}.invoice-btn[data-v-ffec8605]:hover{background-color:#5a6c7d}.invoice-number[data-v-ffec8605]{display:flex;flex-direction:column;gap:4px}.invoice-number>div[data-v-ffec8605]{padding:2px 4px;border-radius:3px}.invoice-failed[data-v-ffec8605]{color:#dc3545;background:#ffe6e6}.invoice-number[data-v-ffec8605]{font-size:10px;color:#333;font-weight:600;white-space:nowrap}.invoice-display[data-v-ffec8605]{display:flex;align-items:center;gap:5px}.invoice-action-btn[data-v-ffec8605]{padding:4px 8px;font-size:10px;background-color:#28a745;color:#fff;border:none;border-radius:3px;cursor:pointer;font-weight:500;transition:all .2s ease;white-space:nowrap;height:20px}.invoice-action-btn[data-v-ffec8605]:hover{background-color:#218838}.invoice-voided-btn[data-v-ffec8605]{padding:4px 8px;font-size:10px;background-color:#dc3545;color:#fff;border:none;border-radius:3px;cursor:pointer;font-weight:500;transition:all .2s ease;white-space:nowrap}.invoice-voided-btn[data-v-ffec8605]:hover{background-color:#c82333}.invoice-cancelled-btn[data-v-ffec8605]{padding:4px 8px;font-size:10px;background-color:#fd7e14;color:#fff;border:none;border-radius:3px;cursor:pointer;font-weight:500;transition:all .2s ease;white-space:nowrap}.invoice-cancelled-btn[data-v-ffec8605]:hover{background-color:#e96b00}.invoice-display-wrapper[data-v-ffec8605]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:100%}.invoice-actions[data-v-ffec8605]{display:flex;gap:4px;flex-wrap:wrap}.invoice-retry-btn[data-v-ffec8605]{padding:4px 8px;font-size:10px;background-color:#ffc107;color:#333;border:none;border-radius:3px;cursor:pointer;font-weight:600;transition:all .2s ease;white-space:nowrap}.invoice-retry-btn[data-v-ffec8605]:hover{background-color:#e0a800}.invoice-failed[data-v-ffec8605]{color:#dc3545!important;background:#ffe6e6!important;font-weight:700!important;padding:3px 6px!important;border-radius:3px!important;border:1px solid #dc3545!important}.card-topbar[data-v-ffec8605]{background-color:#6d6d7f;color:#fff;padding:10px 14px;display:flex;align-items:center;justify-content:space-between}.card-topbar.error-header[data-v-ffec8605]{background-color:#dc3545}.topbar-id[data-v-ffec8605]{font-size:13px;font-weight:600}.topbar-amount[data-v-ffec8605]{font-size:13px;font-weight:500;opacity:.9}.card-fields[data-v-ffec8605]{display:grid;grid-template-columns:repeat(4,1fr);padding:10px 5px}.card-status-fields[data-v-ffec8605]{display:grid;grid-template-columns:repeat(6,1fr);padding:10px 14px;background-color:#f8f9fa;margin:0 1.5% 10px;border-radius:4px}.card-field[data-v-ffec8605]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px 8px}.field-label[data-v-ffec8605]{font-size:10px;color:#888;font-weight:500}.field-value[data-v-ffec8605]{font-size:12px;color:#333;font-weight:500;word-break:break-all}@media (max-width: 1200px){.card-status-fields[data-v-ffec8605]{grid-template-columns:repeat(3,1fr)}}.btn-advanced-toggle[data-v-ffec8605]{display:none}@media (max-width: 768px){.wrap[data-v-ffec8605]{margin:0 auto 80px}.btn-advanced-toggle[data-v-ffec8605]{display:block;margin-top:12px;width:100%;padding:8px;font-size:13px;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;color:#555;cursor:pointer;text-align:left}.advanced-hidden[data-v-ffec8605]{display:none}.card-fields[data-v-ffec8605],.card-status-fields[data-v-ffec8605]{grid-template-columns:repeat(2,1fr)}.topbar-id[data-v-ffec8605]{font-size:12px}.field-label[data-v-ffec8605]{font-size:10px}.field-value[data-v-ffec8605]{font-size:11px}.action-btn[data-v-ffec8605]{padding:4px 8px;font-size:10px}}.homepage-container[data-v-d93dcc44]{background-color:#f8f9fa;min-height:calc(100vh - 60px);width:100%;padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.merchant-info[data-v-d93dcc44]{background:#6c757d;color:#fff;padding:24px;border-radius:12px;box-shadow:0 4px 6px #00000012;max-width:1200px;margin-left:auto;margin-right:auto;margin-bottom:24px}.merchant-info h1[data-v-d93dcc44]{margin:0 0 12px;font-size:24px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.1)}.panel[data-v-d93dcc44]{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #00000012;max-width:1200px;margin:0 auto;border:1px solid #e1e5e9}.panel_header[data-v-d93dcc44]{background:#6c757d;color:#fff;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.panel_header h1[data-v-d93dcc44]{margin:0;font-size:18px;font-weight:600}.toolbar[data-v-d93dcc44]{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.btn[data-v-d93dcc44]{background-color:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn[data-v-d93dcc44]:hover:not(:disabled){background-color:#ffffff4d;transform:translateY(-1px)}.btn[data-v-d93dcc44]:disabled{opacity:.6;cursor:not-allowed}.btn-ghost[data-v-d93dcc44]{background-color:transparent;border-color:#fff6}.btn.active[data-v-d93dcc44]{background-color:#fff6;border-color:#fff9;font-weight:600}.status[data-v-d93dcc44]{padding:16px 24px;font-size:14px;color:#6b7280}.status.error[data-v-d93dcc44]{color:#dc2626;background-color:#fef2f2;margin:16px 24px;padding:12px 16px;border-radius:8px;border-left:4px solid #dc2626}.vis[data-v-d93dcc44]{display:flex;align-items:center;justify-content:center;padding:24px;gap:32px;flex-wrap:wrap}.table-wrap[data-v-d93dcc44]{padding:0 24px 24px}.table[data-v-d93dcc44]{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.table th[data-v-d93dcc44]{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#374151;font-weight:600;padding:16px 12px;text-align:center;font-size:14px;border-bottom:2px solid #e5e7eb}.table td[data-v-d93dcc44]{padding:14px 12px;text-align:center;font-size:14px;color:#374151;border-bottom:1px solid #f3f4f6}.table tbody tr[data-v-d93dcc44]:hover{background-color:#f8fafc}.table.small th[data-v-d93dcc44],.table.small td[data-v-d93dcc44]{padding:10px 8px;font-size:13px}.analysis-grid[data-v-d93dcc44]{padding:24px}.subpanel[data-v-d93dcc44]{background:#f8fafc;border-radius:12px;padding:20px;border:1px solid #e2e8f0}.subpanel_title[data-v-d93dcc44]{margin:0 0 16px;font-size:16px;font-weight:600;color:#1e293b;padding-bottom:8px;border-bottom:2px solid #e2e8f0}.subpanel .table-wrap[data-v-d93dcc44]{padding:0}.muted[data-v-d93dcc44]{color:#6b7280}.filters[data-v-d93dcc44]{background:#ffffff1a;border-radius:8px;padding:8px;display:flex;flex-wrap:wrap;gap:4px;align-items:center;justify-content:center}.filters .btn[data-v-d93dcc44]{background-color:#ffffff26;font-size:13px;padding:6px 8px}.filters input[type=date][data-v-d93dcc44],.filters select[data-v-d93dcc44]{background-color:#ffffffe6;color:#374151;border:1px solid rgba(255,255,255,.3)}.filters-text[data-v-d93dcc44]{font-size:14px}@media (max-width: 768px){.homepage-container[data-v-d93dcc44]{padding:12px;margin-bottom:80px}.panel_header[data-v-d93dcc44]{flex-direction:column;align-items:stretch;gap:16px}.toolbar[data-v-d93dcc44]{justify-content:center}.vis[data-v-d93dcc44]{padding:5px}.analysis-grid[data-v-d93dcc44]{grid-template-columns:1fr;padding:16px}.table.small th[data-v-d93dcc44],.table.small td[data-v-d93dcc44]{padding:10px 5px;font-size:12px}.filters-text[data-v-d93dcc44]{font-size:12px}}@media (max-width: 480px){.filters[data-v-d93dcc44]>*{margin:2px 0}.btn[data-v-d93dcc44]{padding:10px 14px;font-size:13px}.table-wrap[data-v-d93dcc44]{overflow-x:auto}.filters .btn[data-v-d93dcc44]{font-size:12px;padding:5px 9px}.filters-text[data-v-d93dcc44]{font-size:10px}}.billing-wrap[data-v-d93dcc44]{max-width:1200px;margin:0 auto 24px}.billing-entry-row[data-v-d93dcc44]{display:flex}.billing-entry-main[data-v-d93dcc44]{flex:1;display:flex;align-items:center;gap:12px;padding:14px 18px;background:#fcebeb;border:1.5px solid #E24B4A;border-radius:12px;cursor:pointer;box-shadow:0 2px 4px #e24b4a1a;transition:box-shadow .15s,transform .1s;text-align:left}.billing-entry-main[data-v-d93dcc44]:hover{box-shadow:0 4px 12px #e24b4a33;transform:translateY(-1px)}.billing-entry-main[data-v-d93dcc44]:active{transform:scale(.99)}.billing-entry-icon[data-v-d93dcc44]{width:36px;height:36px;border-radius:50%;background:#e24b4a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.billing-entry-icon svg[data-v-d93dcc44]{width:17px;height:17px;color:#fff}.billing-entry-text[data-v-d93dcc44]{display:flex;flex-direction:column;gap:2px;flex:1}.billing-entry-title[data-v-d93dcc44]{font-size:15px;font-weight:600;color:#501313}.billing-entry-sub[data-v-d93dcc44]{font-size:12px;color:#a32d2d}.billing-entry-badge[data-v-d93dcc44]{background:#e24b4a;color:#fff;font-size:12px;font-weight:600;padding:4px 12px;border-radius:20px;flex-shrink:0;white-space:nowrap}.billing-cannon-btn[data-v-d93dcc44]{display:flex;align-items:center;gap:4px;background:#fff;border:1px solid #f0a0a0;border-radius:8px;padding:6px 10px;font-size:13px;cursor:pointer;color:#a32d2d;font-weight:500;flex-shrink:0;transition:background .15s}.billing-cannon-btn[data-v-d93dcc44]:hover{background:#fff0f0}.billing-cannon-btn span[data-v-d93dcc44]{font-size:11px}.billing-expanded[data-v-d93dcc44]{display:flex;flex-direction:column;gap:10px;margin-top:10px;animation:billingFadeUp-d93dcc44 .35s ease forwards}@keyframes billingFadeUp-d93dcc44{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.billing-summary[data-v-d93dcc44]{background:#fff;border:1px solid #e1e5e9;border-radius:12px;overflow:hidden;box-shadow:0 2px 6px #0000000d;opacity:0;transform:translateY(6px);transition:opacity .35s ease,transform .35s ease}.billing-summary-in[data-v-d93dcc44]{opacity:1;transform:none}.bsum-row[data-v-d93dcc44]{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;font-size:14px}.bsum-hl[data-v-d93dcc44]{background:#f8fafc}.bsum-lbl[data-v-d93dcc44]{display:flex;align-items:center;gap:8px;color:#6b7280}.bsum-hl .bsum-lbl[data-v-d93dcc44]{color:#1e293b;font-weight:600}.bsum-dot[data-v-d93dcc44]{width:7px;height:7px;border-radius:50%;flex-shrink:0}.bsum-val[data-v-d93dcc44]{font-size:14px;font-weight:600;color:#1e293b;font-variant-numeric:tabular-nums}.bsum-sep[data-v-d93dcc44]{height:1px;background:#f3f4f6}.bsum-badge[data-v-d93dcc44]{font-size:10px;padding:2px 7px;border-radius:10px;border:1px solid #e5e7eb;color:#9ca3af;background:#f9fafb}.billing-due-card[data-v-d93dcc44]{background:#fff;border:1px solid #e1e5e9;border-radius:12px;overflow:hidden;box-shadow:0 2px 6px #0000000d;opacity:0;transform:translateY(6px);transition:opacity .35s ease,transform .35s ease}.billing-due-in[data-v-d93dcc44]{opacity:1;transform:none}.billing-due-header[data-v-d93dcc44]{padding:18px 20px 14px;border-bottom:1px solid #f3f4f6}.billing-due-label[data-v-d93dcc44]{font-size:13px;color:#6b7280}.billing-due-amount[data-v-d93dcc44]{font-size:38px;font-weight:600;color:#1e293b;font-variant-numeric:tabular-nums;margin-top:4px;line-height:1}.billing-due-meta[data-v-d93dcc44]{font-size:12px;color:#9ca3af;margin-top:6px}.billing-due-body[data-v-d93dcc44]{padding:16px 20px}.billing-pay-label[data-v-d93dcc44]{font-size:12px;color:#6b7280;margin-bottom:10px}.billing-pay-methods[data-v-d93dcc44]{display:flex;flex-direction:column;gap:8px}.billing-pay-card[data-v-d93dcc44]{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;opacity:0;transform:translateY(6px);transition:opacity .3s ease,transform .3s ease,border-color .15s,background .15s}.billing-pay-in[data-v-d93dcc44]{opacity:1;transform:none}.billing-pay-card[data-v-d93dcc44]:hover{background:#f8fafc}.billing-pay-selected[data-v-d93dcc44]{border:1.5px solid #378ADD;background:#f0f7ff}.billing-pay-icon[data-v-d93dcc44]{width:36px;height:36px;border-radius:8px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;flex-shrink:0}.billing-pay-icon svg[data-v-d93dcc44]{width:18px;height:18px;color:#374151}.billing-pay-name[data-v-d93dcc44]{font-size:14px;font-weight:600;color:#1e293b}.billing-pay-sub[data-v-d93dcc44]{font-size:12px;color:#6b7280;margin-top:2px}.billing-pay-radio[data-v-d93dcc44]{margin-left:auto;width:16px;height:16px;border-radius:50%;border:1.5px solid #d1d5db;flex-shrink:0;display:flex;align-items:center;justify-content:center}.billing-pay-selected .billing-pay-radio[data-v-d93dcc44]{border-color:#378add;background:#378add}.billing-pay-radio-dot[data-v-d93dcc44]{width:6px;height:6px;border-radius:50%;background:#fff}.billing-pay-detail[data-v-d93dcc44]{padding:12px 14px;border-radius:8px;background:#f8fafc;border:1px solid #e5e7eb;animation:billingFadeUp-d93dcc44 .25s ease forwards}.billing-detail-row[data-v-d93dcc44]{display:flex;justify-content:space-between;font-size:13px;padding:4px 0}.billing-detail-row .dk[data-v-d93dcc44]{color:#6b7280}.billing-detail-row .dv[data-v-d93dcc44]{color:#1e293b;font-weight:600}.billing-copy-btn[data-v-d93dcc44]{font-size:12px;color:#185fa5;cursor:pointer;margin-top:8px;display:inline-block}.billing-copy-btn[data-v-d93dcc44]:hover{text-decoration:underline}.billing-qr-placeholder[data-v-d93dcc44]{width:80px;height:80px;margin:0 auto;border:1px solid #e5e7eb;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:11px}.billing-confirm-wrap[data-v-d93dcc44]{padding:0 20px 18px}.billing-confirm-btn[data-v-d93dcc44]{width:100%;padding:14px;border-radius:10px;border:none;background:#1d9e75;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .15s,transform .1s;animation:billingFadeUp-d93dcc44 .3s ease forwards}.billing-confirm-btn[data-v-d93dcc44]:hover{opacity:.9}.billing-confirm-btn[data-v-d93dcc44]:active{transform:scale(.98)}.billing-done[data-v-d93dcc44]{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2.5rem 1rem;background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 2px 8px #0000000d;animation:billingFadeUp-d93dcc44 .4s ease forwards}.billing-done-circle[data-v-d93dcc44]{width:60px;height:60px;border-radius:50%;background:#d1fae5;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.billing-done-circle svg[data-v-d93dcc44]{width:28px;height:28px;color:#1d9e75}.billing-done-title[data-v-d93dcc44]{font-size:18px;font-weight:600;color:#1e293b}.billing-done-sub[data-v-d93dcc44]{font-size:13px;color:#6b7280;margin-top:8px;line-height:1.7}.billing-overlay[data-v-d93dcc44]{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0e18d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:overlayIn-d93dcc44 .3s ease forwards;padding:32px 20px}@keyframes overlayIn-d93dcc44{0%{opacity:0}to{opacity:1}}.overlay-scene[data-v-d93dcc44]{width:min(460px,92vw);border-radius:24px;padding:40px 40px 36px;background:#fff;box-shadow:0 32px 80px #00000073}.overlay-done-wrap[data-v-d93dcc44]{margin-top:28px;display:flex;justify-content:center}.overlay-done-btn[data-v-d93dcc44]{padding:15px 52px;border-radius:50px;background:#1d9e75;color:#fff;border:none;cursor:pointer;font-size:17px;font-weight:600;box-shadow:0 8px 28px #1d9e7573;transition:transform .15s,opacity .15s;animation:billingFadeUp-d93dcc44 .4s ease forwards}.overlay-done-btn[data-v-d93dcc44]:hover{opacity:.9;transform:translateY(-2px)}.overlay-done-btn[data-v-d93dcc44]:active{transform:scale(.97)}.overlay-cannon-fixed[data-v-d93dcc44]{position:fixed;bottom:36px;width:100px;height:100px;display:flex;align-items:center;justify-content:center;animation:cannonAppear-d93dcc44 .5s cubic-bezier(.34,1.56,.64,1) forwards;z-index:10000;pointer-events:none}.overlay-cannon-fixed svg[data-v-d93dcc44]{width:100%;height:100%}.cannon-left[data-v-d93dcc44]{left:32px}.cannon-right[data-v-d93dcc44]{right:32px}@keyframes cannonAppear-d93dcc44{0%{opacity:0;transform:scale(0) rotate(-40deg)}to{opacity:1;transform:scale(1) rotate(0)}}.cannon-firing[data-v-d93dcc44]{animation:cannonAppear-d93dcc44 .5s cubic-bezier(.34,1.56,.64,1) forwards,cannonShake-d93dcc44 .5s ease forwards}@keyframes cannonShake-d93dcc44{0%{transform:rotate(0) scale(1)}20%{transform:rotate(-20deg) scale(1.15)}45%{transform:rotate(14deg) scale(1.08)}65%{transform:rotate(-8deg) scale(1.05)}82%{transform:rotate(5deg) scale(1.02)}to{transform:rotate(0) scale(1)}}.overlay-row[data-v-d93dcc44]{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid rgba(0,0,0,.06);opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease}.overlay-row[data-v-d93dcc44]:last-child{border-bottom:none}.overlay-row-in[data-v-d93dcc44]{opacity:1;transform:none}.overlay-row-left[data-v-d93dcc44]{display:flex;flex-direction:column;gap:3px}.overlay-row-label[data-v-d93dcc44]{font-size:13px;color:#9ca3af;letter-spacing:.05em}.overlay-row-sub[data-v-d93dcc44]{font-size:11px;color:#d1d5db}.overlay-row-num[data-v-d93dcc44]{font-size:26px;font-weight:700;font-variant-numeric:tabular-nums;text-align:right}.overlay-chart-wrap[data-v-d93dcc44]{margin-top:16px;padding-top:16px;border-top:1px solid rgba(0,0,0,.06);opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease}.overlay-chart-in[data-v-d93dcc44]{opacity:1;transform:none}.overlay-chart-inner[data-v-d93dcc44]{display:flex;align-items:center;justify-content:center;gap:24px}.overlay-legend-item[data-v-d93dcc44]{display:flex;align-items:center;gap:8px;font-size:12px;color:#6b7280}.overlay-legend-dot[data-v-d93dcc44]{width:10px;height:10px;border-radius:50%;flex-shrink:0}@keyframes fadeIn-d93dcc44{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card[data-v-d93dcc44],.panel[data-v-d93dcc44]{animation:fadeIn-d93dcc44 .6s ease-out}@media (max-width: 768px){.overlay-cannon-fixed[data-v-d93dcc44]{width:56px;height:56px;bottom:20px}.cannon-left[data-v-d93dcc44]{left:12px}.cannon-right[data-v-d93dcc44]{right:12px}}@media (max-width: 576px){.billing-entry-main[data-v-d93dcc44]{flex-direction:column;align-items:stretch}}.settings-container[data-v-b47ddd76]{background-color:#f8f9fa;min-height:calc(100vh - 60px);width:100%;padding:0 10%}.settings-section[data-v-b47ddd76]{background-color:#fff;border-radius:8px;margin-bottom:20px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.section-header[data-v-b47ddd76]{background-color:#6c757d;color:#fff;padding:15px 20px;display:flex;align-items:center;gap:10px;font-weight:600}.header-title[data-v-b47ddd76]{font-size:16px}.settings-content[data-v-b47ddd76]{background-color:#dddde8;padding:20px;min-height:80vh}.settings-list[data-v-b47ddd76]{display:flex;flex-direction:column;gap:10px}.setting-item[data-v-b47ddd76]{background-color:#fff;border-radius:8px;padding:20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .3s ease;box-shadow:0 1px 3px #0000001a}.setting-item[data-v-b47ddd76]:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026;background-color:#f8f9fa}.setting-item.disabled[data-v-b47ddd76]{opacity:.5;cursor:not-allowed}.setting-item.disabled[data-v-b47ddd76]:hover{transform:none;box-shadow:0 1px 3px #0000001a;background-color:#fff}.item-left[data-v-b47ddd76]{display:flex;align-items:center;gap:15px}.item-icon[data-v-b47ddd76]{width:48px;height:48px;background:linear-gradient(135deg,#3a7bd5,#00d2ff);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.item-icon svg[data-v-b47ddd76]{width:28px;height:28px}.item-info[data-v-b47ddd76]{display:flex;flex-direction:column;gap:4px}.item-title[data-v-b47ddd76]{font-size:16px;font-weight:600;color:#495057;margin:0}.item-description[data-v-b47ddd76]{font-size:13px;color:#6c757d;margin:0}.item-right[data-v-b47ddd76]{display:flex;align-items:center}.arrow-icon[data-v-b47ddd76]{width:24px;height:24px;color:#6c757d;transition:transform .3s ease}.setting-item:hover .arrow-icon[data-v-b47ddd76]{transform:translate(4px);color:#495057}.modal-overlay[data-v-b47ddd76]{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content[data-v-b47ddd76]{background-color:#fff;border-radius:12px;width:100%;max-width:700px;max-height:85vh;overflow:hidden;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column}.modal-header[data-v-b47ddd76]{padding:20px 24px;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#3a7bd5,#00d2ff);color:#fff}.modal-title[data-v-b47ddd76]{margin:0;font-size:20px;font-weight:600}.header-actions[data-v-b47ddd76]{display:flex;gap:12px;align-items:center}.sync-btn[data-v-b47ddd76]{display:flex;align-items:center;gap:6px;padding:8px 16px;background-color:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.sync-btn[data-v-b47ddd76]:hover:not(:disabled){background-color:#ffffff4d;transform:translateY(-1px)}.sync-btn[data-v-b47ddd76]:disabled{opacity:.6;cursor:not-allowed}.sync-icon[data-v-b47ddd76]{width:18px;height:18px;stroke:currentColor}.sync-icon.spinning[data-v-b47ddd76]{animation:spin-b47ddd76 1s linear infinite}@keyframes spin-b47ddd76{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.close-btn[data-v-b47ddd76]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:6px;cursor:pointer;color:#fff;transition:all .3s ease;padding:0}.close-btn[data-v-b47ddd76]:hover{background-color:#ffffff4d;transform:scale(1.05)}.close-btn svg[data-v-b47ddd76]{width:18px;height:18px}.sync-info-banner[data-v-b47ddd76]{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:2px solid #dee2e6;padding:16px 24px;display:flex;align-items:center;gap:12px;color:#495057}.sync-info-banner svg[data-v-b47ddd76]{width:24px;height:24px;color:#667eea;flex-shrink:0}.sync-info-content[data-v-b47ddd76]{display:flex;flex-direction:column;gap:2px}.sync-label[data-v-b47ddd76]{font-size:12px;color:#6c757d;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.sync-time[data-v-b47ddd76]{font-size:16px;color:#2c3e50;font-weight:600;font-family:Courier New,monospace;letter-spacing:.3px}.modal-body[data-v-b47ddd76]{padding:28px;overflow-y:auto;flex:1;background-color:#fafbfc}.loading-container[data-v-b47ddd76]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#6c757d}.loading-spinner[data-v-b47ddd76]{width:40px;height:40px;border:4px solid #e9ecef;border-top-color:#667eea;border-radius:50%;animation:spin-b47ddd76 .8s linear infinite;margin-bottom:12px}.loading-container p[data-v-b47ddd76]{margin:0;font-size:14px}.data-sections[data-v-b47ddd76]{display:flex;flex-direction:column;gap:24px}.data-section[data-v-b47ddd76]{background-color:#fff;border-radius:10px;padding:24px;border:1px solid #e3e6ea;box-shadow:0 2px 8px #0000000a;transition:all .3s ease}.data-section[data-v-b47ddd76]:hover{box-shadow:0 4px 12px #00000014;border-color:#d0d4da}.section-title[data-v-b47ddd76]{margin:0 0 20px;font-size:17px;font-weight:600;color:#2c3e50;display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:2px solid #f0f2f5}.section-title svg[data-v-b47ddd76]{width:22px;height:22px;color:#667eea}.info-item[data-v-b47ddd76]{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #f0f2f5}.info-item[data-v-b47ddd76]:last-child{border-bottom:none;padding-bottom:0}.info-item label[data-v-b47ddd76]{font-size:15px;color:#495057;font-weight:500;line-height:1.5}.info-value[data-v-b47ddd76]{font-size:15px;color:#1a202c;font-family:Courier New,monospace;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:10px 16px;border-radius:6px;border:1px solid #d6dae0;max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;letter-spacing:.3px;transition:all .2s ease}.info-value[data-v-b47ddd76]:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6);border-color:#adb5bd}.modal-enter-active[data-v-b47ddd76],.modal-leave-active[data-v-b47ddd76]{transition:opacity .3s ease}.modal-enter-active .modal-content[data-v-b47ddd76],.modal-leave-active .modal-content[data-v-b47ddd76]{transition:transform .3s ease}.modal-enter-from[data-v-b47ddd76],.modal-leave-to[data-v-b47ddd76]{opacity:0}.modal-enter-from .modal-content[data-v-b47ddd76],.modal-leave-to .modal-content[data-v-b47ddd76]{transform:scale(.9)}.referral-header[data-v-b47ddd76]{background:linear-gradient(135deg,#3a7bd5,#00d2ff)!important}.referral-content[data-v-b47ddd76]{display:flex;flex-direction:column;gap:24px}.referral-section[data-v-b47ddd76]{background-color:#fff;border-radius:12px;padding:24px;border:1px solid #e3e6ea;box-shadow:0 2px 8px #0000000a}.referral-code-display[data-v-b47ddd76]{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:8px;border:2px solid #dee2e6;margin:16px 0}.code-text[data-v-b47ddd76]{flex:1;font-size:24px;font-weight:700;font-family:Courier New,monospace;color:#3a7bd5;letter-spacing:3px;text-align:center}.copy-btn[data-v-b47ddd76]{display:flex;align-items:center;gap:6px;padding:10px 16px;background:linear-gradient(135deg,#3a7bd5,#00d2ff);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;white-space:nowrap}.copy-btn[data-v-b47ddd76]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3a7bd566}.copy-btn svg[data-v-b47ddd76]{width:18px;height:18px}.status-badge[data-v-b47ddd76]{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:20px;font-size:14px;font-weight:600;margin-bottom:20px}.status-badge svg[data-v-b47ddd76]{width:20px;height:20px}.status-badge.bound[data-v-b47ddd76]{background:linear-gradient(135deg,#d4fc79,#96e6a1);color:#2d5016}.status-badge.unbound[data-v-b47ddd76]{background:linear-gradient(135deg,#ffecd2,#fcb69f);color:#7c3626}.status-badge.linked[data-v-b47ddd76]{background:#d4fc79;color:#2d5016}.status-badge.unlinked[data-v-b47ddd76]{background:#ffecd2;color:#7c3626}.status-badge.coming-soon[data-v-b47ddd76]{background:#e9ecef;color:#6c757d}.input-group[data-v-b47ddd76]{display:flex;gap:12px;margin:16px 0}.referral-input[data-v-b47ddd76]{flex:1;padding:12px 16px;border:2px solid #dee2e6;border-radius:8px;font-size:16px;font-family:Courier New,monospace;letter-spacing:2px;text-transform:uppercase;transition:all .3s ease}.referral-input[data-v-b47ddd76]:focus{outline:none;border-color:#3a7bd5;box-shadow:0 0 0 3px #3a7bd51a}.referral-input[data-v-b47ddd76]:disabled{background-color:#f8f9fa;cursor:not-allowed}.submit-btn[data-v-b47ddd76]{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#3a7bd5,#00d2ff);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s ease;white-space:nowrap}.submit-btn[data-v-b47ddd76]:disabled{opacity:.5;cursor:not-allowed;transform:none}.submit-btn svg[data-v-b47ddd76]{width:20px;height:20px}.helper-text[data-v-b47ddd76]{margin:8px 0;font-size:14px;color:#6c757d;line-height:1.5}.info-message[data-v-b47ddd76],.warning-message[data-v-b47ddd76]{display:flex;align-items:flex-start;gap:12px;padding:14px;border-radius:8px;font-size:14px;line-height:1.6;margin-top:16px}.info-message[data-v-b47ddd76]{background-color:#e7f3ff;border:1px solid #b3d9ff;color:#004085}.warning-message[data-v-b47ddd76]{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.info-message svg[data-v-b47ddd76],.warning-message svg[data-v-b47ddd76]{width:20px;height:20px;flex-shrink:0;margin-top:2px}.bound-value[data-v-b47ddd76]{background:linear-gradient(135deg,#d4fc79,#96e6a1)!important;border-color:#96e6a1!important;color:#2d5016!important;font-weight:700!important}.social-content[data-v-b47ddd76]{display:flex;flex-direction:column;gap:20px}.social-provider-card[data-v-b47ddd76]{background:#fff;border-radius:12px;padding:24px;border:2px solid #e9ecef;transition:all .3s ease}.social-provider-card[data-v-b47ddd76]:hover:not(.disabled){border-color:#667eea;box-shadow:0 4px 12px #667eea26}.social-provider-card.disabled[data-v-b47ddd76]{opacity:.6;background:#f8f9fa}.provider-header[data-v-b47ddd76]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.provider-info[data-v-b47ddd76]{display:flex;align-items:center;gap:16px}.provider-icon[data-v-b47ddd76]{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.provider-icon.google[data-v-b47ddd76]{background:#f8f9fa}.provider-icon.line[data-v-b47ddd76]{background:#06c755;color:#fff}.provider-icon.facebook[data-v-b47ddd76]{background:#f8f9fa;color:#fff}.provider-icon svg[data-v-b47ddd76]{width:28px;height:28px}.provider-info h4[data-v-b47ddd76]{margin:0 0 4px;font-size:16px;font-weight:600;color:#495057}.provider-info p[data-v-b47ddd76]{margin:0;font-size:14px;color:#6c757d}.provider-status[data-v-b47ddd76]{display:flex;align-items:center}.provider-details[data-v-b47ddd76]{border-top:1px solid #e9ecef;padding-top:16px}.detail-item[data-v-b47ddd76]{display:flex;justify-content:space-between;margin:8px 0;font-size:14px}.detail-item span[data-v-b47ddd76]:first-child{color:#6c757d;font-weight:500}.detail-item span[data-v-b47ddd76]:last-child{color:#495057;font-weight:600}.provider-actions[data-v-b47ddd76]{display:flex;flex-direction:column;gap:12px}.bind-btn[data-v-b47ddd76],.unbind-btn[data-v-b47ddd76]{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:14px}.google-btn[data-v-b47ddd76]{background:#1877f2;color:#fff}.google-btn[data-v-b47ddd76]:hover:not(:disabled){background:#166fe5;transform:translateY(-2px);box-shadow:0 4px 12px #4285f44d}.google-btn[data-v-b47ddd76]:disabled{opacity:.6;cursor:not-allowed;transform:none}.facebook-btn[data-v-b47ddd76]{background:#1877f2;color:#fff}.facebook-btn[data-v-b47ddd76]:hover:not(:disabled){background:#166fe5;transform:translateY(-2px);box-shadow:0 4px 12px #1877f24d}.facebook-btn[data-v-b47ddd76]:disabled{opacity:.6;cursor:not-allowed;transform:none}.unbind-btn[data-v-b47ddd76]{background:#dc3545;color:#fff;margin-top:8px}.unbind-btn[data-v-b47ddd76]:hover{background:#c82333;transform:translateY(-1px)}.help-text[data-v-b47ddd76]{text-align:center;padding:8px;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.help-text small[data-v-b47ddd76]{color:#6c757d;font-size:12px;line-height:1.4}.billing-header[data-v-b47ddd76]{background:linear-gradient(135deg,#3a7bd5,#00d2ff)}.month-selector[data-v-b47ddd76]{display:flex;flex-direction:column;gap:10px;margin-bottom:24px;padding:16px;background:#fff;border-radius:10px;border:2px solid #e9ecef}.month-selector label[data-v-b47ddd76]{font-size:17px;font-weight:600;color:#495057;display:flex;align-items:center;gap:8px}.month-selector label svg[data-v-b47ddd76]{width:20px;height:20px;color:#667eea}.month-input[data-v-b47ddd76]{padding:12px 16px;border:2px solid #dee2e6;border-radius:8px;font-size:16px;transition:all .3s ease;background:#fff}.month-input[data-v-b47ddd76]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.month-input[data-v-b47ddd76]:disabled{background-color:#f8f9fa;cursor:not-allowed}.billing-content[data-v-b47ddd76]{display:flex;flex-direction:column;gap:20px}.billing-section[data-v-b47ddd76]{background:#fff;border-radius:12px;padding:20px;border:2px solid #e9ecef;transition:all .3s ease}.billing-section[data-v-b47ddd76]:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea1a}.billing-section.total-section[data-v-b47ddd76]{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #667eea}.billing-info-grid[data-v-b47ddd76]{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.billing-info-item[data-v-b47ddd76]{display:flex;flex-direction:column;gap:8px;padding:16px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:8px;border:1px solid #dee2e6}.billing-info-item .label[data-v-b47ddd76]{font-size:13px;color:#6c757d;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.billing-info-item .value[data-v-b47ddd76]{font-size:20px;font-weight:700;color:#2c3e50;font-family:Courier New,monospace}.calculation-note[data-v-b47ddd76]{margin-top:12px;padding:12px;background:#fff3cd;border-radius:6px;border:1px solid #ffc107}.calculation-note small[data-v-b47ddd76]{color:#856404;font-size:13px;line-height:1.5}.total-amount[data-v-b47ddd76]{font-size:36px;font-weight:800;color:#667eea;text-align:center;margin:20px 0;font-family:Courier New,monospace;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.total-breakdown[data-v-b47ddd76]{text-align:center;padding:12px;background:#667eea1a;border-radius:6px}.total-breakdown small[data-v-b47ddd76]{color:#495057;font-size:14px;font-weight:500}.current-plan-badge[data-v-b47ddd76]{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#d4fc79,#96e6a1);padding:16px 20px;border-radius:12px;margin-bottom:20px;border:2px solid #96e6a1}.current-plan-badge svg[data-v-b47ddd76]{width:32px;height:32px;color:#2d5016;flex-shrink:0}.badge-title[data-v-b47ddd76]{font-size:12px;color:#2d5016;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-plan[data-v-b47ddd76]{font-size:18px;font-weight:700;color:#2d5016;margin-top:2px}.badge-date[data-v-b47ddd76]{font-size:13px;color:#4a7c2c;margin-top:2px}.fee-breakdown[data-v-b47ddd76]{margin-top:16px;display:flex;flex-direction:column;gap:12px}.fee-item[data-v-b47ddd76]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.fee-label[data-v-b47ddd76]{font-size:14px;color:#6c757d;font-weight:600}.fee-value[data-v-b47ddd76]{font-size:16px;font-weight:700;color:#2c3e50;font-family:Courier New,monospace}.fee-value.free-highlight[data-v-b47ddd76]{color:#10b981}.section-divider[data-v-b47ddd76]{margin:32px 0;text-align:center;position:relative}.section-divider[data-v-b47ddd76]:before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:linear-gradient(90deg,transparent,#dee2e6,transparent)}.section-divider span[data-v-b47ddd76]{position:relative;background:#fafbfc;padding:0 20px;color:#667eea;font-weight:600;font-size:15px;text-transform:uppercase;letter-spacing:1px}.next-plan-section[data-v-b47ddd76]{background:linear-gradient(135deg,#f8f9fa,#e9ecef)!important;border:2px solid #667eea!important}.plan-options[data-v-b47ddd76]{display:flex;flex-direction:column;gap:12px;margin-top:16px}.plan-option[data-v-b47ddd76]{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border:2px solid #dee2e6;border-radius:12px;cursor:pointer;transition:all .3s ease}.plan-option[data-v-b47ddd76]:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.plan-option.active[data-v-b47ddd76]{border-color:#667eea;background:linear-gradient(135deg,#f8f9ff,#f0f4ff);box-shadow:0 4px 12px #667eea33}.plan-radio[data-v-b47ddd76]{flex-shrink:0}.radio-outer[data-v-b47ddd76]{width:24px;height:24px;border:2px solid #dee2e6;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.plan-option.active .radio-outer[data-v-b47ddd76]{border-color:#667eea}.radio-inner[data-v-b47ddd76]{width:12px;height:12px;background:#667eea;border-radius:50%;animation:radioScale-b47ddd76 .3s ease}@keyframes radioScale-b47ddd76{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.plan-info[data-v-b47ddd76]{flex:1}.plan-name[data-v-b47ddd76]{font-size:16px;font-weight:700;color:#2c3e50;margin-bottom:4px}.plan-desc[data-v-b47ddd76]{font-size:13px;color:#6c757d;margin-bottom:6px}.plan-price[data-v-b47ddd76]{font-size:18px;font-weight:700;color:#667eea;font-family:Courier New,monospace}.estimate-box[data-v-b47ddd76]{margin-top:20px;background:#fff3cd;border:2px solid #ffc107;border-radius:12px;padding:16px}.estimate-title[data-v-b47ddd76]{font-size:14px;font-weight:700;color:#856404;margin-bottom:12px}.estimate-content[data-v-b47ddd76]{display:flex;flex-direction:column;gap:8px}.estimate-row[data-v-b47ddd76]{display:flex;justify-content:space-between;align-items:center;padding:8px 0;color:#856404;font-size:14px}.estimate-row.total[data-v-b47ddd76]{border-top:2px solid #ffc107;padding-top:12px;margin-top:4px;font-weight:700;font-size:16px}.total-value[data-v-b47ddd76]{color:#667eea;font-size:18px;font-family:Courier New,monospace}.save-plan-btn[data-v-b47ddd76]{width:100%;margin-top:20px;padding:14px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px}.save-plan-btn[data-v-b47ddd76]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.save-plan-btn svg[data-v-b47ddd76]{width:20px;height:20px}.smilepay-login-modal[data-v-b47ddd76]{max-width:500px}.smilepay-notice[data-v-b47ddd76]{display:flex;align-items:flex-start;gap:12px;padding:16px;background:linear-gradient(135deg,#e7f3ff,#f0f4ff);border-radius:8px;border:1px solid #b3d9ff;margin-bottom:24px}.smilepay-notice svg[data-v-b47ddd76]{width:24px;height:24px;color:#3a7bd5;flex-shrink:0;margin-top:2px}.smilepay-notice p[data-v-b47ddd76]{margin:0;color:#004085;font-size:14px;line-height:1.6}.smilepay-form[data-v-b47ddd76]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-b47ddd76]{display:flex;flex-direction:column;gap:8px}.form-group label[data-v-b47ddd76]{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#495057}.form-group label svg[data-v-b47ddd76]{width:18px;height:18px;color:#3a7bd5}.form-group input[data-v-b47ddd76]{padding:12px 16px;border:2px solid #dee2e6;border-radius:8px;font-size:15px;transition:all .3s ease}.form-group input[data-v-b47ddd76]:focus{outline:none;border-color:#3a7bd5;box-shadow:0 0 0 3px #667eea1a}.form-group input[data-v-b47ddd76]:disabled{background-color:#f8f9fa;cursor:not-allowed}.form-actions[data-v-b47ddd76]{display:flex;gap:12px;margin-top:8px}.cancel-btn[data-v-b47ddd76],.submit-btn[data-v-b47ddd76]{flex:1;padding:12px 20px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.cancel-btn[data-v-b47ddd76]{background:#f8f9fa;color:#6c757d;border:2px solid #dee2e6}.cancel-btn[data-v-b47ddd76]:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd}.submit-btn[data-v-b47ddd76]{background:linear-gradient(135deg,#3a7bd5,#00d2ff);color:#fff}.submit-btn[data-v-b47ddd76]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #3a7bd566}.cancel-btn[data-v-b47ddd76]:disabled,.submit-btn[data-v-b47ddd76]:disabled{opacity:.6;cursor:not-allowed;transform:none}.submit-btn svg[data-v-b47ddd76]{width:18px;height:18px}.btn-spinner[data-v-b47ddd76]{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-b47ddd76 .8s linear infinite;display:inline-block}@media (max-width: 768px){.smilepay-login-modal[data-v-b47ddd76]{max-width:95%}.form-actions[data-v-b47ddd76]{flex-direction:column}.cancel-btn[data-v-b47ddd76],.submit-btn[data-v-b47ddd76]{width:100%}}@media (max-width: 768px){.billing-modal[data-v-b47ddd76]{max-width:95%}.current-plan-badge[data-v-b47ddd76]{padding:14px 16px}.badge-plan[data-v-b47ddd76]{font-size:16px}.plan-option[data-v-b47ddd76]{padding:16px}.plan-name[data-v-b47ddd76]{font-size:15px}.plan-price[data-v-b47ddd76]{font-size:16px}}@media (max-width: 768px){.billing-modal[data-v-b47ddd76]{max-width:95%}.billing-info-grid[data-v-b47ddd76]{grid-template-columns:1fr}.billing-info-item .value[data-v-b47ddd76]{font-size:18px}.total-amount[data-v-b47ddd76]{font-size:28px}}@media (max-width: 768px){.social-modal[data-v-b47ddd76]{max-width:95%}.social-provider-card[data-v-b47ddd76]{padding:20px}.provider-info[data-v-b47ddd76]{gap:12px}.provider-icon[data-v-b47ddd76]{width:40px;height:40px}.provider-icon svg[data-v-b47ddd76]{width:24px;height:24px}.provider-header[data-v-b47ddd76]{flex-direction:column;align-items:flex-start;gap:12px}.provider-status[data-v-b47ddd76]{align-self:flex-end}.detail-item[data-v-b47ddd76]{flex-direction:column;gap:4px}}@media (max-width: 768px){.settings-container[data-v-b47ddd76]{padding:5% 5% 100px}.setting-item[data-v-b47ddd76]{padding:15px}.item-icon[data-v-b47ddd76]{width:40px;height:40px}.item-icon svg[data-v-b47ddd76]{width:24px;height:24px}.item-title[data-v-b47ddd76]{font-size:15px}.item-description[data-v-b47ddd76]{font-size:12px}.modal-content[data-v-b47ddd76]{max-width:95%}.modal-header[data-v-b47ddd76]{padding:16px 20px}.modal-title[data-v-b47ddd76]{font-size:18px}.sync-info-banner[data-v-b47ddd76]{padding:14px 20px}.sync-info-banner svg[data-v-b47ddd76]{width:20px;height:20px}.sync-label[data-v-b47ddd76]{font-size:11px}.sync-time[data-v-b47ddd76]{font-size:14px}.modal-body[data-v-b47ddd76],.data-section[data-v-b47ddd76]{padding:20px}.section-title[data-v-b47ddd76]{font-size:16px}.info-item[data-v-b47ddd76]{flex-direction:column;align-items:flex-start;gap:10px;padding:12px 0}.info-item label[data-v-b47ddd76]{font-size:14px}.info-value[data-v-b47ddd76]{max-width:93%;width:100%;font-size:14px}.referral-code-display[data-v-b47ddd76]{flex-direction:column}.code-text[data-v-b47ddd76]{font-size:20px}.input-group[data-v-b47ddd76]{flex-direction:column}.submit-btn[data-v-b47ddd76]{width:100%;justify-content:center}}@media (max-width: 480px){.settings-container[data-v-b47ddd76]{padding:3% 3% 100px}.item-left[data-v-b47ddd76]{gap:10px}.item-icon[data-v-b47ddd76]{width:36px;height:36px}.item-icon svg[data-v-b47ddd76]{width:20px;height:20px}.modal-overlay[data-v-b47ddd76]{padding:10px}.sync-btn[data-v-b47ddd76]{padding:6px 12px;font-size:13px}.sync-icon[data-v-b47ddd76]{width:16px;height:16px}.sync-info-banner[data-v-b47ddd76]{padding:12px 16px;gap:10px}.sync-time[data-v-b47ddd76]{font-size:13px}.data-sections[data-v-b47ddd76]{gap:20px}.section-title[data-v-b47ddd76]{font-size:15px}.code-text[data-v-b47ddd76]{font-size:18px;letter-spacing:2px}.referral-input[data-v-b47ddd76]{font-size:14px}}.gateway-list-modal[data-v-b47ddd76]{max-width:560px}.gateway-list-desc[data-v-b47ddd76]{font-size:14px;color:#6c757d;margin:0 0 20px}.gateway-list[data-v-b47ddd76]{display:flex;flex-direction:column;gap:12px}.gateway-card[data-v-b47ddd76]{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .3s ease}.gateway-card[data-v-b47ddd76]:hover:not(.disabled){border-color:#3a7bd5;box-shadow:0 4px 12px #3a7bd526;transform:translateY(-2px)}.gateway-card.disabled[data-v-b47ddd76]{opacity:.5;cursor:not-allowed;background:#f8f9fa}.gateway-card-left[data-v-b47ddd76]{display:flex;align-items:center;gap:16px}.gateway-logo[data-v-b47ddd76]{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.smilepay-logo[data-v-b47ddd76]{background:linear-gradient(135deg,#3a7bd5,#00d2ff);color:#fff}.smilepay-logo svg[data-v-b47ddd76]{width:28px;height:28px}.placeholder-logo[data-v-b47ddd76]{background:#e9ecef;color:#adb5bd}.placeholder-logo svg[data-v-b47ddd76]{width:28px;height:28px}.gateway-info[data-v-b47ddd76]{display:flex;flex-direction:column;gap:4px}.gateway-name[data-v-b47ddd76]{font-size:16px;font-weight:700;color:#2c3e50;margin:0}.gateway-desc[data-v-b47ddd76]{font-size:13px;color:#6c757d;margin:0}.gateway-card-right[data-v-b47ddd76]{display:flex;align-items:center;gap:12px}.gateway-status-badge[data-v-b47ddd76]{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600;white-space:nowrap}.gateway-status-badge.connected[data-v-b47ddd76]{background:#d4edda;color:#155724}.gateway-status-badge.disconnected[data-v-b47ddd76]{background:#f8d7da;color:#721c24}.gateway-status-badge.coming-soon[data-v-b47ddd76]{background:#e9ecef;color:#6c757d}.status-dot[data-v-b47ddd76]{width:7px;height:7px;border-radius:50%;flex-shrink:0}.connected .status-dot[data-v-b47ddd76]{background:#28a745;box-shadow:0 0 0 2px #28a7454d}.disconnected .status-dot[data-v-b47ddd76]{background:#dc3545}.smilepay-overlay[data-v-b47ddd76]{z-index:1100}.smilepay-modal[data-v-b47ddd76]{max-width:560px;max-height:92vh}.smilepay-header[data-v-b47ddd76]{background:linear-gradient(135deg,#3a7bd5,#00d2ff)}.modal-header-left[data-v-b47ddd76]{display:flex;align-items:center;gap:10px}.back-btn[data-v-b47ddd76]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:6px;cursor:pointer;color:#fff;transition:all .3s ease;padding:0;flex-shrink:0}.back-btn[data-v-b47ddd76]:hover{background-color:#ffffff4d}.back-btn svg[data-v-b47ddd76]{width:18px;height:18px}.smilepay-login-content[data-v-b47ddd76]{display:flex;flex-direction:column;gap:24px}.login-notice[data-v-b47ddd76]{display:flex;align-items:flex-start;gap:12px;padding:16px;background:linear-gradient(135deg,#e7f3ff,#f0f4ff);border-radius:8px;border:1px solid #b3d9ff}.login-notice svg[data-v-b47ddd76]{width:22px;height:22px;color:#3a7bd5;flex-shrink:0;margin-top:2px}.login-notice p[data-v-b47ddd76]{margin:0;color:#004085;font-size:14px;line-height:1.6}.login-form[data-v-b47ddd76]{display:flex;flex-direction:column;gap:20px}.login-submit-btn[data-v-b47ddd76]{width:100%;padding:14px 24px;background:linear-gradient(135deg,#3a7bd5,#00d2ff);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:8px}.login-submit-btn[data-v-b47ddd76]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3a7bd566}.login-submit-btn[data-v-b47ddd76]:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-submit-btn svg[data-v-b47ddd76]{width:20px;height:20px}@media (max-width: 768px){.gateway-list-modal[data-v-b47ddd76],.smilepay-modal[data-v-b47ddd76]{max-width:95%}.gateway-card[data-v-b47ddd76]{padding:16px}.gateway-logo[data-v-b47ddd76]{width:40px;height:40px}.gateway-name[data-v-b47ddd76]{font-size:15px}}.unbind-smilepay-btn[data-v-b47ddd76]{width:100%;margin-top:8px;padding:12px 20px;background:transparent;color:#dc3545;border:2px solid #dc3545;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.unbind-smilepay-btn[data-v-b47ddd76]:hover{background:#dc3545;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #dc35454d}.unbind-smilepay-btn svg[data-v-b47ddd76]{width:20px;height:20px}.unbind-overlay[data-v-b47ddd76]{z-index:1200}.unbind-modal[data-v-b47ddd76]{max-width:460px}.unbind-header[data-v-b47ddd76]{background:linear-gradient(135deg,#dc3545,#c82333)}.unbind-notice[data-v-b47ddd76]{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:8px;margin-bottom:24px;font-size:14px;line-height:1.6}.unbind-notice.warning[data-v-b47ddd76]{background:#fff3cd;border:1px solid #ffc107;color:#856404}.unbind-notice svg[data-v-b47ddd76]{width:20px;height:20px;flex-shrink:0;margin-top:2px}.unbind-notice p[data-v-b47ddd76]{margin:0}.unbind-form[data-v-b47ddd76]{display:flex;flex-direction:column;gap:16px}.unbind-hint[data-v-b47ddd76]{margin:0;font-size:13px;color:#6c757d;line-height:1.5}.unbind-submit-btn[data-v-b47ddd76]{width:100%;padding:14px 24px;background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.unbind-submit-btn[data-v-b47ddd76]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #dc354566}.unbind-submit-btn[data-v-b47ddd76]:disabled{opacity:.6;cursor:not-allowed;transform:none}.unbind-submit-btn svg[data-v-b47ddd76]{width:18px;height:18px}.notify-fab[data-v-f9eef9f7]{position:fixed;left:16px;bottom:16px;z-index:9999}.top_bar[data-v-f9eef9f7]{position:fixed;top:0;width:100%;height:50px;background-color:#6d6d7f;z-index:1002;color:#fff;display:flex;justify-content:space-between;align-items:center}.logo[data-v-f9eef9f7]{padding-left:25px;height:100%;position:relative;display:flex;align-items:center}.logo img[data-v-f9eef9f7]{overflow:hidden;height:40px;width:40px}.menu-title[data-v-f9eef9f7]{font-size:18px;font-weight:700}.close-btn[data-v-f9eef9f7]{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:5px;line-height:1}.user-info[data-v-f9eef9f7]{display:flex;align-items:center;gap:15px;margin-left:auto;padding-right:1%}button[data-v-f9eef9f7]{cursor:pointer}a[data-v-f9eef9f7]{-webkit-text-decoration:none;text-decoration:none}.navigation[data-v-f9eef9f7]{position:fixed;left:0;top:0;height:100vh;width:200px;background-color:#dedede;box-shadow:10px 0 #6d6d7f;overflow-x:hidden;z-index:2;color:#000;overflow-y:auto;scrollbar-width:none}.navigation[data-v-f9eef9f7]::-webkit-scrollbar{display:none}.navigation ul[data-v-f9eef9f7]{position:absolute;top:0;left:0;width:100%;padding-left:5px;padding-top:60px}.navigation ul li[data-v-f9eef9f7]{position:relative;list-style:none;width:100%;border-bottom-left-radius:20px;border-top-left-radius:20px;cursor:pointer}.list.active[data-v-f9eef9f7]{background-color:#6d6d7f;animation:fadein .3s ease 1 forwards;color:#fff}.list.active a[data-v-f9eef9f7],.list.active a[data-v-f9eef9f7]:hover{color:#fff}.navigation ul li[data-v-f9eef9f7] :hover{color:#3e3e3e}.navigation ul li a[data-v-f9eef9f7]{position:relative;width:100%;display:flex;text-decoration:none;align-items:center;height:70px;white-space:nowrap;color:#818181}.list.active[data-v-f9eef9f7]:before{content:"";position:absolute;top:-30px;right:0;width:30px;height:30px;background-color:transparent;border-radius:50%;box-shadow:15px 15px #6d6d7f}.list.active[data-v-f9eef9f7]:after{content:"";position:absolute;bottom:-30px;right:0;width:30px;height:30px;background-color:transparent;border-radius:50%;box-shadow:15px -15px #6d6d7f}.navigation ul li a .icon[data-v-f9eef9f7]{position:relative;min-width:80px;height:80px;display:flex;align-items:center;justify-content:center}.iconDiv[data-v-f9eef9f7]{position:relative;width:40px;height:40px;z-index:1}.iconDiv svg[data-v-f9eef9f7]{width:100%;height:100%;fill:currentColor}.title[data-v-f9eef9f7]{position:relative;display:block;padding-left:10px;height:60px;white-space:nowrap;line-height:70px}.user-menu-wrapper[data-v-f9eef9f7]{position:relative}.welcome-btn[data-v-f9eef9f7]{display:flex;align-items:center;gap:6px;color:#1b1b1b;font-size:14px;font-weight:500;padding:6px 14px;background-color:#d9d9d9;border-radius:10px;border:none;cursor:pointer;white-space:nowrap;transition:background-color .2s ease}.welcome-btn[data-v-f9eef9f7]:hover,.welcome-btn.active[data-v-f9eef9f7]{background-color:#c4c4c4}.chevron[data-v-f9eef9f7]{transition:transform .2s ease;flex-shrink:0}.welcome-btn.active .chevron[data-v-f9eef9f7]{transform:rotate(180deg)}.user-dropdown[data-v-f9eef9f7]{position:absolute;top:calc(100% + 8px);right:0;min-width:140px;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 6px 20px #00000021;overflow:visible;z-index:2001}.dropdown-item[data-v-f9eef9f7]{width:100%;display:flex;align-items:center;gap:8px;padding:10px 14px;border:none;background:none;font-size:14px;color:#333;cursor:pointer;text-align:left;transition:background-color .15s ease}.dropdown-item[data-v-f9eef9f7]:hover{background:#f5f5f5}.dropdown-item.logout[data-v-f9eef9f7]{color:#e74c3c;border-top:1px solid #f0f0f0}.dropdown-item.logout[data-v-f9eef9f7]:hover{background:#fff5f5}.shell[data-v-f9eef9f7]{padding-top:60px;padding-left:200px;width:calc(100% - 200px);height:calc(100VH - 60px)}.bottomBarContainer[data-v-f9eef9f7]{display:none;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e0e0e0;z-index:1001;box-shadow:0 -2px 8px #00000014}.bottomGrid[data-v-f9eef9f7]{display:flex;justify-content:space-around;align-items:flex-start;height:65px;padding:5px 0 10px}.bottomItem[data-v-f9eef9f7]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 4px;border:none;background:none;cursor:pointer;color:#888;font-size:11px;gap:2px;width:15%}.bottomItem.active[data-v-f9eef9f7]{color:#6d6d7f}.bottomIcon[data-v-f9eef9f7]{width:30px;height:30px}.bottomTitle[data-v-f9eef9f7]{font-size:10px;white-space:nowrap}@media screen and (max-width: 768px){.navigation[data-v-f9eef9f7],.hamburger-btn[data-v-f9eef9f7],.mobile-menu-overlay[data-v-f9eef9f7],.mobile-menu[data-v-f9eef9f7]{display:none}.bottomBarContainer[data-v-f9eef9f7]{display:block}.shell[data-v-f9eef9f7]{padding-left:0;padding-bottom:120px;width:100%}}.component-container[data-v-f9eef9f7]{display:flex;align-items:center;justify-content:center}.component-placeholder[data-v-f9eef9f7]{text-align:center;padding:40px;background-color:#f5f5f5;border-radius:10px;box-shadow:0 2px 10px #0000001a}.component-placeholder h2[data-v-f9eef9f7]{color:#6d6d7f;margin-bottom:20px}.component-placeholder p[data-v-f9eef9f7]{color:#666;margin:10px 0}.component-placeholder code[data-v-f9eef9f7]{background-color:#e0e0e0;padding:5px 10px;border-radius:5px;font-family:monospace}.component-placeholder .note[data-v-f9eef9f7]{font-style:italic;color:#999}.badge[data-v-f9eef9f7]{background:#ff3b30;color:#fff;font-size:11px;border-radius:999px;padding:2px 6px;position:absolute;min-width:18px;text-align:center;top:13px;right:0;z-index:10}.notify-bell[data-v-f9eef9f7]{position:relative;width:40px;height:36px;border:none;border-radius:10px;background:#ffffff59;color:#1b1b1b;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.notify-bell svg[data-v-f9eef9f7]{width:20px;height:20px}.notify-bell[data-v-f9eef9f7]:hover{background:#ffffff8c}.notify-badge[data-v-f9eef9f7]{position:absolute;top:-6px;right:-6px;min-width:18px;padding:2px 6px;border-radius:999px;background:#ff3b30;color:#fff;font-size:11px;text-align:center;line-height:1.2}.notify-popover[data-v-f9eef9f7]{position:absolute;top:60px;right:20px;width:360px;max-height:500px;background:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 10px 30px #00000026;overflow:hidden;z-index:2000}.notify-header[data-v-f9eef9f7]{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid #eee}.notify-title[data-v-f9eef9f7]{font-size:16px;font-weight:700}.notify-close[data-v-f9eef9f7]{border:none;background:none;font-size:22px;cursor:pointer;line-height:1}.notify-body[data-v-f9eef9f7]{max-height:430px;overflow-y:auto;padding:8px}.notify-tip[data-v-f9eef9f7],.notify-loading[data-v-f9eef9f7],.notify-empty[data-v-f9eef9f7]{padding:20px 12px;color:#666;text-align:center}.notify-btn[data-v-f9eef9f7]{display:inline-block;margin-top:10px;padding:8px 14px;border:none;border-radius:8px;background:#4caf50;color:#fff;cursor:pointer}.notify-item[data-v-f9eef9f7]{padding:12px;border-radius:10px;cursor:pointer;transition:background-color .15s ease;border-bottom:1px solid #f0f0f0}.notify-item[data-v-f9eef9f7]:hover{background:#f7f7f7}.notify-item.unread[data-v-f9eef9f7]{background:#e4e9f3}.notify-item.unread[data-v-f9eef9f7]:hover{background:#eaf2ff}.notify-item-top[data-v-f9eef9f7]{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:6px}.notify-item-title[data-v-f9eef9f7]{font-size:14px;font-weight:700;color:#222;line-height:1.4;word-break:break-word}.notify-item-time[data-v-f9eef9f7]{flex-shrink:0;font-size:12px;color:#888;white-space:nowrap}.notify-item-body[data-v-f9eef9f7]{font-size:13px;color:#555;line-height:1.5;word-break:break-word}.notify-item-meta[data-v-f9eef9f7]{margin-top:8px;font-size:12px;color:#999}.has-sub[data-v-f9eef9f7]{position:relative;overflow:visible}.sub-chevron[data-v-f9eef9f7]{margin-left:auto}.sub-dropdown[data-v-f9eef9f7]{position:absolute;top:0;right:calc(100% + 4px);min-width:130px;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 6px 20px #00000021;overflow:hidden;z-index:2002}.sub-dropdown .dropdown-item[data-v-f9eef9f7]{display:flex;text-decoration:none;color:#333}.sub-dropdown .dropdown-item[data-v-f9eef9f7]:hover{background:#f5f5f5}.update-banner[data-v-f9eef9f7]{position:absolute;padding:5px 18px;width:max-content;left:100%;z-index:-1;transform:translateY(-50%);top:50%;background-color:#d8d7ec;border-radius:999px;font-size:13px}.notify-more-btn[data-v-f9eef9f7]{text-align:center;padding:10px;cursor:pointer;color:#6d6d7f;font-size:14px;border-top:1px solid #eee}.notify-more-btn[data-v-f9eef9f7]:hover{background:#f5f5f5}.notify-full[data-v-f9eef9f7]{position:fixed;inset:50px 0 0;background:#fff;z-index:1999;display:flex;flex-direction:column}.notify-full-header[data-v-f9eef9f7]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #eee;flex-shrink:0}.notify-full-body[data-v-f9eef9f7]{flex:1;overflow-y:auto;padding:8px}.changelog-panel[data-v-f9eef9f7]{position:absolute;top:60px;right:20px;width:340px;max-height:480px;background:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 10px 30px #00000026;overflow:hidden;z-index:2000;display:flex;flex-direction:column}.changelog-header[data-v-f9eef9f7]{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid #eee;flex-shrink:0}.changelog-title[data-v-f9eef9f7]{font-size:15px;font-weight:700;color:#222}.changelog-title svg[data-v-f9eef9f7]{display:inline}.changelog-close[data-v-f9eef9f7]{border:none;background:none;font-size:22px;cursor:pointer;line-height:1;color:#999}.changelog-close[data-v-f9eef9f7]:hover{color:#333}.changelog-body[data-v-f9eef9f7]{overflow-y:auto;padding:8px 14px 14px}.changelog-entry[data-v-f9eef9f7]{padding:12px 0;border-bottom:1px solid #f0f0f0}.changelog-entry[data-v-f9eef9f7]:last-child{border-bottom:none}.changelog-meta[data-v-f9eef9f7]{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.changelog-version[data-v-f9eef9f7]{font-size:14px;font-weight:700;color:#6d6d7f;font-family:monospace}.changelog-tag[data-v-f9eef9f7]{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px}.tag-new[data-v-f9eef9f7]{background:#e8f5e9;color:#2e7d32}.tag-fix[data-v-f9eef9f7]{background:#fce4ec;color:#c62828}.tag-improve[data-v-f9eef9f7]{background:#e3f2fd;color:#1565c0}.changelog-date[data-v-f9eef9f7]{margin-left:auto;font-size:12px;color:#aaa}.changelog-list[data-v-f9eef9f7]{margin:0;padding-left:18px}.changelog-list li[data-v-f9eef9f7]{font-size:13px;color:#444;line-height:1.7}.changelog-slide-enter-active[data-v-f9eef9f7],.changelog-slide-leave-active[data-v-f9eef9f7]{transition:opacity .2s ease,transform .2s ease}.changelog-slide-enter-from[data-v-f9eef9f7],.changelog-slide-leave-to[data-v-f9eef9f7]{opacity:0;transform:translateY(-8px)}[data-v-dc35881b]{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none;font-weight:450;font-family:Arial}.container[data-v-dc35881b]{margin:0;padding:0;font-family:Arial,sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh;background:#646464;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.container-icon[data-v-dc35881b]{position:fixed;top:0;left:2%;height:100%;margin-right:60%;z-index:1}.container-icon svg[data-v-dc35881b]{width:100%;height:100%;object-fit:cover}.login-border[data-v-dc35881b]{position:relative;padding:10px;border-radius:16px;background:linear-gradient(270deg,#c88998,#f99f8c,#6f9286);background-size:600% 600%;animation:borderShift-dc35881b 6s ease infinite;width:fit-content;margin:0 auto;z-index:2}@keyframes borderShift-dc35881b{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.login-container[data-v-dc35881b]{background-color:#e8ecef;border-radius:12px;padding:30px;width:350px;box-shadow:0 8px 16px #0000001a}.error-message[data-v-dc35881b]{background-color:#ffebee;color:#c62828;padding:10px;border-radius:5px;margin-bottom:15px;text-align:center;font-size:14px;border:1px solid #ffcdd2}.keep-login-group[data-v-dc35881b]{margin-bottom:20px}.checkbox-label[data-v-dc35881b]{display:flex;justify-content:center;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#3b4856}.checkbox-label input[type=checkbox][data-v-dc35881b]{width:16px;height:16px;cursor:pointer}.checkbox-label[data-v-dc35881b]:hover{color:#2c3640}.account-login-trigger[data-v-dc35881b]{margin:20px 0}.account-form-section[data-v-dc35881b]{overflow:hidden}.input-group[data-v-dc35881b]{margin-bottom:20px;display:flex;align-items:center;background-color:#f3f3f3;border-radius:5px}.icon-container[data-v-dc35881b]{padding:12px;width:40px;height:40px;text-align:center}.icon-container svg[data-v-dc35881b]{width:100%;height:100%;overflow:hidden;object-fit:cover;fill:#000}input[type=text][data-v-dc35881b],input[type=password][data-v-dc35881b]{flex:1;border:none;padding:12px;background-color:#fff;color:#000;outline:none;border-radius:0 5px 5px 0;width:calc(100% - 40px)}.login-shadow[data-v-dc35881b]{border-radius:0 0 20px 20px;width:100%;z-index:1;margin:20px 0 15px}.login-btn[data-v-dc35881b]{width:100%;padding:15px;color:#fff;border:none;cursor:pointer;font-size:16px;font-weight:700;border-radius:5px;background-color:#3b4856;transition:background-color .3s,transform .1s,box-shadow .3s;box-shadow:0 8px 16px #0000001a}.login-btn[data-v-dc35881b]:hover:not(:disabled){background-color:#2c3640;box-shadow:0 4px 8px #0000001a}.login-btn[data-v-dc35881b]:active:not(:disabled){transform:scale(.98);box-shadow:0 2px 4px #0000001a}.login-btn[data-v-dc35881b]:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.forgot-password-container[data-v-dc35881b]{text-align:center;margin-bottom:10px}.forgot-password-link[data-v-dc35881b]{color:#3b4856;font-size:13px;text-decoration:none;display:inline-block;margin:0}.forgot-password-link[data-v-dc35881b]:hover{color:#2c3640;text-decoration:underline}.close-account-form[data-v-dc35881b]{text-align:center;margin:15px 0 20px}.close-btn[data-v-dc35881b]{background:none;border:none;font-size:32px;color:#3b4856;cursor:pointer;padding:5px 15px;transition:color .3s,transform .2s;line-height:1}.close-btn[data-v-dc35881b]:hover{color:#2c3640;transform:scale(1.15)}.close-btn[data-v-dc35881b]:active{transform:scale(.95)}.google-login-container[data-v-dc35881b]{margin:20px 0 15px;text-align:center}#g_id_signin[data-v-dc35881b]{margin:10px 0}a[data-v-dc35881b]{text-decoration:none;color:#3b4856;display:block;text-align:center;margin-top:15px;font-size:14px}a[data-v-dc35881b]:hover{color:#646464}.expand-enter-active[data-v-dc35881b],.expand-leave-active[data-v-dc35881b]{transition:all .5s ease;transform-origin:top}.expand-enter-from[data-v-dc35881b]{opacity:0;max-height:0;transform:translateY(-20px)}.expand-enter-to[data-v-dc35881b],.expand-leave-from[data-v-dc35881b]{opacity:1;max-height:600px;transform:translateY(0)}.expand-leave-to[data-v-dc35881b]{opacity:0;max-height:0;transform:translateY(-20px)}[data-v-f5a124b5]{margin:0;padding:0;box-sizing:border-box}.app-container[data-v-f5a124b5]{width:100%;min-height:100vh;background-color:#dedede}.top_bar[data-v-f5a124b5]{position:fixed;top:0;width:100%;height:50px;background-color:#6d6d7f;z-index:10;display:flex;align-items:center}.user-info[data-v-f5a124b5]{display:flex;align-items:center;gap:15px;margin-left:auto;padding-right:2%}.welcome-text[data-v-f5a124b5]{color:#1b1b1b;font-size:14px;font-weight:500;padding:6px 16px;background-color:#d9d9d9;border-radius:4px}.logout-btn-top[data-v-f5a124b5]{padding:6px 16px;background-color:#e74c3c;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:background-color .3s ease}.logout-btn-top[data-v-f5a124b5]:hover{background-color:#c0392b}.logout-btn-top[data-v-f5a124b5]:active{transform:scale(.98)}.content[data-v-f5a124b5]{padding-top:50px;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center}.banned-card[data-v-f5a124b5]{background:#fff;padding:50px 40px;border-radius:20px;text-align:center;box-shadow:0 10px 40px #00000026;max-width:550px;width:90%;animation:slideUp-f5a124b5 .5s ease-out;transition:transform .3s ease,box-shadow .3s ease}@keyframes slideUp-f5a124b5{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.icon-container[data-v-f5a124b5]{margin:0 auto 30px;width:100px;height:100px}.icon-circle[data-v-f5a124b5]{width:100px;height:100px;background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:pulse-f5a124b5 2s ease-in-out infinite;box-shadow:0 8px 20px #e74c3c4d}.icon[data-v-f5a124b5]{width:50px;height:50px;color:#fff}@keyframes pulse-f5a124b5{0%,to{transform:scale(1);box-shadow:0 8px 20px #e74c3c4d}50%{transform:scale(1.05);box-shadow:0 10px 30px #e74c3c66}}.title[data-v-f5a124b5]{color:#2c3e50;font-size:28px;margin-bottom:15px;font-weight:700}.subtitle[data-v-f5a124b5]{color:#7f8c8d;font-size:15px;margin-bottom:30px;line-height:1.6}.divider[data-v-f5a124b5]{height:1px;background:linear-gradient(to right,transparent,#ddd,transparent);margin:30px 0}.contact-info[data-v-f5a124b5]{background:#f8f9fa;padding:25px;border-radius:15px;margin-bottom:25px}.info-header[data-v-f5a124b5]{color:#7f8c8d;font-size:13px;line-height:1.6;margin-bottom:20px;text-align:center}.contact-item[data-v-f5a124b5]{display:flex;justify-content:space-between;align-items:center;padding:12px 0}.contact-item[data-v-f5a124b5]:not(:last-child){border-bottom:1px solid #e9ecef}.contact-label[data-v-f5a124b5]{color:#95a5a6;font-size:14px;font-weight:500}.contact-value[data-v-f5a124b5]{color:#2c3e50;font-size:14px;font-weight:600}.logout-btn[data-v-f5a124b5]{width:100%;padding:15px;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #e74c3c4d}.logout-btn[data-v-f5a124b5]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e74c3c66}.logout-btn[data-v-f5a124b5]:active{transform:translateY(0)}@media screen and (max-width: 768px){.banned-card[data-v-f5a124b5]{padding:40px 30px;margin:20px}.title[data-v-f5a124b5]{font-size:24px}.subtitle[data-v-f5a124b5]{font-size:14px}.icon-container[data-v-f5a124b5],.icon-circle[data-v-f5a124b5]{width:80px;height:80px}.icon[data-v-f5a124b5]{width:40px;height:40px}.contact-item[data-v-f5a124b5]{flex-direction:column;gap:5px;align-items:flex-start}}@media screen and (max-width: 480px){.banned-card[data-v-f5a124b5]{padding:30px 20px}.title[data-v-f5a124b5]{font-size:22px}.contact-info[data-v-f5a124b5]{padding:20px}}.top_bar[data-v-01606bcb]{position:fixed;top:0;width:100%;height:50px;background-color:#6d6d7f;z-index:100;display:flex;align-items:center}.user-info[data-v-01606bcb]{display:flex;align-items:center;gap:15px;margin-left:auto;padding-right:2%}.welcome-text[data-v-01606bcb]{color:#1b1b1b;font-size:14px;font-weight:500;padding:6px 16px;background-color:#d9d9d9;border-radius:4px}.logout-btn-top[data-v-01606bcb]{padding:6px 16px;background-color:#e74c3c;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:background-color .3s ease}.logout-btn-top[data-v-01606bcb]:hover{background-color:#c0392b}.body-wrapper[data-v-01606bcb]{font-family:Noto Sans TC,Microsoft JhengHei,sans-serif;background-color:#383838;color:#333;margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center}h1[data-v-01606bcb]{text-align:center;margin-bottom:20px;color:#fff}form[data-v-01606bcb]{max-width:700px;margin:0 auto;padding:60px;background:#fff;border-radius:20px;box-shadow:0 4px 12px #00000014}form label[data-v-01606bcb]{display:flex;flex-direction:column;margin-bottom:15px;font-weight:500;color:#444}form input[type=text][data-v-01606bcb],form input[type=email][data-v-01606bcb],form input[type=password][data-v-01606bcb],form input[type=url][data-v-01606bcb]{padding:10px 12px;margin-top:6px;border:1px solid #ccc;border-radius:8px;font-size:14px;transition:border-color .3s,box-shadow .3s}form input[data-v-01606bcb]:focus{outline:none;border-color:#5583a2;box-shadow:0 0 6px #3498db4d}form button[data-v-01606bcb]{display:block;width:100%;padding:12px;margin-top:3em;font-size:16px;font-weight:600;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .3s;background:#dedede;cursor:not-allowed}#part-1[data-v-01606bcb]{width:100%;max-width:900px;opacity:1;transition:.3s;z-index:10}.container-icon[data-v-01606bcb]{position:fixed;top:0;left:7%;height:100%;z-index:1}.guide_box[data-v-01606bcb]{margin:20px auto;text-align:center}.guide_msg[data-v-01606bcb]{color:#ef3e5c}.enable[data-v-01606bcb]{background:#5583a2;cursor:pointer}.enable[data-v-01606bcb]:hover{background:#2980b9}input[readonly][data-v-01606bcb]{background-color:#f5f5f5;cursor:not-allowed}