*{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-76ab1c7b]{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-76ab1c7b]{position:absolute;inset:0;z-index:1}.background-shapes[data-v-76ab1c7b]{position:relative;width:100%;height:100%}.shape[data-v-76ab1c7b]{position:absolute;border-radius:50%;background:#ffffff1a;animation:float-76ab1c7b 6s ease-in-out infinite}.shape-1[data-v-76ab1c7b]{width:200px;height:200px;top:10%;left:10%;animation-delay:0s}.shape-2[data-v-76ab1c7b]{width:150px;height:150px;top:60%;right:10%;animation-delay:2s}.shape-3[data-v-76ab1c7b]{width:100px;height:100px;bottom:20%;left:60%;animation-delay:4s}@keyframes float-76ab1c7b{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.login-card[data-v-76ab1c7b]{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-76ab1c7b]{text-align:center;margin-bottom:30px}.login-title[data-v-76ab1c7b]{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-76ab1c7b]{color:#666;margin:0;font-size:14px}.login-form[data-v-76ab1c7b]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-76ab1c7b]{display:flex;flex-direction:column;gap:8px}.form-label[data-v-76ab1c7b]{font-weight:600;color:#333;font-size:14px}.input-wrapper[data-v-76ab1c7b]{position:relative;display:flex;align-items:center}.input-icon[data-v-76ab1c7b]{position:absolute;left:12px;width:20px;height:20px;color:#999;z-index:1}.form-input[data-v-76ab1c7b]{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-76ab1c7b]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-input.error[data-v-76ab1c7b]{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}.password-toggle[data-v-76ab1c7b]{position:absolute;right:12px;background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.password-toggle[data-v-76ab1c7b]:hover{background-color:#f5f5f5}.password-toggle svg[data-v-76ab1c7b]{width:20px;height:20px;color:#999}.error-message[data-v-76ab1c7b]{color:#e74c3c;font-size:12px;margin-top:4px}.login-button[data-v-76ab1c7b]{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-76ab1c7b]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.login-button[data-v-76ab1c7b]:disabled{opacity:.7;cursor:not-allowed;transform:none}.loading-content[data-v-76ab1c7b]{display:flex;align-items:center;justify-content:center;gap:8px}.loading-spinner[data-v-76ab1c7b]{width:20px;height:20px}.message[data-v-76ab1c7b]{padding:12px;border-radius:8px;font-size:14px;text-align:center;margin-top:10px}.message.success[data-v-76ab1c7b]{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error[data-v-76ab1c7b]{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.login-footer[data-v-76ab1c7b]{margin-top:30px;text-align:center}.demo-info[data-v-76ab1c7b]{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-76ab1c7b]{width:16px;height:16px;color:#667eea;flex-shrink:0}@media (max-width: 480px){.login-card[data-v-76ab1c7b]{margin:20px;padding:30px 20px}.login-title[data-v-76ab1c7b]{font-size:24px}.shape[data-v-76ab1c7b]{display:none}}.dashboard-container[data-v-06a1a8a5]{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.dashboard-header[data-v-06a1a8a5]{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-06a1a8a5]{max-width:1200px;margin:0 auto;padding:24px;display:flex;justify-content:space-between;align-items:center}.header-left[data-v-06a1a8a5]{display:flex;flex-direction:column;gap:4px}.dashboard-title[data-v-06a1a8a5]{margin:0;color:#2c3e50;font-size:28px;font-weight:700;display:flex;align-items:center;gap:12px}.title-icon[data-v-06a1a8a5]{width:32px;height:32px;color:#667eea}.dashboard-subtitle[data-v-06a1a8a5]{margin:0;color:#7f8c8d;font-size:14px;font-weight:500}.header-right[data-v-06a1a8a5]{display:flex;align-items:center}.logout-button[data-v-06a1a8a5]{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-06a1a8a5]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e74c3c66}.logout-icon[data-v-06a1a8a5]{width:16px;height:16px}.dashboard-main[data-v-06a1a8a5]{max-width:1200px;margin:0 auto;padding:40px 24px}.dashboard-content[data-v-06a1a8a5]{display:flex;flex-direction:column;gap:40px}.module-icon.region[data-v-06a1a8a5]{background:linear-gradient(135deg,#e74c3c,#c0392b)}.module-icon.posts[data-v-06a1a8a5]{background:linear-gradient(135deg,#3498db,#2980b9)}.module-icon.diary[data-v-06a1a8a5]{background:linear-gradient(135deg,#e74c3c,#c0392b)}.module-icon.account[data-v-06a1a8a5]{background:linear-gradient(135deg,#f39c12,#e67e22)}.module-icon.logs[data-v-06a1a8a5]{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.module-icon.settings[data-v-06a1a8a5]{background:linear-gradient(135deg,#34495e,#2c3e50)}.modules-section[data-v-06a1a8a5]{display:flex;flex-direction:column;gap:24px}.section-title[data-v-06a1a8a5]{margin:0;color:#2c3e50;font-size:20px;font-weight:600;text-align:center}.modules-grid[data-v-06a1a8a5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.module-card[data-v-06a1a8a5]{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-06a1a8a5]: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-06a1a8a5]:hover:before{transform:scaleX(1)}.module-card[data-v-06a1a8a5]:hover{transform:translateY(-8px);box-shadow:0 20px 50px #00000026;border-color:#667eea33}.module-icon[data-v-06a1a8a5]{width:80px;height:80px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.module-icon svg[data-v-06a1a8a5]{width:36px;height:36px;color:#fff}.module-icon.games[data-v-06a1a8a5]{background:linear-gradient(135deg,#667eea,#764ba2)}.module-icon.posts[data-v-06a1a8a5]{background:linear-gradient(135deg,#4facfe,#00f2fe)}.module-icon.diary[data-v-06a1a8a5]{background:linear-gradient(135deg,#a8edea,#fed6e3)}.module-icon.apps[data-v-06a1a8a5]{background:linear-gradient(135deg,#fa709a,#fee140)}.module-content[data-v-06a1a8a5]{flex:1;display:flex;flex-direction:column;gap:8px}.module-content h4[data-v-06a1a8a5]{margin:0;color:#2c3e50;font-size:20px;font-weight:700}.module-content p[data-v-06a1a8a5]{margin:0;color:#7f8c8d;font-size:14px;line-height:1.5}.module-stats[data-v-06a1a8a5]{display:flex;gap:16px;margin-top:8px}.stat-item[data-v-06a1a8a5]{display:flex;align-items:center;gap:6px;color:#95a5a6;font-size:12px;font-weight:500}.stat-item svg[data-v-06a1a8a5]{width:14px;height:14px}.module-arrow[data-v-06a1a8a5]{width:24px;height:24px;color:#bdc3c7;transition:all .3s ease}.module-card:hover .module-arrow[data-v-06a1a8a5]{color:#667eea;transform:translate(4px)}.module-card.clickable[data-v-06a1a8a5]{cursor:pointer}@media (max-width: 768px){.header-content[data-v-06a1a8a5]{flex-direction:column;gap:16px;text-align:center}.dashboard-title[data-v-06a1a8a5]{font-size:24px}.dashboard-main[data-v-06a1a8a5]{padding:24px 16px}.welcome-card[data-v-06a1a8a5]{flex-direction:column;text-align:center;padding:32px 24px}.welcome-content h2[data-v-06a1a8a5]{font-size:20px}.modules-grid[data-v-06a1a8a5]{grid-template-columns:1fr}.module-card[data-v-06a1a8a5]{padding:24px;flex-direction:column;text-align:center;gap:16px}.module-arrow[data-v-06a1a8a5]{transform:rotate(90deg)}.module-card:hover .module-arrow[data-v-06a1a8a5]{transform:rotate(90deg) translate(4px)}}.logout-modal-overlay[data-v-06a1a8a5]{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-06a1a8a5 .2s ease}.logout-modal-content[data-v-06a1a8a5]{background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;max-width:400px;width:90%;max-height:90vh;overflow:hidden;animation:slideUp-06a1a8a5 .3s ease}.logout-modal-header[data-v-06a1a8a5]{display:flex;align-items:center;gap:1rem;padding:2rem 2rem 1rem;border-bottom:1px solid #f1f5f9}.logout-modal-icon[data-v-06a1a8a5]{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-06a1a8a5]{width:1.5rem;height:1.5rem;color:#fff;stroke-width:2}.logout-modal-header h3[data-v-06a1a8a5]{margin:0;font-size:1.25rem;font-weight:600;color:#1e293b}.logout-modal-body[data-v-06a1a8a5]{padding:1.5rem 2rem}.logout-modal-body p[data-v-06a1a8a5]{margin:0 0 .75rem;color:#475569;line-height:1.6}.logout-warning[data-v-06a1a8a5]{font-size:.875rem;color:#64748b;margin-bottom:0!important}.logout-modal-footer[data-v-06a1a8a5]{display:flex;gap:1rem;padding:1.5rem 2rem 2rem;justify-content:flex-end}.modal-cancel-btn[data-v-06a1a8a5],.modal-logout-btn[data-v-06a1a8a5]{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-06a1a8a5]{background:#f8f9fa;color:#666;border:1px solid #e9ecef}.modal-cancel-btn[data-v-06a1a8a5]:hover:not(:disabled){background:#e9ecef;color:#333}.modal-logout-btn[data-v-06a1a8a5]{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff}.modal-logout-btn[data-v-06a1a8a5]:hover:not(:disabled){background:linear-gradient(135deg,#ee5a52,#dc4c64);transform:translateY(-1px);box-shadow:0 4px 12px #ee5a524d}.modal-cancel-btn[data-v-06a1a8a5]:disabled,.modal-logout-btn[data-v-06a1a8a5]:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.loading-spinner[data-v-06a1a8a5]{width:1rem;height:1rem;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin-06a1a8a5 1s linear infinite}@keyframes fadeIn-06a1a8a5{0%{opacity:0}to{opacity:1}}@keyframes slideUp-06a1a8a5{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin-06a1a8a5{to{transform:rotate(360deg)}}@media (max-width: 480px){.logout-modal-content[data-v-06a1a8a5]{margin:1rem;width:calc(100% - 2rem)}.logout-modal-header[data-v-06a1a8a5]{padding:1.5rem 1.5rem 1rem}.logout-modal-body[data-v-06a1a8a5]{padding:1rem 1.5rem}.logout-modal-footer[data-v-06a1a8a5]{flex-direction:column;padding:1rem 1.5rem 1.5rem}.modal-cancel-btn[data-v-06a1a8a5],.modal-logout-btn[data-v-06a1a8a5]{width:100%}}.game-management-container[data-v-25ec797b]{min-height:100vh;background:#f8fafc;padding:0}.page-header[data-v-25ec797b]{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-25ec797b]{width:100%;display:flex;justify-content:space-between;align-items:center}.header-left[data-v-25ec797b]{display:flex;align-items:center;gap:1.5rem}.back-button[data-v-25ec797b]{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-25ec797b]:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}.back-button svg[data-v-25ec797b]{width:1rem;height:1rem}.header-info[data-v-25ec797b]{display:flex;flex-direction:column;gap:.25rem}.page-title[data-v-25ec797b]{display:flex;align-items:center;gap:.75rem;margin:0;font-size:2.5rem;font-weight:700;color:#1e293b}.title-icon[data-v-25ec797b]{width:3rem;height:3rem;color:#3b82f6}.page-subtitle[data-v-25ec797b]{margin:0;color:#64748b;font-size:.875rem}.header-actions[data-v-25ec797b]{display:flex;gap:1rem}.add-button[data-v-25ec797b]{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-25ec797b]:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.add-button svg[data-v-25ec797b]{width:1rem;height:1rem}.page-main[data-v-25ec797b]{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;margin:2rem 3rem;border-radius:12px;padding:2rem}.section-header[data-v-25ec797b]{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-25ec797b]{margin:0;font-size:1.25rem;font-weight:600;color:#1e293b}.total-count[data-v-25ec797b]{font-size:1rem;font-weight:400;color:#64748b;margin-left:.5rem}.section-actions[data-v-25ec797b]{display:flex;gap:1rem;align-items:center}.search-box[data-v-25ec797b]{position:relative;display:flex;align-items:center}.search-icon[data-v-25ec797b]{position:absolute;left:.75rem;width:1rem;height:1rem;color:#9ca3af;z-index:1}.search-input[data-v-25ec797b]{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-25ec797b]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-clear-btn[data-v-25ec797b]{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-25ec797b]:hover{color:#6b7280;background:#f3f4f6}.search-clear-btn svg[data-v-25ec797b]{width:.875rem;height:.875rem}.empty-state[data-v-25ec797b]{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-25ec797b]{width:4rem;height:4rem;margin:0 auto 1rem;color:#cbd5e1}.empty-icon svg[data-v-25ec797b]{width:100%;height:100%}.empty-state h3[data-v-25ec797b]{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:#374151}.empty-state p[data-v-25ec797b]{margin:0 0 1.5rem;color:#6b7280}.empty-action-button[data-v-25ec797b]{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-25ec797b]:hover{transform:translateY(-1px);box-shadow:0 4px 8px #667eea4d}.games-table-container[data-v-25ec797b]{background:#fff;border-radius:1rem;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 2px 4px #0000000d;margin:2rem}.games-table[data-v-25ec797b]{width:100%;border-collapse:collapse;font-size:.875rem}.games-table th[data-v-25ec797b]{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-25ec797b]{padding:1rem;border-bottom:1px solid #f1f5f9;vertical-align:middle}.games-table tr[data-v-25ec797b]:hover{background:#f8fafc}.games-table tr:last-child td[data-v-25ec797b]{border-bottom:none}.game-icon[data-v-25ec797b]{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-25ec797b]:has(img){background:linear-gradient(135deg,#667eea,#764ba2);border:none}.game-icon img[data-v-25ec797b]{width:100%;height:100%;object-fit:cover}.game-icon svg[data-v-25ec797b]{width:1.25rem;height:1.25rem;color:#fff}.game-name-cell[data-v-25ec797b]{font-weight:600;color:#1e293b}.game-english-name[data-v-25ec797b]{font-size:.75rem;color:#64748b;margin-top:.25rem}.game-rating[data-v-25ec797b]{display:flex;align-items:center;gap:.25rem;color:#f59e0b;font-weight:600}.game-rating svg[data-v-25ec797b]{width:1rem;height:1rem;fill:currentColor}.game-description-cell[data-v-25ec797b]{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#64748b}.screenshots-cell[data-v-25ec797b]{max-width:180px}.screenshots-container[data-v-25ec797b]{display:flex;gap:.25rem;align-items:center;flex-wrap:wrap}.screenshot-thumb[data-v-25ec797b]{width:2rem;height:2rem;border-radius:.25rem;object-fit:cover;border:1px solid #e2e8f0;cursor:pointer;transition:transform .2s ease}.screenshot-thumb[data-v-25ec797b]:hover{transform:scale(1.1);border-color:#667eea}.more-screenshots[data-v-25ec797b]{font-size:.75rem;color:#64748b;background:#f1f5f9;padding:.125rem .375rem;border-radius:.25rem;white-space:nowrap}.no-screenshots[data-v-25ec797b]{font-size:.75rem;color:#9ca3af;font-style:italic}.game-tags[data-v-25ec797b]{display:flex;flex-wrap:wrap;gap:.25rem;max-width:150px}.tag[data-v-25ec797b]{background:#f1f5f9;color:#475569;padding:.125rem .375rem;border-radius:.25rem;font-size:.625rem;font-weight:500;white-space:nowrap}.game-actions[data-v-25ec797b]{display:flex;gap:.5rem}.action-button[data-v-25ec797b]{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-25ec797b]{width:.875rem;height:.875rem}.action-button.edit[data-v-25ec797b]{background:#f8fafc;border-color:#e2e8f0;color:#475569}.action-button.edit[data-v-25ec797b]:hover{background:#f1f5f9;border-color:#cbd5e1}.action-button.delete[data-v-25ec797b]{background:#fef2f2;border-color:#fecaca;color:#dc2626}.action-button.delete[data-v-25ec797b]:hover{background:#fee2e2;border-color:#fca5a5}.modal-overlay[data-v-25ec797b]{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-25ec797b]{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-25ec797b .4s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(255,255,255,.2)}@keyframes modalSlideIn-25ec797b{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header[data-v-25ec797b]{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-25ec797b]: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-25ec797b]{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-25ec797b]{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-25ec797b]:hover{background:#ffffff4d;border-color:#ffffff80;transform:scale(1.05)}.game-form[data-v-25ec797b]{padding:2rem;max-height:calc(90vh - 140px);overflow-y:auto;background:linear-gradient(135deg,#f8fafc,#fff)}.form-grid[data-v-25ec797b]{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.form-column[data-v-25ec797b]{display:flex;flex-direction:column}.form-group[data-v-25ec797b]{margin-bottom:1rem}.form-group.full-width[data-v-25ec797b]{grid-column:1 / -1}.form-group label[data-v-25ec797b]{display:block;margin-bottom:.4rem;font-weight:600;color:#374151;font-size:.875rem}.form-group input[data-v-25ec797b],.form-group textarea[data-v-25ec797b]{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-25ec797b]:focus,.form-group textarea[data-v-25ec797b]: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-25ec797b]{margin-top:.5rem}.file-input[data-v-25ec797b]{display:none}.file-upload-label[data-v-25ec797b]{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-25ec797b]:hover{border-color:#10b981;background:#f0fdf4;color:#10b981;transform:translateY(-1px);box-shadow:0 4px 12px #10b98126}.upload-icon[data-v-25ec797b]{width:1.5rem;height:1.5rem;stroke-width:2;opacity:.7;transition:all .3s ease}.file-upload-label:hover .upload-icon[data-v-25ec797b]{opacity:1;stroke:#10b981;transform:scale(1.1)}.image-preview[data-v-25ec797b]{margin-top:1rem}.preview-container[data-v-25ec797b]{position:relative;display:inline-block}.image-preview img[data-v-25ec797b]{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-25ec797b]:hover{transform:scale(1.05);box-shadow:0 8px 25px #00000026}.remove-preview-btn[data-v-25ec797b]{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-25ec797b]:hover{background:#dc2626;transform:scale(1.1)}.icon-screenshot-container[data-v-25ec797b]{display:flex;gap:1.5rem;align-items:flex-start}.icon-section[data-v-25ec797b]{flex:0 0 auto}.screenshot-section[data-v-25ec797b]{flex:1}.screenshot-section label[data-v-25ec797b]{display:block;margin-bottom:.5rem;font-weight:500;color:#374151}.screenshots-grid[data-v-25ec797b]{display:flex;flex-direction:column;gap:.5rem}.screenshot-row[data-v-25ec797b]{display:flex;gap:.5rem}.screenshot-row[data-v-25ec797b]:first-child{justify-content:flex-start}.screenshot-row[data-v-25ec797b]:last-child{justify-content:flex-start}.screenshot-upload-grid[data-v-25ec797b]{position:relative;width:100px}.screenshot-placeholder-grid[data-v-25ec797b]{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-25ec797b]:hover{border-color:#10b981;background:#f0fdf4;color:#10b981}.screenshot-placeholder-grid:hover .placeholder-icon-grid[data-v-25ec797b]{opacity:1;stroke:#10b981;transform:scale(1.1)}.placeholder-content-grid[data-v-25ec797b]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;height:100%}.placeholder-icon-grid[data-v-25ec797b]{width:20px;height:20px;opacity:.6;transition:all .3s ease}.screenshot-preview-grid[data-v-25ec797b]{width:100%;height:100%;object-fit:cover;border-radius:.5rem}.remove-screenshot-btn-grid[data-v-25ec797b]{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-25ec797b]:hover{background:#dc2626;transform:scale(1.1)}.icon-upload-container[data-v-25ec797b]{position:relative}.icon-placeholder[data-v-25ec797b]{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-25ec797b]{width:100%;height:100%;object-fit:cover;border-radius:.75rem}.icon-placeholder[data-v-25ec797b]:hover{border-color:#10b981;background:#f0fdf4;color:#10b981}.placeholder-icon[data-v-25ec797b]{width:2rem;height:2rem;stroke-width:1.5;opacity:.7;transition:all .3s ease}.icon-placeholder:hover .placeholder-icon[data-v-25ec797b]{opacity:1;stroke:#10b981;transform:scale(1.1)}.placeholder-content[data-v-25ec797b]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%}.screenshots-container[data-v-25ec797b]{display:flex;gap:1rem;margin-top:.75rem}.screenshot-upload[data-v-25ec797b]{flex:1;position:relative}.screenshot-placeholder[data-v-25ec797b]{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-25ec797b]{width:100%;height:100%;object-fit:cover;border-radius:.75rem}.screenshot-placeholder[data-v-25ec797b]:hover{border-color:#10b981;background:#f0fdf4;color:#10b981}.screenshot-placeholder:hover .placeholder-icon[data-v-25ec797b]{opacity:1;stroke:#10b981;transform:scale(1.1)}.screenshots-container-compact[data-v-25ec797b]{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.screenshot-upload-compact[data-v-25ec797b]{width:calc(33.333% - .33rem);position:relative}.screenshot-placeholder-compact[data-v-25ec797b]{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-25ec797b]:hover{border-color:#10b981;background:#f0fdf4;color:#10b981}.placeholder-content-compact[data-v-25ec797b]{display:flex;flex-direction:column;align-items:center;gap:.25rem}.placeholder-icon-compact[data-v-25ec797b]{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-25ec797b]{opacity:1;stroke:#10b981;transform:scale(1.1)}.screenshot-preview-compact[data-v-25ec797b]{width:100%;height:100%;object-fit:cover;border-radius:.5rem}.remove-screenshot-btn-compact[data-v-25ec797b]{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-25ec797b]:hover{background:#ef4444;transform:scale(1.1)}.screenshot-item[data-v-25ec797b]{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-25ec797b]:hover{transform:scale(1.02);box-shadow:0 8px 25px #00000026}.screenshot-item img[data-v-25ec797b]{width:100%;height:100%;object-fit:cover;border-radius:.75rem}.remove-screenshot-btn[data-v-25ec797b]{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-25ec797b]:hover{background:#dc2626e6;transform:scale(1.1)}.add-screenshot-btn[data-v-25ec797b]{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-25ec797b]:hover{border-color:#10b981;background:#f0fdf4;transform:scale(1.02)}.add-screenshot-label[data-v-25ec797b]{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-25ec797b]{color:#10b981}.add-icon[data-v-25ec797b]{width:3rem;height:3rem;stroke-width:1.5;opacity:.7;transition:all .3s ease}.add-screenshot-btn:hover .add-icon[data-v-25ec797b]{opacity:1;stroke:#10b981;transform:scale(1.1)}.form-actions[data-v-25ec797b]{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-25ec797b]{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-25ec797b]: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-25ec797b]:hover:before{left:100%}.form-actions .btn-primary[data-v-25ec797b]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.form-actions .btn-primary[data-v-25ec797b]:disabled{opacity:.7;cursor:not-allowed;transform:none}.form-actions .btn-secondary[data-v-25ec797b]{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-25ec797b]:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.loading[data-v-25ec797b]{text-align:center;padding:3rem;color:#64748b;font-size:.875rem}.toast-notification[data-v-25ec797b]{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-25ec797b .3s ease-out;border:1px solid #e5e7eb}.toast-notification.success[data-v-25ec797b]{border-left:4px solid #10b981;background:linear-gradient(135deg,#f0fdf4,#fff)}.toast-notification.error[data-v-25ec797b]{border-left:4px solid #ef4444;background:linear-gradient(135deg,#fef2f2,#fff)}.toast-notification.info[data-v-25ec797b]{border-left:4px solid #3b82f6;background:linear-gradient(135deg,#eff6ff,#fff)}.toast-icon[data-v-25ec797b]{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-25ec797b]{background:linear-gradient(135deg,#10b981,#059669)}.toast-notification.error .toast-icon[data-v-25ec797b]{background:linear-gradient(135deg,#ef4444,#dc2626)}.toast-notification.info .toast-icon[data-v-25ec797b]{background:linear-gradient(135deg,#3b82f6,#2563eb)}.toast-icon svg[data-v-25ec797b]{width:1rem;height:1rem;color:#fff;stroke-width:2.5}.toast-content[data-v-25ec797b]{flex:1;min-width:0}.toast-title[data-v-25ec797b]{margin:0 0 .25rem;font-size:.95rem;font-weight:600;color:#1f2937;line-height:1.3}.toast-message[data-v-25ec797b]{margin:0;color:#6b7280;line-height:1.4;font-size:.85rem}.toast-close[data-v-25ec797b]{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-25ec797b]:hover{background:#f3f4f6;color:#374151}.toast-close svg[data-v-25ec797b]{width:.875rem;height:.875rem;stroke-width:2}@keyframes toastSlideIn-25ec797b{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 640px){.toast-notification[data-v-25ec797b]{top:1rem;right:1rem;left:1rem;min-width:auto;max-width:none}@keyframes toastSlideIn-25ec797b{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}}.clickable-image[data-v-25ec797b]{cursor:pointer;transition:transform .2s ease,opacity .2s ease}.clickable-image[data-v-25ec797b]:hover{transform:scale(1.05);opacity:.8}.no-icon[data-v-25ec797b]{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-25ec797b]{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-25ec797b .3s ease}.image-modal-content[data-v-25ec797b]{background:#fff;border-radius:12px;max-width:90vw;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideIn-25ec797b .3s ease}.image-modal-header[data-v-25ec797b]{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-25ec797b]{margin:0;font-size:1.125rem;font-weight:600;color:#374151}.image-modal-close[data-v-25ec797b]{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-25ec797b]:hover{background:#e5e7eb;color:#374151}.image-modal-body[data-v-25ec797b]{padding:1rem;display:flex;justify-content:center;align-items:center}.modal-image[data-v-25ec797b]{max-width:100%;max-height:70vh;object-fit:contain;border-radius:8px}@keyframes modalSlideIn-25ec797b{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.table-actions[data-v-25ec797b]{display:flex;gap:.5rem;justify-content:center}.action-btn[data-v-25ec797b]{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-25ec797b]:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.action-btn svg[data-v-25ec797b]{width:1rem;height:1rem}.edit-btn[data-v-25ec797b]{background:#dbeafe;color:#3b82f6}.edit-btn[data-v-25ec797b]:hover{background:#bfdbfe;color:#2563eb}.delete-btn[data-v-25ec797b]{background:#fee2e2;color:#ef4444}.delete-btn[data-v-25ec797b]:hover{background:#fecaca;color:#dc2626}.pagination-container[data-v-25ec797b]{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-25ec797b]{color:#64748b;font-size:.875rem}.pagination[data-v-25ec797b]{display:flex;align-items:center;gap:.5rem}.pagination-btn[data-v-25ec797b]{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-25ec797b]:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:#475569}.pagination-btn[data-v-25ec797b]:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active[data-v-25ec797b]{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.pagination-btn svg[data-v-25ec797b]{width:1rem;height:1rem}.pagination-pages[data-v-25ec797b]{display:flex;gap:.25rem}.delete-modal-overlay[data-v-25ec797b]{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-25ec797b .2s ease-out}.delete-modal-content[data-v-25ec797b]{background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;max-width:480px;width:90%;max-height:90vh;overflow:hidden;animation:slideIn-25ec797b .3s ease-out}.delete-modal-header[data-v-25ec797b]{padding:2rem 2rem 1rem;text-align:center;border-bottom:1px solid #f0f0f0}.delete-icon[data-v-25ec797b]{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-25ec797b]{width:32px;height:32px}.delete-modal-header h3[data-v-25ec797b]{margin:0;font-size:1.5rem;font-weight:600;color:#333}.delete-modal-body[data-v-25ec797b]{padding:1.5rem 2rem;text-align:center}.delete-modal-body p[data-v-25ec797b]{margin:0 0 1rem;font-size:1rem;line-height:1.6;color:#666}.delete-modal-body strong[data-v-25ec797b]{color:#333;font-weight:600}.delete-warning[data-v-25ec797b]{font-size:.9rem;color:#ff6b6b!important;font-weight:500}.delete-modal-footer[data-v-25ec797b]{padding:1rem 2rem 2rem;display:flex;gap:1rem;justify-content:center}.modal-cancel-btn[data-v-25ec797b],.modal-delete-btn[data-v-25ec797b]{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-25ec797b]{background:#f8f9fa;color:#666;border:1px solid #e9ecef}.modal-cancel-btn[data-v-25ec797b]:hover:not(:disabled){background:#e9ecef;color:#333}.modal-delete-btn[data-v-25ec797b]{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff}.modal-delete-btn[data-v-25ec797b]:hover:not(:disabled){background:linear-gradient(135deg,#ee5a52,#dc4c64);transform:translateY(-1px);box-shadow:0 4px 12px #ee5a524d}.modal-cancel-btn[data-v-25ec797b]:disabled,.modal-delete-btn[data-v-25ec797b]:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-spinner[data-v-25ec797b]{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin-25ec797b 1s linear infinite}@keyframes fadeIn-25ec797b{0%{opacity:0}to{opacity:1}}@keyframes slideIn-25ec797b{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin-25ec797b{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.pagination-container[data-v-25ec797b]{flex-direction:column;gap:1rem;align-items:stretch}.pagination[data-v-25ec797b]{justify-content:center}.pagination-info[data-v-25ec797b]{text-align:center}.delete-modal-content[data-v-25ec797b]{margin:1rem;width:calc(100% - 2rem)}.delete-modal-header[data-v-25ec797b],.delete-modal-body[data-v-25ec797b],.delete-modal-footer[data-v-25ec797b]{padding-left:1.5rem;padding-right:1.5rem}.delete-modal-footer[data-v-25ec797b]{flex-direction:column}.modal-cancel-btn[data-v-25ec797b],.modal-delete-btn[data-v-25ec797b]{width:100%}}.post-management-container[data-v-474676a7]{min-height:100vh;background:#f8fafc;position:relative;overflow-x:hidden}.page-header[data-v-474676a7]{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-474676a7]{display:flex;justify-content:space-between;align-items:center;width:100%}.header-left[data-v-474676a7]{display:flex;align-items:center;gap:1.5rem}.back-button[data-v-474676a7]{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-474676a7]:hover{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.back-button svg[data-v-474676a7]{width:1.25rem;height:1.25rem}.header-info[data-v-474676a7]{display:flex;flex-direction:column;gap:.25rem}.page-title[data-v-474676a7]{display:flex;align-items:center;gap:.75rem;margin:0;color:#1e293b;font-size:2.5rem;font-weight:700}.title-icon[data-v-474676a7]{width:3rem;height:3rem;color:#3b82f6}.page-subtitle[data-v-474676a7]{margin:0;color:#64748b;font-size:.875rem}.header-actions[data-v-474676a7]{display:flex;gap:1rem}.add-button[data-v-474676a7]{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-474676a7]:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.add-button svg[data-v-474676a7]{width:1rem;height:1rem}.page-main[data-v-474676a7]{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-474676a7]{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-474676a7]{margin:0;color:#1a202c;font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.total-count[data-v-474676a7]{color:#6b7280;font-weight:500;font-size:1rem}.section-actions[data-v-474676a7]{display:flex;gap:1rem;align-items:center}.search-box[data-v-474676a7]{position:relative;display:flex;align-items:center}.search-icon[data-v-474676a7]{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-474676a7]{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-474676a7]:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.search-clear-btn[data-v-474676a7]{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-474676a7]:hover{background:#e5e7eb;color:#374151}.search-clear-btn svg[data-v-474676a7]{width:1rem;height:1rem}.loading-state[data-v-474676a7],.empty-state[data-v-474676a7]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-spinner[data-v-474676a7]{width:2rem;height:2rem;border:3px solid #e2e8f0;border-top:3px solid #667eea;border-radius:50%;animation:spin-474676a7 1s linear infinite;margin-bottom:1rem}@keyframes spin-474676a7{to{transform:rotate(360deg)}}.empty-icon[data-v-474676a7]{width:4rem;height:4rem;color:#9ca3af;margin-bottom:1rem}.empty-state h3[data-v-474676a7]{margin:0 0 .5rem;color:#374151;font-size:1.25rem;font-weight:600}.empty-state p[data-v-474676a7]{margin:0 0 1.5rem;color:#6b7280;font-size:.95rem}.empty-action-button[data-v-474676a7]{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-474676a7]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.posts-table-container[data-v-474676a7]{overflow-x:auto}.posts-table[data-v-474676a7]{width:100%;border-collapse:collapse;font-size:.85rem}.posts-table th[data-v-474676a7]{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-474676a7]{padding:.6rem .8rem;border-bottom:1px solid #f1f5f9;vertical-align:top}.post-row[data-v-474676a7]:hover{background:#f8fafc}.user-cell[data-v-474676a7]{min-width:120px}.user-info[data-v-474676a7]{display:flex;align-items:center;gap:.5rem}.user-avatar[data-v-474676a7],.user-avatar-placeholder[data-v-474676a7]{width:2rem;height:2rem;border-radius:50%;object-fit:cover;border:2px solid #e2e8f0}.user-avatar-placeholder[data-v-474676a7]{background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#9ca3af}.user-avatar-placeholder svg[data-v-474676a7]{width:1.25rem;height:1.25rem}.user-name[data-v-474676a7]{font-weight:500;color:#374151}.content-cell[data-v-474676a7]{max-width:150px}.post-content[data-v-474676a7]{color:#4b5563;line-height:1.5;word-break:break-word}.game-cell[data-v-474676a7]{min-width:120px}.game-info[data-v-474676a7]{display:flex;align-items:center;gap:.4rem}.game-icon[data-v-474676a7],.game-icon-placeholder[data-v-474676a7]{width:1.5rem;height:1.5rem;border-radius:.4rem;object-fit:cover;border:1px solid #e2e8f0}.game-icon-placeholder[data-v-474676a7]{background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#9ca3af}.game-icon-placeholder svg[data-v-474676a7]{width:1rem;height:1rem}.game-name[data-v-474676a7]{font-weight:500;color:#374151;font-size:.85rem}.no-game[data-v-474676a7]{color:#9ca3af;font-style:italic;font-size:.85rem}.screenshots-cell[data-v-474676a7]{min-width:120px}.screenshots-preview[data-v-474676a7]{display:flex;gap:.25rem;align-items:center}.screenshot-thumb[data-v-474676a7]{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-474676a7]:hover{transform:scale(1.1);border-color:#667eea}.more-screenshots[data-v-474676a7]{font-size:.75rem;color:#6b7280;background:#f3f4f6;padding:.25rem .5rem;border-radius:.25rem}.no-screenshots[data-v-474676a7]{color:#9ca3af;font-style:italic;font-size:.85rem}.likes-cell[data-v-474676a7],.comments-cell[data-v-474676a7]{min-width:80px}.likes-count[data-v-474676a7],.comments-count[data-v-474676a7]{display:flex;align-items:center;gap:.25rem;color:#6b7280;font-weight:500}.comments-count[data-v-474676a7]{cursor:pointer;transition:all .2s ease}.comments-count[data-v-474676a7]:hover{color:#667eea}.likes-count svg[data-v-474676a7],.comments-count svg[data-v-474676a7]{width:1rem;height:1rem}.time-cell[data-v-474676a7]{min-width:120px}.publish-time[data-v-474676a7]{color:#6b7280;font-size:.85rem}.actions-cell[data-v-474676a7]{min-width:100px}.action-buttons[data-v-474676a7]{display:flex;gap:.3rem}.edit-btn[data-v-474676a7],.delete-btn[data-v-474676a7]{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-474676a7]{background:#dbeafe;color:#1d4ed8}.edit-btn[data-v-474676a7]:hover{background:#bfdbfe}.delete-btn[data-v-474676a7]{background:#fee2e2;color:#dc2626}.delete-btn[data-v-474676a7]:hover{background:#fecaca}.edit-btn svg[data-v-474676a7],.delete-btn svg[data-v-474676a7]{width:1rem;height:1rem}.pagination[data-v-474676a7]{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1.5rem 2rem;border-top:1px solid #e2e8f0}.pagination-btn[data-v-474676a7]{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-474676a7]:hover:not(:disabled){background:#e2e8f0;border-color:#cbd5e1}.pagination-btn[data-v-474676a7]:disabled{opacity:.5;cursor:not-allowed}.pagination-info[data-v-474676a7]{color:#64748b;font-weight:500;font-size:.875rem}.page-numbers[data-v-474676a7]{display:flex;gap:.25rem}.page-number[data-v-474676a7]{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-474676a7]:hover{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.page-number.active[data-v-474676a7]{background:#667eea;border-color:#667eea;color:#fff}.modal-overlay[data-v-474676a7]{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-474676a7]{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-474676a7 .4s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(255,255,255,.2)}.comments-modal[data-v-474676a7],.screenshots-modal[data-v-474676a7]{max-width:800px}@keyframes modalSlideIn-474676a7{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header[data-v-474676a7]{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-474676a7]: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-474676a7]{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-474676a7]{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-474676a7]:hover{background:#ffffff4d;border-color:#ffffff80;transform:scale(1.05)}.modal-close-btn svg[data-v-474676a7]{width:1.25rem;height:1.25rem}.modal-body[data-v-474676a7]{padding:2rem;max-height:60vh;overflow-y:auto}.post-form[data-v-474676a7]{display:flex;flex-direction:column;gap:1.5rem}.form-grid[data-v-474676a7]{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.form-column[data-v-474676a7]{display:flex;flex-direction:column}.form-group[data-v-474676a7]{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.form-group label[data-v-474676a7]{font-weight:600;color:#374151;font-size:.9rem}.form-group input[data-v-474676a7],.form-group textarea[data-v-474676a7]{padding:.75rem;border:2px solid #e2e8f0;border-radius:.5rem;font-size:.9rem;transition:all .3s ease;font-family:inherit}.form-group input[data-v-474676a7]:focus,.form-group textarea[data-v-474676a7]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.readonly-input[data-v-474676a7]{background-color:#f8fafc!important;color:#64748b!important;cursor:not-allowed!important}.readonly-input[data-v-474676a7]:focus{border-color:#e2e8f0!important;box-shadow:none!important}.form-actions[data-v-474676a7]{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.modal-cancel-btn[data-v-474676a7],.modal-save-btn[data-v-474676a7]{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-474676a7]{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.modal-cancel-btn[data-v-474676a7]:hover{background:#e5e7eb}.modal-save-btn[data-v-474676a7]{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff}.modal-save-btn[data-v-474676a7]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.modal-save-btn[data-v-474676a7]:disabled{opacity:.7;cursor:not-allowed}.delete-modal[data-v-474676a7]{max-width:400px}.delete-modal-header[data-v-474676a7]{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 2rem 1rem;text-align:center}.delete-modal-icon[data-v-474676a7]{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-474676a7]{width:2rem;height:2rem}.delete-modal-header h3[data-v-474676a7]{margin:0;color:#374151;font-size:1.25rem;font-weight:700}.delete-modal-body[data-v-474676a7]{padding:0 2rem 1rem;text-align:center}.delete-modal-body p[data-v-474676a7]{margin:0 0 .5rem;color:#6b7280}.delete-warning[data-v-474676a7]{color:#dc2626;font-weight:500;font-size:.9rem}.delete-modal-footer[data-v-474676a7]{display:flex;gap:1rem;justify-content:center;padding:1rem 2rem 2rem}.modal-delete-btn[data-v-474676a7]{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-474676a7]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.modal-delete-btn[data-v-474676a7]:disabled{opacity:.7;cursor:not-allowed}.empty-comments[data-v-474676a7]{text-align:center;padding:2rem;color:#6b7280}.comments-list[data-v-474676a7]{display:flex;flex-direction:column;gap:1rem}.comment-item[data-v-474676a7]{border:1px solid #e2e8f0;border-radius:.75rem;padding:1rem;background:#f8fafc}.comment-user[data-v-474676a7]{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.comment-avatar[data-v-474676a7],.comment-avatar-placeholder[data-v-474676a7]{width:2rem;height:2rem;border-radius:50%;object-fit:cover;border:1px solid #e2e8f0}.comment-avatar-placeholder[data-v-474676a7]{background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#9ca3af}.comment-avatar-placeholder svg[data-v-474676a7]{width:1rem;height:1rem}.comment-info[data-v-474676a7]{display:flex;flex-direction:column;gap:.25rem}.comment-username[data-v-474676a7]{font-weight:600;color:#374151;font-size:.9rem}.comment-time[data-v-474676a7]{color:#6b7280;font-size:.8rem}.comment-content[data-v-474676a7]{color:#4b5563;line-height:1.5;margin-bottom:.5rem}.screenshots-grid[data-v-474676a7]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.screenshot-full[data-v-474676a7]{width:100%;height:auto;border-radius:.5rem;border:1px solid #e2e8f0;object-fit:cover}@media (max-width: 768px){.post-management-container[data-v-474676a7]{padding:1rem}.page-header[data-v-474676a7]{padding:1rem;flex-direction:column;align-items:flex-start;gap:1rem}.header-content[data-v-474676a7]{flex-direction:column;gap:1rem;align-items:stretch}.header-left[data-v-474676a7]{flex-direction:column;gap:1rem;align-items:flex-start}.page-title[data-v-474676a7]{font-size:1.5rem}.section-header[data-v-474676a7]{padding:1rem;flex-direction:column;align-items:stretch;gap:1rem}.search-container[data-v-474676a7],.search-input[data-v-474676a7]{width:100%}.posts-table-container[data-v-474676a7]{overflow-x:scroll;margin:0 -1rem}.posts-table[data-v-474676a7]{min-width:800px;font-size:.8rem}.posts-table th[data-v-474676a7],.posts-table td[data-v-474676a7]{padding:.75rem .5rem}.pagination[data-v-474676a7]{padding:1rem;flex-direction:column;gap:1rem}.page-numbers[data-v-474676a7]{justify-content:center}.modal-content[data-v-474676a7]{margin:1rem;max-width:calc(100vw - 2rem)}.modal-body[data-v-474676a7]{padding:1rem}.form-actions[data-v-474676a7]{flex-direction:column}.screenshots-grid[data-v-474676a7]{grid-template-columns:1fr}}.file-input[data-v-474676a7]{display:none}.avatar-upload-container[data-v-474676a7]{position:relative;width:80px;height:80px}.avatar-form-group[data-v-474676a7]{align-items:flex-start}.avatar-form-group .avatar-upload-container[data-v-474676a7]{flex-shrink:0}.avatar-placeholder[data-v-474676a7]{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-474676a7]:hover{border-color:#10b981;background:#f0fdf4;color:#10b981}.placeholder-icon[data-v-474676a7]{width:2rem;height:2rem;stroke-width:1.5;opacity:.7;transition:all .3s ease}.avatar-placeholder:hover .placeholder-icon[data-v-474676a7]{opacity:1;transform:scale(1.1)}.placeholder-content[data-v-474676a7]{display:flex;flex-direction:column;align-items:center;gap:.5rem}.icon-upload-container[data-v-474676a7]{position:relative}.icon-placeholder[data-v-474676a7]{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-474676a7]:hover{border-color:#10b981;background:#f0fdf4;color:#10b981}.icon-placeholder:hover .placeholder-icon[data-v-474676a7]{opacity:1;transform:scale(1.1)}.screenshot-placeholder[data-v-474676a7]{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-474676a7]:hover{border-color:#10b981;background:#f0fdf4;color:#10b981}.screenshot-placeholder:hover .placeholder-icon[data-v-474676a7]{opacity:1;transform:scale(1.1)}.image-preview[data-v-474676a7]{margin-top:1rem}.preview-container[data-v-474676a7]{position:relative;display:inline-block}.image-preview img[data-v-474676a7]{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-474676a7]:hover{transform:scale(1.05);box-shadow:0 8px 25px #00000026}.remove-preview-btn[data-v-474676a7]{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-474676a7]:hover{background:#dc2626;transform:scale(1.1)}.screenshots-grid[data-v-474676a7]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-top:1rem}.screenshot-item[data-v-474676a7]{position:relative}.screenshot-preview[data-v-474676a7]{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-474676a7]:hover{transform:scale(1.05);box-shadow:0 8px 25px #00000026}.comments-section[data-v-474676a7]{margin-top:2rem;padding:1.5rem;background:#f8fafc;border-radius:1rem;border:1px solid #e2e8f0}.comments-header[data-v-474676a7]{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-474676a7]{margin:0;font-size:1.125rem;font-weight:600;color:#1e293b}.comments-actions[data-v-474676a7]{display:flex;gap:.75rem;align-items:center}.add-comment-btn[data-v-474676a7],.toggle-comments-btn[data-v-474676a7]{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-474676a7]{background:#3b82f6;color:#fff}.add-comment-btn[data-v-474676a7]:hover{background:#2563eb;transform:translateY(-1px)}.add-comment-btn svg[data-v-474676a7]{width:1rem;height:1rem}.toggle-comments-btn[data-v-474676a7]{background:#6b7280;color:#fff;font-size:.75rem;padding:.375rem .75rem}.toggle-comments-btn[data-v-474676a7]:hover{background:#4b5563}.comments-list[data-v-474676a7]{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem}.comment-item[data-v-474676a7]{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-474676a7]:hover{box-shadow:0 4px 12px #0000001a;border-color:#cbd5e1;transform:translateY(-1px)}.comment-header[data-v-474676a7]{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.comment-avatar[data-v-474676a7]{width:40px;height:40px;border-radius:50%;overflow:hidden;border:2px solid #e2e8f0;flex-shrink:0}.comment-avatar img[data-v-474676a7]{width:100%;height:100%;object-fit:cover}.avatar-placeholder[data-v-474676a7]{width:100%;height:100%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#64748b}.avatar-placeholder svg[data-v-474676a7]{width:20px;height:20px}.comment-info[data-v-474676a7]{flex:1;display:flex;flex-direction:column;gap:.25rem}.comment-user[data-v-474676a7]{font-weight:600;color:#1e293b;font-size:.875rem;margin:0}.comment-time[data-v-474676a7]{font-size:.75rem;color:#6b7280;margin:0;opacity:.8}.comment-content[data-v-474676a7]{margin-left:0}.comment-text[data-v-474676a7]{color:#374151;font-size:.875rem;line-height:1.5;word-wrap:break-word}.remove-comment-btn[data-v-474676a7]{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-474676a7]:hover{background:#ef4444;color:#fff;border-color:#dc2626;transform:scale(1.05);opacity:1}.remove-comment-btn svg[data-v-474676a7]{width:14px;height:14px}.no-comments[data-v-474676a7]{text-align:center;padding:2rem;color:#6b7280;font-style:italic}.no-comments p[data-v-474676a7]{margin:0;font-size:.875rem}.add-comment-form[data-v-474676a7]{margin-top:1rem;padding:1.5rem;background:#fff;border-radius:.75rem;border:1px solid #e2e8f0}.comment-form-grid[data-v-474676a7]{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1rem}.comment-form-column .form-group[data-v-474676a7]{margin-bottom:1rem}.comment-form-actions[data-v-474676a7]{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;border-top:1px solid #e2e8f0}.comment-cancel-btn[data-v-474676a7],.comment-save-btn[data-v-474676a7]{padding:.5rem 1.5rem;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s ease}.comment-cancel-btn[data-v-474676a7]{background:#6b7280;color:#fff}.comment-cancel-btn[data-v-474676a7]:hover{background:#4b5563}.comment-save-btn[data-v-474676a7]{background:#10b981;color:#fff}.comment-save-btn[data-v-474676a7]:hover{background:#059669;transform:translateY(-1px)}.comment-avatar-upload-container[data-v-474676a7]{position:relative}.comment-avatar-placeholder[data-v-474676a7]{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-474676a7]:hover{border-color:#3b82f6;background:#eff6ff}.comment-avatar-placeholder .placeholder-content[data-v-474676a7]{display:flex;align-items:center;justify-content:center;color:#6b7280}.comment-avatar-placeholder .placeholder-icon[data-v-474676a7]{width:24px;height:24px}.comment-avatar-placeholder .image-preview[data-v-474676a7]{width:100%;height:100%;position:relative}.comment-avatar-placeholder .preview-container[data-v-474676a7]{width:100%;height:100%;position:relative;border-radius:50%;overflow:hidden}.comment-avatar-placeholder .preview-container img[data-v-474676a7]{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.comment-item[data-v-474676a7]{grid-template-columns:1fr;gap:.5rem;text-align:left}.comment-avatar[data-v-474676a7]{width:32px;height:32px}.comment-form-grid[data-v-474676a7]{grid-template-columns:1fr;gap:1rem}.comments-header[data-v-474676a7]{flex-direction:column;align-items:flex-start}}.error-overlay[data-v-474676a7]{z-index:2000}.error-modal[data-v-474676a7]{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-474676a7]{background:linear-gradient(135deg,#fee2e2,#fecaca);padding:1.5rem;display:flex;align-items:center;gap:1rem}.error-modal-icon[data-v-474676a7]{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-474676a7]{width:24px;height:24px;stroke-width:2}.error-modal-header h3[data-v-474676a7]{margin:0;font-size:1.25rem;font-weight:600;color:#dc2626}.error-modal-body[data-v-474676a7]{padding:1.5rem;background:#fff}.error-modal-body p[data-v-474676a7]{margin:0;color:#374151;line-height:1.6}.error-modal-footer[data-v-474676a7]{padding:1rem 1.5rem;background:#f9fafb;display:flex;justify-content:flex-end}.modal-confirm-btn[data-v-474676a7]{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-474676a7]:hover{background:#b91c1c;transform:translateY(-1px)}.modal-confirm-btn[data-v-474676a7]:active{transform:translateY(0)}.toast-notification[data-v-474676a7]{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-474676a7 .3s ease-out;border:1px solid #e5e7eb}.toast-notification.success[data-v-474676a7]{border-left:4px solid #10b981;background:linear-gradient(135deg,#f0fdf4,#fff)}.toast-notification.error[data-v-474676a7]{border-left:4px solid #ef4444;background:linear-gradient(135deg,#fef2f2,#fff)}.toast-notification.info[data-v-474676a7]{border-left:4px solid #3b82f6;background:linear-gradient(135deg,#eff6ff,#fff)}.toast-icon[data-v-474676a7]{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-474676a7]{background:linear-gradient(135deg,#10b981,#059669)}.toast-notification.error .toast-icon[data-v-474676a7]{background:linear-gradient(135deg,#ef4444,#dc2626)}.toast-notification.info .toast-icon[data-v-474676a7]{background:linear-gradient(135deg,#3b82f6,#2563eb)}.toast-icon svg[data-v-474676a7]{width:1rem;height:1rem;color:#fff;stroke-width:2.5}.toast-content[data-v-474676a7]{flex:1;min-width:0}.toast-title[data-v-474676a7]{margin:0 0 .25rem;font-size:.95rem;font-weight:600;color:#1f2937;line-height:1.3}.toast-message[data-v-474676a7]{margin:0;color:#6b7280;line-height:1.4;font-size:.85rem}.toast-close[data-v-474676a7]{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-474676a7]:hover{background:#f3f4f6;color:#374151}.toast-close svg[data-v-474676a7]{width:.875rem;height:.875rem;stroke-width:2}@keyframes toastSlideIn-474676a7{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 640px){.toast-notification[data-v-474676a7]{top:1rem;right:1rem;left:1rem;min-width:auto;max-width:none}}.diary-management-container[data-v-09a16992]{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:20px}.page-header[data-v-09a16992]{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-09a16992]{display:flex;justify-content:space-between;align-items:center}.header-left[data-v-09a16992]{display:flex;align-items:center;gap:20px}.back-button[data-v-09a16992]{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-09a16992]:hover{background:#e9ecef;transform:translateY(-1px)}.back-button svg[data-v-09a16992]{width:16px;height:16px}.header-info[data-v-09a16992]{display:flex;flex-direction:column;gap:4px}.page-title[data-v-09a16992]{display:flex;align-items:center;gap:12px;margin:0;font-size:28px;font-weight:700;color:#2d3748}.title-icon[data-v-09a16992]{width:32px;height:32px;color:#3b82f6}.page-subtitle[data-v-09a16992]{margin:0;color:#718096;font-size:14px}.add-button[data-v-09a16992]{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-09a16992]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.add-button svg[data-v-09a16992]{width:16px;height:16px}.page-main[data-v-09a16992]{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-09a16992]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.section-title[data-v-09a16992]{margin:0;font-size:20px;font-weight:600;color:#2d3748}.total-count[data-v-09a16992]{color:#718096;font-weight:400}.section-actions[data-v-09a16992]{display:flex;gap:16px;align-items:center}.filter-box[data-v-09a16992]{position:relative}.mood-filter[data-v-09a16992]{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:14px;min-width:120px}.search-box[data-v-09a16992]{position:relative;display:flex;align-items:center}.search-icon[data-v-09a16992]{position:absolute;left:12px;width:16px;height:16px;color:#a0aec0;z-index:1}.search-input[data-v-09a16992]{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-09a16992]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-clear-btn[data-v-09a16992]{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-09a16992]:hover{color:#718096}.search-clear-btn svg[data-v-09a16992]{width:14px;height:14px}.loading-state[data-v-09a16992]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#718096}.loading-spinner[data-v-09a16992]{width:40px;height:40px;border:3px solid #e2e8f0;border-top:3px solid #3b82f6;border-radius:50%;animation:spin-09a16992 1s linear infinite;margin-bottom:16px}@keyframes spin-09a16992{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state[data-v-09a16992]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-icon[data-v-09a16992]{width:64px;height:64px;color:#cbd5e0;margin-bottom:16px}.empty-icon svg[data-v-09a16992]{width:100%;height:100%}.empty-state h3[data-v-09a16992]{margin:0 0 8px;font-size:18px;color:#4a5568}.empty-state p[data-v-09a16992]{margin:0 0 24px;color:#718096}.empty-action-button[data-v-09a16992]{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-09a16992]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.diaries-table-container[data-v-09a16992]{overflow-x:auto;border-radius:12px;border:1px solid #e2e8f0}.diaries-table[data-v-09a16992]{width:100%;border-collapse:collapse;background:#fff}.diaries-table th[data-v-09a16992]{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-09a16992]{padding:16px 12px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.diary-row[data-v-09a16992]:hover{background:#f8fafc}.title-cell .diary-title[data-v-09a16992]{font-weight:500;color:#2d3748;max-width:200px}.mood-cell .mood-display[data-v-09a16992]{display:flex;align-items:center;gap:8px}.mood-emoji[data-v-09a16992]{font-size:18px}.mood-text[data-v-09a16992]{color:#4a5568;font-size:14px}.content-cell .diary-content[data-v-09a16992]{color:#718096;max-width:300px;line-height:1.4}.game-cell .game-info[data-v-09a16992]{display:flex;align-items:center;gap:8px}.game-icon[data-v-09a16992]{width:24px;height:24px;border-radius:4px;object-fit:cover}.game-icon-placeholder[data-v-09a16992]{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-09a16992]{width:14px;height:14px}.game-name[data-v-09a16992]{color:#4a5568;font-size:14px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-game[data-v-09a16992]{color:#a0aec0;font-style:italic;font-size:14px}.time-cell .publish-time[data-v-09a16992]{color:#718096;font-size:14px}.actions-cell .action-buttons[data-v-09a16992]{display:flex;gap:8px}.view-btn[data-v-09a16992],.edit-btn[data-v-09a16992],.delete-btn[data-v-09a16992]{padding:6px;border:none;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.view-btn[data-v-09a16992]{background:#e6fffa;color:#319795}.view-btn[data-v-09a16992]:hover{background:#b2f5ea}.edit-btn[data-v-09a16992]{background:#fef5e7;color:#d69e2e}.edit-btn[data-v-09a16992]:hover{background:#faf089}.delete-btn[data-v-09a16992]{background:#fed7d7;color:#e53e3e}.delete-btn[data-v-09a16992]:hover{background:#feb2b2}.view-btn svg[data-v-09a16992],.edit-btn svg[data-v-09a16992],.delete-btn svg[data-v-09a16992]{width:14px;height:14px}.pagination[data-v-09a16992]{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-09a16992]{padding:8px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;transition:all .2s}.pagination-btn[data-v-09a16992]:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0}.pagination-btn[data-v-09a16992]:disabled{opacity:.5;cursor:not-allowed}.pagination-info[data-v-09a16992]{color:#718096;font-size:14px}.modal-overlay[data-v-09a16992]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content[data-v-09a16992]{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-09a16992]{max-width:700px}.modal-header[data-v-09a16992]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0}.modal-header h3[data-v-09a16992]{margin:0;font-size:18px;font-weight:600;color:#2d3748}.modal-close-btn[data-v-09a16992]{padding:6px;background:none;border:none;color:#a0aec0;cursor:pointer;border-radius:6px;transition:all .2s}.modal-close-btn[data-v-09a16992]:hover{background:#f7fafc;color:#718096}.modal-close-btn svg[data-v-09a16992]{width:16px;height:16px}.modal-body[data-v-09a16992]{padding:20px}.diary-form[data-v-09a16992]{display:flex;flex-direction:column;gap:16px}.form-group[data-v-09a16992]{display:flex;flex-direction:column;gap:6px}.form-group label[data-v-09a16992]{font-weight:500;color:#4a5568;font-size:14px}.form-group input[data-v-09a16992],.form-group select[data-v-09a16992],.form-group textarea[data-v-09a16992]{padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;transition:border-color .2s}.form-group input[data-v-09a16992]:focus,.form-group select[data-v-09a16992]:focus,.form-group textarea[data-v-09a16992]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea[data-v-09a16992]{resize:vertical;min-height:100px}.char-count[data-v-09a16992]{text-align:right;font-size:12px;color:#a0aec0}.game-section[data-v-09a16992]{gap:8px}.game-labels-row[data-v-09a16992]{display:flex;gap:12px;align-items:baseline;margin-bottom:8px}.game-labels-row>label[data-v-09a16992]:first-child{flex:1;font-size:14px;font-weight:500;color:#374151}.game-input-row[data-v-09a16992]{display:flex;gap:12px;align-items:flex-start}.game-name-input[data-v-09a16992]{flex:1}.game-icon-upload[data-v-09a16992]{flex-shrink:0}.icon-label[data-v-09a16992]{font-size:14px;color:#374151;font-weight:500;width:48px;text-align:center}.file-input[data-v-09a16992]{display:none}.icon-upload-btn[data-v-09a16992]{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-09a16992]:hover{border-color:#3b82f6;background-color:#f8fafc}.icon-preview[data-v-09a16992]{width:100%;height:100%;object-fit:cover;border-radius:6px}.upload-placeholder-square[data-v-09a16992]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#a0aec0;background-color:#f8fafc}.upload-placeholder-square svg[data-v-09a16992]{width:20px;height:20px;stroke-width:2}.form-actions[data-v-09a16992]{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.cancel-btn[data-v-09a16992]{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-09a16992]:hover{background:#edf2f7}.save-btn[data-v-09a16992]{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-09a16992]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.save-btn[data-v-09a16992]:disabled{opacity:.6;cursor:not-allowed}.diary-detail[data-v-09a16992]{display:flex;flex-direction:column;gap:24px}.detail-header[data-v-09a16992]{border-bottom:1px solid #e2e8f0;padding-bottom:16px}.detail-header .diary-title[data-v-09a16992]{margin:0 0 12px;font-size:24px;font-weight:600;color:#2d3748}.diary-meta[data-v-09a16992]{display:flex;justify-content:space-between;align-items:center}.mood-info[data-v-09a16992]{display:flex;align-items:center;gap:8px}.mood-info .mood-emoji[data-v-09a16992]{font-size:20px}.mood-info .mood-text[data-v-09a16992]{font-size:16px;color:#4a5568;font-weight:500}.diary-content-full[data-v-09a16992]{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-09a16992]{margin:0 0 12px;color:#4a5568;font-size:16px}.game-display[data-v-09a16992]{display:flex;align-items:center;gap:12px;padding:16px;background:#f7fafc;border-radius:8px}.game-icon-large[data-v-09a16992]{width:48px;height:48px;border-radius:8px;object-fit:cover}.game-name-large[data-v-09a16992]{font-size:16px;font-weight:500;color:#4a5568}@media (max-width: 768px){.diary-management-container[data-v-09a16992]{padding:12px}.header-content[data-v-09a16992]{flex-direction:column;gap:16px;align-items:stretch}.header-left[data-v-09a16992]{flex-direction:column;gap:12px;align-items:flex-start}.section-header[data-v-09a16992]{flex-direction:column;gap:16px;align-items:stretch}.section-actions[data-v-09a16992]{flex-direction:column;gap:12px}.search-input[data-v-09a16992]{width:100%}.diaries-table-container[data-v-09a16992]{font-size:14px}.diaries-table th[data-v-09a16992],.diaries-table td[data-v-09a16992]{padding:12px 8px}.modal-content[data-v-09a16992]{margin:10px;max-height:calc(100vh - 20px)}.modal-body[data-v-09a16992]{padding:16px}.form-actions[data-v-09a16992]{flex-direction:column}.cancel-btn[data-v-09a16992],.save-btn[data-v-09a16992]{width:100%}}.delete-modal[data-v-09a16992]{max-width:400px}.delete-modal-header[data-v-09a16992]{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 2rem 1rem;text-align:center}.delete-modal-icon[data-v-09a16992]{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-09a16992]{width:2rem;height:2rem}.delete-modal-header h3[data-v-09a16992]{margin:0;color:#374151;font-size:1.25rem;font-weight:700}.delete-modal-body[data-v-09a16992]{padding:0 2rem 1rem;text-align:center}.delete-modal-body p[data-v-09a16992]{margin:0 0 .5rem;color:#6b7280}.delete-warning[data-v-09a16992]{color:#dc2626;font-weight:500;font-size:.9rem}.delete-modal-footer[data-v-09a16992]{display:flex;gap:1rem;justify-content:center;padding:1rem 2rem 2rem}.modal-cancel-btn[data-v-09a16992]{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-09a16992]:hover:not(:disabled){background:#e5e7eb;transform:translateY(-1px)}.modal-cancel-btn[data-v-09a16992]:disabled{opacity:.7;cursor:not-allowed}.modal-delete-btn[data-v-09a16992]{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-09a16992]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.modal-delete-btn[data-v-09a16992]:disabled{opacity:.7;cursor:not-allowed}.modal-delete-btn .loading-spinner[data-v-09a16992]{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin-09a16992 1s linear infinite}.toast-notification[data-v-09a16992]{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-09a16992 .3s ease-out;border:1px solid #e5e7eb}.toast-notification.success[data-v-09a16992]{border-left:4px solid #10b981;background:linear-gradient(135deg,#f0fdf4,#fff)}.toast-notification.error[data-v-09a16992]{border-left:4px solid #ef4444;background:linear-gradient(135deg,#fef2f2,#fff)}.toast-notification.info[data-v-09a16992]{border-left:4px solid #3b82f6;background:linear-gradient(135deg,#eff6ff,#fff)}.toast-icon[data-v-09a16992]{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-09a16992]{background:linear-gradient(135deg,#10b981,#059669)}.toast-notification.error .toast-icon[data-v-09a16992]{background:linear-gradient(135deg,#ef4444,#dc2626)}.toast-notification.info .toast-icon[data-v-09a16992]{background:linear-gradient(135deg,#3b82f6,#2563eb)}.toast-icon svg[data-v-09a16992]{width:1rem;height:1rem;color:#fff;stroke-width:2.5}.toast-content[data-v-09a16992]{flex:1;min-width:0}.toast-title[data-v-09a16992]{margin:0 0 .25rem;font-size:.95rem;font-weight:600;color:#1f2937;line-height:1.3}.toast-message[data-v-09a16992]{margin:0;color:#6b7280;line-height:1.4;font-size:.85rem}.toast-close[data-v-09a16992]{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-09a16992]:hover{background:#f3f4f6;color:#374151}.toast-close svg[data-v-09a16992]{width:.875rem;height:.875rem;stroke-width:2}@keyframes toastSlideIn-09a16992{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 640px){.toast-notification[data-v-09a16992]{top:1rem;right:1rem;left:1rem;min-width:auto;max-width:none}@keyframes toastSlideIn-09a16992{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}}.app-management-container[data-v-5ee0c32f]{min-height:100vh;background:linear-gradient(135deg,#f7fafc,#edf2f7);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.page-header[data-v-5ee0c32f]{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-5ee0c32f]{display:flex;justify-content:space-between;align-items:center;max-width:95%;margin:0 auto}.header-left[data-v-5ee0c32f]{display:flex;align-items:center;gap:1.5rem}.back-button[data-v-5ee0c32f]{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-5ee0c32f]:hover{background:#4a556833;transform:translateY(-1px)}.back-button svg[data-v-5ee0c32f]{width:16px;height:16px}.page-title[data-v-5ee0c32f]{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.75rem;font-weight:700;color:#2d3748}.title-icon[data-v-5ee0c32f]{width:28px;height:28px;color:#4a5568}.page-subtitle[data-v-5ee0c32f]{margin:.25rem 0 0;color:#718096;font-size:.9rem}.add-button[data-v-5ee0c32f]{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-5ee0c32f]:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d}.add-button svg[data-v-5ee0c32f]{width:16px;height:16px}.page-main[data-v-5ee0c32f]{padding:2rem}.page-content[data-v-5ee0c32f]{max-width:95%;margin:0 auto}.stats-section[data-v-5ee0c32f]{margin-bottom:2rem}.stats-grid[data-v-5ee0c32f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.stat-card[data-v-5ee0c32f]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease;border:1px solid rgba(255,255,255,.2)}.stat-card[data-v-5ee0c32f]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.stat-icon[data-v-5ee0c32f]{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#cbd5e1;color:#334155}.stat-icon.published[data-v-5ee0c32f]{background:#bfdbfe;color:#1e40af}.stat-icon.unpublished[data-v-5ee0c32f]{background:#fdba74;color:#9a3412}.stat-icon.banned[data-v-5ee0c32f]{background:#fca5a5;color:#991b1b}.stat-icon svg[data-v-5ee0c32f]{width:24px;height:24px;color:#fff}.stat-content h3[data-v-5ee0c32f]{margin:0;font-size:2rem;font-weight:700;color:#2d3748}.stat-content p[data-v-5ee0c32f]{margin:.25rem 0 0;color:#718096;font-size:.9rem}.apps-section[data-v-5ee0c32f]{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-5ee0c32f]{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-5ee0c32f]{margin:0;font-size:1.25rem;font-weight:600;color:#2d3748}.total-count[data-v-5ee0c32f]{color:#4a5568;font-weight:500}.section-actions[data-v-5ee0c32f]{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.filter-group[data-v-5ee0c32f]{display:flex;gap:.75rem;align-items:center}.filter-select[data-v-5ee0c32f],.search-input[data-v-5ee0c32f]{padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem;transition:all .3s ease}.filter-select[data-v-5ee0c32f]:focus,.search-input[data-v-5ee0c32f]:focus{outline:none;border-color:#4a5568;box-shadow:0 0 0 3px #4a55681a}.search-input[data-v-5ee0c32f]{width:250px}.table-container[data-v-5ee0c32f]{overflow-x:auto}.apps-table[data-v-5ee0c32f]{width:100%;border-collapse:collapse}.apps-table th[data-v-5ee0c32f],.apps-table td[data-v-5ee0c32f]{padding:1rem;text-align:left;border-bottom:1px solid rgba(0,0,0,.05)}.apps-table th[data-v-5ee0c32f]{background:#4a55680d;font-weight:600;color:#4a5568;font-size:.9rem}.checkbox-column[data-v-5ee0c32f]{width:50px;text-align:center}.icon-column[data-v-5ee0c32f]{width:80px}.app-icon[data-v-5ee0c32f]{width:40px;height:40px;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f7fafc}.app-icon img[data-v-5ee0c32f]{width:100%;height:100%;object-fit:cover}.default-icon[data-v-5ee0c32f]{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-5ee0c32f]{width:20px;height:20px}.app-name[data-v-5ee0c32f]{font-weight:600;color:#2d3748}.package-name[data-v-5ee0c32f]{font-family:Courier New,monospace;font-size:.85rem;color:#718096}.version-badge[data-v-5ee0c32f]{background:#4a55681a;color:#4a5568;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:500}.developer-name[data-v-5ee0c32f]{color:#4a5568}.status-badge[data-v-5ee0c32f]{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.status-badge.published[data-v-5ee0c32f]{background:#48bb781a;color:#38a169}.status-badge.unpublished[data-v-5ee0c32f]{background:#ed89361a;color:#dd6b20}.status-badge.banned[data-v-5ee0c32f]{background:#f565651a;color:#e53e3e}.ab-test-select[data-v-5ee0c32f]{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-5ee0c32f]:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000001a}.ab-test-select[data-v-5ee0c32f]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.ab-test-select option[data-v-5ee0c32f]{padding:8px;background-color:#fff;color:#374151}.ab-test-select.ab-test-closed[data-v-5ee0c32f]{background-color:#fef2f2;border-color:#fca5a5;color:#dc2626}.ab-test-select.ab-test-closed[data-v-5ee0c32f]:hover{border-color:#f87171;box-shadow:0 1px 3px #dc262633}.ab-test-select.ab-test-enabled[data-v-5ee0c32f]{background-color:#f0fdf4;border-color:#86efac;color:#16a34a}.ab-test-select.ab-test-enabled[data-v-5ee0c32f]:hover{border-color:#4ade80;box-shadow:0 1px 3px #16a34a33}.ab-test-select.ab-test-enhanced[data-v-5ee0c32f]{background-color:#064e3b;border-color:#047857;color:#fff}.ab-test-select.ab-test-enhanced[data-v-5ee0c32f]:hover{border-color:#059669;box-shadow:0 1px 3px #0478574d}.publish-time[data-v-5ee0c32f]{font-size:.85rem;color:#718096}.actions-column[data-v-5ee0c32f]{width:200px}.action-buttons[data-v-5ee0c32f]{display:flex;gap:.5rem}.action-button[data-v-5ee0c32f]{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-5ee0c32f]{width:16px;height:16px}.action-button.edit[data-v-5ee0c32f]{background:#4a55681a;color:#4a5568}.action-button.edit[data-v-5ee0c32f]:hover{background:#4a556833}.action-button.publish[data-v-5ee0c32f]{background:#48bb781a;color:#38a169}.action-button.publish[data-v-5ee0c32f]:hover{background:#48bb7833}.action-button.unpublish[data-v-5ee0c32f]{background:#ed89361a;color:#dd6b20}.action-button.unpublish[data-v-5ee0c32f]:hover{background:#ed893633}.action-button.ban[data-v-5ee0c32f]{background:#f565651a;color:#e53e3e}.action-button.ban[data-v-5ee0c32f]:hover{background:#f5656533}.action-button.delete[data-v-5ee0c32f]{background:#f565651a;color:#e53e3e}.action-button.delete[data-v-5ee0c32f]:hover{background:#f5656533}.pagination-container[data-v-5ee0c32f]{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-5ee0c32f]{color:#718096;font-size:.9rem}.pagination[data-v-5ee0c32f]{display:flex;align-items:center;gap:1rem}.pagination-button[data-v-5ee0c32f]{padding:.5rem 1rem;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#4a5568;cursor:pointer;transition:all .3s ease}.pagination-button[data-v-5ee0c32f]:hover:not(:disabled){background:#f7fafc;border-color:#4a5568}.pagination-button[data-v-5ee0c32f]:disabled{opacity:.5;cursor:not-allowed}.page-info[data-v-5ee0c32f]{color:#4a5568;font-weight:500}.modal-overlay[data-v-5ee0c32f]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-content[data-v-5ee0c32f]{background:#fff;border-radius:12px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto}.modal-header[data-v-5ee0c32f]{padding:1.5rem 2rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-5ee0c32f]{margin:0;font-size:1.25rem;font-weight:600;color:#2d3748}.close-button[data-v-5ee0c32f]{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-5ee0c32f]:hover{background:#f7fafc;color:#4a5568}.close-button svg[data-v-5ee0c32f]{width:16px;height:16px}.modal-body[data-v-5ee0c32f]{padding:2rem}.app-form[data-v-5ee0c32f]{display:flex;flex-direction:column;gap:1.5rem}.form-row[data-v-5ee0c32f]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group[data-v-5ee0c32f]{display:flex;flex-direction:column;gap:.5rem}.form-group label[data-v-5ee0c32f]{font-weight:500;color:#4a5568;font-size:.9rem}.form-group input[data-v-5ee0c32f],.form-group select[data-v-5ee0c32f],.form-group textarea[data-v-5ee0c32f]{padding:.75rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem;transition:all .3s ease}.form-group input[data-v-5ee0c32f]:focus,.form-group select[data-v-5ee0c32f]:focus,.form-group textarea[data-v-5ee0c32f]:focus{outline:none;border-color:#4a5568;box-shadow:0 0 0 3px #4a55681a}.switch-group[data-v-5ee0c32f]{flex-direction:row;align-items:center}.switch-label[data-v-5ee0c32f]{display:flex;align-items:center;justify-content:flex-start;width:100%;cursor:pointer;gap:.75rem}.switch-text[data-v-5ee0c32f]{font-weight:500;color:#4a5568;font-size:.9rem}.checkbox-group[data-v-5ee0c32f]{flex-direction:row;align-items:center}.checkbox-label[data-v-5ee0c32f]{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkmark[data-v-5ee0c32f]{width:18px;height:18px;border:2px solid #e2e8f0;border-radius:4px;position:relative;transition:all .3s ease}.checkbox-label input:checked+.checkmark[data-v-5ee0c32f]{background:#4a5568;border-color:#4a5568}.checkbox-label input:checked+.checkmark[data-v-5ee0c32f]: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-5ee0c32f]{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.cancel-button[data-v-5ee0c32f],.submit-button[data-v-5ee0c32f]{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-5ee0c32f]{background:#f7fafc;color:#4a5568;border:1px solid #e2e8f0}.cancel-button[data-v-5ee0c32f]:hover{background:#edf2f7}.submit-button[data-v-5ee0c32f]{background:#4a5568;color:#fff}.submit-button[data-v-5ee0c32f]:hover{background:#2d3748;transform:translateY(-1px);box-shadow:0 4px 12px #4a55684d}.code-position-inputs[data-v-5ee0c32f]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.code-position-input[data-v-5ee0c32f]{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;transition:all .2s ease;background:#fff}.code-position-input[data-v-5ee0c32f]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.code-position-input[data-v-5ee0c32f]::placeholder{color:#a0aec0;font-size:.85rem}.icon-upload-container[data-v-5ee0c32f]{position:relative;display:inline-block;width:120px;height:120px}.file-input[data-v-5ee0c32f]{display:none}.icon-placeholder[data-v-5ee0c32f]{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-5ee0c32f]:hover{border-color:#4a5568;background-color:#f7fafc}.icon-preview[data-v-5ee0c32f]{width:100%;height:100%;object-fit:cover;border-radius:6px}.placeholder-content[data-v-5ee0c32f]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#a0aec0;text-align:center;padding:1rem}.placeholder-icon[data-v-5ee0c32f]{width:32px;height:32px;margin-bottom:.5rem}.placeholder-text[data-v-5ee0c32f]{font-size:.8rem;font-weight:500}.remove-icon-btn[data-v-5ee0c32f]{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-5ee0c32f]:hover{background:#c53030;transform:scale(1.1)}.remove-icon-btn svg[data-v-5ee0c32f]{width:10px;height:10px}@media (max-width: 768px){.header-content[data-v-5ee0c32f]{flex-direction:column;gap:1rem;align-items:stretch}.section-header[data-v-5ee0c32f],.section-actions[data-v-5ee0c32f]{flex-direction:column;align-items:stretch}.filter-group[data-v-5ee0c32f]{flex-direction:column}.search-input[data-v-5ee0c32f]{width:100%}.form-row[data-v-5ee0c32f],.stats-grid[data-v-5ee0c32f]{grid-template-columns:1fr}.pagination-container[data-v-5ee0c32f]{flex-direction:column;gap:1rem}}.form-select[data-v-5ee0c32f]{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-5ee0c32f]:focus{outline:none;border-color:#4a5568;box-shadow:0 0 0 3px #4a55681a}.form-select option[data-v-5ee0c32f]{padding:.5rem}.delete-modal-overlay[data-v-5ee0c32f]{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-5ee0c32f]{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-5ee0c32f .3s ease-out}@keyframes modalSlideIn-5ee0c32f{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.delete-modal-header[data-v-5ee0c32f]{padding:1.5rem 1.5rem 1rem;text-align:center}.delete-modal-icon[data-v-5ee0c32f]{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-5ee0c32f]{width:24px;height:24px;stroke-width:2}.delete-modal-header h3[data-v-5ee0c32f]{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.delete-modal-body[data-v-5ee0c32f]{padding:0 1.5rem 1.5rem;text-align:center}.delete-modal-body p[data-v-5ee0c32f]{margin:0 0 .75rem;color:#4b5563;line-height:1.5}.delete-warning[data-v-5ee0c32f]{font-size:.875rem;color:#dc2626;font-weight:500}.delete-modal-footer[data-v-5ee0c32f]{padding:1rem 1.5rem;background:#f9fafb;display:flex;gap:.75rem;justify-content:flex-end}.modal-cancel-btn[data-v-5ee0c32f],.modal-delete-btn[data-v-5ee0c32f]{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-5ee0c32f]{background:#fff;color:#374151;border:1px solid #d1d5db}.modal-cancel-btn[data-v-5ee0c32f]:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.modal-delete-btn[data-v-5ee0c32f]{background:#dc2626;color:#fff}.modal-delete-btn[data-v-5ee0c32f]:hover:not(:disabled){background:#b91c1c}.modal-cancel-btn[data-v-5ee0c32f]:disabled,.modal-delete-btn[data-v-5ee0c32f]:disabled{opacity:.6;cursor:not-allowed}.loading-spinner[data-v-5ee0c32f]{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin-5ee0c32f 1s linear infinite}@keyframes spin-5ee0c32f{to{transform:rotate(360deg)}}.toast-notification[data-v-5ee0c32f]{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-5ee0c32f .3s ease-out;border:1px solid #e5e7eb}.toast-notification.success[data-v-5ee0c32f]{border-left:4px solid #10b981;background:linear-gradient(135deg,#f0fdf4,#fff)}.toast-notification.error[data-v-5ee0c32f]{border-left:4px solid #ef4444;background:linear-gradient(135deg,#fef2f2,#fff)}.toast-notification.info[data-v-5ee0c32f]{border-left:4px solid #3b82f6;background:linear-gradient(135deg,#eff6ff,#fff)}.toast-icon[data-v-5ee0c32f]{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-5ee0c32f]{background:linear-gradient(135deg,#10b981,#059669)}.toast-notification.error .toast-icon[data-v-5ee0c32f]{background:linear-gradient(135deg,#ef4444,#dc2626)}.toast-notification.info .toast-icon[data-v-5ee0c32f]{background:linear-gradient(135deg,#3b82f6,#2563eb)}.toast-icon svg[data-v-5ee0c32f]{width:1rem;height:1rem;color:#fff;stroke-width:2.5}.toast-content[data-v-5ee0c32f]{flex:1;min-width:0}.toast-title[data-v-5ee0c32f]{margin:0 0 .25rem;font-size:.95rem;font-weight:600;color:#1f2937;line-height:1.3}.toast-message[data-v-5ee0c32f]{margin:0;color:#6b7280;line-height:1.4;font-size:.85rem}.toast-close[data-v-5ee0c32f]{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-5ee0c32f]:hover{background:#f3f4f6;color:#374151}.toast-close svg[data-v-5ee0c32f]{width:.875rem;height:.875rem;stroke-width:2}@keyframes toastSlideIn-5ee0c32f{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 640px){.toast-notification[data-v-5ee0c32f]{top:1rem;right:1rem;left:1rem;min-width:auto;max-width:none}@keyframes toastSlideIn-5ee0c32f{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}}.region-management[data-v-f936bd1f]{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:24px}.page-header[data-v-f936bd1f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:20px}.header-left[data-v-f936bd1f]{display:flex;align-items:center;gap:20px}.back-button[data-v-f936bd1f]{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-f936bd1f]:hover{background:#e9ecef;transform:translateY(-1px)}.back-button svg[data-v-f936bd1f]{width:16px;height:16px}.header-info[data-v-f936bd1f]{display:flex;flex-direction:column;gap:4px}.page-title[data-v-f936bd1f]{display:flex;align-items:center;gap:12px;margin:0;font-size:28px;font-weight:700;color:#2d3748}.title-icon[data-v-f936bd1f]{width:32px;height:32px;color:#3b82f6}.page-subtitle[data-v-f936bd1f]{margin:0;color:#718096;font-size:14px}.add-button[data-v-f936bd1f]{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-f936bd1f]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.add-button svg[data-v-f936bd1f]{width:16px;height:16px}.page-main[data-v-f936bd1f]{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-f936bd1f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.stat-card[data-v-f936bd1f]{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-f936bd1f]:hover{transform:translateY(-2px)}.stat-icon[data-v-f936bd1f]{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-card.total .stat-icon[data-v-f936bd1f]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-card.enabled .stat-icon[data-v-f936bd1f]{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.stat-card.disabled .stat-icon[data-v-f936bd1f]{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.stat-icon svg[data-v-f936bd1f]{width:24px;height:24px}.stat-content h3[data-v-f936bd1f]{margin:0 0 4px;font-size:24px;font-weight:700;color:#2d3748}.stat-content p[data-v-f936bd1f]{margin:0;color:#718096;font-size:14px}.section-header[data-v-f936bd1f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.section-title[data-v-f936bd1f]{margin:0;font-size:20px;font-weight:600;color:#2d3748}.total-count[data-v-f936bd1f]{color:#718096;font-weight:400}.section-actions[data-v-f936bd1f]{display:flex;gap:16px;align-items:center}.search-box[data-v-f936bd1f]{position:relative;display:flex;align-items:center}.search-icon[data-v-f936bd1f]{position:absolute;left:12px;width:16px;height:16px;color:#a0aec0;z-index:1}.search-input[data-v-f936bd1f]{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-f936bd1f]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-clear-btn[data-v-f936bd1f]{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-f936bd1f]:hover{color:#718096}.search-clear-btn svg[data-v-f936bd1f]{width:14px;height:14px}.status-filter[data-v-f936bd1f]{padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:14px;min-width:120px}.refresh-button[data-v-f936bd1f],.batch-delete-button[data-v-f936bd1f]{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-f936bd1f]:hover{background:#f7fafc;border-color:#cbd5e0}.batch-delete-button[data-v-f936bd1f]{background:#fed7d7;color:#e53e3e;border-color:#feb2b2}.batch-delete-button[data-v-f936bd1f]:hover{background:#feb2b2}.refresh-button svg[data-v-f936bd1f],.batch-delete-button svg[data-v-f936bd1f]{width:16px;height:16px}.loading-state[data-v-f936bd1f]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#718096}.loading-spinner[data-v-f936bd1f]{width:40px;height:40px;border:3px solid #e2e8f0;border-top:3px solid #3b82f6;border-radius:50%;animation:spin-f936bd1f 1s linear infinite;margin-bottom:16px}@keyframes spin-f936bd1f{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state[data-v-f936bd1f]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-icon[data-v-f936bd1f]{width:64px;height:64px;color:#cbd5e0;margin-bottom:16px}.empty-icon svg[data-v-f936bd1f]{width:100%;height:100%}.empty-state h3[data-v-f936bd1f]{margin:0 0 8px;font-size:18px;color:#4a5568}.empty-state p[data-v-f936bd1f]{margin:0 0 24px;color:#718096}.empty-action-button[data-v-f936bd1f]{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-f936bd1f]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.regions-table-container[data-v-f936bd1f]{overflow-x:auto;border-radius:12px;border:1px solid #e2e8f0}.regions-table[data-v-f936bd1f]{width:100%;border-collapse:collapse;background:#fff}.regions-table th[data-v-f936bd1f]{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-f936bd1f]{padding:16px 12px;border-bottom:1px solid #f1f5f9;font-size:14px}.table-row[data-v-f936bd1f]:hover{background:#f8fafc}.checkbox[data-v-f936bd1f]{width:16px;height:16px;cursor:pointer}.region-name[data-v-f936bd1f]{font-weight:500;color:#2d3748}.region-code[data-v-f936bd1f]{font-family:monospace;background:#f7fafc;padding:4px 8px;border-radius:4px;color:#4a5568}.status-badge[data-v-f936bd1f]{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.status-badge.enabled[data-v-f936bd1f]{background:#d1fae5;color:#065f46}.status-badge.disabled[data-v-f936bd1f]{background:#fee2e2;color:#991b1b}.description[data-v-f936bd1f]{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#718096}.date[data-v-f936bd1f]{color:#718096;font-size:13px}.actions[data-v-f936bd1f]{display:flex;gap:8px}.action-btn[data-v-f936bd1f]{padding:8px;border:none;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.edit-btn[data-v-f936bd1f]{background:#fef5e7;color:#d69e2e}.edit-btn[data-v-f936bd1f]:hover{background:#faf089}.toggle-btn[data-v-f936bd1f]{background:#e6fffa;color:#319795}.toggle-btn[data-v-f936bd1f]:hover{background:#b2f5ea}.delete-btn[data-v-f936bd1f]{background:#fed7d7;color:#e53e3e}.delete-btn[data-v-f936bd1f]:hover{background:#feb2b2}.action-btn svg[data-v-f936bd1f]{width:14px;height:14px}.pagination[data-v-f936bd1f]{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-f936bd1f]{padding:8px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;transition:all .2s}.pagination-btn[data-v-f936bd1f]:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0}.pagination-btn[data-v-f936bd1f]:disabled{opacity:.5;cursor:not-allowed}.pagination-info[data-v-f936bd1f]{color:#718096;font-size:14px}.modal-overlay[data-v-f936bd1f]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content[data-v-f936bd1f]{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-f936bd1f]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}.modal-header h3[data-v-f936bd1f]{margin:0;font-size:18px;font-weight:600;color:#2d3748}.modal-close-btn[data-v-f936bd1f]{padding:8px;background:none;border:none;color:#a0aec0;cursor:pointer;border-radius:6px;transition:all .2s}.modal-close-btn[data-v-f936bd1f]:hover{background:#f7fafc;color:#4a5568}.modal-close-btn svg[data-v-f936bd1f]{width:16px;height:16px}.modal-body[data-v-f936bd1f]{padding:24px}.region-form[data-v-f936bd1f]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-f936bd1f]{display:flex;flex-direction:column;gap:8px}.form-group label[data-v-f936bd1f]{font-weight:500;color:#4a5568;font-size:14px}.form-input[data-v-f936bd1f],.form-select[data-v-f936bd1f],.form-textarea[data-v-f936bd1f]{padding:12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;transition:border-color .2s}.form-input[data-v-f936bd1f]:focus,.form-select[data-v-f936bd1f]:focus,.form-textarea[data-v-f936bd1f]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-textarea[data-v-f936bd1f]{resize:vertical;min-height:80px}.modal-footer[data-v-f936bd1f]{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e2e8f0}.cancel-btn[data-v-f936bd1f],.save-btn[data-v-f936bd1f],.delete-confirm-btn[data-v-f936bd1f]{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.cancel-btn[data-v-f936bd1f]{background:#f7fafc;color:#4a5568;border:1px solid #e2e8f0}.cancel-btn[data-v-f936bd1f]:hover{background:#edf2f7}.save-btn[data-v-f936bd1f]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.save-btn[data-v-f936bd1f]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.delete-confirm-btn[data-v-f936bd1f]{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.delete-confirm-btn[data-v-f936bd1f]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.delete-modal[data-v-f936bd1f]{max-width:400px}.delete-modal-header[data-v-f936bd1f]{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 32px 16px;text-align:center}.delete-modal-icon[data-v-f936bd1f]{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-f936bd1f]{width:32px;height:32px}.delete-modal-header h3[data-v-f936bd1f]{margin:0;color:#374151;font-size:20px;font-weight:700}.delete-modal-body[data-v-f936bd1f]{padding:0 32px 16px;text-align:center}.delete-modal-body p[data-v-f936bd1f]{margin:0 0 8px;color:#6b7280}.delete-warning[data-v-f936bd1f]{color:#dc2626;font-weight:500;font-size:14px}.toast-notification[data-v-f936bd1f]{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-f936bd1f .3s ease-out;border:1px solid #e5e7eb;z-index:1001}.toast-notification.success[data-v-f936bd1f]{border-left:4px solid #10b981;background:linear-gradient(135deg,#f0fdf4,#fff)}.toast-notification.error[data-v-f936bd1f]{border-left:4px solid #ef4444;background:linear-gradient(135deg,#fef2f2,#fff)}.toast-notification.info[data-v-f936bd1f]{border-left:4px solid #3b82f6;background:linear-gradient(135deg,#eff6ff,#fff)}.toast-icon[data-v-f936bd1f]{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-f936bd1f]{background:linear-gradient(135deg,#10b981,#059669)}.toast-notification.error .toast-icon[data-v-f936bd1f]{background:linear-gradient(135deg,#ef4444,#dc2626)}.toast-notification.info .toast-icon[data-v-f936bd1f]{background:linear-gradient(135deg,#3b82f6,#2563eb)}.toast-icon svg[data-v-f936bd1f]{width:16px;height:16px;color:#fff;stroke-width:2.5}.toast-content[data-v-f936bd1f]{flex:1;min-width:0}.toast-title[data-v-f936bd1f]{margin:0 0 4px;font-size:15px;font-weight:600;color:#1f2937;line-height:1.3}.toast-message[data-v-f936bd1f]{margin:0;color:#6b7280;line-height:1.4;font-size:14px}.toast-close[data-v-f936bd1f]{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-f936bd1f]:hover{background:#f3f4f6;color:#374151}.toast-close svg[data-v-f936bd1f]{width:14px;height:14px;stroke-width:2}@keyframes toastSlideIn-f936bd1f{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.region-management[data-v-f936bd1f]{padding:16px}.page-header[data-v-f936bd1f]{flex-direction:column;gap:16px;align-items:stretch}.header-left[data-v-f936bd1f]{flex-direction:column;gap:12px;align-items:flex-start}.stats-grid[data-v-f936bd1f]{grid-template-columns:1fr}.section-header[data-v-f936bd1f]{flex-direction:column;gap:16px;align-items:stretch}.section-actions[data-v-f936bd1f]{flex-direction:column;gap:12px}.search-input[data-v-f936bd1f]{width:100%}.regions-table-container[data-v-f936bd1f]{font-size:12px}.regions-table th[data-v-f936bd1f],.regions-table td[data-v-f936bd1f]{padding:12px 8px}.modal-content[data-v-f936bd1f]{margin:10px;max-height:calc(100vh - 20px)}.modal-body[data-v-f936bd1f]{padding:16px}.modal-footer[data-v-f936bd1f]{flex-direction:column}.cancel-btn[data-v-f936bd1f],.save-btn[data-v-f936bd1f]{width:100%}.toast-notification[data-v-f936bd1f]{top:16px;right:16px;left:16px;min-width:auto;max-width:none}@keyframes toastSlideIn-f936bd1f{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}}.account-management-container[data-v-291d6b7a]{min-height:100vh;background:#f8fafc;padding:20px}.page-header[data-v-291d6b7a]{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000001a;border:1px solid #e2e8f0}.header-content[data-v-291d6b7a]{display:flex;justify-content:space-between;align-items:center}.header-left[data-v-291d6b7a]{display:flex;align-items:center;gap:16px}.back-button[data-v-291d6b7a]{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-291d6b7a]:hover{background:#e2e8f0;color:#475569}.back-button svg[data-v-291d6b7a]{width:16px;height:16px}.header-info h1[data-v-291d6b7a]{margin:0;font-size:28px;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:12px}.title-icon[data-v-291d6b7a]{width:32px;height:32px;color:#3b82f6}.page-subtitle[data-v-291d6b7a]{margin:4px 0 0;color:#64748b;font-size:14px}.add-button[data-v-291d6b7a]{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-291d6b7a]:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.add-button svg[data-v-291d6b7a]{width:16px;height:16px}.page-main[data-v-291d6b7a]{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000001a;border:1px solid #e2e8f0;overflow:hidden}.page-content[data-v-291d6b7a]{padding:24px}.stats-section[data-v-291d6b7a]{margin-bottom:32px}.stats-grid[data-v-291d6b7a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stat-card[data-v-291d6b7a]{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-291d6b7a]:hover{transform:translateY(-2px)}.stat-icon[data-v-291d6b7a]{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;color:#64748b}.stat-icon.idle[data-v-291d6b7a]{background:#f0f9ff;color:#0284c7}.stat-icon.working[data-v-291d6b7a]{background:#fef3c7;color:#d97706}.stat-icon.banned[data-v-291d6b7a]{background:#fef2f2;color:#dc2626}.stat-icon.enabled[data-v-291d6b7a]{background:#dcfce7;color:#16a34a}.stat-icon.disabled[data-v-291d6b7a]{background:#fef2f2;color:#dc2626}.stat-icon svg[data-v-291d6b7a]{width:24px;height:24px}.stat-content h3[data-v-291d6b7a]{margin:0;font-size:24px;font-weight:700;color:#1e293b}.stat-content p[data-v-291d6b7a]{margin:4px 0 0;color:#64748b;font-size:14px}.accounts-section[data-v-291d6b7a]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.section-header[data-v-291d6b7a]{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-291d6b7a]{margin:0;font-size:18px;font-weight:600;color:#1e293b}.total-count[data-v-291d6b7a]{color:#64748b;font-weight:400}.section-actions[data-v-291d6b7a]{display:flex;align-items:center;gap:12px}.filter-group[data-v-291d6b7a]{display:flex;gap:8px}.filter-select[data-v-291d6b7a]{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:14px}.search-box[data-v-291d6b7a]{position:relative;display:flex;align-items:center}.search-icon[data-v-291d6b7a]{position:absolute;left:12px;width:16px;height:16px;color:#9ca3af;pointer-events:none}.search-input[data-v-291d6b7a]{padding:8px 12px 8px 36px;border:1px solid #d1d5db;border-radius:6px;width:250px;font-size:14px}.search-clear-btn[data-v-291d6b7a]{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-291d6b7a]:hover{background:#f3f4f6;color:#6b7280}.search-clear-btn svg[data-v-291d6b7a]{width:12px;height:12px}.loading-state[data-v-291d6b7a],.empty-state[data-v-291d6b7a]{padding:60px 20px;text-align:center;color:#64748b}.loading-spinner[data-v-291d6b7a]{width:40px;height:40px;border:3px solid #f3f4f6;border-top:3px solid #667eea;border-radius:50%;animation:spin-291d6b7a 1s linear infinite;margin:0 auto 16px}.empty-icon[data-v-291d6b7a]{width:64px;height:64px;margin:0 auto 16px;color:#cbd5e1}.empty-icon svg[data-v-291d6b7a]{width:100%;height:100%}.empty-state h3[data-v-291d6b7a]{margin:0 0 8px;color:#475569}.empty-action-button[data-v-291d6b7a]{margin-top:16px;padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer}.accounts-table-container[data-v-291d6b7a]{overflow-x:auto}.table-actions[data-v-291d6b7a]{padding:16px 24px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.batch-actions[data-v-291d6b7a]{display:flex;align-items:center;gap:12px}.selected-count[data-v-291d6b7a]{color:#64748b;font-size:14px}.batch-btn[data-v-291d6b7a]{padding:6px 12px;border:none;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.idle-btn[data-v-291d6b7a]{background:#f0f9ff;color:#0284c7}.idle-btn[data-v-291d6b7a]:hover{background:#e0f2fe}.working-btn[data-v-291d6b7a]{background:#fef3c7;color:#d97706}.working-btn[data-v-291d6b7a]:hover{background:#fde68a}.banned-btn[data-v-291d6b7a]{background:#fef2f2;color:#dc2626}.banned-btn[data-v-291d6b7a]:hover{background:#fecaca}.accounts-table[data-v-291d6b7a]{width:100%;border-collapse:collapse}.accounts-table th[data-v-291d6b7a],.accounts-table td[data-v-291d6b7a]{padding:12px;text-align:left;border-bottom:1px solid #e2e8f0}.accounts-table th[data-v-291d6b7a]{background:#f8fafc;font-weight:600;color:#374151;font-size:14px}.account-row[data-v-291d6b7a]:hover{background:#f8fafc}.apple-id-cell[data-v-291d6b7a]{min-width:200px}.apple-id[data-v-291d6b7a]{font-weight:500;color:#1e293b}.password-cell[data-v-291d6b7a]{min-width:150px}.password-field[data-v-291d6b7a]{display:flex;align-items:center;gap:8px}.password-hidden[data-v-291d6b7a],.password-visible[data-v-291d6b7a]{font-family:monospace;font-size:14px}.password-toggle[data-v-291d6b7a]{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-291d6b7a]:hover{background:#f3f4f6}.tel-code-link[data-v-291d6b7a]{color:#3b82f6;text-decoration:none;font-weight:500;transition:color .2s}.tel-code-link[data-v-291d6b7a]:hover{color:#1d4ed8;text-decoration:underline}.view-code-btn[data-v-291d6b7a]{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-291d6b7a]:hover{background:#e0f2fe;border-color:#0284c7}.tel-code-modal[data-v-291d6b7a]{max-width:600px;width:90%}.close-btn[data-v-291d6b7a]{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-291d6b7a]:hover{color:#374151}.account-info[data-v-291d6b7a]{background:#f8fafc;padding:16px;border-radius:8px;margin-bottom:20px}.account-info p[data-v-291d6b7a]{margin:8px 0;color:#374151}.loading-state[data-v-291d6b7a]{text-align:center;padding:40px 20px}.loading-spinner[data-v-291d6b7a]{width:32px;height:32px;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:spin-291d6b7a 1s linear infinite;margin:0 auto 16px}@keyframes spin-291d6b7a{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tel-code-list h4[data-v-291d6b7a]{margin:0 0 16px;color:#374151;font-size:16px}.tel-code-item[data-v-291d6b7a]{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:12px}.code-text[data-v-291d6b7a]{font-size:16px;font-weight:500;color:#1f2937;margin-bottom:8px;word-break:break-all}.code-meta[data-v-291d6b7a]{display:flex;justify-content:space-between;font-size:12px;color:#6b7280}.no-data[data-v-291d6b7a]{text-align:center;padding:40px 20px;color:#6b7280}.error-message[data-v-291d6b7a]{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;color:#dc2626}.error-icon[data-v-291d6b7a]{width:48px;height:48px;stroke-width:1.5}.no-data-message[data-v-291d6b7a]{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;color:#6b7280}.info-icon[data-v-291d6b7a]{width:48px;height:48px;stroke-width:1.5}.password-toggle svg[data-v-291d6b7a]{width:14px;height:14px}.tel-cell[data-v-291d6b7a],.tel-code-cell[data-v-291d6b7a]{min-width:120px}.no-tel[data-v-291d6b7a],.no-tel-code[data-v-291d6b7a]{color:#9ca3af}.ip-address-cell[data-v-291d6b7a]{min-width:150px;max-width:200px}.ip-addresses[data-v-291d6b7a]{display:flex;flex-direction:column;gap:2px}.ip-address[data-v-291d6b7a]{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-291d6b7a]{color:#9ca3af}.status-cell[data-v-291d6b7a]{min-width:80px}.status-badge[data-v-291d6b7a]{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.status-idle[data-v-291d6b7a]{background:#f0f9ff;color:#0284c7}.status-working[data-v-291d6b7a]{background:#fef3c7;color:#d97706}.status-banned[data-v-291d6b7a]{background:#fef2f2;color:#dc2626}.status-enabled[data-v-291d6b7a]{background:#dcfce7;color:#16a34a}.status-disabled[data-v-291d6b7a]{background:#fef2f2;color:#dc2626}.time-cell[data-v-291d6b7a]{min-width:140px}.time[data-v-291d6b7a]{font-size:14px;color:#64748b}.actions-cell[data-v-291d6b7a]{min-width:140px}.action-buttons[data-v-291d6b7a]{display:flex;gap:4px}.action-btn[data-v-291d6b7a]{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-291d6b7a]{width:14px;height:14px}.edit-btn[data-v-291d6b7a]{background:#dbeafe;color:#2563eb}.edit-btn[data-v-291d6b7a]:hover{background:#bfdbfe}.enable-btn[data-v-291d6b7a]{background:#dcfce7;color:#16a34a}.enable-btn[data-v-291d6b7a]:hover{background:#bbf7d0}.disable-btn[data-v-291d6b7a]{background:#fef2f2;color:#dc2626}.disable-btn[data-v-291d6b7a]:hover{background:#fecaca}.delete-btn[data-v-291d6b7a]{background:#fef2f2;color:#dc2626}.delete-btn[data-v-291d6b7a]:hover{background:#fecaca}.pagination[data-v-291d6b7a]{padding:16px 24px;display:flex;justify-content:center;align-items:center;gap:16px;border-top:1px solid #e2e8f0}.pagination-btn[data-v-291d6b7a]{padding:8px 16px;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:4px;cursor:pointer;transition:all .2s}.pagination-btn[data-v-291d6b7a]:hover:not(:disabled){background:#f3f4f6}.pagination-btn[data-v-291d6b7a]:disabled{opacity:.5;cursor:not-allowed}.pagination-info[data-v-291d6b7a]{color:#64748b;font-size:14px}.modal-overlay[data-v-291d6b7a]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content[data-v-291d6b7a]{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-291d6b7a]{max-width:350px}.modal-header[data-v-291d6b7a]{padding:16px 20px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-291d6b7a]{margin:0;font-size:16px;font-weight:600;color:#1e293b}.modal-close[data-v-291d6b7a]{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-291d6b7a]:hover{background:#f3f4f6;color:#6b7280}.modal-close svg[data-v-291d6b7a]{width:16px;height:16px}.modal-body[data-v-291d6b7a]{padding:20px}.modal-footer[data-v-291d6b7a]{padding:12px 20px;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:10px}.account-form[data-v-291d6b7a]{display:flex;flex-direction:column;gap:16px}.form-group[data-v-291d6b7a]{display:flex;flex-direction:column;gap:4px}.form-group label[data-v-291d6b7a]{font-weight:500;color:#374151;font-size:13px}.form-input[data-v-291d6b7a],.form-select[data-v-291d6b7a]{padding:8px 10px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;transition:border-color .2s}.form-input[data-v-291d6b7a]:focus,.form-select[data-v-291d6b7a]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-actions[data-v-291d6b7a]{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.btn-cancel[data-v-291d6b7a]{padding:8px 16px;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:6px;cursor:pointer;transition:all .2s}.btn-cancel[data-v-291d6b7a]:hover{background:#f3f4f6}.btn-submit[data-v-291d6b7a]{padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .2s}.btn-submit[data-v-291d6b7a]:hover:not(:disabled){background:#2563eb}.btn-submit[data-v-291d6b7a]:disabled{opacity:.6;cursor:not-allowed}.btn-danger[data-v-291d6b7a]{padding:8px 16px;background:#dc2626;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .2s}.btn-danger[data-v-291d6b7a]:hover:not(:disabled){background:#b91c1c}.btn-danger[data-v-291d6b7a]:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.account-management-container[data-v-291d6b7a]{padding:12px}.header-content[data-v-291d6b7a]{flex-direction:column;gap:16px;align-items:stretch}.section-header[data-v-291d6b7a]{flex-direction:column;align-items:stretch}.section-actions[data-v-291d6b7a]{flex-direction:column;gap:8px}.search-input[data-v-291d6b7a]{width:100%}.stats-grid[data-v-291d6b7a]{grid-template-columns:1fr}.accounts-table[data-v-291d6b7a]{font-size:12px}.accounts-table th[data-v-291d6b7a],.accounts-table td[data-v-291d6b7a]{padding:8px}.modal-content[data-v-291d6b7a]{margin:20px;max-width:none}}