*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f7fa}#app{min-height:100vh}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .3s ease;gap:8px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.btn-secondary{background:#f8f9fa;color:#495057;border:1px solid #dee2e6}.btn-secondary:hover{background:#e9ecef;transform:translateY(-1px)}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-weight:500;color:#333}.form-input{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:14px;transition:all .3s ease;background:#fff}.form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-input.error{border-color:#e74c3c}.error-message{color:#e74c3c;font-size:12px;margin-top:4px}.card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;overflow:hidden}.card-header{padding:20px;border-bottom:1px solid #e1e5e9}.card-body{padding:20px}.card-footer{padding:20px;border-top:1px solid #e1e5e9;background:#f8f9fa}.login-container[data-v-3a0fe11a]{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden}.login-background[data-v-3a0fe11a]{position:absolute;inset:0;z-index:1}.background-shapes[data-v-3a0fe11a]{position:relative;width:100%;height:100%}.shape[data-v-3a0fe11a]{position:absolute;border-radius:50%;background:#ffffff1a;animation:float-3a0fe11a 6s ease-in-out infinite}.shape-1[data-v-3a0fe11a]{width:200px;height:200px;top:10%;left:10%;animation-delay:0s}.shape-2[data-v-3a0fe11a]{width:150px;height:150px;top:60%;right:10%;animation-delay:2s}.shape-3[data-v-3a0fe11a]{width:100px;height:100px;bottom:20%;left:60%;animation-delay:4s}@keyframes float-3a0fe11a{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.login-card[data-v-3a0fe11a]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px;width:100%;max-width:400px;box-shadow:0 20px 40px #0000001a;position:relative;z-index:2;border:1px solid rgba(255,255,255,.2)}.login-header[data-v-3a0fe11a]{text-align:center;margin-bottom:30px}.login-title[data-v-3a0fe11a]{font-size:28px;font-weight:700;color:#333;margin:0 0 8px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-subtitle[data-v-3a0fe11a]{color:#666;margin:0;font-size:14px}.login-form[data-v-3a0fe11a]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-3a0fe11a]{display:flex;flex-direction:column;gap:8px}.form-label[data-v-3a0fe11a]{font-weight:600;color:#333;font-size:14px}.input-wrapper[data-v-3a0fe11a]{position:relative;display:flex;align-items:center}.input-icon[data-v-3a0fe11a]{position:absolute;left:12px;width:20px;height:20px;color:#999;z-index:1}.form-input[data-v-3a0fe11a]{width:100%;padding:12px 12px 12px 44px;border:2px solid #e1e5e9;border-radius:10px;font-size:16px;transition:all .3s ease;background:#fff;box-sizing:border-box}.form-input[data-v-3a0fe11a]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-input.error[data-v-3a0fe11a]{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}.password-toggle[data-v-3a0fe11a]{position:absolute;right:12px;background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.password-toggle[data-v-3a0fe11a]:hover{background-color:#f5f5f5}.password-toggle svg[data-v-3a0fe11a]{width:20px;height:20px;color:#999}.error-message[data-v-3a0fe11a]{color:#e74c3c;font-size:12px;margin-top:4px}.login-button[data-v-3a0fe11a]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px 20px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.login-button[data-v-3a0fe11a]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.login-button[data-v-3a0fe11a]:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-button.locked[data-v-3a0fe11a]{background:linear-gradient(135deg,#e74c3c,#c0392b)}.locked-content[data-v-3a0fe11a]{display:flex;align-items:center;justify-content:center;gap:8px}.lock-icon[data-v-3a0fe11a]{width:20px;height:20px}.loading-content[data-v-3a0fe11a]{display:flex;align-items:center;justify-content:center;gap:8px}.loading-spinner[data-v-3a0fe11a]{width:20px;height:20px}.message[data-v-3a0fe11a]{padding:12px;border-radius:8px;font-size:14px;text-align:center;margin-top:10px}.message.success[data-v-3a0fe11a]{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error[data-v-3a0fe11a]{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.login-footer[data-v-3a0fe11a]{margin-top:30px;text-align:center}.demo-info[data-v-3a0fe11a]{display:flex;align-items:center;justify-content:center;gap:8px;color:#666;font-size:12px;margin:0;padding:12px;background-color:#f8f9fa;border-radius:8px;border-left:4px solid #667eea}.info-icon[data-v-3a0fe11a]{width:16px;height:16px;color:#667eea;flex-shrink:0}@media (max-width: 480px){.login-card[data-v-3a0fe11a]{margin:20px;padding:30px 20px}.login-title[data-v-3a0fe11a]{font-size:24px}.shape[data-v-3a0fe11a]{display:none}}.toast-notification[data-v-3a0fe11a]{position:fixed;top:2rem;right:2rem;background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;padding:16px;display:flex;align-items:flex-start;gap:12px;min-width:300px;max-width:400px;z-index:1000;animation:slideInRight-3a0fe11a .3s ease-out;border-left:4px solid #28a745}.toast-notification.success[data-v-3a0fe11a]{border-left-color:#28a745}.toast-notification.error[data-v-3a0fe11a]{border-left-color:#dc3545}.toast-notification.info[data-v-3a0fe11a]{border-left-color:#17a2b8}.toast-icon[data-v-3a0fe11a]{width:24px;height:24px;flex-shrink:0;margin-top:2px}.toast-notification.success .toast-icon[data-v-3a0fe11a]{color:#28a745}.toast-notification.error .toast-icon[data-v-3a0fe11a]{color:#dc3545}.toast-notification.info .toast-icon[data-v-3a0fe11a]{color:#17a2b8}.toast-icon svg[data-v-3a0fe11a]{width:100%;height:100%;stroke-width:2}.toast-content[data-v-3a0fe11a]{flex:1}.toast-title[data-v-3a0fe11a]{font-weight:600;font-size:14px;color:#333;margin-bottom:4px}.toast-message[data-v-3a0fe11a]{font-size:13px;color:#666;line-height:1.4}.toast-close[data-v-3a0fe11a]{background:none;border:none;cursor:pointer;padding:4px;color:#999;width:20px;height:20px;flex-shrink:0;border-radius:4px;transition:all .2s ease}.toast-close[data-v-3a0fe11a]:hover{background-color:#f5f5f5;color:#666}.toast-close svg[data-v-3a0fe11a]{width:100%;height:100%;stroke-width:2}@keyframes slideInRight-3a0fe11a{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.dashboard-container[data-v-75c868e3]{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.dashboard-header[data-v-75c868e3]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000001a;position:sticky;top:0;z-index:100}.header-content[data-v-75c868e3]{max-width:1200px;margin:0 auto;padding:24px;display:flex;justify-content:space-between;align-items:center}.header-left[data-v-75c868e3]{display:flex;flex-direction:column;gap:4px}.dashboard-title[data-v-75c868e3]{margin:0;color:#2c3e50;font-size:28px;font-weight:700;display:flex;align-items:center;gap:12px}.title-icon[data-v-75c868e3]{width:32px;height:32px;color:#667eea}.dashboard-subtitle[data-v-75c868e3]{margin:0;color:#7f8c8d;font-size:14px;font-weight:500}.header-right[data-v-75c868e3]{display:flex;align-items:center}.logout-button[data-v-75c868e3]{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;padding:12px 20px;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #e74c3c4d}.logout-button[data-v-75c868e3]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e74c3c66}.logout-icon[data-v-75c868e3]{width:16px;height:16px}.dashboard-main[data-v-75c868e3]{max-width:1200px;margin:0 auto;padding:40px 24px}.dashboard-content[data-v-75c868e3]{display:flex;flex-direction:column;gap:40px}.module-icon.region[data-v-75c868e3]{background:linear-gradient(135deg,#e74c3c,#c0392b)}.module-icon.posts[data-v-75c868e3]{background:linear-gradient(135deg,#3498db,#2980b9)}.module-icon.diary[data-v-75c868e3]{background:linear-gradient(135deg,#e74c3c,#c0392b)}.module-icon.account[data-v-75c868e3]{background:linear-gradient(135deg,#f39c12,#e67e22)}.module-icon.logs[data-v-75c868e3]{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.module-icon.settings[data-v-75c868e3]{background:linear-gradient(135deg,#34495e,#2c3e50)}.modules-section[data-v-75c868e3]{display:flex;flex-direction:column;gap:24px}.section-title[data-v-75c868e3]{margin:0;color:#2c3e50;font-size:20px;font-weight:600;text-align:center}.modules-grid[data-v-75c868e3]{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:0 auto}.module-card[data-v-75c868e3]{background:#fff;padding:32px;border-radius:16px;box-shadow:0 8px 30px #00000014;display:flex;align-items:center;gap:24px;transition:all .3s ease;border:2px solid transparent;position:relative;overflow:hidden}.module-card[data-v-75c868e3]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .3s ease}.module-card[data-v-75c868e3]:hover:before{transform:scaleX(1)}.module-card[data-v-75c868e3]:hover{transform:translateY(-8px);box-shadow:0 20px 50px #00000026;border-color:#667eea33}.module-icon[data-v-75c868e3]{width:80px;height:80px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.module-icon svg[data-v-75c868e3]{width:36px;height:36px;color:#fff}.module-icon.games[data-v-75c868e3]{background:linear-gradient(135deg,#667eea,#764ba2)}.module-icon.posts[data-v-75c868e3]{background:linear-gradient(135deg,#4facfe,#00f2fe)}.module-icon.diary[data-v-75c868e3]{background:linear-gradient(135deg,#a8edea,#fed6e3)}.module-icon.apps[data-v-75c868e3]{background:linear-gradient(135deg,#fa709a,#fee140)}.module-icon.interfaces[data-v-75c868e3]{background:linear-gradient(135deg,#667eea,#764ba2)}.module-icon.region[data-v-75c868e3]{background:linear-gradient(135deg,#ff9a9e,#fecfef)}.module-icon.account[data-v-75c868e3]{background:linear-gradient(135deg,#a8edea,#fed6e3)}.module-icon.novels[data-v-75c868e3]{background:linear-gradient(135deg,#ffecd2,#fcb69f)}.module-icon.movies[data-v-75c868e3]{background:linear-gradient(135deg,#ff9a9e,#fad0c4)}.module-icon.feedback[data-v-75c868e3]{background:linear-gradient(135deg,#43e97b,#38f9d7)}.module-icon.expirations[data-v-75c868e3]{background:linear-gradient(135deg,#4facfe,#00f2fe)}.module-content[data-v-75c868e3]{flex:1;display:flex;flex-direction:column;gap:8px}.module-content h4[data-v-75c868e3]{margin:0;color:#2c3e50;font-size:20px;font-weight:700}.module-content p[data-v-75c868e3]{margin:0;color:#7f8c8d;font-size:14px;line-height:1.5}.module-stats[data-v-75c868e3]{display:flex;gap:16px;margin-top:8px}.stat-item[data-v-75c868e3]{display:flex;align-items:center;gap:6px;color:#95a5a6;font-size:12px;font-weight:500}.stat-item svg[data-v-75c868e3]{width:14px;height:14px}.module-arrow[data-v-75c868e3]{width:24px;height:24px;color:#bdc3c7;transition:all .3s ease}.module-card:hover .module-arrow[data-v-75c868e3]{color:#667eea;transform:translate(4px)}.module-card.clickable[data-v-75c868e3]{cursor:pointer}@media (max-width: 768px){.header-content[data-v-75c868e3]{flex-direction:column;gap:16px;text-align:center}.dashboard-title[data-v-75c868e3]{font-size:24px}.dashboard-main[data-v-75c868e3]{padding:24px 16px}.welcome-card[data-v-75c868e3]{flex-direction:column;text-align:center;padding:32px 24px}.welcome-content h2[data-v-75c868e3]{font-size:20px}.modules-grid[data-v-75c868e3]{grid-template-columns:1fr}.module-card[data-v-75c868e3]{padding:24px;flex-direction:column;text-align:center;gap:16px}.module-arrow[data-v-75c868e3]{transform:rotate(90deg)}.module-card:hover .module-arrow[data-v-75c868e3]{transform:rotate(90deg) translate(4px)}}.logout-modal-overlay[data-v-75c868e3]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn-75c868e3 .2s ease}.logout-modal-content[data-v-75c868e3]{background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;max-width:400px;width:90%;max-height:90vh;overflow:hidden;animation:slideUp-75c868e3 .3s ease}.logout-modal-header[data-v-75c868e3]{display:flex;align-items:center;gap:1rem;padding:2rem 2rem 1rem;border-bottom:1px solid #f1f5f9}.logout-modal-icon[data-v-75c868e3]{width:3rem;height:3rem;background:linear-gradient(135deg,#ff6b6b,#ee5a52);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.logout-modal-icon svg[data-v-75c868e3]{width:1.5rem;height:1.5rem;color:#fff;stroke-width:2}.logout-modal-header h3[data-v-75c868e3]{margin:0;font-size:1.25rem;font-weight:600;color:#1e293b}.logout-modal-body[data-v-75c868e3]{padding:1.5rem 2rem}.logout-modal-body p[data-v-75c868e3]{margin:0 0 .75rem;color:#475569;line-height:1.6}.logout-warning[data-v-75c868e3]{font-size:.875rem;color:#64748b;margin-bottom:0!important}.logout-modal-footer[data-v-75c868e3]{display:flex;gap:1rem;padding:1.5rem 2rem 2rem;justify-content:flex-end}.modal-cancel-btn[data-v-75c868e3],.modal-logout-btn[data-v-75c868e3]{padding:.75rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:100px;display:flex;align-items:center;justify-content:center;gap:.5rem}.modal-cancel-btn[data-v-75c868e3]{background:#f8f9fa;color:#666;border:1px solid #e9ecef}.modal-cancel-btn[data-v-75c868e3]:hover:not(:disabled){background:#e9ecef;color:#333}.modal-logout-btn[data-v-75c868e3]{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff}.modal-logout-btn[data-v-75c868e3]:hover:not(:disabled){background:linear-gradient(135deg,#ee5a52,#dc4c64);transform:translateY(-1px);box-shadow:0 4px 12px #ee5a524d}.modal-cancel-btn[data-v-75c868e3]:disabled,.modal-logout-btn[data-v-75c868e3]:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.loading-spinner[data-v-75c868e3]{width:1rem;height:1rem;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin-75c868e3 1s linear infinite}@keyframes fadeIn-75c868e3{0%{opacity:0}to{opacity:1}}@keyframes slideUp-75c868e3{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin-75c868e3{to{transform:rotate(360deg)}}@media (max-width: 480px){.logout-modal-content[data-v-75c868e3]{margin:1rem;width:calc(100% - 2rem)}.logout-modal-header[data-v-75c868e3]{padding:1.5rem 1.5rem 1rem}.logout-modal-body[data-v-75c868e3]{padding:1rem 1.5rem}.logout-modal-footer[data-v-75c868e3]{flex-direction:column;padding:1rem 1.5rem 1.5rem}.modal-cancel-btn[data-v-75c868e3],.modal-logout-btn[data-v-75c868e3]{width:100%}}.game-management-container[data-v-12aa779a]{min-height:100vh;background:#f8fafc;padding:0}.page-header[data-v-12aa779a]{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;padding:2rem 3rem;position:sticky;top:0;z-index:100}.header-content[data-v-12aa779a]{width:100%;display:flex;justify-content:space-between;align-items:center}.header-left[data-v-12aa779a]{display:flex;align-items:center;gap:1.5rem}.back-button[data-v-12aa779a]{display:flex;align-items:center;gap:.5rem;background:none;border:1px solid #e2e8f0;color:#64748b;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;font-size:.875rem;transition:all .2s ease}.back-button[data-v-12aa779a]:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}.back-button svg[data-v-12aa779a]{width:1rem;height:1rem}.header-info[data-v-12aa779a]{display:flex;flex-direction:column;gap:.25rem}.page-title[data-v-12aa779a]{display:flex;align-items:center;gap:.75rem;margin:0;font-size:2.5rem;font-weight:700;color:#1e293b}.title-icon[data-v-12aa779a]{width:3rem;height:3rem;color:#3b82f6}.page-subtitle[data-v-12aa779a]{margin:0;color:#64748b;font-size:.875rem}.header-actions[data-v-12aa779a]{display:flex;gap:1rem}.add-button[data-v-12aa779a]{display:flex;align-items:center;gap:.5rem;background:#3b82f6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;box-shadow:0 2px 4px #3b82f633}.add-button[data-v-12aa779a]:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.add-button svg[data-v-12aa779a]{width:1rem;height:1rem}.page-main[data-v-12aa779a]{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;margin:2rem 3rem;border-radius:12px;padding:2rem}.section-header[data-v-12aa779a]{padding:1.5rem 2rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.section-title[data-v-12aa779a]{margin:0;font-size:1.25rem;font-weight:600;color:#1e293b}.total-count[data-v-12aa779a]{font-size:1rem;font-weight:400;color:#64748b;margin-left:.5rem}.section-actions[data-v-12aa779a]{display:flex;gap:1rem;align-items:center}.search-box[data-v-12aa779a]{position:relative;display:flex;align-items:center}.search-icon[data-v-12aa779a]{position:absolute;left:.75rem;width:1rem;height:1rem;color:#9ca3af;z-index:1}.search-input[data-v-12aa779a]{padding:.5rem 2.5rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;background:#fff;min-width:200px;transition:all .2s ease}.search-input[data-v-12aa779a]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-clear-btn[data-v-12aa779a]{position:absolute;right:.5rem;width:1.5rem;height:1.5rem;border:none;background:none;color:#9ca3af;cursor:pointer;border-radius:.25rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.search-clear-btn[data-v-12aa779a]:hover{color:#6b7280;background:#f3f4f6}.search-clear-btn svg[data-v-12aa779a]{width:.875rem;height:.875rem}.empty-state[data-v-12aa779a]{text-align:center;padding:4rem 2rem;color:#64748b;min-height:50vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.empty-icon[data-v-12aa779a]{width:4rem;height:4rem;margin:0 auto 1rem;color:#cbd5e1}.empty-icon svg[data-v-12aa779a]{width:100%;height:100%}.empty-state h3[data-v-12aa779a]{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:#374151}.empty-state p[data-v-12aa779a]{margin:0 0 1.5rem;color:#6b7280}.empty-action-button[data-v-12aa779a]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.empty-action-button[data-v-12aa779a]:hover{transform:translateY(-1px);box-shadow:0 4px 8px #667eea4d}.games-table-container[data-v-12aa779a]{background:#fff;border-radius:1rem;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 2px 4px #0000000d;margin:2rem}.games-table[data-v-12aa779a]{width:100%;border-collapse:collapse;font-size:.875rem}.games-table th[data-v-12aa779a]{background:#f8fafc;color:#374151;padding:1rem;text-align:left;font-weight:600;border-bottom:1px solid #e2e8f0;white-space:nowrap}.games-table td[data-v-12aa779a]{padding:1rem;border-bottom:1px solid #f1f5f9;vertical-align:middle}.games-table tr[data-v-12aa779a]:hover{background:#f8fafc}.games-table tr:last-child td[data-v-12aa779a]{border-bottom:none}.game-icon[data-v-12aa779a]{width:2.5rem;height:2.5rem;border-radius:.5rem;overflow:hidden;background:#f1f5f9;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.game-icon[data-v-12aa779a]:has(img){background:linear-gradient(135deg,#667eea,#764ba2);border:none}.game-icon img[data-v-12aa779a]{width:100%;height:100%;object-fit:cover}.game-icon svg[data-v-12aa779a]{width:1.25rem;height:1.25rem;color:#fff}.game-name-cell[data-v-12aa779a]{font-weight:600;color:#1e293b}.game-english-name[data-v-12aa779a]{font-size:.75rem;color:#64748b;margin-top:.25rem}.game-rating[data-v-12aa779a]{display:flex;align-items:center;gap:.25rem;color:#f59e0b;font-weight:600}.game-rating svg[data-v-12aa779a]{width:1rem;height:1rem;fill:currentColor}.game-description-cell[data-v-12aa779a]{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#64748b}.screenshots-cell[data-v-12aa779a]{max-width:180px}.screenshots-container[data-v-12aa779a]{display:flex;gap:.25rem;align-items:center;flex-wrap:wrap}.screenshot-thumb[data-v-12aa779a]{width:2rem;height:2rem;border-radius:.25rem;object-fit:cover;border:1px solid #e2e8f0;cursor:pointer;transition:transform .2s ease}.screenshot-thumb[data-v-12aa779a]:hover{transform:scale(1.1);border-color:#667eea}.more-screenshots[data-v-12aa779a]{font-size:.75rem;color:#64748b;background:#f1f5f9;padding:.125rem .375rem;border-radius:.25rem;white-space:nowrap}.no-screenshots[data-v-12aa779a]{font-size:.75rem;color:#9ca3af;font-style:italic}.game-tags[data-v-12aa779a]{display:flex;flex-wrap:wrap;gap:.25rem;max-width:150px}.tag[data-v-12aa779a]{background:#f1f5f9;color:#475569;padding:.125rem .375rem;border-radius:.25rem;font-size:.625rem;font-weight:500;white-space:nowrap}.game-actions[data-v-12aa779a]{display:flex;gap:.5rem}.action-button[data-v-12aa779a]{display:flex;align-items:center;gap:.25rem;padding:.375rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid;white-space:nowrap}.action-button svg[data-v-12aa779a]{width:.875rem;height:.875rem}.action-button.edit[data-v-12aa779a]{background:#f8fafc;border-color:#e2e8f0;color:#475569}.action-button.edit[data-v-12aa779a]:hover{background:#f1f5f9;border-color:#cbd5e1}.action-button.delete[data-v-12aa779a]{background:#fef2f2;border-color:#fecaca;color:#dc2626}.action-button.delete[data-v-12aa779a]:hover{background:#fee2e2;border-color:#fca5a5}.modal-overlay[data-v-12aa779a]{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1rem;overflow-y:auto}.modal-content[data-v-12aa779a]{background:#fff;border-radius:1rem;width:100%;max-width:1100px;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a;animation:modalSlideIn-12aa779a .4s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(255,255,255,.2)}@keyframes modalSlideIn-12aa779a{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header[data-v-12aa779a]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#667eea,#764ba2);position:relative}.modal-header[data-v-12aa779a]:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#667eea1a,#764ba21a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-header h2[data-v-12aa779a]{margin:0;color:#fff;font-size:1.5rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1);position:relative;z-index:1}.close-btn[data-v-12aa779a]{background:#fff3;border:1px solid rgba(255,255,255,.3);font-size:1.5rem;cursor:pointer;color:#fff;padding:.5rem;border-radius:.75rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.close-btn[data-v-12aa779a]:hover{background:#ffffff4d;border-color:#ffffff80;transform:scale(1.05)}.game-form[data-v-12aa779a]{padding:2rem;max-height:calc(90vh - 140px);overflow-y:auto;background:linear-gradient(135deg,#f8fafc,#fff)}.form-grid[data-v-12aa779a]{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.form-column[data-v-12aa779a]{display:flex;flex-direction:column}.form-group[data-v-12aa779a]{margin-bottom:1rem}.form-group.full-width[data-v-12aa779a]{grid-column:1 / -1}.form-group label[data-v-12aa779a]{display:block;margin-bottom:.4rem;font-weight:600;color:#374151;font-size:.875rem}.form-group input[data-v-12aa779a],.form-group textarea[data-v-12aa779a]{width:100%;padding:.5rem .75rem;border:2px solid #e2e8f0;border-radius:.5rem;font-size:.875rem;box-sizing:border-box;transition:all .3s ease;background:#fff;box-shadow:0 1px 3px #0000001a}.form-group input[data-v-12aa779a]:focus,.form-group textarea[data-v-12aa779a]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea26,0 4px 6px #0000001a;background:#fff;transform:translateY(-1px)}.file-upload-container[data-v-12aa779a]{margin-top:.5rem}.file-input[data-v-12aa779a]{display:none}.file-upload-label[data-v-12aa779a]{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:#fff;color:#64748b;border-radius:.75rem;cursor:pointer;transition:all .3s ease;border:2px solid #e2e8f0;font-weight:500;box-shadow:0 1px 3px #0000001a}.file-upload-label[data-v-12aa779a]:hover{border-color:#10b981;background:#f0fdf4;color:#10b981;transform:translateY(-1px);box-shadow:0 4px 12px #10b98126}.upload-icon[data-v-12aa779a]{width:1.5rem;height:1.5rem;stroke-width:2;opacity:.7;transition:all .3s ease}.file-upload-label:hover .upload-icon[data-v-12aa779a]{opacity:1;stroke:#10b981;transform:scale(1.1)}.image-preview[data-v-12aa779a]{margin-top:1rem}.preview-container[data-v-12aa779a]{position:relative;display:inline-block}.image-preview img[data-v-12aa779a]{width:120px;height:120px;object-fit:cover;border-radius:1rem;border:3px solid #e2e8f0;box-shadow:0 4px 6px #0000001a;transition:all .3s ease}.image-preview img[data-v-12aa779a]:hover{transform:scale(1.05);box-shadow:0 8px 25px #00000026}.remove-preview-btn[data-v-12aa779a]{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:#ef4444;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;transition:all .3s ease;box-shadow:0 2px 4px #0003}.remove-preview-btn[data-v-12aa779a]:hover{background:#dc2626;transform:scale(1.1)}.icon-screenshot-container[data-v-12aa779a]{display:flex;gap:1.5rem;align-items:flex-start}.icon-section[data-v-12aa779a]{flex:0 0 auto}.screenshot-section[data-v-12aa779a]{flex:1}.screenshot-section label[data-v-12aa779a]{display:block;margin-bottom:.5rem;font-weight:500;color:#374151}.screenshots-grid[data-v-12aa779a]{display:flex;flex-direction:column;gap:.5rem}.screenshot-row[data-v-12aa779a]{display:flex;gap:.5rem}.screenshot-row[data-v-12aa779a]:first-child{justify-content:flex-start}.screenshot-row[data-v-12aa779a]:last-child{justify-content:flex-start}.screenshot-upload-grid[data-v-12aa779a]{position:relative;width:100px}.screenshot-placeholder-grid[data-v-12aa779a]{width:100%;aspect-ratio:16/9;border:2px dashed #cbd5e1;border-radius:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8fafc;color:#64748b;font-size:.75rem;font-weight:500;gap:.25rem;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden;min-height:68px}.screenshot-placeholder-grid[data-v-12aa779a]:hover{border-color:#10b981;background:#f0fdf4;color:#10b981}.screenshot-placeholder-grid:hover .placeholder-icon-grid[data-v-12aa779a]{opacity:1;stroke:#10b981;transform:scale(1.1)}.placeholder-content-grid[data-v-12aa779a]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;height:100%}.placeholder-icon-grid[data-v-12aa779a]{width:20px;height:20px;opacity:.6;transition:all .3s ease}.screenshot-preview-grid[data-v-12aa779a]{width:100%;height:100%;object-fit:cover;border-radius:.5rem}.remove-screenshot-btn-grid[data-v-12aa779a]{position:absolute;top:4px;right:4px;width:20px;height:20px;border:none;border-radius:50%;background:#ef4444e6;color:#fff;font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.remove-screenshot-btn-grid[data-v-12aa779a]:hover{background:#dc2626;transform:scale(1.1)}.icon-upload-container[data-v-12aa779a]{position:relative}.icon-placeholder[data-v-12aa779a]{width:80px;height:80px;border:2px dashed #cbd5e1;border-radius:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8fafc;color:#64748b;font-size:.75rem;font-weight:500;gap:.25rem;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.icon-preview[data-v-12aa779a]{width:100%;height:100%;object-fit:cover;border-radius:.75rem}.icon-placeholder[data-v-12aa779a]:hover{border-color:#10b981;background:#f0fdf4;color:#10b981}.placeholder-icon[data-v-12aa779a]{width:2rem;height:2rem;stroke-width:1.5;opacity:.7;transition:all .3s ease}.icon-placeholder:hover .placeholder-icon[data-v-12aa779a]{opacity:1;stroke:#10b981;transform:scale(1.1)}.placeholder-content[data-v-12aa779a]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%}.screenshots-container[data-v-12aa779a]{display:flex;gap:1rem;margin-top:.75rem}.screenshot-upload[data-v-12aa779a]{flex:1;position:relative}.screenshot-placeholder[data-v-12aa779a]{width:100%;aspect-ratio:16/9;border:2px dashed #cbd5e1;border-radius:.75rem;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8fafc;color:#64748b;font-size:.875rem;font-weight:500;gap:.5rem;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.screenshot-preview[data-v-12aa779a]{width:100%;height:100%;object-fit:cover;border-radius:.75rem}.screenshot-placeholder[data-v-12aa779a]:hover{border-color:#10b981;background:#f0fdf4;color:#10b981}.screenshot-placeholder:hover .placeholder-icon[data-v-12aa779a]{opacity:1;stroke:#10b981;transform:scale(1.1)}.screenshots-container-compact[data-v-12aa779a]{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.screenshot-upload-compact[data-v-12aa779a]{width:calc(33.333% - .33rem);position:relative}.screenshot-placeholder-compact[data-v-12aa779a]{width:100%;aspect-ratio:16/9;border:2px dashed #cbd5e1;border-radius:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8fafc;color:#64748b;font-size:.75rem;font-weight:500;gap:.25rem;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden;min-height:60px}.screenshot-placeholder-compact[data-v-12aa779a]:hover{border-color:#10b981;background:#f0fdf4;color:#10b981}.placeholder-content-compact[data-v-12aa779a]{display:flex;flex-direction:column;align-items:center;gap:.25rem}.placeholder-icon-compact[data-v-12aa779a]{width:1.25rem;height:1.25rem;stroke-width:1.5;opacity:.7;transition:all .3s ease}.screenshot-placeholder-compact:hover .placeholder-icon-compact[data-v-12aa779a]{opacity:1;stroke:#10b981;transform:scale(1.1)}.screenshot-preview-compact[data-v-12aa779a]{width:100%;height:100%;object-fit:cover;border-radius:.5rem}.remove-screenshot-btn-compact[data-v-12aa779a]{position:absolute;top:4px;right:4px;background:#ef4444e6;color:#fff;border:none;border-radius:50%;width:20px;height:20px;cursor:pointer;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.remove-screenshot-btn-compact[data-v-12aa779a]:hover{background:#ef4444;transform:scale(1.1)}.screenshot-item[data-v-12aa779a]{position:relative;aspect-ratio:16/9;border-radius:.75rem;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:all .3s ease}.screenshot-item[data-v-12aa779a]:hover{transform:scale(1.02);box-shadow:0 8px 25px #00000026}.screenshot-item img[data-v-12aa779a]{width:100%;height:100%;object-fit:cover;border-radius:.75rem}.remove-screenshot-btn[data-v-12aa779a]{position:absolute;top:8px;right:8px;background:#ef4444e6;color:#fff;border:none;border-radius:50%;width:28px;height:28px;cursor:pointer;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.remove-screenshot-btn[data-v-12aa779a]:hover{background:#dc2626e6;transform:scale(1.1)}.add-screenshot-btn[data-v-12aa779a]{aspect-ratio:16/9;border:2px dashed #cbd5e1;border-radius:.75rem;display:flex;align-items:center;justify-content:center;background:#f8fafc;transition:all .3s ease;cursor:pointer}.add-screenshot-btn[data-v-12aa779a]:hover{border-color:#10b981;background:#f0fdf4;transform:scale(1.02)}.add-screenshot-label[data-v-12aa779a]{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#64748b;font-weight:500;cursor:pointer;transition:all .3s ease}.add-screenshot-btn:hover .add-screenshot-label[data-v-12aa779a]{color:#10b981}.add-icon[data-v-12aa779a]{width:3rem;height:3rem;stroke-width:1.5;opacity:.7;transition:all .3s ease}.add-screenshot-btn:hover .add-icon[data-v-12aa779a]{opacity:1;stroke:#10b981;transform:scale(1.1)}.form-actions[data-v-12aa779a]{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid #f1f5f9}.form-actions .btn-primary[data-v-12aa779a]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2rem;border-radius:.75rem;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 6px #667eea33;position:relative;overflow:hidden}.form-actions .btn-primary[data-v-12aa779a]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.form-actions .btn-primary[data-v-12aa779a]:hover:before{left:100%}.form-actions .btn-primary[data-v-12aa779a]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.form-actions .btn-primary[data-v-12aa779a]:disabled{opacity:.7;cursor:not-allowed;transform:none}.form-actions .btn-secondary[data-v-12aa779a]{background:#fff;color:#64748b;border:2px solid #e2e8f0;padding:1rem 2rem;border-radius:.75rem;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.form-actions .btn-secondary[data-v-12aa779a]:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.loading[data-v-12aa779a]{text-align:center;padding:3rem;color:#64748b;font-size:.875rem}.toast-notification[data-v-12aa779a]{position:fixed;top:2rem;right:2rem;background:#fff;border-radius:.75rem;padding:1rem 1.25rem;min-width:320px;max-width:400px;box-shadow:0 10px 40px #00000026;z-index:9999;display:flex;align-items:flex-start;gap:.75rem;animation:toastSlideIn-12aa779a .3s ease-out;border:1px solid #e5e7eb}.toast-notification.success[data-v-12aa779a]{border-left:4px solid #10b981;background:linear-gradient(135deg,#f0fdf4,#fff)}.toast-notification.error[data-v-12aa779a]{border-left:4px solid #ef4444;background:linear-gradient(135deg,#fef2f2,#fff)}.toast-notification.info[data-v-12aa779a]{border-left:4px solid #3b82f6;background:linear-gradient(135deg,#eff6ff,#fff)}.toast-icon[data-v-12aa779a]{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-notification.success .toast-icon[data-v-12aa779a]{background:linear-gradient(135deg,#10b981,#059669)}.toast-notification.error .toast-icon[data-v-12aa779a]{background:linear-gradient(135deg,#ef4444,#dc2626)}.toast-notification.info .toast-icon[data-v-12aa779a]{background:linear-gradient(135deg,#3b82f6,#2563eb)}.toast-icon svg[data-v-12aa779a]{width:1rem;height:1rem;color:#fff;stroke-width:2.5}.toast-content[data-v-12aa779a]{flex:1;min-width:0}.toast-title[data-v-12aa779a]{margin:0 0 .25rem;font-size:.95rem;font-weight:600;color:#1f2937;line-height:1.3}.toast-message[data-v-12aa779a]{margin:0;color:#6b7280;line-height:1.4;font-size:.85rem}.toast-close[data-v-12aa779a]{background:none;border:none;cursor:pointer;color:#9ca3af;padding:.25rem;border-radius:.25rem;transition:all .2s;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:-.125rem}.toast-close[data-v-12aa779a]:hover{background:#f3f4f6;color:#374151}.toast-close svg[data-v-12aa779a]{width:.875rem;height:.875rem;stroke-width:2}@keyframes toastSlideIn-12aa779a{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 640px){.toast-notification[data-v-12aa779a]{top:1rem;right:1rem;left:1rem;min-width:auto;max-width:none}@keyframes toastSlideIn-12aa779a{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}}.clickable-image[data-v-12aa779a]{cursor:pointer;transition:transform .2s ease,opacity .2s ease}.clickable-image[data-v-12aa779a]:hover{transform:scale(1.05);opacity:.8}.no-icon[data-v-12aa779a]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#9ca3af;font-size:.75rem;text-align:center}.image-modal-overlay[data-v-12aa779a]{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-12aa779a .3s ease}.image-modal-content[data-v-12aa779a]{background:#fff;border-radius:12px;max-width:90vw;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideIn-12aa779a .3s ease}.image-modal-header[data-v-12aa779a]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.image-modal-header h3[data-v-12aa779a]{margin:0;font-size:1.125rem;font-weight:600;color:#374151}.image-modal-close[data-v-12aa779a]{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:4px;transition:background-color .2s ease}.image-modal-close[data-v-12aa779a]:hover{background:#e5e7eb;color:#374151}.image-modal-body[data-v-12aa779a]{padding:1rem;display:flex;justify-content:center;align-items:center}.modal-image[data-v-12aa779a]{max-width:100%;max-height:70vh;object-fit:contain;border-radius:8px}@keyframes modalSlideIn-12aa779a{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.table-actions[data-v-12aa779a]{display:flex;gap:.5rem;justify-content:center}.action-btn[data-v-12aa779a]{display:flex;align-items:center;justify-content:center;width:2rem!important;height:2rem!important;min-width:2rem;max-width:2rem;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s ease;background:#f1f5f9;color:#64748b;flex-shrink:0}.action-btn[data-v-12aa779a]:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.action-btn svg[data-v-12aa779a]{width:1rem;height:1rem}.edit-btn[data-v-12aa779a]{background:#dbeafe;color:#3b82f6}.edit-btn[data-v-12aa779a]:hover{background:#bfdbfe;color:#2563eb}.delete-btn[data-v-12aa779a]{background:#fee2e2;color:#ef4444}.delete-btn[data-v-12aa779a]:hover{background:#fecaca;color:#dc2626}.pagination-container[data-v-12aa779a]{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;padding:1rem 0;border-top:1px solid #e2e8f0}.pagination-info[data-v-12aa779a]{color:#64748b;font-size:.875rem}.pagination[data-v-12aa779a]{display:flex;align-items:center;gap:.5rem}.pagination-btn[data-v-12aa779a]{display:flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;padding:0 .75rem;border:1px solid #e2e8f0;border-radius:.5rem;background:#fff;color:#64748b;font-size:.875rem;cursor:pointer;transition:all .2s ease}.pagination-btn[data-v-12aa779a]:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:#475569}.pagination-btn[data-v-12aa779a]:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active[data-v-12aa779a]{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.pagination-btn svg[data-v-12aa779a]{width:1rem;height:1rem}.pagination-pages[data-v-12aa779a]{display:flex;gap:.25rem}.delete-modal-overlay[data-v-12aa779a]{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-12aa779a .2s ease-out}.delete-modal-content[data-v-12aa779a]{background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;max-width:480px;width:90%;max-height:90vh;overflow:hidden;animation:slideIn-12aa779a .3s ease-out}.delete-modal-header[data-v-12aa779a]{padding:2rem 2rem 1rem;text-align:center;border-bottom:1px solid #f0f0f0}.delete-icon[data-v-12aa779a]{width:64px;height:64px;margin:0 auto 1rem;background:linear-gradient(135deg,#ff6b6b,#ee5a52);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.delete-icon svg[data-v-12aa779a]{width:32px;height:32px}.delete-modal-header h3[data-v-12aa779a]{margin:0;font-size:1.5rem;font-weight:600;color:#333}.delete-modal-body[data-v-12aa779a]{padding:1.5rem 2rem;text-align:center}.delete-modal-body p[data-v-12aa779a]{margin:0 0 1rem;font-size:1rem;line-height:1.6;color:#666}.delete-modal-body strong[data-v-12aa779a]{color:#333;font-weight:600}.delete-warning[data-v-12aa779a]{font-size:.9rem;color:#ff6b6b!important;font-weight:500}.delete-modal-footer[data-v-12aa779a]{padding:1rem 2rem 2rem;display:flex;gap:1rem;justify-content:center}.modal-cancel-btn[data-v-12aa779a],.modal-delete-btn[data-v-12aa779a]{padding:.75rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:100px;display:flex;align-items:center;justify-content:center;gap:.5rem}.modal-cancel-btn[data-v-12aa779a]{background:#f8f9fa;color:#666;border:1px solid #e9ecef}.modal-cancel-btn[data-v-12aa779a]:hover:not(:disabled){background:#e9ecef;color:#333}.modal-delete-btn[data-v-12aa779a]{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff}.modal-delete-btn[data-v-12aa779a]:hover:not(:disabled){background:linear-gradient(135deg,#ee5a52,#dc4c64);transform:translateY(-1px);box-shadow:0 4px 12px #ee5a524d}.modal-cancel-btn[data-v-12aa779a]:disabled,.modal-delete-btn[data-v-12aa779a]:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-spinner[data-v-12aa779a]{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin-12aa779a 1s linear infinite}@keyframes fadeIn-12aa779a{0%{opacity:0}to{opacity:1}}@keyframes slideIn-12aa779a{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin-12aa779a{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.pagination-container[data-v-12aa779a]{flex-direction:column;gap:1rem;align-items:stretch}.pagination[data-v-12aa779a]{justify-content:center}.pagination-info[data-v-12aa779a]{text-align:center}.delete-modal-content[data-v-12aa779a]{margin:1rem;width:calc(100% - 2rem)}.delete-modal-header[data-v-12aa779a],.delete-modal-body[data-v-12aa779a],.delete-modal-footer[data-v-12aa779a]{padding-left:1.5rem;padding-right:1.5rem}.delete-modal-footer[data-v-12aa779a]{flex-direction:column}.modal-cancel-btn[data-v-12aa779a],.modal-delete-btn[data-v-12aa779a]{width:100%}}.post-management-container[data-v-e506bb9c]{min-height:100vh;background:#f8fafc;position:relative;overflow-x:hidden}.page-header[data-v-e506bb9c]{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;padding:2rem 3rem;position:sticky;top:0;z-index:100}.header-content[data-v-e506bb9c]{display:flex;justify-content:space-between;align-items:center;width:100%}.header-left[data-v-e506bb9c]{display:flex;align-items:center;gap:1.5rem}.back-button[data-v-e506bb9c]{display:flex;align-items:center;gap:.5rem;background:#f8fafc;border:1px solid #e2e8f0;color:#64748b;padding:.75rem 1rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease;font-weight:500}.back-button[data-v-e506bb9c]:hover{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.back-button svg[data-v-e506bb9c]{width:1.25rem;height:1.25rem}.header-info[data-v-e506bb9c]{display:flex;flex-direction:column;gap:.25rem}.page-title[data-v-e506bb9c]{display:flex;align-items:center;gap:.75rem;margin:0;color:#1e293b;font-size:2.5rem;font-weight:700}.title-icon[data-v-e506bb9c]{width:3rem;height:3rem;color:#3b82f6}.page-subtitle[data-v-e506bb9c]{margin:0;color:#64748b;font-size:.875rem}.header-actions[data-v-e506bb9c]{display:flex;gap:1rem}.add-button[data-v-e506bb9c]{display:flex;align-items:center;gap:.5rem;background:#3b82f6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;box-shadow:0 2px 4px #3b82f633}.add-button[data-v-e506bb9c]:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.add-button svg[data-v-e506bb9c]{width:1rem;height:1rem}.page-main[data-v-e506bb9c]{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;margin:2rem 3rem;border-radius:12px;padding:2rem;position:relative;z-index:1}.section-header[data-v-e506bb9c]{padding:1.5rem 2rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.section-title[data-v-e506bb9c]{margin:0;color:#1a202c;font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.total-count[data-v-e506bb9c]{color:#6b7280;font-weight:500;font-size:1rem}.section-actions[data-v-e506bb9c]{display:flex;gap:1rem;align-items:center}.search-box[data-v-e506bb9c]{position:relative;display:flex;align-items:center}.search-icon[data-v-e506bb9c]{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:#64748b;pointer-events:none;z-index:1}.search-input[data-v-e506bb9c]{padding:.5rem 1rem .5rem 3rem;border:1px solid #e2e8f0;border-radius:.5rem;font-size:.875rem;width:300px;transition:all .2s ease;background:#f8fafc}.search-input[data-v-e506bb9c]:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.search-clear-btn[data-v-e506bb9c]{position:absolute;right:.5rem;background:#f3f4f6;border:none;border-radius:.5rem;padding:.25rem;cursor:pointer;color:#6b7280;transition:all .2s ease}.search-clear-btn[data-v-e506bb9c]:hover{background:#e5e7eb;color:#374151}.search-clear-btn svg[data-v-e506bb9c]{width:1rem;height:1rem}.loading-state[data-v-e506bb9c],.empty-state[data-v-e506bb9c]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-spinner[data-v-e506bb9c]{width:2rem;height:2rem;border:3px solid #e2e8f0;border-top:3px solid #667eea;border-radius:50%;animation:spin-e506bb9c 1s linear infinite;margin-bottom:1rem}@keyframes spin-e506bb9c{to{transform:rotate(360deg)}}.empty-icon[data-v-e506bb9c]{width:4rem;height:4rem;color:#9ca3af;margin-bottom:1rem}.empty-state h3[data-v-e506bb9c]{margin:0 0 .5rem;color:#374151;font-size:1.25rem;font-weight:600}.empty-state p[data-v-e506bb9c]{margin:0 0 1.5rem;color:#6b7280;font-size:.95rem}.empty-action-button[data-v-e506bb9c]{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;padding:.75rem 1.5rem;border-radius:.75rem;cursor:pointer;transition:all .3s ease;font-weight:600}.empty-action-button[data-v-e506bb9c]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.posts-table-container[data-v-e506bb9c]{overflow-x:auto}.posts-table[data-v-e506bb9c]{width:100%;border-collapse:collapse;font-size:.85rem}.posts-table th[data-v-e506bb9c]{background:#f8fafc;color:#374151;font-weight:600;padding:.6rem .8rem;text-align:left;border-bottom:2px solid #e2e8f0;white-space:nowrap}.posts-table td[data-v-e506bb9c]{padding:.6rem .8rem;border-bottom:1px solid #f1f5f9;vertical-align:top}.post-row[data-v-e506bb9c]:hover{background:#f8fafc}.user-cell[data-v-e506bb9c]{min-width:120px}.user-info[data-v-e506bb9c]{display:flex;align-items:center;gap:.5rem}.user-avatar[data-v-e506bb9c],.user-avatar-placeholder[data-v-e506bb9c]{width:2rem;height:2rem;border-radius:50%;object-fit:cover;border:2px solid #e2e8f0}.user-avatar-placeholder[data-v-e506bb9c]{background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#9ca3af}.user-avatar-placeholder svg[data-v-e506bb9c]{width:1.25rem;height:1.25rem}.user-name[data-v-e506bb9c]{font-weight:500;color:#374151}.content-cell[data-v-e506bb9c]{max-width:150px}.post-content[data-v-e506bb9c]{color:#4b5563;line-height:1.5;word-break:break-word}.game-cell[data-v-e506bb9c]{min-width:120px}.game-info[data-v-e506bb9c]{display:flex;align-items:center;gap:.4rem}.game-icon[data-v-e506bb9c],.game-icon-placeholder[data-v-e506bb9c]{width:1.5rem;height:1.5rem;border-radius:.4rem;object-fit:cover;border:1px solid #e2e8f0}.game-icon-placeholder[data-v-e506bb9c]{background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#9ca3af}.game-icon-placeholder svg[data-v-e506bb9c]{width:1rem;height:1rem}.game-name[data-v-e506bb9c]{font-weight:500;color:#374151;font-size:.85rem}.no-game[data-v-e506bb9c]{color:#9ca3af;font-style:italic;font-size:.85rem}.screenshots-cell[data-v-e506bb9c]{min-width:120px}.screenshots-preview[data-v-e506bb9c]{display:flex;gap:.25rem;align-items:center}.screenshot-thumb[data-v-e506bb9c]{width:1.5rem;height:1.5rem;border-radius:.2rem;object-fit:cover;border:1px solid #e2e8f0;cursor:pointer;transition:all .2s ease}.screenshot-thumb[data-v-e506bb9c]:hover{transform:scale(1.1);border-color:#667eea}.more-screenshots[data-v-e506bb9c]{font-size:.75rem;color:#6b7280;background:#f3f4f6;padding:.25rem .5rem;border-radius:.25rem}.no-screenshots[data-v-e506bb9c]{color:#9ca3af;font-style:italic;font-size:.85rem}.likes-cell[data-v-e506bb9c],.comments-cell[data-v-e506bb9c]{min-width:80px}.likes-count[data-v-e506bb9c],.comments-count[data-v-e506bb9c]{display:flex;align-items:center;gap:.25rem;color:#6b7280;font-weight:500}.comments-count[data-v-e506bb9c]{cursor:pointer;transition:all .2s ease}.comments-count[data-v-e506bb9c]:hover{color:#667eea}.likes-count svg[data-v-e506bb9c],.comments-count svg[data-v-e506bb9c]{width:1rem;height:1rem}.time-cell[data-v-e506bb9c]{min-width:120px}.publish-time[data-v-e506bb9c]{color:#6b7280;font-size:.85rem}.actions-cell[data-v-e506bb9c]{min-width:100px}.action-buttons[data-v-e506bb9c]{display:flex;gap:.3rem}.edit-btn[data-v-e506bb9c],.delete-btn[data-v-e506bb9c]{padding:.4rem;border:none;border-radius:.4rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.edit-btn[data-v-e506bb9c]{background:#dbeafe;color:#1d4ed8}.edit-btn[data-v-e506bb9c]:hover{background:#bfdbfe}.delete-btn[data-v-e506bb9c]{background:#fee2e2;color:#dc2626}.delete-btn[data-v-e506bb9c]:hover{background:#fecaca}.edit-btn svg[data-v-e506bb9c],.delete-btn svg[data-v-e506bb9c]{width:1rem;height:1rem}.pagination[data-v-e506bb9c]{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1.5rem 2rem;border-top:1px solid #e2e8f0}.pagination-btn[data-v-e506bb9c]{background:#f8fafc;border:1px solid #e2e8f0;color:#374151;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease;font-weight:500}.pagination-btn[data-v-e506bb9c]:hover:not(:disabled){background:#e2e8f0;border-color:#cbd5e1}.pagination-btn[data-v-e506bb9c]:disabled{opacity:.5;cursor:not-allowed}.pagination-info[data-v-e506bb9c]{color:#64748b;font-weight:500;font-size:.875rem}.page-numbers[data-v-e506bb9c]{display:flex;gap:.25rem}.page-number[data-v-e506bb9c]{background:#f8fafc;border:1px solid #e2e8f0;color:#64748b;padding:.5rem .75rem;border-radius:.375rem;cursor:pointer;transition:all .2s ease;font-weight:500;min-width:2.5rem;text-align:center}.page-number[data-v-e506bb9c]:hover{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.page-number.active[data-v-e506bb9c]{background:#667eea;border-color:#667eea;color:#fff}.modal-overlay[data-v-e506bb9c]{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1rem;overflow-y:auto}.modal-content[data-v-e506bb9c]{background:#fff;border-radius:1rem;width:100%;max-width:1100px;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a;animation:modalSlideIn-e506bb9c .4s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(255,255,255,.2)}.comments-modal[data-v-e506bb9c],.screenshots-modal[data-v-e506bb9c]{max-width:800px}@keyframes modalSlideIn-e506bb9c{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header[data-v-e506bb9c]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#667eea,#764ba2);position:relative}.modal-header[data-v-e506bb9c]:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#667eea1a,#764ba21a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-header h3[data-v-e506bb9c]{margin:0;color:#fff;font-size:1.5rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1);position:relative;z-index:1}.modal-close-btn[data-v-e506bb9c]{background:#fff3;border:1px solid rgba(255,255,255,.3);font-size:1.5rem;cursor:pointer;color:#fff;padding:.5rem;border-radius:.75rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-close-btn[data-v-e506bb9c]:hover{background:#ffffff4d;border-color:#ffffff80;transform:scale(1.05)}.modal-close-btn svg[data-v-e506bb9c]{width:1.25rem;height:1.25rem}.modal-body[data-v-e506bb9c]{padding:2rem;max-height:60vh;overflow-y:auto}.post-form[data-v-e506bb9c]{display:flex;flex-direction:column;gap:1.5rem}.form-grid[data-v-e506bb9c]{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.form-column[data-v-e506bb9c]{display:flex;flex-direction:column}.form-group[data-v-e506bb9c]{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.form-group label[data-v-e506bb9c]{font-weight:600;color:#374151;font-size:.9rem}.form-group input[data-v-e506bb9c],.form-group textarea[data-v-e506bb9c]{padding:.75rem;border:2px solid #e2e8f0;border-radius:.5rem;font-size:.9rem;transition:all .3s ease;font-family:inherit}.form-group input[data-v-e506bb9c]:focus,.form-group textarea[data-v-e506bb9c]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.readonly-input[data-v-e506bb9c]{background-color:#f8fafc!important;color:#64748b!important;cursor:not-allowed!important}.readonly-input[data-v-e506bb9c]:focus{border-color:#e2e8f0!important;box-shadow:none!important}.form-actions[data-v-e506bb9c]{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.modal-cancel-btn[data-v-e506bb9c],.modal-save-btn[data-v-e506bb9c]{padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer;transition:all .3s ease;font-weight:600;display:flex;align-items:center;gap:.5rem}.modal-cancel-btn[data-v-e506bb9c]{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.modal-cancel-btn[data-v-e506bb9c]:hover{background:#e5e7eb}.modal-save-btn[data-v-e506bb9c]{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff}.modal-save-btn[data-v-e506bb9c]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.modal-save-btn[data-v-e506bb9c]:disabled{opacity:.7;cursor:not-allowed}.delete-modal[data-v-e506bb9c]{max-width:400px}.delete-modal-header[data-v-e506bb9c]{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 2rem 1rem;text-align:center}.delete-modal-icon[data-v-e506bb9c]{width:4rem;height:4rem;background:#fee2e2;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#dc2626}.delete-modal-icon svg[data-v-e506bb9c]{width:2rem;height:2rem}.delete-modal-header h3[data-v-e506bb9c]{margin:0;color:#374151;font-size:1.25rem;font-weight:700}.delete-modal-body[data-v-e506bb9c]{padding:0 2rem 1rem;text-align:center}.delete-modal-body p[data-v-e506bb9c]{margin:0 0 .5rem;color:#6b7280}.delete-warning[data-v-e506bb9c]{color:#dc2626;font-weight:500;font-size:.9rem}.delete-modal-footer[data-v-e506bb9c]{display:flex;gap:1rem;justify-content:center;padding:1rem 2rem 2rem}.modal-delete-btn[data-v-e506bb9c]{background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer;transition:all .3s ease;font-weight:600;display:flex;align-items:center;gap:.5rem}.modal-delete-btn[data-v-e506bb9c]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.modal-delete-btn[data-v-e506bb9c]:disabled{opacity:.7;cursor:not-allowed}.empty-comments[data-v-e506bb9c]{text-align:center;padding:2rem;color:#6b7280}.comments-list[data-v-e506bb9c]{display:flex;flex-direction:column;gap:1rem}.comment-item[data-v-e506bb9c]{border:1px solid #e2e8f0;border-radius:.75rem;padding:1rem;background:#f8fafc}.comment-user[data-v-e506bb9c]{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.comment-avatar[data-v-e506bb9c],.comment-avatar-placeholder[data-v-e506bb9c]{width:2rem;height:2rem;border-radius:50%;object-fit:cover;border:1px solid #e2e8f0}.comment-avatar-placeholder[data-v-e506bb9c]{background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#9ca3af}.comment-avatar-placeholder svg[data-v-e506bb9c]{width:1rem;height:1rem}.comment-info[data-v-e506bb9c]{display:flex;flex-direction:column;gap:.25rem}.comment-username[data-v-e506bb9c]{font-weight:600;color:#374151;font-size:.9rem}.comment-time[data-v-e506bb9c]{color:#6b7280;font-size:.8rem}.comment-content[data-v-e506bb9c]{color:#4b5563;line-height:1.5;margin-bottom:.5rem}.screenshots-grid[data-v-e506bb9c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.screenshot-full[data-v-e506bb9c]{width:100%;height:auto;border-radius:.5rem;border:1px solid #e2e8f0;object-fit:cover}@media (max-width: 768px){.post-management-container[data-v-e506bb9c]{padding:1rem}.page-header[data-v-e506bb9c]{padding:1rem;flex-direction:column;align-items:flex-start;gap:1rem}.header-content[data-v-e506bb9c]{flex-direction:column;gap:1rem;align-items:stretch}.header-left[data-v-e506bb9c]{flex-direction:column;gap:1rem;align-items:flex-start}.page-title[data-v-e506bb9c]{font-size:1.5rem}.section-header[data-v-e506bb9c]{padding:1rem;flex-direction:column;align-items:stretch;gap:1rem}.search-container[data-v-e506bb9c],.search-input[data-v-e506bb9c]{width:100%}.posts-table-container[data-v-e506bb9c]{overflow-x:scroll;margin:0 -1rem}.posts-table[data-v-e506bb9c]{min-width:800px;font-size:.8rem}.posts-table th[data-v-e506bb9c],.posts-table td[data-v-e506bb9c]{padding:.75rem .5rem}.pagination[data-v-e506bb9c]{padding:1rem;flex-direction:column;gap:1rem}.page-numbers[data-v-e506bb9c]{justify-content:center}.modal-content[data-v-e506bb9c]{margin:1rem;max-width:calc(100vw - 2rem)}.modal-body[data-v-e506bb9c]{padding:1rem}.form-actions[data-v-e506bb9c]{flex-direction:column}.screenshots-grid[data-v-e506bb9c]{grid-template-columns:1fr}}.file-input[data-v-e506bb9c]{display:none}.avatar-upload-container[data-v-e506bb9c]{position:relative;width:80px;height:80px}.avatar-form-group[data-v-e506bb9c]{align-items:flex-start}.avatar-form-group .avatar-upload-container[data-v-e506bb9c]{flex-shrink:0}.avatar-placeholder[data-v-e506bb9c]{width:80px;height:80px;border:2px dashed #cbd5e1;border-radius:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8fafc;color:#64748b;font-size:.75rem;font-weight:500;gap:.25rem;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.avatar-placeholder[data-v-e506bb9c]:hover{border-color:#10b981;background:#f0fdf4;color:#10b981}.placeholder-icon[data-v-e506bb9c]{width:2rem;height:2rem;stroke-width:1.5;opacity:.7;transition:all .3s ease}.avatar-placeholder:hover .placeholder-icon[data-v-e506bb9c]{opacity:1;transform:scale(1.1)}.placeholder-content[data-v-e506bb9c]{display:flex;flex-direction:column;align-items:center;gap:.5rem}.icon-upload-container[data-v-e506bb9c]{position:relative}.icon-placeholder[data-v-e506bb9c]{width:80px;height:80px;border:2px dashed #cbd5e1;border-radius:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8fafc;color:#64748b;font-size:.75rem;font-weight:500;gap:.25rem;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.icon-placeholder[data-v-e506bb9c]:hover{border-color:#10b981;background:#f0fdf4;color:#10b981}.icon-placeholder:hover .placeholder-icon[data-v-e506bb9c]{opacity:1;transform:scale(1.1)}.screenshot-placeholder[data-v-e506bb9c]{width:80px;height:80px;border:2px dashed #cbd5e1;border-radius:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8fafc;color:#64748b;font-size:.75rem;font-weight:500;gap:.25rem;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.screenshot-placeholder[data-v-e506bb9c]:hover{border-color:#10b981;background:#f0fdf4;color:#10b981}.screenshot-placeholder:hover .placeholder-icon[data-v-e506bb9c]{opacity:1;transform:scale(1.1)}.image-preview[data-v-e506bb9c]{margin-top:1rem}.preview-container[data-v-e506bb9c]{position:relative;display:inline-block}.image-preview img[data-v-e506bb9c]{width:80px;height:80px;object-fit:cover;border-radius:.75rem;border:2px solid #e2e8f0;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.image-preview img[data-v-e506bb9c]:hover{transform:scale(1.05);box-shadow:0 8px 25px #00000026}.remove-preview-btn[data-v-e506bb9c]{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:#ef4444;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;transition:all .3s ease;box-shadow:0 2px 4px #0003}.remove-preview-btn[data-v-e506bb9c]:hover{background:#dc2626;transform:scale(1.1)}.screenshots-grid[data-v-e506bb9c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-top:1rem}.screenshot-item[data-v-e506bb9c]{position:relative}.screenshot-preview[data-v-e506bb9c]{width:80px;height:80px;object-fit:cover;border-radius:.75rem;border:2px solid #e2e8f0;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.screenshot-preview[data-v-e506bb9c]:hover{transform:scale(1.05);box-shadow:0 8px 25px #00000026}.comments-section[data-v-e506bb9c]{margin-top:2rem;padding:1.5rem;background:#f8fafc;border-radius:1rem;border:1px solid #e2e8f0}.comments-header[data-v-e506bb9c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e2e8f0}.comments-header h3[data-v-e506bb9c]{margin:0;font-size:1.125rem;font-weight:600;color:#1e293b}.comments-actions[data-v-e506bb9c]{display:flex;gap:.75rem;align-items:center}.add-comment-btn[data-v-e506bb9c],.toggle-comments-btn[data-v-e506bb9c]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.add-comment-btn[data-v-e506bb9c]{background:#3b82f6;color:#fff}.add-comment-btn[data-v-e506bb9c]:hover{background:#2563eb;transform:translateY(-1px)}.add-comment-btn svg[data-v-e506bb9c]{width:1rem;height:1rem}.toggle-comments-btn[data-v-e506bb9c]{background:#6b7280;color:#fff;font-size:.75rem;padding:.375rem .75rem}.toggle-comments-btn[data-v-e506bb9c]:hover{background:#4b5563}.comments-list[data-v-e506bb9c]{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem}.comment-item[data-v-e506bb9c]{background:#fff;border-radius:.75rem;border:1px solid #e2e8f0;padding:1rem;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.comment-item[data-v-e506bb9c]:hover{box-shadow:0 4px 12px #0000001a;border-color:#cbd5e1;transform:translateY(-1px)}.comment-header[data-v-e506bb9c]{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.comment-avatar[data-v-e506bb9c]{width:40px;height:40px;border-radius:50%;overflow:hidden;border:2px solid #e2e8f0;flex-shrink:0}.comment-avatar img[data-v-e506bb9c]{width:100%;height:100%;object-fit:cover}.avatar-placeholder[data-v-e506bb9c]{width:100%;height:100%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#64748b}.avatar-placeholder svg[data-v-e506bb9c]{width:20px;height:20px}.comment-info[data-v-e506bb9c]{flex:1;display:flex;flex-direction:column;gap:.25rem}.comment-user[data-v-e506bb9c]{font-weight:600;color:#1e293b;font-size:.875rem;margin:0}.comment-time[data-v-e506bb9c]{font-size:.75rem;color:#6b7280;margin:0;opacity:.8}.comment-content[data-v-e506bb9c]{margin-left:0}.comment-text[data-v-e506bb9c]{color:#374151;font-size:.875rem;line-height:1.5;word-wrap:break-word}.remove-comment-btn[data-v-e506bb9c]{padding:.5rem;background:#fee2e2;color:#dc2626;border:1px solid #fecaca;border-radius:.5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;opacity:.7}.remove-comment-btn[data-v-e506bb9c]:hover{background:#ef4444;color:#fff;border-color:#dc2626;transform:scale(1.05);opacity:1}.remove-comment-btn svg[data-v-e506bb9c]{width:14px;height:14px}.no-comments[data-v-e506bb9c]{text-align:center;padding:2rem;color:#6b7280;font-style:italic}.no-comments p[data-v-e506bb9c]{margin:0;font-size:.875rem}.add-comment-form[data-v-e506bb9c]{margin-top:1rem;padding:1.5rem;background:#fff;border-radius:.75rem;border:1px solid #e2e8f0}.comment-form-grid[data-v-e506bb9c]{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1rem}.comment-form-column .form-group[data-v-e506bb9c]{margin-bottom:1rem}.comment-form-actions[data-v-e506bb9c]{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;border-top:1px solid #e2e8f0}.comment-cancel-btn[data-v-e506bb9c],.comment-save-btn[data-v-e506bb9c]{padding:.5rem 1.5rem;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s ease}.comment-cancel-btn[data-v-e506bb9c]{background:#6b7280;color:#fff}.comment-cancel-btn[data-v-e506bb9c]:hover{background:#4b5563}.comment-save-btn[data-v-e506bb9c]{background:#10b981;color:#fff}.comment-save-btn[data-v-e506bb9c]:hover{background:#059669;transform:translateY(-1px)}.comment-avatar-upload-container[data-v-e506bb9c]{position:relative}.comment-avatar-placeholder[data-v-e506bb9c]{width:60px;height:60px;border:2px dashed #cbd5e1;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;background:#f8fafc}.comment-avatar-placeholder[data-v-e506bb9c]:hover{border-color:#3b82f6;background:#eff6ff}.comment-avatar-placeholder .placeholder-content[data-v-e506bb9c]{display:flex;align-items:center;justify-content:center;color:#6b7280}.comment-avatar-placeholder .placeholder-icon[data-v-e506bb9c]{width:24px;height:24px}.comment-avatar-placeholder .image-preview[data-v-e506bb9c]{width:100%;height:100%;position:relative}.comment-avatar-placeholder .preview-container[data-v-e506bb9c]{width:100%;height:100%;position:relative;border-radius:50%;overflow:hidden}.comment-avatar-placeholder .preview-container img[data-v-e506bb9c]{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.comment-item[data-v-e506bb9c]{grid-template-columns:1fr;gap:.5rem;text-align:left}.comment-avatar[data-v-e506bb9c]{width:32px;height:32px}.comment-form-grid[data-v-e506bb9c]{grid-template-columns:1fr;gap:1rem}.comments-header[data-v-e506bb9c]{flex-direction:column;align-items:flex-start}}.error-overlay[data-v-e506bb9c]{z-index:2000}.error-modal[data-v-e506bb9c]{max-width:400px;width:90%;border-radius:.75rem;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.error-modal-header[data-v-e506bb9c]{background:linear-gradient(135deg,#fee2e2,#fecaca);padding:1.5rem;display:flex;align-items:center;gap:1rem}.error-modal-icon[data-v-e506bb9c]{width:48px;height:48px;background:#dc2626;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.error-modal-icon svg[data-v-e506bb9c]{width:24px;height:24px;stroke-width:2}.error-modal-header h3[data-v-e506bb9c]{margin:0;font-size:1.25rem;font-weight:600;color:#dc2626}.error-modal-body[data-v-e506bb9c]{padding:1.5rem;background:#fff}.error-modal-body p[data-v-e506bb9c]{margin:0;color:#374151;line-height:1.6}.error-modal-footer[data-v-e506bb9c]{padding:1rem 1.5rem;background:#f9fafb;display:flex;justify-content:flex-end}.modal-confirm-btn[data-v-e506bb9c]{background:#dc2626;color:#fff;border:none;padding:.5rem 1.5rem;border-radius:.375rem;cursor:pointer;font-weight:500;transition:all .2s ease}.modal-confirm-btn[data-v-e506bb9c]:hover{background:#b91c1c;transform:translateY(-1px)}.modal-confirm-btn[data-v-e506bb9c]:active{transform:translateY(0)}.toast-notification[data-v-e506bb9c]{position:fixed;top:2rem;right:2rem;background:#fff;border-radius:.75rem;padding:1rem 1.25rem;min-width:320px;max-width:400px;box-shadow:0 10px 40px #00000026;z-index:9999;display:flex;align-items:flex-start;gap:.75rem;animation:toastSlideIn-e506bb9c .3s ease-out;border:1px solid #e5e7eb}.toast-notification.success[data-v-e506bb9c]{border-left:4px solid #10b981;background:linear-gradient(135deg,#f0fdf4,#fff)}.toast-notification.error[data-v-e506bb9c]{border-left:4px solid #ef4444;background:linear-gradient(135deg,#fef2f2,#fff)}.toast-notification.info[data-v-e506bb9c]{border-left:4px solid #3b82f6;background:linear-gradient(135deg,#eff6ff,#fff)}.toast-icon[data-v-e506bb9c]{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-notification.success .toast-icon[data-v-e506bb9c]{background:linear-gradient(135deg,#10b981,#059669)}.toast-notification.error .toast-icon[data-v-e506bb9c]{background:linear-gradient(135deg,#ef4444,#dc2626)}.toast-notification.info .toast-icon[data-v-e506bb9c]{background:linear-gradient(135deg,#3b82f6,#2563eb)}.toast-icon svg[data-v-e506bb9c]{width:1rem;height:1rem;color:#fff;stroke-width:2.5}.toast-content[data-v-e506bb9c]{flex:1;min-width:0}.toast-title[data-v-e506bb9c]{margin:0 0 .25rem;font-size:.95rem;font-weight:600;color:#1f2937;line-height:1.3}.toast-message[data-v-e506bb9c]{margin:0;color:#6b7280;line-height:1.4;font-size:.85rem}.toast-close[data-v-e506bb9c]{background:none;border:none;cursor:pointer;color:#9ca3af;padding:.25rem;border-radius:.25rem;transition:all .2s;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:-.125rem}.toast-close[data-v-e506bb9c]:hover{background:#f3f4f6;color:#374151}.toast-close svg[data-v-e506bb9c]{width:.875rem;height:.875rem;stroke-width:2}@keyframes toastSlideIn-e506bb9c{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 640px){.toast-notification[data-v-e506bb9c]{top:1rem;right:1rem;left:1rem;min-width:auto;max-width:none}}.diary-management-container[data-v-5efa67ca]{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:20px}.page-header[data-v-5efa67ca]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 8px 32px #0000001a}.header-content[data-v-5efa67ca]{display:flex;justify-content:space-between;align-items:center}.header-left[data-v-5efa67ca]{display:flex;align-items:center;gap:20px}.back-button[data-v-5efa67ca]{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#495057;text-decoration:none;font-size:14px;transition:all .2s}.back-button[data-v-5efa67ca]:hover{background:#e9ecef;transform:translateY(-1px)}.back-button svg[data-v-5efa67ca]{width:16px;height:16px}.header-info[data-v-5efa67ca]{display:flex;flex-direction:column;gap:4px}.page-title[data-v-5efa67ca]{display:flex;align-items:center;gap:12px;margin:0;font-size:28px;font-weight:700;color:#2d3748}.title-icon[data-v-5efa67ca]{width:32px;height:32px;color:#3b82f6}.page-subtitle[data-v-5efa67ca]{margin:0;color:#718096;font-size:14px}.add-button[data-v-5efa67ca]{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.add-button[data-v-5efa67ca]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.add-button svg[data-v-5efa67ca]{width:16px;height:16px}.page-main[data-v-5efa67ca]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:24px;box-shadow:0 8px 32px #0000001a}.section-header[data-v-5efa67ca]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.section-title[data-v-5efa67ca]{margin:0;font-size:20px;font-weight:600;color:#2d3748}.total-count[data-v-5efa67ca]{color:#718096;font-weight:400}.section-actions[data-v-5efa67ca]{display:flex;gap:16px;align-items:center}.filter-box[data-v-5efa67ca]{position:relative}.mood-filter[data-v-5efa67ca]{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:14px;min-width:120px}.search-box[data-v-5efa67ca]{position:relative;display:flex;align-items:center}.search-icon[data-v-5efa67ca]{position:absolute;left:12px;width:16px;height:16px;color:#a0aec0;z-index:1}.search-input[data-v-5efa67ca]{padding:10px 12px 10px 36px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;width:250px;transition:border-color .2s}.search-input[data-v-5efa67ca]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-clear-btn[data-v-5efa67ca]{position:absolute;right:8px;padding:4px;background:none;border:none;color:#a0aec0;cursor:pointer;border-radius:4px;transition:color .2s}.search-clear-btn[data-v-5efa67ca]:hover{color:#718096}.search-clear-btn svg[data-v-5efa67ca]{width:14px;height:14px}.loading-state[data-v-5efa67ca]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#718096}.loading-spinner[data-v-5efa67ca]{width:40px;height:40px;border:3px solid #e2e8f0;border-top:3px solid #3b82f6;border-radius:50%;animation:spin-5efa67ca 1s linear infinite;margin-bottom:16px}@keyframes spin-5efa67ca{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state[data-v-5efa67ca]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-icon[data-v-5efa67ca]{width:64px;height:64px;color:#cbd5e0;margin-bottom:16px}.empty-icon svg[data-v-5efa67ca]{width:100%;height:100%}.empty-state h3[data-v-5efa67ca]{margin:0 0 8px;font-size:18px;color:#4a5568}.empty-state p[data-v-5efa67ca]{margin:0 0 24px;color:#718096}.empty-action-button[data-v-5efa67ca]{padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s}.empty-action-button[data-v-5efa67ca]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.diaries-table-container[data-v-5efa67ca]{overflow-x:auto;border-radius:12px;border:1px solid #e2e8f0}.diaries-table[data-v-5efa67ca]{width:100%;border-collapse:collapse;background:#fff}.diaries-table th[data-v-5efa67ca]{background:#f7fafc;padding:16px 12px;text-align:left;font-weight:600;color:#4a5568;border-bottom:1px solid #e2e8f0;font-size:14px}.diaries-table td[data-v-5efa67ca]{padding:16px 12px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.diary-row[data-v-5efa67ca]:hover{background:#f8fafc}.title-cell .diary-title[data-v-5efa67ca]{font-weight:500;color:#2d3748;max-width:200px}.mood-cell .mood-display[data-v-5efa67ca]{display:flex;align-items:center;gap:8px}.mood-emoji[data-v-5efa67ca]{font-size:18px}.mood-text[data-v-5efa67ca]{color:#4a5568;font-size:14px}.content-cell .diary-content[data-v-5efa67ca]{color:#718096;max-width:300px;line-height:1.4}.game-cell .game-info[data-v-5efa67ca]{display:flex;align-items:center;gap:8px}.game-icon[data-v-5efa67ca]{width:24px;height:24px;border-radius:4px;object-fit:cover}.game-icon-placeholder[data-v-5efa67ca]{width:24px;height:24px;background:#f7fafc;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#a0aec0}.game-icon-placeholder svg[data-v-5efa67ca]{width:14px;height:14px}.game-name[data-v-5efa67ca]{color:#4a5568;font-size:14px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-game[data-v-5efa67ca]{color:#a0aec0;font-style:italic;font-size:14px}.time-cell .publish-time[data-v-5efa67ca]{color:#718096;font-size:14px}.actions-cell .action-buttons[data-v-5efa67ca]{display:flex;gap:8px}.view-btn[data-v-5efa67ca],.edit-btn[data-v-5efa67ca],.delete-btn[data-v-5efa67ca]{padding:6px;border:none;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.view-btn[data-v-5efa67ca]{background:#e6fffa;color:#319795}.view-btn[data-v-5efa67ca]:hover{background:#b2f5ea}.edit-btn[data-v-5efa67ca]{background:#fef5e7;color:#d69e2e}.edit-btn[data-v-5efa67ca]:hover{background:#faf089}.delete-btn[data-v-5efa67ca]{background:#fed7d7;color:#e53e3e}.delete-btn[data-v-5efa67ca]:hover{background:#feb2b2}.view-btn svg[data-v-5efa67ca],.edit-btn svg[data-v-5efa67ca],.delete-btn svg[data-v-5efa67ca]{width:14px;height:14px}.pagination[data-v-5efa67ca]{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px;padding-top:24px;border-top:1px solid #e2e8f0}.pagination-btn[data-v-5efa67ca]{padding:8px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;transition:all .2s}.pagination-btn[data-v-5efa67ca]:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0}.pagination-btn[data-v-5efa67ca]:disabled{opacity:.5;cursor:not-allowed}.pagination-info[data-v-5efa67ca]{color:#718096;font-size:14px}.modal-overlay[data-v-5efa67ca]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content[data-v-5efa67ca]{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.view-modal[data-v-5efa67ca]{max-width:700px}.modal-header[data-v-5efa67ca]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0}.modal-header h3[data-v-5efa67ca]{margin:0;font-size:18px;font-weight:600;color:#2d3748}.modal-close-btn[data-v-5efa67ca]{padding:6px;background:none;border:none;color:#a0aec0;cursor:pointer;border-radius:6px;transition:all .2s}.modal-close-btn[data-v-5efa67ca]:hover{background:#f7fafc;color:#718096}.modal-close-btn svg[data-v-5efa67ca]{width:16px;height:16px}.modal-body[data-v-5efa67ca]{padding:20px}.diary-form[data-v-5efa67ca]{display:flex;flex-direction:column;gap:16px}.form-group[data-v-5efa67ca]{display:flex;flex-direction:column;gap:6px}.form-group label[data-v-5efa67ca]{font-weight:500;color:#4a5568;font-size:14px}.form-group input[data-v-5efa67ca],.form-group select[data-v-5efa67ca],.form-group textarea[data-v-5efa67ca]{padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;transition:border-color .2s}.form-group input[data-v-5efa67ca]:focus,.form-group select[data-v-5efa67ca]:focus,.form-group textarea[data-v-5efa67ca]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea[data-v-5efa67ca]{resize:vertical;min-height:100px}.char-count[data-v-5efa67ca]{text-align:right;font-size:12px;color:#a0aec0}.game-section[data-v-5efa67ca]{gap:8px}.game-labels-row[data-v-5efa67ca]{display:flex;gap:12px;align-items:baseline;margin-bottom:8px}.game-labels-row>label[data-v-5efa67ca]:first-child{flex:1;font-size:14px;font-weight:500;color:#374151}.game-input-row[data-v-5efa67ca]{display:flex;gap:12px;align-items:flex-start}.game-name-input[data-v-5efa67ca]{flex:1}.game-icon-upload[data-v-5efa67ca]{flex-shrink:0}.icon-label[data-v-5efa67ca]{font-size:14px;color:#374151;font-weight:500;width:48px;text-align:center}.file-input[data-v-5efa67ca]{display:none}.icon-upload-btn[data-v-5efa67ca]{display:block;width:48px;height:48px;border:2px dashed #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s;overflow:hidden;position:relative}.icon-upload-btn[data-v-5efa67ca]:hover{border-color:#3b82f6;background-color:#f8fafc}.icon-preview[data-v-5efa67ca]{width:100%;height:100%;object-fit:cover;border-radius:6px}.upload-placeholder-square[data-v-5efa67ca]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#a0aec0;background-color:#f8fafc}.upload-placeholder-square svg[data-v-5efa67ca]{width:20px;height:20px;stroke-width:2}.form-actions[data-v-5efa67ca]{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.cancel-btn[data-v-5efa67ca]{padding:8px 16px;background:#f7fafc;color:#4a5568;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .2s;font-size:14px}.cancel-btn[data-v-5efa67ca]:hover{background:#edf2f7}.save-btn[data-v-5efa67ca]{padding:8px 16px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s;font-size:14px}.save-btn[data-v-5efa67ca]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.save-btn[data-v-5efa67ca]:disabled{opacity:.6;cursor:not-allowed}.diary-detail[data-v-5efa67ca]{display:flex;flex-direction:column;gap:24px}.detail-header[data-v-5efa67ca]{border-bottom:1px solid #e2e8f0;padding-bottom:16px}.detail-header .diary-title[data-v-5efa67ca]{margin:0 0 12px;font-size:24px;font-weight:600;color:#2d3748}.diary-meta[data-v-5efa67ca]{display:flex;justify-content:space-between;align-items:center}.mood-info[data-v-5efa67ca]{display:flex;align-items:center;gap:8px}.mood-info .mood-emoji[data-v-5efa67ca]{font-size:20px}.mood-info .mood-text[data-v-5efa67ca]{font-size:16px;color:#4a5568;font-weight:500}.diary-content-full[data-v-5efa67ca]{line-height:1.6;color:#4a5568;white-space:pre-wrap;background:#f7fafc;padding:20px;border-radius:8px;border-left:4px solid #3b82f6}.game-info-detail h4[data-v-5efa67ca]{margin:0 0 12px;color:#4a5568;font-size:16px}.game-display[data-v-5efa67ca]{display:flex;align-items:center;gap:12px;padding:16px;background:#f7fafc;border-radius:8px}.game-icon-large[data-v-5efa67ca]{width:48px;height:48px;border-radius:8px;object-fit:cover}.game-name-large[data-v-5efa67ca]{font-size:16px;font-weight:500;color:#4a5568}@media (max-width: 768px){.diary-management-container[data-v-5efa67ca]{padding:12px}.header-content[data-v-5efa67ca]{flex-direction:column;gap:16px;align-items:stretch}.header-left[data-v-5efa67ca]{flex-direction:column;gap:12px;align-items:flex-start}.section-header[data-v-5efa67ca]{flex-direction:column;gap:16px;align-items:stretch}.section-actions[data-v-5efa67ca]{flex-direction:column;gap:12px}.search-input[data-v-5efa67ca]{width:100%}.diaries-table-container[data-v-5efa67ca]{font-size:14px}.diaries-table th[data-v-5efa67ca],.diaries-table td[data-v-5efa67ca]{padding:12px 8px}.modal-content[data-v-5efa67ca]{margin:10px;max-height:calc(100vh - 20px)}.modal-body[data-v-5efa67ca]{padding:16px}.form-actions[data-v-5efa67ca]{flex-direction:column}.cancel-btn[data-v-5efa67ca],.save-btn[data-v-5efa67ca]{width:100%}}.delete-modal[data-v-5efa67ca]{max-width:400px}.delete-modal-header[data-v-5efa67ca]{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 2rem 1rem;text-align:center}.delete-modal-icon[data-v-5efa67ca]{width:4rem;height:4rem;background:#fee2e2;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#dc2626}.delete-modal-icon svg[data-v-5efa67ca]{width:2rem;height:2rem}.delete-modal-header h3[data-v-5efa67ca]{margin:0;color:#374151;font-size:1.25rem;font-weight:700}.delete-modal-body[data-v-5efa67ca]{padding:0 2rem 1rem;text-align:center}.delete-modal-body p[data-v-5efa67ca]{margin:0 0 .5rem;color:#6b7280}.delete-warning[data-v-5efa67ca]{color:#dc2626;font-weight:500;font-size:.9rem}.delete-modal-footer[data-v-5efa67ca]{display:flex;gap:1rem;justify-content:center;padding:1rem 2rem 2rem}.modal-cancel-btn[data-v-5efa67ca]{background:#f3f4f6;border:1px solid #d1d5db;color:#374151;padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer;transition:all .3s ease;font-weight:600}.modal-cancel-btn[data-v-5efa67ca]:hover:not(:disabled){background:#e5e7eb;transform:translateY(-1px)}.modal-cancel-btn[data-v-5efa67ca]:disabled{opacity:.7;cursor:not-allowed}.modal-delete-btn[data-v-5efa67ca]{background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer;transition:all .3s ease;font-weight:600;display:flex;align-items:center;gap:.5rem}.modal-delete-btn[data-v-5efa67ca]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.modal-delete-btn[data-v-5efa67ca]:disabled{opacity:.7;cursor:not-allowed}.modal-delete-btn .loading-spinner[data-v-5efa67ca]{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin-5efa67ca 1s linear infinite}.toast-notification[data-v-5efa67ca]{position:fixed;top:2rem;right:2rem;background:#fff;border-radius:.75rem;padding:1rem 1.25rem;min-width:320px;max-width:400px;box-shadow:0 10px 40px #00000026;z-index:9999;display:flex;align-items:flex-start;gap:.75rem;animation:toastSlideIn-5efa67ca .3s ease-out;border:1px solid #e5e7eb}.toast-notification.success[data-v-5efa67ca]{border-left:4px solid #10b981;background:linear-gradient(135deg,#f0fdf4,#fff)}.toast-notification.error[data-v-5efa67ca]{border-left:4px solid #ef4444;background:linear-gradient(135deg,#fef2f2,#fff)}.toast-notification.info[data-v-5efa67ca]{border-left:4px solid #3b82f6;background:linear-gradient(135deg,#eff6ff,#fff)}.toast-icon[data-v-5efa67ca]{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-notification.success .toast-icon[data-v-5efa67ca]{background:linear-gradient(135deg,#10b981,#059669)}.toast-notification.error .toast-icon[data-v-5efa67ca]{background:linear-gradient(135deg,#ef4444,#dc2626)}.toast-notification.info .toast-icon[data-v-5efa67ca]{background:linear-gradient(135deg,#3b82f6,#2563eb)}.toast-icon svg[data-v-5efa67ca]{width:1rem;height:1rem;color:#fff;stroke-width:2.5}.toast-content[data-v-5efa67ca]{flex:1;min-width:0}.toast-title[data-v-5efa67ca]{margin:0 0 .25rem;font-size:.95rem;font-weight:600;color:#1f2937;line-height:1.3}.toast-message[data-v-5efa67ca]{margin:0;color:#6b7280;line-height:1.4;font-size:.85rem}.toast-close[data-v-5efa67ca]{background:none;border:none;cursor:pointer;color:#9ca3af;padding:.25rem;border-radius:.25rem;transition:all .2s;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:-.125rem}.toast-close[data-v-5efa67ca]:hover{background:#f3f4f6;color:#374151}.toast-close svg[data-v-5efa67ca]{width:.875rem;height:.875rem;stroke-width:2}@keyframes toastSlideIn-5efa67ca{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 640px){.toast-notification[data-v-5efa67ca]{top:1rem;right:1rem;left:1rem;min-width:auto;max-width:none}@keyframes toastSlideIn-5efa67ca{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}}.app-management-container[data-v-060ca4b4]{min-height:100vh;background:linear-gradient(135deg,#f7fafc,#edf2f7);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.page-header[data-v-060ca4b4]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2);padding:1.5rem 2rem;position:sticky;top:0;z-index:100}.header-content[data-v-060ca4b4]{display:flex;justify-content:space-between;align-items:center;max-width:95%;margin:0 auto}.header-left[data-v-060ca4b4]{display:flex;align-items:center;gap:1.5rem}.back-button[data-v-060ca4b4]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#4a55681a;border:1px solid rgba(74,85,104,.3);border-radius:8px;color:#4a5568;font-size:.9rem;cursor:pointer;transition:all .3s ease}.back-button[data-v-060ca4b4]:hover{background:#4a556833;transform:translateY(-1px)}.back-button svg[data-v-060ca4b4]{width:16px;height:16px}.page-title[data-v-060ca4b4]{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.75rem;font-weight:700;color:#2d3748}.title-icon[data-v-060ca4b4]{width:28px;height:28px;color:#4a5568}.page-subtitle[data-v-060ca4b4]{margin:.25rem 0 0;color:#718096;font-size:.9rem}.add-button[data-v-060ca4b4]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.add-button[data-v-060ca4b4]:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d}.add-button svg[data-v-060ca4b4]{width:16px;height:16px}.analysis-all-button[data-v-060ca4b4]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-right:.75rem}.analysis-all-button[data-v-060ca4b4]:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 8px 25px #10b9814d}.analysis-all-button svg[data-v-060ca4b4]{width:16px;height:16px}.action-button.analysis[data-v-060ca4b4]{background:#10b9811a;color:#10b981}.action-button.analysis[data-v-060ca4b4]:hover{background:#10b98133}.analysis-button[data-v-060ca4b4]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-right:1rem}.analysis-button[data-v-060ca4b4]:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 8px 25px #10b9814d}.analysis-button svg[data-v-060ca4b4]{width:16px;height:16px}.page-main[data-v-060ca4b4]{padding:2rem}.page-content[data-v-060ca4b4]{max-width:95%;margin:0 auto}.stats-section[data-v-060ca4b4]{margin-bottom:2rem}.stats-grid[data-v-060ca4b4]{display:grid;grid-template-columns:repeat(6,1fr);gap:1.5rem}.stat-card[data-v-060ca4b4]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:1rem;display:flex;align-items:center;gap:.75rem;transition:all .3s ease;border:1px solid rgba(255,255,255,.2)}.stat-card[data-v-060ca4b4]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.stat-icon[data-v-060ca4b4]{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#cbd5e1;color:#334155}.stat-icon.published[data-v-060ca4b4]{background:#bfdbfe;color:#1e40af}.stat-icon.unpublished[data-v-060ca4b4]{background:#fdba74;color:#9a3412}.stat-icon.backup[data-v-060ca4b4]{background:#c7d2fe;color:#4338ca}.stat-icon.review[data-v-060ca4b4]{background:#fde68a;color:#d97706}.stat-icon.banned[data-v-060ca4b4]{background:#fca5a5;color:#991b1b}.stat-icon svg[data-v-060ca4b4]{width:24px;height:24px;color:#fff}.stat-content h3[data-v-060ca4b4]{margin:0;font-size:1.75rem;font-weight:700;color:#2d3748}.stat-content p[data-v-060ca4b4]{margin:.25rem 0 0;color:#718096;font-size:.85rem}.apps-section[data-v-060ca4b4]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.2);overflow:hidden}.section-header[data-v-060ca4b4]{padding:1.5rem 2rem;border-bottom:1px solid rgba(0,0,0,.1);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.section-title[data-v-060ca4b4]{margin:0;font-size:1.25rem;font-weight:600;color:#2d3748}.total-count[data-v-060ca4b4]{color:#4a5568;font-weight:500}.section-actions[data-v-060ca4b4]{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.filter-group[data-v-060ca4b4]{display:flex;gap:.75rem;align-items:center}.filter-select[data-v-060ca4b4],.search-input[data-v-060ca4b4]{padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem;transition:all .3s ease}.filter-select[data-v-060ca4b4]:focus,.search-input[data-v-060ca4b4]:focus{outline:none;border-color:#4a5568;box-shadow:0 0 0 3px #4a55681a}.search-input[data-v-060ca4b4]{width:250px}.table-container[data-v-060ca4b4]{overflow-x:auto}.apps-table[data-v-060ca4b4]{width:100%;border-collapse:collapse}.apps-table th[data-v-060ca4b4],.apps-table td[data-v-060ca4b4]{padding:1rem;text-align:left;border-bottom:1px solid rgba(0,0,0,.05)}.apps-table th[data-v-060ca4b4]{background:#4a55680d;font-weight:600;color:#4a5568;font-size:.9rem}.checkbox-column[data-v-060ca4b4]{width:50px;text-align:center}.icon-column[data-v-060ca4b4]{width:80px}.app-icon[data-v-060ca4b4]{width:40px;height:40px;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f7fafc}.app-icon img[data-v-060ca4b4]{width:100%;height:100%;object-fit:cover}.default-icon[data-v-060ca4b4]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4a5568,#2d3748);color:#fff}.default-icon svg[data-v-060ca4b4]{width:20px;height:20px}.app-name[data-v-060ca4b4]{font-weight:600;color:#2d3748}.package-name[data-v-060ca4b4]{font-family:Courier New,monospace;font-size:.85rem;color:#718096}.version-badge[data-v-060ca4b4]{background:#4a55681a;color:#4a5568;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:500}.developer-name[data-v-060ca4b4]{color:#4a5568}.status-badge[data-v-060ca4b4]{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.status-badge.published[data-v-060ca4b4]{background:#48bb781a;color:#38a169}.status-badge.unpublished[data-v-060ca4b4]{background:#ed89361a;color:#dd6b20}.status-badge.backup[data-v-060ca4b4]{background:#6366f11a;color:#5a67d8}.status-badge.review[data-v-060ca4b4]{background:#fbbf241a;color:#d69e2e}.status-badge.banned[data-v-060ca4b4]{background:#f565651a;color:#e53e3e}.ab-test-select[data-v-060ca4b4]{padding:6px 12px;border:1px solid #e5e7eb;border-radius:6px;background-color:#fff;font-size:.875rem;color:#374151;cursor:pointer;transition:all .2s ease;min-width:120px}.ab-test-select[data-v-060ca4b4]:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000001a}.ab-test-select[data-v-060ca4b4]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.ab-test-select option[data-v-060ca4b4]{padding:8px;background-color:#fff;color:#374151}.ab-test-select.ab-test-closed[data-v-060ca4b4]{background-color:#fef2f2;border-color:#fca5a5;color:#dc2626}.ab-test-select.ab-test-closed[data-v-060ca4b4]:hover{border-color:#f87171;box-shadow:0 1px 3px #dc262633}.ab-test-select.ab-test-enabled[data-v-060ca4b4]{background-color:#f0fdf4;border-color:#86efac;color:#16a34a}.ab-test-select.ab-test-enabled[data-v-060ca4b4]:hover{border-color:#4ade80;box-shadow:0 1px 3px #16a34a33}.ab-test-select.ab-test-enhanced[data-v-060ca4b4]{background-color:#064e3b;border-color:#047857;color:#fff}.ab-test-select.ab-test-enhanced[data-v-060ca4b4]:hover{border-color:#059669;box-shadow:0 1px 3px #0478574d}.publish-time[data-v-060ca4b4]{font-size:.85rem;color:#718096}.actions-column[data-v-060ca4b4]{width:200px}.action-buttons[data-v-060ca4b4]{display:flex;gap:.5rem}.action-button[data-v-060ca4b4]{width:32px;height:32px;border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.action-button svg[data-v-060ca4b4]{width:16px;height:16px}.action-button.edit[data-v-060ca4b4]{background:#4a55681a;color:#4a5568}.action-button.edit[data-v-060ca4b4]:hover{background:#4a556833}.action-button.publish[data-v-060ca4b4]{background:#48bb781a;color:#38a169}.action-button.publish[data-v-060ca4b4]:hover{background:#48bb7833}.action-button.unpublish[data-v-060ca4b4]{background:#ed89361a;color:#dd6b20}.action-button.unpublish[data-v-060ca4b4]:hover{background:#ed893633}.action-button.ban[data-v-060ca4b4]{background:#f565651a;color:#e53e3e}.action-button.ban[data-v-060ca4b4]:hover{background:#f5656533}.action-button.delete[data-v-060ca4b4]{background:#f565651a;color:#e53e3e}.action-button.delete[data-v-060ca4b4]:hover{background:#f5656533}.action-button.pin[data-v-060ca4b4]{background:#ffc1071a;color:#d69e2e}.action-button.pin[data-v-060ca4b4]:hover{background:#ffc10733}.action-button.pin.pinned[data-v-060ca4b4]{background:#ffc1074d;color:#b7791f}.action-button.pin.pinned[data-v-060ca4b4]:hover{background:#ffc10766}.pinned-row[data-v-060ca4b4]{background:linear-gradient(135deg,#fffbeb,#fef3c7)!important}.pinned-row[data-v-060ca4b4]:hover{background:linear-gradient(135deg,#fef3c7,#fed7aa)!important}.pagination-container[data-v-060ca4b4]{padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(0,0,0,.05)}.pagination-info[data-v-060ca4b4]{color:#718096;font-size:.9rem}.pagination[data-v-060ca4b4]{display:flex;align-items:center;gap:1rem}.pagination-button[data-v-060ca4b4]{padding:.5rem 1rem;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#4a5568;cursor:pointer;transition:all .3s ease}.pagination-button[data-v-060ca4b4]:hover:not(:disabled){background:#f7fafc;border-color:#4a5568}.pagination-button[data-v-060ca4b4]:disabled{opacity:.5;cursor:not-allowed}.page-info[data-v-060ca4b4]{color:#4a5568;font-weight:500}.modal-overlay[data-v-060ca4b4]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-content[data-v-060ca4b4]{background:#fff;border-radius:12px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto}.modal-header[data-v-060ca4b4]{padding:1.5rem 2rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-060ca4b4]{margin:0;font-size:1.25rem;font-weight:600;color:#2d3748}.close-button[data-v-060ca4b4]{width:32px;height:32px;border:none;background:none;color:#718096;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-button[data-v-060ca4b4]:hover{background:#f7fafc;color:#4a5568}.close-button svg[data-v-060ca4b4]{width:16px;height:16px}.modal-body[data-v-060ca4b4]{padding:2rem}.app-form[data-v-060ca4b4]{display:flex;flex-direction:column;gap:1.5rem}.form-row[data-v-060ca4b4]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group[data-v-060ca4b4]{display:flex;flex-direction:column;gap:.5rem}.form-group label[data-v-060ca4b4]{font-weight:500;color:#4a5568;font-size:.9rem}.form-group input[data-v-060ca4b4],.form-group select[data-v-060ca4b4],.form-group textarea[data-v-060ca4b4]{padding:.75rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem;transition:all .3s ease}.form-group input[data-v-060ca4b4]:focus,.form-group select[data-v-060ca4b4]:focus,.form-group textarea[data-v-060ca4b4]:focus{outline:none;border-color:#4a5568;box-shadow:0 0 0 3px #4a55681a}.switch-group[data-v-060ca4b4]{flex-direction:row;align-items:center}.switch-label[data-v-060ca4b4]{display:flex;align-items:center;justify-content:flex-start;width:100%;cursor:pointer;gap:.75rem}.switch-text[data-v-060ca4b4]{font-weight:500;color:#4a5568;font-size:.9rem}.checkbox-group[data-v-060ca4b4]{flex-direction:row;align-items:center}.checkbox-label[data-v-060ca4b4]{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkmark[data-v-060ca4b4]{width:18px;height:18px;border:2px solid #e2e8f0;border-radius:4px;position:relative;transition:all .3s ease}.checkbox-label input:checked+.checkmark[data-v-060ca4b4]{background:#4a5568;border-color:#4a5568}.checkbox-label input:checked+.checkmark[data-v-060ca4b4]:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.form-actions[data-v-060ca4b4]{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.cancel-button[data-v-060ca4b4],.submit-button[data-v-060ca4b4]{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.cancel-button[data-v-060ca4b4]{background:#f7fafc;color:#4a5568;border:1px solid #e2e8f0}.cancel-button[data-v-060ca4b4]:hover{background:#edf2f7}.submit-button[data-v-060ca4b4]{background:#4a5568;color:#fff}.submit-button[data-v-060ca4b4]:hover{background:#2d3748;transform:translateY(-1px);box-shadow:0 4px 12px #4a55684d}.code-position-inputs[data-v-060ca4b4]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.code-position-input[data-v-060ca4b4]{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;transition:all .2s ease;background:#fff}.code-position-input[data-v-060ca4b4]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.code-position-input[data-v-060ca4b4]::placeholder{color:#a0aec0;font-size:.85rem}.icon-upload-container[data-v-060ca4b4]{position:relative;display:inline-block;width:120px;height:120px}.file-input[data-v-060ca4b4]{display:none}.icon-placeholder[data-v-060ca4b4]{display:block;width:120px;height:120px;border:2px dashed #e2e8f0;border-radius:8px;cursor:pointer;transition:all .3s ease;overflow:hidden;position:relative}.icon-placeholder[data-v-060ca4b4]:hover{border-color:#4a5568;background-color:#f7fafc}.icon-preview[data-v-060ca4b4]{width:100%;height:100%;object-fit:cover;border-radius:6px}.placeholder-content[data-v-060ca4b4]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#a0aec0;text-align:center;padding:1rem}.placeholder-icon[data-v-060ca4b4]{width:32px;height:32px;margin-bottom:.5rem}.placeholder-text[data-v-060ca4b4]{font-size:.8rem;font-weight:500}.remove-icon-btn[data-v-060ca4b4]{position:absolute;top:4px;right:4px;width:20px;height:20px;background:#e53e3ee6;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.remove-icon-btn[data-v-060ca4b4]:hover{background:#c53030;transform:scale(1.1)}.remove-icon-btn svg[data-v-060ca4b4]{width:10px;height:10px}@media (max-width: 768px){.header-content[data-v-060ca4b4]{flex-direction:column;gap:1rem;align-items:stretch}.section-header[data-v-060ca4b4],.section-actions[data-v-060ca4b4]{flex-direction:column;align-items:stretch}.filter-group[data-v-060ca4b4]{flex-direction:column}.search-input[data-v-060ca4b4]{width:100%}.form-row[data-v-060ca4b4],.stats-grid[data-v-060ca4b4]{grid-template-columns:1fr}.pagination-container[data-v-060ca4b4]{flex-direction:column;gap:1rem}}.form-select[data-v-060ca4b4]{width:100%;padding:.75rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem;background-color:#fff;transition:all .3s ease;cursor:pointer}.form-select[data-v-060ca4b4]:focus{outline:none;border-color:#4a5568;box-shadow:0 0 0 3px #4a55681a}.form-select option[data-v-060ca4b4]{padding:.5rem}.notification-textarea[data-v-060ca4b4]{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;line-height:1.5;resize:vertical;min-height:80px;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease}.notification-textarea[data-v-060ca4b4]:focus{outline:none;border-color:#4a5568;box-shadow:0 0 0 3px #4a55681a}.notification-textarea[data-v-060ca4b4]::placeholder{color:#9ca3af}.delete-modal-overlay[data-v-060ca4b4]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.delete-modal[data-v-060ca4b4]{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:400px;width:90%;overflow:hidden;animation:modalSlideIn-060ca4b4 .3s ease-out}@keyframes modalSlideIn-060ca4b4{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.delete-modal-header[data-v-060ca4b4]{padding:1.5rem 1.5rem 1rem;text-align:center}.delete-modal-icon[data-v-060ca4b4]{width:48px;height:48px;margin:0 auto 1rem;background:#fee2e2;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#dc2626}.delete-modal-icon svg[data-v-060ca4b4]{width:24px;height:24px;stroke-width:2}.delete-modal-header h3[data-v-060ca4b4]{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.delete-modal-body[data-v-060ca4b4]{padding:0 1.5rem 1.5rem;text-align:center}.delete-modal-body p[data-v-060ca4b4]{margin:0 0 .75rem;color:#4b5563;line-height:1.5}.delete-warning[data-v-060ca4b4]{font-size:.875rem;color:#dc2626;font-weight:500}.delete-modal-footer[data-v-060ca4b4]{padding:1rem 1.5rem;background:#f9fafb;display:flex;gap:.75rem;justify-content:flex-end}.modal-cancel-btn[data-v-060ca4b4],.modal-delete-btn[data-v-060ca4b4]{padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;gap:.5rem;min-width:80px;justify-content:center}.modal-cancel-btn[data-v-060ca4b4]{background:#fff;color:#374151;border:1px solid #d1d5db}.modal-cancel-btn[data-v-060ca4b4]:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.modal-delete-btn[data-v-060ca4b4]{background:#dc2626;color:#fff}.modal-delete-btn[data-v-060ca4b4]:hover:not(:disabled){background:#b91c1c}.modal-cancel-btn[data-v-060ca4b4]:disabled,.modal-delete-btn[data-v-060ca4b4]:disabled{opacity:.6;cursor:not-allowed}.loading-spinner[data-v-060ca4b4]{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin-060ca4b4 1s linear infinite}@keyframes spin-060ca4b4{to{transform:rotate(360deg)}}.toast-notification[data-v-060ca4b4]{position:fixed;top:2rem;right:2rem;background:#fff;border-radius:.75rem;padding:1rem 1.25rem;min-width:320px;max-width:400px;box-shadow:0 10px 40px #00000026;z-index:9999;display:flex;align-items:flex-start;gap:.75rem;animation:toastSlideIn-060ca4b4 .3s ease-out;border:1px solid #e5e7eb}.toast-notification.success[data-v-060ca4b4]{border-left:4px solid #10b981;background:linear-gradient(135deg,#f0fdf4,#fff)}.toast-notification.error[data-v-060ca4b4]{border-left:4px solid #ef4444;background:linear-gradient(135deg,#fef2f2,#fff)}.toast-notification.info[data-v-060ca4b4]{border-left:4px solid #3b82f6;background:linear-gradient(135deg,#eff6ff,#fff)}.toast-icon[data-v-060ca4b4]{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-notification.success .toast-icon[data-v-060ca4b4]{background:linear-gradient(135deg,#10b981,#059669)}.toast-notification.error .toast-icon[data-v-060ca4b4]{background:linear-gradient(135deg,#ef4444,#dc2626)}.toast-notification.info .toast-icon[data-v-060ca4b4]{background:linear-gradient(135deg,#3b82f6,#2563eb)}.toast-icon svg[data-v-060ca4b4]{width:1rem;height:1rem;color:#fff;stroke-width:2.5}.toast-content[data-v-060ca4b4]{flex:1;min-width:0}.toast-title[data-v-060ca4b4]{margin:0 0 .25rem;font-size:.95rem;font-weight:600;color:#1f2937;line-height:1.3}.toast-message[data-v-060ca4b4]{margin:0;color:#6b7280;line-height:1.4;font-size:.85rem}.toast-close[data-v-060ca4b4]{background:none;border:none;cursor:pointer;color:#9ca3af;padding:.25rem;border-radius:.25rem;transition:all .2s;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:-.125rem}.toast-close[data-v-060ca4b4]:hover{background:#f3f4f6;color:#374151}.toast-close svg[data-v-060ca4b4]{width:.875rem;height:.875rem;stroke-width:2}@keyframes toastSlideIn-060ca4b4{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.block-column[data-v-060ca4b4]{text-align:center;padding:.5rem .25rem;vertical-align:middle;width:80px}.block-switch[data-v-060ca4b4]{display:flex;align-items:center;justify-content:center;gap:.25rem;flex-direction:column;width:100%}.switch[data-v-060ca4b4]{position:relative;display:inline-block;width:44px;height:24px}.switch input[data-v-060ca4b4]{opacity:0;width:0;height:0}.slider[data-v-060ca4b4]{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s}.slider[data-v-060ca4b4]:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s}input:checked+.slider[data-v-060ca4b4]{background-color:#f56565}input:focus+.slider[data-v-060ca4b4]{box-shadow:0 0 1px #f56565}input:checked+.slider[data-v-060ca4b4]:before{transform:translate(20px)}.slider.round[data-v-060ca4b4]{border-radius:24px}.slider.round[data-v-060ca4b4]:before{border-radius:50%}.block-text[data-v-060ca4b4]{font-size:.7rem;color:#666;text-align:center;margin-top:.1rem;white-space:nowrap;line-height:1}.block-status-text[data-v-060ca4b4]{font-size:.875rem;color:#4a5568;margin-left:.5rem;font-weight:500}@media (max-width: 640px){.toast-notification[data-v-060ca4b4]{top:1rem;right:1rem;left:1rem;min-width:auto;max-width:none}@keyframes toastSlideIn-060ca4b4{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}}.analysis-modal-content[data-v-060ca4b4]{background:#fff;border-radius:12px;width:100%;max-width:1200px;max-height:90vh;overflow-y:auto}.analysis-controls[data-v-060ca4b4]{margin-bottom:2rem;padding:1.5rem;background:#f8fafc;border-radius:8px}.date-range-group[data-v-060ca4b4]{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.date-range-group label[data-v-060ca4b4]{font-weight:600;color:#4a5568;white-space:nowrap}.date-input[data-v-060ca4b4]{padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem;transition:all .3s ease}.date-input[data-v-060ca4b4]:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.quick-date-btn[data-v-060ca4b4]{padding:.5rem 1rem;background:#10b981;color:#fff;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .3s ease}.quick-date-btn[data-v-060ca4b4]:hover{background:#059669;transform:translateY(-1px)}.loading-container[data-v-060ca4b4]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#718096}.loading-container .loading-spinner[data-v-060ca4b4]{width:40px;height:40px;margin-bottom:1rem}.chart-container[data-v-060ca4b4]{padding:2rem;background:#fff;border-radius:8px;border:1px solid #e2e8f0;height:500px;position:relative}.chart-container canvas[data-v-060ca4b4]{max-height:100%;width:100%!important;height:100%!important}.no-data-container[data-v-060ca4b4]{display:flex;align-items:center;justify-content:center;padding:4rem 2rem;color:#718096;text-align:center}.no-data-container p[data-v-060ca4b4]{font-size:1.1rem;margin:0}.region-management[data-v-241333dd]{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:24px}.page-header[data-v-241333dd]{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:20px}.header-left[data-v-241333dd]{display:flex;align-items:center;gap:20px}.back-button[data-v-241333dd]{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#495057;text-decoration:none;font-size:14px;transition:all .2s}.back-button[data-v-241333dd]:hover{background:#e9ecef;transform:translateY(-1px)}.back-button svg[data-v-241333dd]{width:16px;height:16px}.header-info[data-v-241333dd]{display:flex;flex-direction:column;gap:4px}.page-title[data-v-241333dd]{display:flex;align-items:center;gap:12px;margin:0;font-size:28px;font-weight:700;color:#2d3748}.title-icon[data-v-241333dd]{width:32px;height:32px;color:#3b82f6}.page-subtitle[data-v-241333dd]{margin:0;color:#718096;font-size:14px}.add-button[data-v-241333dd]{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.add-button[data-v-241333dd]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.add-button svg[data-v-241333dd]{width:16px;height:16px}.page-main[data-v-241333dd]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:24px;box-shadow:0 8px 32px #0000001a}.stats-grid[data-v-241333dd]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.stat-card[data-v-241333dd]{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:transform .2s}.stat-card[data-v-241333dd]:hover{transform:translateY(-2px)}.stat-icon[data-v-241333dd]{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-card.total .stat-icon[data-v-241333dd]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-card.enabled .stat-icon[data-v-241333dd]{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.stat-card.disabled .stat-icon[data-v-241333dd]{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.stat-icon svg[data-v-241333dd]{width:24px;height:24px}.stat-content h3[data-v-241333dd]{margin:0 0 4px;font-size:24px;font-weight:700;color:#2d3748}.stat-content p[data-v-241333dd]{margin:0;color:#718096;font-size:14px}.section-header[data-v-241333dd]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.section-title[data-v-241333dd]{margin:0;font-size:20px;font-weight:600;color:#2d3748}.total-count[data-v-241333dd]{color:#718096;font-weight:400}.section-actions[data-v-241333dd]{display:flex;gap:16px;align-items:center}.search-box[data-v-241333dd]{position:relative;display:flex;align-items:center}.search-icon[data-v-241333dd]{position:absolute;left:12px;width:16px;height:16px;color:#a0aec0;z-index:1}.search-input[data-v-241333dd]{padding:10px 12px 10px 36px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;width:250px;transition:border-color .2s}.search-input[data-v-241333dd]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-clear-btn[data-v-241333dd]{position:absolute;right:8px;padding:4px;background:none;border:none;color:#a0aec0;cursor:pointer;border-radius:4px;transition:color .2s}.search-clear-btn[data-v-241333dd]:hover{color:#718096}.search-clear-btn svg[data-v-241333dd]{width:14px;height:14px}.status-filter[data-v-241333dd]{padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:14px;min-width:120px}.refresh-button[data-v-241333dd],.batch-delete-button[data-v-241333dd]{display:flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#4a5568;font-size:14px;cursor:pointer;transition:all .2s}.refresh-button[data-v-241333dd]:hover{background:#f7fafc;border-color:#cbd5e0}.batch-delete-button[data-v-241333dd]{background:#fed7d7;color:#e53e3e;border-color:#feb2b2}.batch-delete-button[data-v-241333dd]:hover{background:#feb2b2}.refresh-button svg[data-v-241333dd],.batch-delete-button svg[data-v-241333dd]{width:16px;height:16px}.loading-state[data-v-241333dd]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#718096}.loading-spinner[data-v-241333dd]{width:40px;height:40px;border:3px solid #e2e8f0;border-top:3px solid #3b82f6;border-radius:50%;animation:spin-241333dd 1s linear infinite;margin-bottom:16px}@keyframes spin-241333dd{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state[data-v-241333dd]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-icon[data-v-241333dd]{width:64px;height:64px;color:#cbd5e0;margin-bottom:16px}.empty-icon svg[data-v-241333dd]{width:100%;height:100%}.empty-state h3[data-v-241333dd]{margin:0 0 8px;font-size:18px;color:#4a5568}.empty-state p[data-v-241333dd]{margin:0 0 24px;color:#718096}.empty-action-button[data-v-241333dd]{padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s}.empty-action-button[data-v-241333dd]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.regions-table-container[data-v-241333dd]{overflow-x:auto;border-radius:12px;border:1px solid #e2e8f0}.regions-table[data-v-241333dd]{width:100%;border-collapse:collapse;background:#fff}.regions-table th[data-v-241333dd]{background:#f7fafc;padding:16px 12px;text-align:left;font-weight:600;color:#4a5568;border-bottom:1px solid #e2e8f0;font-size:14px}.regions-table td[data-v-241333dd]{padding:16px 12px;border-bottom:1px solid #f1f5f9;font-size:14px}.table-row[data-v-241333dd]:hover{background:#f8fafc}.checkbox[data-v-241333dd]{width:16px;height:16px;cursor:pointer}.region-name[data-v-241333dd]{font-weight:500;color:#2d3748}.region-code[data-v-241333dd]{font-family:monospace;background:#f7fafc;padding:4px 8px;border-radius:4px;color:#4a5568}.status-badge[data-v-241333dd]{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.status-badge.enabled[data-v-241333dd]{background:#d1fae5;color:#065f46}.status-badge.disabled[data-v-241333dd]{background:#fee2e2;color:#991b1b}.description[data-v-241333dd]{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#718096}.date[data-v-241333dd]{color:#718096;font-size:13px}.actions[data-v-241333dd]{display:flex;gap:8px}.action-btn[data-v-241333dd]{padding:8px;border:none;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.edit-btn[data-v-241333dd]{background:#fef5e7;color:#d69e2e}.edit-btn[data-v-241333dd]:hover{background:#faf089}.toggle-btn[data-v-241333dd]{background:#e6fffa;color:#319795}.toggle-btn[data-v-241333dd]:hover{background:#b2f5ea}.delete-btn[data-v-241333dd]{background:#fed7d7;color:#e53e3e}.delete-btn[data-v-241333dd]:hover{background:#feb2b2}.action-btn svg[data-v-241333dd]{width:14px;height:14px}.pagination[data-v-241333dd]{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px;padding-top:24px;border-top:1px solid #e2e8f0}.pagination-btn[data-v-241333dd]{padding:8px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;transition:all .2s}.pagination-btn[data-v-241333dd]:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0}.pagination-btn[data-v-241333dd]:disabled{opacity:.5;cursor:not-allowed}.pagination-info[data-v-241333dd]{color:#718096;font-size:14px}.modal-overlay[data-v-241333dd]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content[data-v-241333dd]{background:#fff;border-radius:12px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header[data-v-241333dd]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}.modal-header h3[data-v-241333dd]{margin:0;font-size:18px;font-weight:600;color:#2d3748}.modal-close-btn[data-v-241333dd]{padding:8px;background:none;border:none;color:#a0aec0;cursor:pointer;border-radius:6px;transition:all .2s}.modal-close-btn[data-v-241333dd]:hover{background:#f7fafc;color:#4a5568}.modal-close-btn svg[data-v-241333dd]{width:16px;height:16px}.modal-body[data-v-241333dd]{padding:24px}.region-form[data-v-241333dd]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-241333dd]{display:flex;flex-direction:column;gap:8px}.form-group label[data-v-241333dd]{font-weight:500;color:#4a5568;font-size:14px}.form-input[data-v-241333dd],.form-select[data-v-241333dd],.form-textarea[data-v-241333dd]{padding:12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;transition:border-color .2s}.form-input[data-v-241333dd]:focus,.form-select[data-v-241333dd]:focus,.form-textarea[data-v-241333dd]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-textarea[data-v-241333dd]{resize:vertical;min-height:80px}.modal-footer[data-v-241333dd]{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e2e8f0}.cancel-btn[data-v-241333dd],.save-btn[data-v-241333dd],.delete-confirm-btn[data-v-241333dd]{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.cancel-btn[data-v-241333dd]{background:#f7fafc;color:#4a5568;border:1px solid #e2e8f0}.cancel-btn[data-v-241333dd]:hover{background:#edf2f7}.save-btn[data-v-241333dd]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.save-btn[data-v-241333dd]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.delete-confirm-btn[data-v-241333dd]{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.delete-confirm-btn[data-v-241333dd]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.delete-modal[data-v-241333dd]{max-width:400px}.delete-modal-header[data-v-241333dd]{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 32px 16px;text-align:center}.delete-modal-icon[data-v-241333dd]{width:64px;height:64px;background:#fee2e2;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#dc2626}.delete-modal-icon svg[data-v-241333dd]{width:32px;height:32px}.delete-modal-header h3[data-v-241333dd]{margin:0;color:#374151;font-size:20px;font-weight:700}.delete-modal-body[data-v-241333dd]{padding:0 32px 16px;text-align:center}.delete-modal-body p[data-v-241333dd]{margin:0 0 8px;color:#6b7280}.delete-warning[data-v-241333dd]{color:#dc2626;font-weight:500;font-size:14px}.toast-notification[data-v-241333dd]{position:fixed;top:24px;right:24px;min-width:320px;max-width:480px;background:#fff;border-radius:12px;padding:16px;box-shadow:0 10px 40px #00000026;display:flex;align-items:flex-start;gap:12px;animation:toastSlideIn-241333dd .3s ease-out;border:1px solid #e5e7eb;z-index:1001}.toast-notification.success[data-v-241333dd]{border-left:4px solid #10b981;background:linear-gradient(135deg,#f0fdf4,#fff)}.toast-notification.error[data-v-241333dd]{border-left:4px solid #ef4444;background:linear-gradient(135deg,#fef2f2,#fff)}.toast-notification.info[data-v-241333dd]{border-left:4px solid #3b82f6;background:linear-gradient(135deg,#eff6ff,#fff)}.toast-icon[data-v-241333dd]{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-notification.success .toast-icon[data-v-241333dd]{background:linear-gradient(135deg,#10b981,#059669)}.toast-notification.error .toast-icon[data-v-241333dd]{background:linear-gradient(135deg,#ef4444,#dc2626)}.toast-notification.info .toast-icon[data-v-241333dd]{background:linear-gradient(135deg,#3b82f6,#2563eb)}.toast-icon svg[data-v-241333dd]{width:16px;height:16px;color:#fff;stroke-width:2.5}.toast-content[data-v-241333dd]{flex:1;min-width:0}.toast-title[data-v-241333dd]{margin:0 0 4px;font-size:15px;font-weight:600;color:#1f2937;line-height:1.3}.toast-message[data-v-241333dd]{margin:0;color:#6b7280;line-height:1.4;font-size:14px}.toast-close[data-v-241333dd]{background:none;border:none;cursor:pointer;color:#9ca3af;padding:4px;border-radius:4px;transition:all .2s;width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:-2px}.toast-close[data-v-241333dd]:hover{background:#f3f4f6;color:#374151}.toast-close svg[data-v-241333dd]{width:14px;height:14px;stroke-width:2}@keyframes toastSlideIn-241333dd{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.region-management[data-v-241333dd]{padding:16px}.page-header[data-v-241333dd]{flex-direction:column;gap:16px;align-items:stretch}.header-left[data-v-241333dd]{flex-direction:column;gap:12px;align-items:flex-start}.stats-grid[data-v-241333dd]{grid-template-columns:1fr}.section-header[data-v-241333dd]{flex-direction:column;gap:16px;align-items:stretch}.section-actions[data-v-241333dd]{flex-direction:column;gap:12px}.search-input[data-v-241333dd]{width:100%}.regions-table-container[data-v-241333dd]{font-size:12px}.regions-table th[data-v-241333dd],.regions-table td[data-v-241333dd]{padding:12px 8px}.modal-content[data-v-241333dd]{margin:10px;max-height:calc(100vh - 20px)}.modal-body[data-v-241333dd]{padding:16px}.modal-footer[data-v-241333dd]{flex-direction:column}.cancel-btn[data-v-241333dd],.save-btn[data-v-241333dd]{width:100%}.toast-notification[data-v-241333dd]{top:16px;right:16px;left:16px;min-width:auto;max-width:none}@keyframes toastSlideIn-241333dd{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}}.account-management-container[data-v-e96e5819]{min-height:100vh;background:#f8fafc;padding:20px}.page-header[data-v-e96e5819]{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000001a;border:1px solid #e2e8f0}.header-content[data-v-e96e5819]{display:flex;justify-content:space-between;align-items:center}.header-left[data-v-e96e5819]{display:flex;align-items:center;gap:16px}.back-button[data-v-e96e5819]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;text-decoration:none;transition:all .2s;cursor:pointer}.back-button[data-v-e96e5819]:hover{background:#e2e8f0;color:#475569}.back-button svg[data-v-e96e5819]{width:16px;height:16px}.header-info h1[data-v-e96e5819]{margin:0;font-size:28px;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:12px}.title-icon[data-v-e96e5819]{width:32px;height:32px;color:#3b82f6}.page-subtitle[data-v-e96e5819]{margin:4px 0 0;color:#64748b;font-size:14px}.header-actions[data-v-e96e5819]{display:flex;gap:12px}.expiring-btn-header[data-v-e96e5819]{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f59e0b;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.expiring-btn-header[data-v-e96e5819]:hover{background:#d97706;transform:translateY(-1px)}.expiring-btn-header svg[data-v-e96e5819]{width:16px;height:16px}.add-button[data-v-e96e5819]{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.add-button[data-v-e96e5819]:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.add-button svg[data-v-e96e5819]{width:16px;height:16px}.page-main[data-v-e96e5819]{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000001a;border:1px solid #e2e8f0;overflow:hidden}.page-content[data-v-e96e5819]{padding:24px}.stats-section[data-v-e96e5819]{margin-bottom:32px}.stats-grid[data-v-e96e5819]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stat-card[data-v-e96e5819]{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000001a;transition:transform .2s}.stat-card[data-v-e96e5819]:hover{transform:translateY(-2px)}.stat-icon[data-v-e96e5819]{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;color:#64748b}.stat-icon.idle[data-v-e96e5819]{background:#f0f9ff;color:#0284c7}.stat-icon.working[data-v-e96e5819]{background:#fef3c7;color:#d97706}.stat-icon.banned[data-v-e96e5819]{background:#fef2f2;color:#dc2626}.stat-icon.uploading[data-v-e96e5819]{background:#f0fdf4;color:#16a34a}.stat-icon.enabled[data-v-e96e5819]{background:#dcfce7;color:#16a34a}.stat-icon.disabled[data-v-e96e5819]{background:#fef2f2;color:#dc2626}.stat-icon svg[data-v-e96e5819]{width:24px;height:24px}.stat-content h3[data-v-e96e5819]{margin:0;font-size:24px;font-weight:700;color:#1e293b}.stat-content p[data-v-e96e5819]{margin:4px 0 0;color:#64748b;font-size:14px}.accounts-section[data-v-e96e5819]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.section-header[data-v-e96e5819]{padding:20px 24px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.section-title[data-v-e96e5819]{margin:0;font-size:18px;font-weight:600;color:#1e293b}.total-count[data-v-e96e5819]{color:#64748b;font-weight:400}.section-actions[data-v-e96e5819]{display:flex;align-items:center;gap:12px}.filter-group[data-v-e96e5819]{display:flex;gap:8px}.filter-select[data-v-e96e5819]{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:14px}.search-box[data-v-e96e5819]{position:relative;display:flex;align-items:center}.search-icon[data-v-e96e5819]{position:absolute;left:12px;width:16px;height:16px;color:#9ca3af;pointer-events:none}.search-input[data-v-e96e5819]{padding:8px 12px 8px 36px;border:1px solid #d1d5db;border-radius:6px;width:250px;font-size:14px}.search-clear-btn[data-v-e96e5819]{position:absolute;right:8px;width:20px;height:20px;border:none;background:none;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px}.search-clear-btn[data-v-e96e5819]:hover{background:#f3f4f6;color:#6b7280}.search-clear-btn svg[data-v-e96e5819]{width:12px;height:12px}.loading-state[data-v-e96e5819],.empty-state[data-v-e96e5819]{padding:60px 20px;text-align:center;color:#64748b}.loading-spinner[data-v-e96e5819]{width:40px;height:40px;border:3px solid #f3f4f6;border-top:3px solid #667eea;border-radius:50%;animation:spin-e96e5819 1s linear infinite;margin:0 auto 16px}.empty-icon[data-v-e96e5819]{width:64px;height:64px;margin:0 auto 16px;color:#cbd5e1}.empty-icon svg[data-v-e96e5819]{width:100%;height:100%}.empty-state h3[data-v-e96e5819]{margin:0 0 8px;color:#475569}.empty-action-button[data-v-e96e5819]{margin-top:16px;padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer}.accounts-table-container[data-v-e96e5819]{overflow-x:auto}.table-actions[data-v-e96e5819]{padding:16px 24px;border-bottom:1px solid #e2e8f0;background:#f8fafc;display:flex;align-items:center;gap:16px}.batch-actions[data-v-e96e5819]{display:flex;align-items:center;gap:12px}.selected-count[data-v-e96e5819]{color:#64748b;font-size:14px}.batch-btn[data-v-e96e5819]{padding:6px 12px;border:none;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.idle-btn[data-v-e96e5819]{background:#f0f9ff;color:#0284c7}.idle-btn[data-v-e96e5819]:hover{background:#e0f2fe}.working-btn[data-v-e96e5819]{background:#fef3c7;color:#d97706}.working-btn[data-v-e96e5819]:hover{background:#fde68a}.banned-btn[data-v-e96e5819]{background:#fef2f2;color:#dc2626}.banned-btn[data-v-e96e5819]:hover{background:#fecaca}.accounts-table[data-v-e96e5819]{width:100%;border-collapse:collapse}.accounts-table th[data-v-e96e5819],.accounts-table td[data-v-e96e5819]{padding:12px;text-align:left;border-bottom:1px solid #e2e8f0}.accounts-table th[data-v-e96e5819]{background:#f8fafc;font-weight:600;color:#374151;font-size:14px}.account-row[data-v-e96e5819]:hover{background:#f8fafc}.apple-id-cell[data-v-e96e5819]{min-width:200px}.apple-id[data-v-e96e5819]{font-weight:500;color:#1e293b}.password-cell[data-v-e96e5819]{min-width:150px}.password-field[data-v-e96e5819]{display:flex;align-items:center;gap:8px}.password-hidden[data-v-e96e5819],.password-visible[data-v-e96e5819]{font-family:monospace;font-size:14px}.password-toggle[data-v-e96e5819]{width:20px;height:20px;border:none;background:none;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px}.password-toggle[data-v-e96e5819]:hover{background:#f3f4f6}.tel-code-link[data-v-e96e5819]{color:#3b82f6;text-decoration:none;font-weight:500;transition:color .2s}.tel-code-link[data-v-e96e5819]:hover{color:#1d4ed8;text-decoration:underline}.view-code-btn[data-v-e96e5819]{padding:6px 12px;background:#f0f9ff;color:#0369a1;border:1px solid #0ea5e9;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s}.view-code-btn[data-v-e96e5819]:hover{background:#e0f2fe;border-color:#0284c7}.tel-code-modal[data-v-e96e5819]{max-width:600px;width:90%}.close-btn[data-v-e96e5819]{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.close-btn[data-v-e96e5819]:hover{color:#374151}.account-info[data-v-e96e5819]{background:#f8fafc;padding:16px;border-radius:8px;margin-bottom:20px}.account-info p[data-v-e96e5819]{margin:8px 0;color:#374151}.loading-state[data-v-e96e5819]{text-align:center;padding:40px 20px}.loading-spinner[data-v-e96e5819]{width:32px;height:32px;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:spin-e96e5819 1s linear infinite;margin:0 auto 16px}.tel-code-list h4[data-v-e96e5819]{margin:0 0 16px;color:#374151;font-size:16px}.tel-code-item[data-v-e96e5819]{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:12px}.code-text[data-v-e96e5819]{font-size:16px;font-weight:500;color:#1f2937;margin-bottom:8px;word-break:break-all}.code-meta[data-v-e96e5819]{display:flex;justify-content:space-between;font-size:12px;color:#6b7280}.no-data[data-v-e96e5819]{text-align:center;padding:40px 20px;color:#6b7280}.error-message[data-v-e96e5819]{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;color:#dc2626}.error-icon[data-v-e96e5819]{width:48px;height:48px;stroke-width:1.5}.no-data-message[data-v-e96e5819]{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;color:#6b7280}.info-icon[data-v-e96e5819]{width:48px;height:48px;stroke-width:1.5}.password-toggle svg[data-v-e96e5819]{width:14px;height:14px}.tel-cell[data-v-e96e5819],.tel-code-cell[data-v-e96e5819]{min-width:120px}.no-tel[data-v-e96e5819],.no-tel-code[data-v-e96e5819]{color:#9ca3af}.ip-address-cell[data-v-e96e5819]{min-width:150px;max-width:200px}.ip-addresses[data-v-e96e5819]{display:flex;flex-direction:column;gap:2px}.ip-address[data-v-e96e5819]{font-size:14px;padding:4px 8px;background:#f1f5f9;color:#475569;border-radius:4px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500}.no-ip-address[data-v-e96e5819]{color:#9ca3af}.related-app-cell[data-v-e96e5819]{min-width:120px}.related-app-info[data-v-e96e5819]{display:flex;align-items:center;gap:8px}.app-icon[data-v-e96e5819]{width:24px;height:24px;border-radius:4px;object-fit:cover;flex-shrink:0}.app-icon[data-v-e96e5819]:error{display:none}.app-name[data-v-e96e5819]{font-size:14px;color:#374151;font-weight:500}.no-related-app[data-v-e96e5819]{color:#9ca3af}.status-cell[data-v-e96e5819]{min-width:80px}.status-badge[data-v-e96e5819]{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.status-idle[data-v-e96e5819]{background:#f0f9ff;color:#0284c7}.status-working[data-v-e96e5819]{background:#fef3c7;color:#d97706}.status-banned[data-v-e96e5819]{background:#fef2f2;color:#dc2626}.status-packaged[data-v-e96e5819]{background:#f3e8ff;color:#7c3aed}.status-enabled[data-v-e96e5819]{background:#dcfce7;color:#16a34a}.status-disabled[data-v-e96e5819]{background:#fef2f2;color:#dc2626}.time-cell[data-v-e96e5819]{min-width:140px}.time[data-v-e96e5819]{font-size:14px;color:#64748b}.actions-cell[data-v-e96e5819]{min-width:140px}.action-buttons[data-v-e96e5819]{display:flex;gap:4px}.action-btn[data-v-e96e5819]{width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.action-btn svg[data-v-e96e5819]{width:14px;height:14px}.edit-btn[data-v-e96e5819]{background:#dbeafe;color:#2563eb}.edit-btn[data-v-e96e5819]:hover{background:#bfdbfe}.enable-btn[data-v-e96e5819]{background:#dcfce7;color:#16a34a}.enable-btn[data-v-e96e5819]:hover{background:#bbf7d0}.disable-btn[data-v-e96e5819]{background:#fef2f2;color:#dc2626}.disable-btn[data-v-e96e5819]:hover{background:#fecaca}.delete-btn[data-v-e96e5819]{background:#fef2f2;color:#dc2626}.delete-btn[data-v-e96e5819]:hover{background:#fecaca}.pagination[data-v-e96e5819]{padding:16px 24px;display:flex;justify-content:center;align-items:center;gap:16px;border-top:1px solid #e2e8f0}.pagination-btn[data-v-e96e5819]{padding:8px 16px;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:4px;cursor:pointer;transition:all .2s}.pagination-btn[data-v-e96e5819]:hover:not(:disabled){background:#f3f4f6}.pagination-btn[data-v-e96e5819]:disabled{opacity:.5;cursor:not-allowed}.pagination-info[data-v-e96e5819]{color:#64748b;font-size:14px}.modal-overlay[data-v-e96e5819]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content[data-v-e96e5819]{background:#fff;border-radius:8px;max-width:450px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 10px 25px -5px #0000001a}.confirm-modal[data-v-e96e5819]{max-width:350px}.modal-header[data-v-e96e5819]{padding:16px 20px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-e96e5819]{margin:0;font-size:16px;font-weight:600;color:#1e293b}.modal-close[data-v-e96e5819]{width:32px;height:32px;border:none;background:none;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px}.modal-close[data-v-e96e5819]:hover{background:#f3f4f6;color:#6b7280}.modal-close svg[data-v-e96e5819]{width:16px;height:16px}.modal-body[data-v-e96e5819]{padding:20px}.modal-footer[data-v-e96e5819]{padding:12px 20px;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:10px}.account-form[data-v-e96e5819]{display:flex;flex-direction:column;gap:16px}.form-group[data-v-e96e5819]{display:flex;flex-direction:column;gap:4px}.form-group label[data-v-e96e5819]{font-weight:500;color:#374151;font-size:13px}.form-input[data-v-e96e5819],.form-select[data-v-e96e5819],.form-textarea[data-v-e96e5819]{padding:8px 10px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;transition:border-color .2s}.form-input[data-v-e96e5819]:focus,.form-select[data-v-e96e5819]:focus,.form-textarea[data-v-e96e5819]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-textarea[data-v-e96e5819]{resize:vertical;min-height:60px;font-family:inherit}.date-picker-container[data-v-e96e5819]{display:flex;gap:8px;align-items:center}.date-input[data-v-e96e5819]{flex:1}.confirm-date-btn[data-v-e96e5819]{padding:8px 12px;background:#10b981;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s;white-space:nowrap}.confirm-date-btn[data-v-e96e5819]:hover{background:#059669;transform:translateY(-1px)}.confirm-date-btn[data-v-e96e5819]:active{transform:translateY(0)}.form-actions[data-v-e96e5819]{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.btn-cancel[data-v-e96e5819]{padding:8px 16px;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:6px;cursor:pointer;transition:all .2s}.btn-cancel[data-v-e96e5819]:hover{background:#f3f4f6}.btn-submit[data-v-e96e5819]{padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .2s}.btn-submit[data-v-e96e5819]:hover:not(:disabled){background:#2563eb}.btn-submit[data-v-e96e5819]:disabled{opacity:.6;cursor:not-allowed}.btn-danger[data-v-e96e5819]{padding:8px 16px;background:#dc2626;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .2s}.btn-danger[data-v-e96e5819]:hover:not(:disabled){background:#b91c1c}.btn-danger[data-v-e96e5819]:disabled{opacity:.6;cursor:not-allowed}.expiring-btn[data-v-e96e5819]{padding:8px 16px;background:#f59e0b;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.expiring-btn[data-v-e96e5819]:hover{background:#d97706;transform:translateY(-1px)}.expiring-modal[data-v-e96e5819]{max-width:900px;width:90vw}.expiring-count[data-v-e96e5819]{margin-bottom:16px;padding:12px;background:#fef3c7;border-radius:8px;border-left:4px solid #f59e0b}.expiring-count p[data-v-e96e5819]{margin:0;color:#92400e;font-weight:500}.expiring-table[data-v-e96e5819]{max-height:400px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:8px}.expiring-table table[data-v-e96e5819]{width:100%;border-collapse:collapse}.expiring-table th[data-v-e96e5819]{background:#f9fafb;padding:12px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;position:sticky;top:0}.expiring-table td[data-v-e96e5819]{padding:12px;border-bottom:1px solid #f3f4f6;color:#6b7280}.expiring-table tr[data-v-e96e5819]:hover{background:#f9fafb}.loading-container[data-v-e96e5819]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#6b7280}.loading-spinner[data-v-e96e5819]{width:32px;height:32px;border:3px solid #f3f4f6;border-top:3px solid #3b82f6;border-radius:50%;animation:spin-e96e5819 1s linear infinite;margin-bottom:16px}@keyframes spin-e96e5819{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.no-data[data-v-e96e5819]{text-align:center;padding:40px;color:#6b7280}.no-data p[data-v-e96e5819]{margin:0;font-size:16px}@media (max-width: 768px){.account-management-container[data-v-e96e5819]{padding:12px}.header-content[data-v-e96e5819]{flex-direction:column;gap:16px;align-items:stretch}.section-header[data-v-e96e5819]{flex-direction:column;align-items:stretch}.section-actions[data-v-e96e5819]{flex-direction:column;gap:8px}.search-input[data-v-e96e5819]{width:100%}.stats-grid[data-v-e96e5819]{grid-template-columns:1fr}.accounts-table[data-v-e96e5819]{font-size:12px}.accounts-table th[data-v-e96e5819],.accounts-table td[data-v-e96e5819]{padding:8px}.modal-content[data-v-e96e5819]{margin:20px;max-width:none}}.interface-management[data-v-4e61da30]{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.page-header[data-v-4e61da30]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000001a;position:sticky;top:0;z-index:100}.header-content[data-v-4e61da30]{max-width:1200px;margin:0 auto;padding:24px;display:flex;justify-content:space-between;align-items:center}.header-left[data-v-4e61da30]{display:flex;align-items:center;gap:16px}.header-right[data-v-4e61da30]{display:flex;align-items:center;gap:12px}.back-button[data-v-4e61da30]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#495057;text-decoration:none;font-size:14px;transition:all .2s ease;cursor:pointer}.back-button[data-v-4e61da30]:hover{background:#e9ecef;color:#212529}.back-button svg[data-v-4e61da30]{width:16px;height:16px}.page-title[data-v-4e61da30]{font-size:28px;font-weight:700;color:#2c3e50;margin:0}.detection-button[data-v-4e61da30]{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #667eea4d}.detection-button[data-v-4e61da30]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.detection-button[data-v-4e61da30]:disabled{opacity:.6;cursor:not-allowed;transform:none}.detection-button svg[data-v-4e61da30]{width:16px;height:16px}.page-content[data-v-4e61da30]{padding:32px 24px}.content-container[data-v-4e61da30]{max-width:1200px;margin:0 auto}.interfaces-grid[data-v-4e61da30]{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;max-width:1600px;margin:0 auto}.interface-card[data-v-4e61da30]{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001a;overflow:hidden;transition:all .3s ease;min-height:450px;display:flex;flex-direction:column}.interface-card[data-v-4e61da30]:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.card-header[data-v-4e61da30]{padding:20px;border-bottom:1px solid #f1f3f4;display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;min-height:60px}.category-info[data-v-4e61da30]{display:flex;align-items:center;gap:12px}.category-icon[data-v-4e61da30]{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;display:flex;align-items:center;justify-content:center}.category-icon svg[data-v-4e61da30]{width:20px;height:20px;color:#fff}.category-name[data-v-4e61da30]{font-size:18px;font-weight:600;color:#2c3e50;margin:0}.edit-button[data-v-4e61da30]{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#3498db;color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s ease}.edit-button[data-v-4e61da30]:hover{background:#2980b9}.edit-button svg[data-v-4e61da30]{width:14px;height:14px}.button-group[data-v-4e61da30]{display:flex;gap:8px;align-items:center;flex-wrap:nowrap;min-width:0}.ping-button[data-v-4e61da30]{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#28a745;color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s ease}.ping-button[data-v-4e61da30]:hover:not(:disabled){background:#218838}.ping-button[data-v-4e61da30]:disabled{background:#6c757d;cursor:not-allowed}.ping-button svg[data-v-4e61da30]{width:14px;height:14px}.card-content[data-v-4e61da30]{padding:20px;flex:1;display:flex;flex-direction:column}.json-preview[data-v-4e61da30]{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:16px;max-height:500px;overflow-y:auto}.json-preview pre[data-v-4e61da30]{margin:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;line-height:1.5;color:#495057;white-space:pre-wrap;word-break:break-all}.card-footer[data-v-4e61da30]{padding:16px 20px;background:#f8f9fa;border-top:1px solid #f1f3f4}.update-time[data-v-4e61da30]{font-size:12px;color:#6c757d}.modal-overlay[data-v-4e61da30]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content[data-v-4e61da30]{background:#fff;border-radius:16px;width:100%;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header[data-v-4e61da30]{padding:24px;border-bottom:1px solid #f1f3f4;display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-4e61da30]{margin:0;font-size:20px;font-weight:600;color:#2c3e50}.close-button[data-v-4e61da30]{width:32px;height:32px;border:none;background:#f8f9fa;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.close-button[data-v-4e61da30]:hover{background:#e9ecef}.close-button svg[data-v-4e61da30]{width:16px;height:16px;color:#495057}.modal-body[data-v-4e61da30]{padding:24px;flex:1;overflow-y:auto;position:relative}.form-group[data-v-4e61da30]{margin-bottom:20px}.form-group label[data-v-4e61da30]{display:block;margin-bottom:8px;font-weight:500;color:#2c3e50}.json-editor[data-v-4e61da30]{width:100%;min-height:300px;padding:16px;border:1px solid #e9ecef;border-radius:8px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.5;resize:vertical;background:#f8f9fa}.json-editor[data-v-4e61da30]:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.error-message[data-v-4e61da30]{margin-top:8px;padding:8px 12px;background:#fee;border:1px solid #fcc;border-radius:4px;color:#c33;font-size:14px}.modal-footer[data-v-4e61da30]{padding:24px;border-top:1px solid #f1f3f4;display:flex;justify-content:space-between;align-items:center}.footer-right-buttons[data-v-4e61da30]{display:flex;gap:12px}.cancel-button[data-v-4e61da30],.save-button[data-v-4e61da30]{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.cancel-button[data-v-4e61da30]{background:#f8f9fa;border:1px solid #e9ecef;color:#495057}.cancel-button[data-v-4e61da30]:hover:not(:disabled){background:#e9ecef}.save-button[data-v-4e61da30]{background:#28a745;border:1px solid #28a745;color:#fff}.save-button[data-v-4e61da30]:hover:not(:disabled){background:#218838}.save-button[data-v-4e61da30]:disabled{background:#6c757d;border-color:#6c757d;cursor:not-allowed}.loading-overlay[data-v-4e61da30]{position:fixed;inset:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:1000}.loading-content[data-v-4e61da30]{text-align:center}.loading-content p[data-v-4e61da30]{margin-top:16px;color:#6c757d;font-size:16px}.loading-spinner[data-v-4e61da30]{width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #3498db;border-radius:50%;animation:spin-4e61da30 1s linear infinite}.loading-spinner.large[data-v-4e61da30]{width:40px;height:40px;border-width:4px}.detection-loading[data-v-4e61da30]{text-align:center;padding:40px 20px}.detection-loading p[data-v-4e61da30]{margin-top:16px;color:#6c757d;font-size:16px}.json-manager-button[data-v-4e61da30]{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.json-manager-button[data-v-4e61da30]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #28a7454d}.json-manager-button svg[data-v-4e61da30]{width:16px;height:16px}.json-manager-modal[data-v-4e61da30]{width:90vw;max-width:1200px;max-height:90vh}.sources-container[data-v-4e61da30]{max-height:60vh;overflow-y:auto;padding:16px}.source-item[data-v-4e61da30]{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;margin-bottom:16px;overflow:hidden;transition:all .2s ease}.source-item[data-v-4e61da30]:hover{box-shadow:0 4px 12px #0000001a}.source-header[data-v-4e61da30]{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#fff;border-bottom:1px solid #e9ecef}.source-info[data-v-4e61da30]{display:flex;flex-direction:column;gap:4px}.source-id[data-v-4e61da30]{font-size:12px;color:#6c757d;font-weight:500}.source-name[data-v-4e61da30]{font-size:16px;font-weight:600;color:#2c3e50}.source-url[data-v-4e61da30]{font-size:14px;color:#495057;word-break:break-all}.source-actions[data-v-4e61da30]{display:flex;gap:8px}.edit-source-btn[data-v-4e61da30],.delete-source-btn[data-v-4e61da30]{display:flex;align-items:center;gap:4px;padding:6px 12px;border:none;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s ease}.edit-source-btn[data-v-4e61da30]{background:#007bff;color:#fff}.edit-source-btn[data-v-4e61da30]:hover{background:#0056b3}.delete-source-btn[data-v-4e61da30]{background:#dc3545;color:#fff}.delete-source-btn[data-v-4e61da30]:hover{background:#c82333}.edit-source-btn svg[data-v-4e61da30],.delete-source-btn svg[data-v-4e61da30]{width:14px;height:14px}.source-content[data-v-4e61da30]{padding:16px}.source-details[data-v-4e61da30]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.detail-item[data-v-4e61da30]{display:flex;flex-direction:column;gap:4px}.detail-item .label[data-v-4e61da30]{font-size:12px;color:#6c757d;font-weight:500}.detail-item .value[data-v-4e61da30]{font-size:14px;color:#495057;word-break:break-all}.add-source-btn[data-v-4e61da30]{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#17a2b8,#138496);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.add-source-btn[data-v-4e61da30]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #17a2b84d}.add-source-btn svg[data-v-4e61da30]{width:18px;height:18px}.source-edit-modal[data-v-4e61da30]{width:80vw;max-width:800px;max-height:90vh}.source-edit-form[data-v-4e61da30]{padding:16px}.source-json-editor[data-v-4e61da30]{width:100%;min-height:400px;padding:16px;border:1px solid #e9ecef;border-radius:8px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.5;background:#f8f9fa;resize:vertical}.source-json-editor[data-v-4e61da30]:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.ping-modal[data-v-4e61da30]{max-width:900px;max-height:80vh}.ping-loading[data-v-4e61da30]{text-align:center;padding:40px}.ping-loading p[data-v-4e61da30]{margin-top:16px;color:#6c757d;font-size:16px}.ping-results[data-v-4e61da30]{max-height:500px;overflow-y:auto}.results-summary[data-v-4e61da30]{display:flex;gap:16px;margin-bottom:24px;padding:16px;background:#f8f9fa;border-radius:8px}.summary-item[data-v-4e61da30]{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.summary-item .count[data-v-4e61da30]{font-size:24px;font-weight:700}.summary-item .label[data-v-4e61da30]{font-size:12px;color:#6c757d;text-transform:uppercase}.summary-item.success .count[data-v-4e61da30]{color:#28a745}.summary-item.error .count[data-v-4e61da30]{color:#dc3545}.summary-item.total .count[data-v-4e61da30]{color:#007bff}.results-list[data-v-4e61da30]{display:flex;flex-direction:column;gap:12px}.result-item[data-v-4e61da30]{border:1px solid #e9ecef;border-radius:8px;padding:16px;background:#fff}.result-item.success[data-v-4e61da30]{border-left:4px solid #28a745}.result-item.error[data-v-4e61da30]{border-left:4px solid #dc3545}.result-header[data-v-4e61da30]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.source-info[data-v-4e61da30]{display:flex;flex-direction:column;gap:4px;flex:1}.source-name[data-v-4e61da30]{font-weight:600;color:#2c3e50;font-size:14px}.source-url[data-v-4e61da30]{font-size:12px;color:#6c757d;word-break:break-all}.status-badge[data-v-4e61da30]{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.status-badge.success[data-v-4e61da30]{background:#d4edda;color:#155724}.status-badge.error[data-v-4e61da30]{background:#f8d7da;color:#721c24}.status-badge svg[data-v-4e61da30]{width:12px;height:12px}.result-details[data-v-4e61da30]{font-size:12px}.success-details[data-v-4e61da30]{display:flex;flex-direction:column;gap:4px}.success-details .response-time[data-v-4e61da30]{color:#28a745;font-weight:500}.success-details .success-message[data-v-4e61da30]{color:#28a745;font-size:11px}.error-details .error-message[data-v-4e61da30]{color:#dc3545}.no-results[data-v-4e61da30]{text-align:center;padding:40px;color:#6c757d}.close-modal-button[data-v-4e61da30]{padding:8px 24px;background:#6c757d;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.close-modal-button[data-v-4e61da30]:hover{background:#5a6268}@media (max-width: 768px){.interfaces-grid[data-v-4e61da30]{grid-template-columns:1fr}.modal-content[data-v-4e61da30]{margin:20px;max-width:none}.page-content[data-v-4e61da30]{padding:20px 16px}}.toast-notification[data-v-4e61da30]{position:fixed;top:20px;right:20px;z-index:10000;min-width:300px;max-width:400px;border-radius:12px;box-shadow:0 8px 32px #0000001f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideInRight-4e61da30 .3s ease-out}.toast-notification.success[data-v-4e61da30]{background:#28a745f2;border:1px solid rgba(40,167,69,.3)}.toast-notification.error[data-v-4e61da30]{background:#dc3545f2;border:1px solid rgba(220,53,69,.3)}.toast-notification.info[data-v-4e61da30]{background:#17a2b8f2;border:1px solid rgba(23,162,184,.3)}.toast-content[data-v-4e61da30]{display:flex;align-items:flex-start;padding:16px;color:#fff}.toast-icon[data-v-4e61da30]{flex-shrink:0;width:24px;height:24px;margin-right:12px;margin-top:2px}.toast-icon svg[data-v-4e61da30]{width:100%;height:100%;stroke-width:2}.toast-text[data-v-4e61da30]{flex:1;min-width:0}.toast-title[data-v-4e61da30]{font-weight:600;font-size:14px;margin-bottom:4px;line-height:1.2}.toast-message[data-v-4e61da30]{font-size:13px;opacity:.9;line-height:1.3;word-wrap:break-word}.toast-close[data-v-4e61da30]{flex-shrink:0;width:20px;height:20px;margin-left:12px;background:none;border:none;color:#fff;cursor:pointer;opacity:.7;transition:opacity .2s ease;padding:0;display:flex;align-items:center;justify-content:center}.toast-close[data-v-4e61da30]:hover{opacity:1}.proxy-management-card[data-v-4e61da30]{background:#fff;border:none;color:inherit}.proxy-management-card .card-header[data-v-4e61da30]{border-bottom:1px solid #f1f3f4}.proxy-management-card .card-title[data-v-4e61da30]{color:#2d3748;font-weight:600}.proxy-management-card .button-group .btn[data-v-4e61da30]{display:flex;align-items:center;gap:6px;background:#667eea;color:#fff;border:1px solid #667eea;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.proxy-management-card .button-group .btn[data-v-4e61da30]:hover{background:#5a67d8;border-color:#5a67d8;transform:translateY(-2px)}.proxy-management-card .button-group .btn svg[data-v-4e61da30]{width:14px;height:14px}.proxy-stats[data-v-4e61da30]{display:flex;gap:16px;margin:16px 0}.proxy-stat-item[data-v-4e61da30]{background:#f8fafc;padding:12px 16px;border-radius:8px;text-align:center;flex:1;border:1px solid #e2e8f0}.proxy-stat-number[data-v-4e61da30]{font-size:24px;font-weight:700;color:#2d3748;display:block}.proxy-stat-label[data-v-4e61da30]{font-size:12px;color:#718096;margin-top:4px}.proxy-management-modal .modal-content[data-v-4e61da30]{width:90%;max-width:1200px;max-height:90vh;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;overflow:hidden}.proxy-list[data-v-4e61da30]{margin:0 0 20px;padding:0 30px}.loading-container[data-v-4e61da30],.empty-container[data-v-4e61da30]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:0 0 16px 16px;color:#6b7280}.loading-container .loading-spinner[data-v-4e61da30]{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #667eea;border-radius:50%;animation:spin-4e61da30 1s linear infinite;margin-bottom:16px}.empty-container svg[data-v-4e61da30]{width:64px;height:64px;margin-bottom:16px;color:#9ca3af}.empty-container p[data-v-4e61da30]{font-size:16px;margin:0}@keyframes spin-4e61da30{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.proxy-management-header[data-v-4e61da30]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:24px 30px;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e2e8f0}.proxy-management-header h3[data-v-4e61da30]{color:#fff;font-size:22px;font-weight:700;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.3);letter-spacing:.5px}.proxy-management-header .close-button[data-v-4e61da30]{background:#fff3;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.proxy-management-header .close-button[data-v-4e61da30]:hover{background:#ffffff4d;border-color:#fff6}.proxy-management-header .close-button svg[data-v-4e61da30]{color:#fff}.proxy-search-filters[data-v-4e61da30]{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap;padding:0 30px}.proxy-search-input[data-v-4e61da30]{flex:1;min-width:200px;padding:12px 16px;border:none;border-radius:12px;font-size:14px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000001a;transition:all .3s ease}.proxy-search-input[data-v-4e61da30]:focus{outline:none;background:#fff;box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.proxy-status-select[data-v-4e61da30]{padding:12px 16px;border:none;border-radius:12px;font-size:14px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000001a;transition:all .3s ease;min-width:120px}.proxy-status-select[data-v-4e61da30]:focus{outline:none;background:#fff;box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.proxy-actions[data-v-4e61da30]{display:flex;gap:12px;margin-bottom:20px;padding:0 30px}.proxy-add-btn[data-v-4e61da30],.proxy-batch-delete-btn[data-v-4e61da30]{padding:8px 16px;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:6px}.proxy-add-btn svg[data-v-4e61da30],.proxy-batch-delete-btn svg[data-v-4e61da30]{width:16px;height:16px}.proxy-add-btn[data-v-4e61da30]{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:2px solid rgba(255,255,255,.2)}.proxy-add-btn[data-v-4e61da30]:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 15px #10b9814d}.proxy-batch-delete-btn[data-v-4e61da30]{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:2px solid rgba(255,255,255,.2)}.proxy-batch-delete-btn[data-v-4e61da30]:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 15px #ef44444d}.proxy-batch-delete-btn[data-v-4e61da30]:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.proxy-table[data-v-4e61da30]{width:100%;border-collapse:collapse;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #0000001f}.proxy-table th[data-v-4e61da30],.proxy-table td[data-v-4e61da30]{padding:16px 12px;text-align:left;border-bottom:1px solid rgba(226,232,240,.8)}.proxy-table th[data-v-4e61da30]{background:linear-gradient(135deg,#667eea,#764ba2);font-weight:600;color:#fff;font-size:14px;text-shadow:0 1px 2px rgba(0,0,0,.2);position:relative}.proxy-table td[data-v-4e61da30]{font-size:14px;color:#2d3748}.proxy-table tbody tr[data-v-4e61da30]{transition:all .3s ease}.proxy-table tbody tr[data-v-4e61da30]:hover{background:linear-gradient(90deg,#677eea14,#764ba214);transform:scale(1.01)}.proxy-status-badge[data-v-4e61da30]{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #0000001a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.proxy-status-enabled[data-v-4e61da30]{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:1px solid rgba(6,95,70,.2)}.proxy-status-disabled[data-v-4e61da30]{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:1px solid rgba(153,27,27,.2)}.proxy-actions-cell[data-v-4e61da30]{display:flex;gap:8px}.proxy-action-btn[data-v-4e61da30]{padding:6px 12px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 1px 4px #0000001a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.proxy-edit-btn[data-v-4e61da30]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:1px solid rgba(255,255,255,.2)}.proxy-edit-btn[data-v-4e61da30]:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 2px 8px #3b82f64d}.proxy-delete-btn[data-v-4e61da30]{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:1px solid rgba(255,255,255,.2)}.proxy-delete-btn[data-v-4e61da30]:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 2px 8px #ef44444d}.proxy-toggle-btn[data-v-4e61da30]{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:1px solid rgba(255,255,255,.2)}.proxy-toggle-btn[data-v-4e61da30]:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 2px 8px #10b9814d}.proxy-toggle-btn.disabled[data-v-4e61da30]{background:#6b7280}.proxy-toggle-btn.disabled[data-v-4e61da30]:hover{background:#4b5563}.proxy-pagination[data-v-4e61da30]{display:flex;justify-content:center;align-items:center;gap:12px;margin:30px;padding:20px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 4px 20px #0000001a}.proxy-pagination button[data-v-4e61da30]{padding:10px 16px;border:none;background:#ffffffe6;color:#374151;border-radius:10px;cursor:pointer;transition:all .3s ease;font-weight:600;box-shadow:0 2px 8px #0000001a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.proxy-pagination button[data-v-4e61da30]:hover:not(:disabled){background:linear-gradient(135deg,#f8fafc,#e2e8f0);transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.proxy-pagination button[data-v-4e61da30]:disabled{opacity:.5;cursor:not-allowed;transform:none}.proxy-pagination button.active[data-v-4e61da30]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.proxy-page-info[data-v-4e61da30]{color:#333;font-weight:500;font-size:14px;text-shadow:none}.proxy-form-modal .modal-content[data-v-4e61da30]{width:90%;max-width:500px}.proxy-form-group[data-v-4e61da30]{margin-bottom:16px}.proxy-form-label[data-v-4e61da30]{display:block;margin-bottom:6px;font-weight:500;color:#374151;font-size:14px}.proxy-form-input[data-v-4e61da30]{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s ease}.proxy-form-input[data-v-4e61da30]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.proxy-form-checkbox[data-v-4e61da30]{display:flex;align-items:center;gap:8px}.proxy-form-checkbox input[type=checkbox][data-v-4e61da30]{width:16px;height:16px}.proxy-cancel-btn[data-v-4e61da30],.proxy-save-btn[data-v-4e61da30]{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-left:8px}.proxy-cancel-btn[data-v-4e61da30]{background:#6b7280;color:#fff}.proxy-cancel-btn[data-v-4e61da30]:hover{background:#4b5563}.proxy-save-btn[data-v-4e61da30]{background:#3b82f6;color:#fff}.proxy-save-btn[data-v-4e61da30]:hover{background:#2563eb}.proxy-loading[data-v-4e61da30],.proxy-empty[data-v-4e61da30]{text-align:center;padding:40px;color:#6b7280}.proxy-empty-icon[data-v-4e61da30]{font-size:48px;margin-bottom:16px;opacity:.5}.toast-close svg[data-v-4e61da30]{width:16px;height:16px;stroke-width:2}@keyframes slideInRight-4e61da30{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 480px){.toast-notification[data-v-4e61da30]{left:20px;right:20px;min-width:auto;max-width:none}}.modal-overlay[data-v-4e61da30]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content[data-v-4e61da30]{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden}.delete-modal[data-v-4e61da30]{max-width:400px;width:90%;max-height:90vh}.delete-modal-header[data-v-4e61da30]{padding:24px 24px 16px;text-align:center;border-bottom:1px solid #f0f0f0}.delete-modal-icon[data-v-4e61da30]{width:48px;height:48px;margin:0 auto 16px;background:#fee2e2;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#dc2626}.delete-modal-icon svg[data-v-4e61da30]{width:24px;height:24px;stroke-width:2}.delete-modal-header h3[data-v-4e61da30]{margin:0;font-size:18px;font-weight:600;color:#1f2937}.delete-modal-body[data-v-4e61da30]{padding:16px 24px 24px;text-align:center}.delete-modal-body p[data-v-4e61da30]{margin:0 0 8px;color:#4b5563;font-size:14px;line-height:1.5}.delete-warning[data-v-4e61da30]{color:#dc2626!important;font-size:13px!important;font-weight:500}.delete-modal-footer[data-v-4e61da30]{padding:16px 24px 24px;display:flex;gap:12px;justify-content:center}.modal-cancel-btn[data-v-4e61da30],.modal-delete-btn[data-v-4e61da30]{padding:8px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid;min-width:80px}.modal-cancel-btn[data-v-4e61da30]{background:#fff;color:#6b7280;border-color:#d1d5db}.modal-cancel-btn[data-v-4e61da30]:hover{background:#f9fafb;border-color:#9ca3af}.modal-delete-btn[data-v-4e61da30]{background:#dc2626;color:#fff;border-color:#dc2626}.modal-delete-btn[data-v-4e61da30]:hover{background:#b91c1c;border-color:#b91c1c}@media (max-width: 480px){.modal-content[data-v-4e61da30]{width:95%;margin:20px}.delete-modal-header[data-v-4e61da30],.delete-modal-body[data-v-4e61da30],.delete-modal-footer[data-v-4e61da30]{padding-left:16px;padding-right:16px}.delete-modal-footer[data-v-4e61da30]{flex-direction:column}.modal-cancel-btn[data-v-4e61da30],.modal-delete-btn[data-v-4e61da30]{width:100%}}.confirm-modal[data-v-4e61da30]{max-width:400px;width:90%}.confirm-message[data-v-4e61da30]{display:flex;align-items:center;gap:12px;padding:20px 0}.warning-icon[data-v-4e61da30]{font-size:24px;flex-shrink:0}.confirm-message p[data-v-4e61da30]{margin:0;color:#374151;font-size:16px;line-height:1.5}.confirm-btn[data-v-4e61da30]{background:#dc2626;color:#fff;border:1px solid #dc2626;padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .2s ease;min-width:80px}.confirm-btn[data-v-4e61da30]:hover{background:#b91c1c;border-color:#b91c1c}.cancel-btn[data-v-4e61da30]{background:#fff;color:#6b7280;border:1px solid #d1d5db;padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .2s ease;min-width:80px}.cancel-btn[data-v-4e61da30]:hover{background:#f9fafb;border-color:#9ca3af}.close-btn[data-v-4e61da30]{background:#6b72801a;border:1px solid rgba(107,114,128,.2);font-size:20px;cursor:pointer;color:#6b7280;padding:8px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px;line-height:1}.close-btn[data-v-4e61da30]:hover{background:#6b728033;border-color:#6b72804d;color:#374151;transform:scale(1.05)}.novel-management-container[data-v-381aa112]{min-height:100vh;background:#f5f5f5;padding:0}.page-header[data-v-381aa112]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2);padding:20px 0;position:sticky;top:0;z-index:100}.header-content[data-v-381aa112]{max-width:1400px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}.header-left[data-v-381aa112]{display:flex;align-items:center;gap:20px}.back-button[data-v-381aa112]{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#677eea1a;border:1px solid rgba(103,126,234,.3);border-radius:8px;color:#667eea;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.back-button[data-v-381aa112]:hover{background:#677eea33;transform:translateY(-1px)}.back-button svg[data-v-381aa112]{width:16px;height:16px;stroke-width:2}.header-info[data-v-381aa112]{display:flex;flex-direction:column;gap:4px}.page-title[data-v-381aa112]{display:flex;align-items:center;gap:12px;margin:0;font-size:28px;font-weight:700;color:#2d3748}.title-icon[data-v-381aa112]{width:32px;height:32px;stroke-width:2;color:#667eea}.page-subtitle[data-v-381aa112]{margin:0;font-size:14px;color:#718096;font-weight:400}.header-actions[data-v-381aa112]{display:flex;gap:12px}.add-button[data-v-381aa112]{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #677eea66}.add-button[data-v-381aa112]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #677eea99}.add-button svg[data-v-381aa112]{width:18px;height:18px;stroke-width:2}.page-main[data-v-381aa112]{max-width:1400px;margin:0 auto;padding:24px}.section-header[data-v-381aa112]{margin-bottom:24px}.section-title[data-v-381aa112]{font-size:20px;font-weight:600;color:#fff;margin:0;display:flex;align-items:center;gap:8px}.total-count[data-v-381aa112]{font-size:16px;font-weight:400;color:#fffc}.empty-state[data-v-381aa112]{text-align:center;padding:80px 20px;background:#fffffff2;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000001a}.empty-icon[data-v-381aa112]{margin-bottom:24px}.empty-icon svg[data-v-381aa112]{width:64px;height:64px;color:#cbd5e0;stroke-width:1.5}.empty-state h3[data-v-381aa112]{font-size:24px;font-weight:600;color:#2d3748;margin:0 0 12px}.empty-state p[data-v-381aa112]{font-size:16px;color:#718096;margin:0 0 32px}.empty-action-button[data-v-381aa112]{padding:12px 32px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #677eea66}.empty-action-button[data-v-381aa112]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #677eea99}.novels-table-container[data-v-381aa112]{background:#fffffff2;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000001a;overflow:hidden}.novels-list-header[data-v-381aa112]{padding:16px 20px;border-bottom:1px solid rgba(226,232,240,.8)}.novels-list-header h3[data-v-381aa112]{margin:0;font-size:18px;font-weight:600;color:#2d3748}.novels-table[data-v-381aa112]{width:100%;border-collapse:collapse}.novels-table thead[data-v-381aa112]{background:#4a5568}.novels-table th[data-v-381aa112]{padding:16px 12px;text-align:left;font-size:14px;font-weight:600;color:#fff;border:none}.novels-table tbody tr[data-v-381aa112]{border-bottom:1px solid rgba(226,232,240,.8);transition:all .2s ease}.novels-table tbody tr[data-v-381aa112]:hover{background:#677eea0d}.novels-table td[data-v-381aa112]{padding:16px 12px;vertical-align:middle;font-size:14px;color:#2d3748}.cover-cell[data-v-381aa112]{width:80px}.novel-cover[data-v-381aa112]{width:60px;height:80px;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #00000026}.novel-cover img[data-v-381aa112]{width:100%;height:100%;object-fit:cover}.novel-cover .no-cover[data-v-381aa112]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f7fafc,#edf2f7);color:#a0aec0;font-size:12px;text-align:center;border:1px dashed #e2e8f0}.novel-title[data-v-381aa112]{font-weight:600;color:#2d3748;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-tag[data-v-381aa112]{display:inline-block;padding:4px 12px;background:#718096;color:#fff;border-radius:20px;font-size:12px;font-weight:500}.rating[data-v-381aa112]{display:flex;align-items:center;gap:4px;font-weight:600;color:#f6ad55}.status-badge[data-v-381aa112]{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.status-badge.serializing[data-v-381aa112]{background:#48bb781a;color:#48bb78}.status-badge.completed[data-v-381aa112]{background:#4299e11a;color:#4299e1}.status-badge.paused[data-v-381aa112]{background:#ed89361a;color:#ed8936}.table-actions[data-v-381aa112]{display:flex;gap:8px}.action-btn[data-v-381aa112]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.action-btn svg[data-v-381aa112]{width:16px;height:16px;stroke-width:2}.edit-btn[data-v-381aa112]{background:#4299e11a;color:#4299e1}.edit-btn[data-v-381aa112]:hover{background:#4299e133;transform:translateY(-1px)}.delete-btn[data-v-381aa112]{background:#f565651a;color:#f56565}.delete-btn[data-v-381aa112]:hover{background:#f5656533;transform:translateY(-1px)}.pagination-container[data-v-381aa112]{margin-top:24px;display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#fffffff2;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pagination-info[data-v-381aa112]{font-size:14px;color:#718096}.pagination[data-v-381aa112]{display:flex;align-items:center;gap:8px}.pagination-btn[data-v-381aa112]{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 12px;border:1px solid rgba(226,232,240,.8);border-radius:8px;background:#fff;color:#4a5568;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.pagination-btn[data-v-381aa112]:hover:not(:disabled){background:#677eea1a;border-color:#667eea;color:#667eea}.pagination-btn[data-v-381aa112]:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active[data-v-381aa112]{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.pagination-btn svg[data-v-381aa112]{width:16px;height:16px}.pagination-pages[data-v-381aa112]{display:flex;gap:4px}.loading-state[data-v-381aa112]{text-align:center;padding:80px 20px;background:#fffffff2;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000001a}.loading-spinner[data-v-381aa112]{width:40px;height:40px;border:4px solid rgba(103,126,234,.2);border-top:4px solid #667eea;border-radius:50%;animation:spin-381aa112 1s linear infinite;margin:0 auto 16px}@keyframes spin-381aa112{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-state p[data-v-381aa112]{font-size:16px;color:#718096;margin:0}.modal-overlay[data-v-381aa112]{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal[data-v-381aa112]{background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-sm[data-v-381aa112]{max-width:400px}.modal-header[data-v-381aa112]{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid rgba(226,232,240,.8)}.modal-header h2[data-v-381aa112]{margin:0;font-size:20px;font-weight:600;color:#2d3748}.btn-close[data-v-381aa112]{background:none;border:none;font-size:24px;cursor:pointer;color:#a0aec0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.btn-close[data-v-381aa112]:hover{background:#e2e8f080;color:#4a5568}.modal-body[data-v-381aa112]{padding:24px}.form-group[data-v-381aa112]{margin-bottom:20px}.form-group label[data-v-381aa112]{display:block;margin-bottom:8px;font-weight:600;color:#2d3748;font-size:14px}.form-control[data-v-381aa112],.form-select[data-v-381aa112]{width:100%;padding:12px 16px;border:2px solid rgba(226,232,240,.8);border-radius:10px;font-size:14px;transition:all .2s ease;background:#fff}.form-control[data-v-381aa112]:focus,.form-select[data-v-381aa112]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #677eea1a}.modal-actions[data-v-381aa112]{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid rgba(226,232,240,.8)}.btn[data-v-381aa112]{padding:12px 24px;border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease}.btn-primary[data-v-381aa112]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #677eea66}.btn-primary[data-v-381aa112]:hover{transform:translateY(-1px);box-shadow:0 6px 20px #677eea99}.btn-secondary[data-v-381aa112]{background:#e2e8f0;color:#4a5568}.btn-secondary[data-v-381aa112]:hover{background:#cbd5e0}.btn-danger[data-v-381aa112]{background:linear-gradient(135deg,#f56565,#e53e3e);color:#fff;box-shadow:0 4px 15px #f5656566}.btn-danger[data-v-381aa112]:hover{transform:translateY(-1px);box-shadow:0 6px 20px #f5656599}.notification[data-v-381aa112]{position:fixed;top:20px;right:20px;padding:16px 24px;border-radius:12px;color:#fff;z-index:1001;animation:slideIn-381aa112 .3s ease;box-shadow:0 8px 25px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.notification.success[data-v-381aa112]{background:linear-gradient(135deg,#48bb78,#38a169)}.notification.error[data-v-381aa112]{background:linear-gradient(135deg,#f56565,#e53e3e)}@keyframes slideIn-381aa112{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.text-danger[data-v-381aa112]{color:#f56565}.cover-upload-container[data-v-381aa112]{display:flex;flex-direction:column;gap:12px}.file-input[data-v-381aa112]{display:none}.cover-placeholder[data-v-381aa112]{display:flex;align-items:center;justify-content:center;width:200px;height:280px;border:2px dashed #cbd5e0;border-radius:12px;cursor:pointer;transition:all .2s ease;background:#f7fafc}.cover-placeholder[data-v-381aa112]:hover{border-color:#667eea;background:#edf2f7}.cover-preview[data-v-381aa112]{width:100%;height:100%;object-fit:cover;border-radius:10px}.placeholder-content[data-v-381aa112]{display:flex;flex-direction:column;align-items:center;gap:8px;color:#a0aec0}.placeholder-icon[data-v-381aa112]{width:48px;height:48px}.placeholder-content span[data-v-381aa112]{font-size:14px;font-weight:500}.remove-cover-btn[data-v-381aa112]{align-self:flex-start;padding:8px 16px;background:#f56565;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:12px;transition:all .2s ease}.remove-cover-btn[data-v-381aa112]:hover{background:#e53e3e;transform:translateY(-1px)}@media (max-width: 768px){.header-content[data-v-381aa112]{flex-direction:column;gap:16px;align-items:stretch}.header-left[data-v-381aa112]{justify-content:center}.page-main[data-v-381aa112]{padding:16px}.novels-table-container[data-v-381aa112]{overflow-x:auto}.novels-table[data-v-381aa112]{min-width:800px}.pagination-container[data-v-381aa112]{flex-direction:column;gap:16px}.modal[data-v-381aa112]{width:95%;margin:20px}}.movie-management-container[data-v-95de0ea0]{min-height:100vh;background:#f5f5f5;padding:20px}.page-header[data-v-95de0ea0]{margin-bottom:30px}.header-content[data-v-95de0ea0]{display:flex;justify-content:space-between;align-items:flex-start;max-width:1400px;margin:0 auto}.header-left[data-v-95de0ea0]{display:flex;align-items:flex-start;gap:20px}.back-button[data-v-95de0ea0]{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.back-button[data-v-95de0ea0]:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.back-button svg[data-v-95de0ea0]{width:18px;height:18px;stroke-width:2}.header-info[data-v-95de0ea0]{display:flex;flex-direction:column;gap:8px}.page-title[data-v-95de0ea0]{display:flex;align-items:center;gap:12px;margin:0;font-size:32px;font-weight:700;color:#2d3748}.title-icon[data-v-95de0ea0]{width:36px;height:36px;stroke-width:2}.page-subtitle[data-v-95de0ea0]{margin:0;font-size:16px;color:#718096;font-weight:400}.header-actions[data-v-95de0ea0]{display:flex;gap:12px}.add-button[data-v-95de0ea0]{display:flex;align-items:center;gap:8px;padding:14px 24px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.add-button[data-v-95de0ea0]:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.add-button svg[data-v-95de0ea0]{width:18px;height:18px;stroke-width:2.5}.page-main[data-v-95de0ea0]{max-width:1400px;margin:0 auto}.section-header[data-v-95de0ea0]{margin-bottom:20px;padding:16px 20px;background:#fffffff2;border-radius:12px;box-shadow:0 2px 8px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.section-title[data-v-95de0ea0]{font-size:20px;font-weight:600;color:#2d3748;margin:0;display:flex;align-items:center;gap:8px}.section-title[data-v-95de0ea0]:before{content:"";width:4px;height:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.total-count[data-v-95de0ea0]{font-weight:500;color:#667eea;background:#667eea1a;padding:4px 12px;border-radius:20px;font-size:14px;margin-left:8px}.empty-state[data-v-95de0ea0]{text-align:center;padding:80px 40px;background:#fffffff2;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000001a}.empty-icon[data-v-95de0ea0]{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center}.empty-icon svg[data-v-95de0ea0]{width:40px;height:40px;stroke:#fff;stroke-width:2}.empty-state h3[data-v-95de0ea0]{font-size:24px;font-weight:600;color:#2d3748;margin:0 0 12px}.empty-state p[data-v-95de0ea0]{font-size:16px;color:#718096;margin:0 0 32px}.empty-action-button[data-v-95de0ea0]{padding:12px 32px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #677eea66}.empty-action-button[data-v-95de0ea0]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #677eea99}.movies-table-container[data-v-95de0ea0]{background:#fffffff2;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000001a;overflow:hidden}.movies-list-header[data-v-95de0ea0]{padding:16px 20px;border-bottom:1px solid rgba(226,232,240,.8)}.movies-list-header h3[data-v-95de0ea0]{margin:0;font-size:18px;font-weight:600;color:#2d3748}.movies-table[data-v-95de0ea0]{width:100%;border-collapse:collapse}.movies-table thead[data-v-95de0ea0]{background:#4a5568}.movies-table th[data-v-95de0ea0]{padding:16px 12px;text-align:left;font-size:14px;font-weight:600;color:#fff;border:none}.movies-table tbody tr[data-v-95de0ea0]{border-bottom:1px solid rgba(226,232,240,.8);transition:all .2s ease}.movies-table tbody tr[data-v-95de0ea0]:hover{background:#677eea0d}.movies-table td[data-v-95de0ea0]{padding:16px 12px;vertical-align:middle;font-size:14px;color:#2d3748}.cover-cell[data-v-95de0ea0]{width:80px}.movie-cover[data-v-95de0ea0]{width:60px;height:80px;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #00000026}.movie-cover img[data-v-95de0ea0]{width:100%;height:100%;object-fit:cover}.no-cover-placeholder[data-v-95de0ea0]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f7fafc;color:#a0aec0;font-size:12px;border:2px dashed #e2e8f0}.movie-title[data-v-95de0ea0]{font-weight:600;color:#2d3748;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.type-tag[data-v-95de0ea0]{display:inline-block;padding:4px 12px;background:#718096;color:#fff;border-radius:20px;font-size:12px;font-weight:500}.rating[data-v-95de0ea0]{display:flex;align-items:center;gap:4px;font-weight:600;color:#f6ad55}.action-buttons[data-v-95de0ea0]{display:flex;gap:8px}.action-btn[data-v-95de0ea0]{width:32px;height:32px;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.action-btn svg[data-v-95de0ea0]{width:16px;height:16px;stroke-width:2}.edit-btn[data-v-95de0ea0]{background:#e6fffa;color:#319795}.edit-btn[data-v-95de0ea0]:hover{background:#b2f5ea;transform:scale(1.1)}.delete-btn[data-v-95de0ea0]{background:#fed7d7;color:#e53e3e}.delete-btn[data-v-95de0ea0]:hover{background:#feb2b2;transform:scale(1.1)}.loading-container[data-v-95de0ea0]{display:flex;justify-content:center;align-items:center;padding:80px 40px;background:#fffffff2;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000001a}.loading-spinner[data-v-95de0ea0]{text-align:center}.spinner[data-v-95de0ea0]{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #667eea;border-radius:50%;animation:spin-95de0ea0 1s linear infinite;margin:0 auto 16px}@keyframes spin-95de0ea0{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner p[data-v-95de0ea0]{color:#718096;font-size:16px;margin:0}.pagination[data-v-95de0ea0]{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:24px;padding:20px;background:#fffffff2;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #00000014}.page-info[data-v-95de0ea0]{color:#718096;font-size:14px;font-weight:500}.btn-pagination[data-v-95de0ea0]{padding:8px 16px;border:2px solid #e2e8f0;border-radius:8px;background:#fff;color:#4a5568;cursor:pointer;transition:all .3s ease;font-weight:500}.btn-pagination[data-v-95de0ea0]:hover:not(:disabled){border-color:#667eea;color:#667eea;transform:translateY(-1px)}.btn[data-v-95de0ea0]{padding:12px 24px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.btn-primary[data-v-95de0ea0]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #677eea66}.btn-primary[data-v-95de0ea0]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #677eea99}.btn-secondary[data-v-95de0ea0]{background:#e2e8f0;color:#4a5568}.btn-secondary[data-v-95de0ea0]:hover{background:#cbd5e0;transform:translateY(-1px)}.modal[data-v-95de0ea0]{background:#fff;box-shadow:0 2px 4px #0000001a;transition:transform .2s}.movie-poster[data-v-95de0ea0]{text-align:center;margin-bottom:10px}.movie-poster img[data-v-95de0ea0]{width:80px;height:120px;object-fit:cover;border-radius:4px}.movie-info h3[data-v-95de0ea0]{margin:0 0 8px;font-size:16px;color:#333}.movie-info p[data-v-95de0ea0]{margin:4px 0;font-size:14px;color:#666}.movie-stats[data-v-95de0ea0]{display:flex;gap:15px;font-size:12px}.movie-badges[data-v-95de0ea0]{margin:8px 0}.badge[data-v-95de0ea0]{padding:2px 6px;border-radius:3px;font-size:11px;margin-right:5px}.badge-vip[data-v-95de0ea0]{background:#ff6b6b;color:#fff}.badge-recommended[data-v-95de0ea0]{background:#4ecdc4;color:#fff}.movie-actions[data-v-95de0ea0]{display:flex;gap:8px;margin-top:10px}.loading[data-v-95de0ea0],.empty-state[data-v-95de0ea0]{text-align:center;padding:40px;color:#666}.empty-state i[data-v-95de0ea0]{font-size:48px;margin-bottom:10px;color:#ccc}.pagination[data-v-95de0ea0]{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:20px}.page-info[data-v-95de0ea0]{color:#666;font-size:14px}.modal-overlay[data-v-95de0ea0]{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal[data-v-95de0ea0]{background:#fff;border-radius:8px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-sm[data-v-95de0ea0]{max-width:400px}.modal-header[data-v-95de0ea0]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}.modal-header h2[data-v-95de0ea0]{margin:0}.btn-close[data-v-95de0ea0]{background:none;border:none;font-size:24px;cursor:pointer;color:#999}.modal-body[data-v-95de0ea0]{padding:20px}.form-group[data-v-95de0ea0]{margin-bottom:15px}.form-group label[data-v-95de0ea0]{display:block;margin-bottom:5px;font-weight:500;color:#333}.form-control[data-v-95de0ea0],.form-select[data-v-95de0ea0]{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-control[data-v-95de0ea0]:focus,.form-select[data-v-95de0ea0]:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.checkbox-group[data-v-95de0ea0]{display:flex;gap:20px}.checkbox-label[data-v-95de0ea0]{display:flex;align-items:center;gap:5px;cursor:pointer}.modal-actions[data-v-95de0ea0]{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.btn[data-v-95de0ea0]{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.btn-primary[data-v-95de0ea0]{background:#007bff;color:#fff}.btn-primary[data-v-95de0ea0]:hover{background:#0056b3}.btn-secondary[data-v-95de0ea0]{background:#6c757d;color:#fff}.btn-secondary[data-v-95de0ea0]:hover{background:#545b62}.btn-danger[data-v-95de0ea0]{background:#dc3545;color:#fff}.btn-danger[data-v-95de0ea0]:hover{background:#c82333}.btn-search[data-v-95de0ea0]{background:#28a745;color:#fff}.btn-search[data-v-95de0ea0]:hover{background:#218838}.btn-pagination[data-v-95de0ea0]{background:#f8f9fa;color:#333;border:1px solid #ddd}.btn-pagination[data-v-95de0ea0]:hover:not(:disabled){background:#e9ecef}.btn-pagination[data-v-95de0ea0]:disabled{opacity:.5;cursor:not-allowed}.btn-sm[data-v-95de0ea0]{padding:4px 8px;font-size:12px}.notification[data-v-95de0ea0]{position:fixed;top:20px;right:20px;padding:12px 20px;border-radius:4px;color:#fff;z-index:1001;animation:slideIn-95de0ea0 .3s ease}.notification.success[data-v-95de0ea0]{background:#28a745}.notification.error[data-v-95de0ea0]{background:#dc3545}@keyframes slideIn-95de0ea0{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.cover-upload-container[data-v-95de0ea0]{display:flex;flex-direction:column;gap:12px}.file-input[data-v-95de0ea0]{display:none}.cover-placeholder[data-v-95de0ea0]{display:flex;align-items:center;justify-content:center;width:200px;height:280px;border:2px dashed #cbd5e0;border-radius:12px;cursor:pointer;transition:all .2s ease;background:#f7fafc}.cover-placeholder[data-v-95de0ea0]:hover{border-color:#667eea;background:#edf2f7}.cover-preview[data-v-95de0ea0]{width:100%;height:100%;object-fit:cover;border-radius:10px}.placeholder-content[data-v-95de0ea0]{display:flex;flex-direction:column;align-items:center;gap:8px;color:#a0aec0}.placeholder-icon[data-v-95de0ea0]{width:48px;height:48px}.placeholder-content span[data-v-95de0ea0]{font-size:14px;font-weight:500}.remove-cover-btn[data-v-95de0ea0]{align-self:flex-start;padding:8px 16px;background:#f56565;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:12px;transition:all .2s ease}.remove-cover-btn[data-v-95de0ea0]:hover{background:#e53e3e;transform:translateY(-1px)}.cover-cell[data-v-95de0ea0]{width:80px;padding:8px}.movie-cover[data-v-95de0ea0]{width:60px;height:80px;border-radius:4px;overflow:hidden;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;justify-content:center}.cover-image[data-v-95de0ea0]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.cover-image img[data-v-95de0ea0]{width:100%;height:100%;object-fit:cover;display:block}.no-cover-placeholder[data-v-95de0ea0]{width:100%;height:100%;background:#f8f9fa;display:flex;align-items:center;justify-content:center;font-size:10px;color:#666;text-align:center}.text-danger[data-v-95de0ea0]{color:#dc3545}@media (max-width: 768px){.movies-grid[data-v-95de0ea0]{grid-template-columns:1fr}.filters[data-v-95de0ea0]{flex-direction:column;align-items:stretch}.filter-controls[data-v-95de0ea0]{flex-direction:column}.header[data-v-95de0ea0]{flex-direction:column;gap:15px;align-items:stretch}.header-actions[data-v-95de0ea0]{justify-content:center}}.image-upload-test[data-v-a730425d]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.container[data-v-a730425d]{max-width:800px;margin:0 auto;background:#fff;border-radius:12px;padding:30px;box-shadow:0 10px 30px #0000001a}h1[data-v-a730425d]{text-align:center;color:#333;margin-bottom:30px;font-size:28px}.upload-section[data-v-a730425d]{margin-bottom:30px}.upload-area[data-v-a730425d]{border:2px dashed #ddd;border-radius:8px;padding:40px;text-align:center;cursor:pointer;transition:all .3s ease;margin-bottom:20px}.upload-area[data-v-a730425d]:hover{border-color:#667eea;background-color:#f8f9ff}.upload-placeholder[data-v-a730425d]{color:#666}.upload-icon[data-v-a730425d]{width:48px;height:48px;margin-bottom:16px;color:#667eea}.file-info[data-v-a730425d]{font-size:14px;color:#999;margin-top:8px}.file-preview[data-v-a730425d]{display:flex;flex-direction:column;align-items:center}.preview-image[data-v-a730425d]{max-width:200px;max-height:200px;border-radius:8px;margin-bottom:12px;box-shadow:0 4px 12px #0000001a}.file-name[data-v-a730425d]{font-weight:500;color:#333;margin-bottom:4px}.file-size[data-v-a730425d]{color:#666;font-size:14px}.upload-actions[data-v-a730425d]{display:flex;gap:12px;justify-content:center}.upload-btn[data-v-a730425d],.clear-btn[data-v-a730425d]{padding:12px 24px;border:none;border-radius:6px;font-size:16px;cursor:pointer;transition:all .3s ease}.upload-btn[data-v-a730425d]{background:#667eea;color:#fff}.upload-btn[data-v-a730425d]:hover:not(:disabled){background:#5a6fd8}.upload-btn[data-v-a730425d]:disabled{background:#ccc;cursor:not-allowed}.clear-btn[data-v-a730425d]{background:#f5f5f5;color:#666}.clear-btn[data-v-a730425d]:hover:not(:disabled){background:#e0e0e0}.result-section[data-v-a730425d]{border-top:1px solid #eee;padding-top:30px}.result-section h3[data-v-a730425d]{color:#333;margin-bottom:20px}.result-content[data-v-a730425d]{background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:20px}.result-item[data-v-a730425d]{display:flex;margin-bottom:12px;align-items:flex-start}.result-item label[data-v-a730425d]{font-weight:500;color:#333;min-width:80px;margin-right:12px}.success[data-v-a730425d]{color:#28a745;font-weight:500}.error[data-v-a730425d]{color:#dc3545;font-weight:500}.file-url[data-v-a730425d]{color:#667eea;text-decoration:none;word-break:break-all}.file-url[data-v-a730425d]:hover{text-decoration:underline}.uploaded-image[data-v-a730425d]{text-align:center}.uploaded-image h4[data-v-a730425d]{color:#333;margin-bottom:16px}.result-image[data-v-a730425d]{max-width:300px;max-height:300px;border-radius:8px;box-shadow:0 4px 12px #0000001a}.feedback-management-container[data-v-66b8ffde]{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.page-header[data-v-66b8ffde]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2);padding:1.5rem 2rem}.header-content[data-v-66b8ffde]{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}.header-left[data-v-66b8ffde]{display:flex;align-items:center;gap:1rem}.back-button[data-v-66b8ffde]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#677eea1a;border:1px solid rgba(103,126,234,.3);border-radius:8px;color:#667eea;cursor:pointer;transition:all .3s ease}.back-button[data-v-66b8ffde]:hover{background:#677eea33;transform:translate(-2px)}.back-button svg[data-v-66b8ffde]{width:16px;height:16px}.page-title[data-v-66b8ffde]{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.5rem;font-weight:600;color:#2d3748}.title-icon[data-v-66b8ffde]{width:24px;height:24px;color:#667eea}.page-subtitle[data-v-66b8ffde]{margin:.25rem 0 0;color:#718096;font-size:.9rem}.header-actions[data-v-66b8ffde]{display:flex;gap:1rem}.refresh-button[data-v-66b8ffde]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.refresh-button[data-v-66b8ffde]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #677eea66}.refresh-button svg[data-v-66b8ffde]{width:16px;height:16px}.page-main[data-v-66b8ffde]{padding:2rem}.page-content[data-v-66b8ffde]{max-width:1400px;margin:0 auto}.search-section[data-v-66b8ffde]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.search-form[data-v-66b8ffde]{display:grid;grid-template-columns:1fr 1fr auto;gap:1rem;align-items:end}.search-group label[data-v-66b8ffde]{display:block;margin-bottom:.5rem;font-weight:500;color:#4a5568}.search-group input[data-v-66b8ffde]{width:100%;padding:.75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;transition:all .3s ease}.search-group input[data-v-66b8ffde]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #677eea1a}.search-actions[data-v-66b8ffde]{display:flex;gap:.5rem}.search-button[data-v-66b8ffde],.clear-button[data-v-66b8ffde]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.search-button[data-v-66b8ffde]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.clear-button[data-v-66b8ffde]{background:#f7fafc;color:#718096;border:1px solid #e2e8f0}.search-button[data-v-66b8ffde]:hover,.clear-button[data-v-66b8ffde]:hover{transform:translateY(-1px)}.search-button svg[data-v-66b8ffde],.clear-button svg[data-v-66b8ffde]{width:16px;height:16px}.feedback-section[data-v-66b8ffde]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:1.5rem}.section-header[data-v-66b8ffde]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h2[data-v-66b8ffde]{margin:0;color:#2d3748;font-size:1.25rem;font-weight:600}.page-size-select[data-v-66b8ffde]{padding:.5rem;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#4a5568}.loading-container[data-v-66b8ffde]{text-align:center;padding:3rem;color:#718096}.loading-spinner[data-v-66b8ffde]{width:40px;height:40px;border:3px solid #e2e8f0;border-top:3px solid #667eea;border-radius:50%;animation:spin-66b8ffde 1s linear infinite;margin:0 auto 1rem}@keyframes spin-66b8ffde{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state[data-v-66b8ffde]{text-align:center;padding:3rem;color:#718096}.empty-state svg[data-v-66b8ffde]{width:64px;height:64px;margin-bottom:1rem;opacity:.5}.feedback-table-container[data-v-66b8ffde]{background:#fff;border-radius:1rem;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 2px 4px #0000000d}.feedback-table[data-v-66b8ffde]{width:100%;border-collapse:collapse;font-size:.875rem}.feedback-table th[data-v-66b8ffde]{background:#f8fafc;color:#374151;padding:1rem;text-align:left;font-weight:600;border-bottom:1px solid #e2e8f0;white-space:nowrap}.feedback-table td[data-v-66b8ffde]{padding:1rem;border-bottom:1px solid #f1f5f9;vertical-align:middle}.feedback-table tr[data-v-66b8ffde]:hover{background:#f8fafc}.feedback-table tr:last-child td[data-v-66b8ffde]{border-bottom:none}.app-name-cell[data-v-66b8ffde]{min-width:120px}.app-info .app-name[data-v-66b8ffde]{font-weight:500;color:#374151}.package-cell[data-v-66b8ffde]{min-width:150px}.package-name[data-v-66b8ffde]{color:#6b7280;font-size:.85rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-cell[data-v-66b8ffde]{max-width:300px}.feedback-content-preview[data-v-66b8ffde]{color:#4b5563;line-height:1.5;word-break:break-word;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.time-cell[data-v-66b8ffde]{min-width:120px}.feedback-time[data-v-66b8ffde]{color:#6b7280;font-size:.85rem}.actions-cell[data-v-66b8ffde]{min-width:100px}.table-actions[data-v-66b8ffde]{display:flex;gap:.5rem;align-items:center}.action-btn[data-v-66b8ffde]{padding:.5rem;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem}.action-btn svg[data-v-66b8ffde]{width:1rem;height:1rem}.view-btn[data-v-66b8ffde]{background:#f0f9ff;color:#0369a1;border:1px solid #bae6fd}.view-btn[data-v-66b8ffde]:hover{background:#0369a1;color:#fff}.delete-btn[data-v-66b8ffde]{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.delete-btn[data-v-66b8ffde]:hover{background:#dc2626;color:#fff}.pagination[data-v-66b8ffde]{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.page-button[data-v-66b8ffde],.page-number[data-v-66b8ffde]{padding:.5rem 1rem;border:1px solid #e2e8f0;background:#fff;color:#4a5568;border-radius:6px;cursor:pointer;transition:all .3s ease}.page-button[data-v-66b8ffde]:disabled{opacity:.5;cursor:not-allowed}.page-number.active[data-v-66b8ffde]{background:#667eea;color:#fff;border-color:#667eea}.page-button[data-v-66b8ffde]:hover:not(:disabled),.page-number[data-v-66b8ffde]:hover{background:#f7fafc;border-color:#667eea}.modal-overlay[data-v-66b8ffde]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-66b8ffde]{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto}.modal-header[data-v-66b8ffde]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.modal-header h3[data-v-66b8ffde]{margin:0;color:#2d3748;font-size:1.25rem;font-weight:600}.close-button[data-v-66b8ffde]{background:none;border:none;color:#718096;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .3s ease}.close-button[data-v-66b8ffde]:hover{background:#f7fafc;color:#4a5568}.close-button svg[data-v-66b8ffde]{width:20px;height:20px}.modal-body[data-v-66b8ffde]{padding:1.5rem}.detail-group[data-v-66b8ffde]{margin-bottom:1.5rem}.detail-group label[data-v-66b8ffde]{display:block;margin-bottom:.5rem;font-weight:600;color:#4a5568;font-size:.9rem}.detail-group p[data-v-66b8ffde]{margin:0;color:#2d3748;font-size:.95rem}.detail-group p.unknown[data-v-66b8ffde]{color:#e53e3e;font-style:italic}.content-box[data-v-66b8ffde]{background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;padding:1rem;line-height:1.6;color:#4a5568;white-space:pre-wrap}.delete-modal-content[data-v-66b8ffde]{background:#fff;border-radius:12px;padding:0;max-width:400px;width:90%;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:modalSlideIn .3s ease-out}.delete-modal-header[data-v-66b8ffde]{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-bottom:1px solid #e2e8f0}.warning-icon[data-v-66b8ffde]{width:2rem;height:2rem;color:#f56565;flex-shrink:0}.delete-modal-header h3[data-v-66b8ffde]{margin:0;font-size:1.25rem;font-weight:600;color:#2d3748}.delete-modal-body[data-v-66b8ffde]{padding:1.5rem}.delete-modal-body p[data-v-66b8ffde]{margin:0;color:#4a5568;line-height:1.6}.delete-modal-footer[data-v-66b8ffde]{display:flex;gap:.75rem;padding:1.5rem;border-top:1px solid #e2e8f0;justify-content:flex-end}.cancel-btn[data-v-66b8ffde],.confirm-btn[data-v-66b8ffde]{padding:.5rem 1rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;font-size:.875rem}.cancel-btn[data-v-66b8ffde]{background:#f7fafc;color:#4a5568;border:1px solid #e2e8f0}.cancel-btn[data-v-66b8ffde]:hover{background:#edf2f7}.confirm-btn[data-v-66b8ffde]{background:#f56565;color:#fff}.confirm-btn[data-v-66b8ffde]:hover{background:#e53e3e}@media (max-width: 768px){.search-form[data-v-66b8ffde]{grid-template-columns:1fr}.feedback-header[data-v-66b8ffde]{flex-direction:column;gap:.5rem}.feedback-meta[data-v-66b8ffde]{text-align:left}.stats-grid[data-v-66b8ffde]{grid-template-columns:1fr}}.expiration-management[data-v-6ce81961]{padding:2rem}.page-header[data-v-6ce81961]{margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid #eef2f7}.header-content[data-v-6ce81961]{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.header-left[data-v-6ce81961]{display:flex;align-items:center;gap:1rem}.back-button[data-v-6ce81961]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#495057;cursor:pointer}.page-title[data-v-6ce81961]{margin:0;font-size:1.5rem;font-weight:600;color:#2d3748}.back-button[data-v-6ce81961]:hover{background:#f3f4f6}.header-right .expiring-btn-header[data-v-6ce81961]{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:#f59e0b;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;line-height:1}.header-right[data-v-6ce81961],.expiring-controls[data-v-6ce81961]{display:flex;align-items:center;gap:.5rem}.days-input[data-v-6ce81961]{width:64px;padding:.375rem;border:1px solid #e9ecef;border-radius:8px}.days-input[data-v-6ce81961]:focus{outline:none;border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f626}.add-btn-header[data-v-6ce81961]{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:#10b981;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;line-height:1}.table-container[data-v-6ce81961]{background:#fff;border:1px solid #eef2f7;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #1018280f}.table-container table[data-v-6ce81961]{width:100%;border-collapse:collapse}.table-container thead tr[data-v-6ce81961]{background:#f8fafc}.table-container thead th[data-v-6ce81961]{border-bottom:1px solid #eef2f7;color:#334155;font-weight:600}.table-container tbody tr[data-v-6ce81961]:nth-child(odd){background:#fcfdff}.table-container tbody tr[data-v-6ce81961]:hover{background:#f1f5f9}.table-container th[data-v-6ce81961],.table-container td[data-v-6ce81961]{padding:.75rem 1rem;border:1px solid #eef2f7;text-align:left}.section-header[data-v-6ce81961]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h2[data-v-6ce81961]{margin:0;color:#2d3748;font-size:1.125rem;font-weight:600}.section-actions[data-v-6ce81961]{display:flex;align-items:center}.page-size-select[data-v-6ce81961]{padding:.5rem;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#4a5568}.pagination[data-v-6ce81961]{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.page-button[data-v-6ce81961],.page-number[data-v-6ce81961]{padding:.5rem 1rem;border:1px solid #e2e8f0;background:#fff;color:#4a5568;border-radius:6px;cursor:pointer}.page-button[data-v-6ce81961]:disabled{opacity:.5;cursor:not-allowed}.page-number.active[data-v-6ce81961]{background:#667eea;color:#fff;border-color:#667eea}.edit-btn[data-v-6ce81961],.delete-btn[data-v-6ce81961]{padding:.25rem .5rem;border:none;border-radius:4px;color:#fff;cursor:pointer}.edit-btn[data-v-6ce81961]{background:#3b82f6}.edit-btn[data-v-6ce81961]:hover{background:#2563eb}.delete-btn[data-v-6ce81961]{background:#ef4444}.delete-btn[data-v-6ce81961]:hover{background:#dc2626}.modal-overlay[data-v-6ce81961]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-6ce81961]{background:#fff;border-radius:8px;width:90%;max-width:500px;max-height:80vh;overflow:hidden;box-shadow:0 10px 25px #00000014}.modal-header[data-v-6ce81961]{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e9ecef}.close-button[data-v-6ce81961]{width:32px;height:32px;border:none;background:none;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px}.close-button[data-v-6ce81961]:hover{background:#f3f4f6;color:#6b7280}.close-button svg[data-v-6ce81961]{width:16px;height:16px}.modal-body[data-v-6ce81961]{padding:1rem;max-height:60vh;overflow-y:auto}.form-group[data-v-6ce81961]{margin-bottom:1rem}.form-group label[data-v-6ce81961]{display:block;margin-bottom:.5rem}.form-group input[data-v-6ce81961]{width:100%;padding:.5rem;border:1px solid #e9ecef;border-radius:4px}.form-group textarea[data-v-6ce81961]{width:100%;padding:.5rem;border:1px solid #e9ecef;border-radius:4px;resize:vertical}.modal-footer[data-v-6ce81961]{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem;border-top:1px solid #e9ecef}.cancel-button[data-v-6ce81961],.save-button[data-v-6ce81961]{padding:.5rem 1rem;border-radius:4px;cursor:pointer}.cancel-button[data-v-6ce81961]{background:#f8f9fa;border:1px solid #e9ecef}.save-button[data-v-6ce81961]{background:#3b82f6;color:#fff;border:1px solid #3b82f6}.expiration-management[data-v-6ce81961],.expiration-management[data-v-6ce81961] *{writing-mode:horizontal-tb}:is(.expiring-btn-header,.add-btn-header)[data-v-6ce81961]{flex-direction:row;white-space:nowrap;word-break:keep-all}:is(.expiring-btn-header,.add-btn-header) svg[data-v-6ce81961]{display:inline-block;vertical-align:middle}.edit-btn[data-v-6ce81961],.delete-btn[data-v-6ce81961],.back-button[data-v-6ce81961],.page-title[data-v-6ce81961],.modal-header h3[data-v-6ce81961],.form-group label[data-v-6ce81961],.table-container th[data-v-6ce81961],.table-container td[data-v-6ce81961]{white-space:nowrap;word-break:keep-all}.expiration-management[data-v-6ce81961]{max-width:1200px;margin:0 auto}.page-header[data-v-6ce81961]{background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1rem 2rem}.table-container[data-v-6ce81961]{max-width:1200px;margin:0 auto}.table-container thead tr[data-v-6ce81961]{background:#eef2f7}.table-container thead th[data-v-6ce81961]{color:#1f2937}