.activity-log .page-header[data-v-0caf6883]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px;display:flex}.activity-log .page-header h2[data-v-0caf6883]{color:#1f2937;align-items:center;gap:12px;margin:0;font-size:24px;display:flex}.activity-log .page-header h2 i[data-v-0caf6883]{color:#8b5cf6}.activity-log .page-header .header-actions[data-v-0caf6883]{gap:10px;display:flex}.activity-log .page-header .header-actions button[data-v-0caf6883]{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;font-size:14px;transition:all .2s;display:flex}.activity-log .page-header .header-actions button.btn-refresh[data-v-0caf6883]{color:#374151;background:#f3f4f6;padding:10px}.activity-log .page-header .header-actions button.btn-refresh[data-v-0caf6883]:hover{background:#e5e7eb}.activity-log .page-header .header-actions button.btn-export[data-v-0caf6883]{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)}.activity-log .page-header .header-actions button.btn-export[data-v-0caf6883]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf666}.activity-log .page-header .header-actions button.btn-clear[data-v-0caf6883]{color:#dc2626;background:#fee2e2}.activity-log .page-header .header-actions button.btn-clear[data-v-0caf6883]:hover:not(:disabled){background:#fecaca}.activity-log .page-header .header-actions button[data-v-0caf6883]:disabled{opacity:.5;cursor:not-allowed}.activity-log .stats-row[data-v-0caf6883]{grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px;display:grid}.activity-log .stats-row .stat-card[data-v-0caf6883]{background:#fff;border-radius:12px;align-items:center;gap:14px;padding:16px;transition:all .3s;display:flex;box-shadow:0 2px 8px #0000000f}.activity-log .stats-row .stat-card[data-v-0caf6883]:hover{transform:translateY(-3px);box-shadow:0 6px 16px #0000001a}.activity-log .stats-row .stat-card .stat-icon[data-v-0caf6883]{border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex}.activity-log .stats-row .stat-card .stat-info[data-v-0caf6883]{flex-direction:column;display:flex}.activity-log .stats-row .stat-card .stat-info .stat-value[data-v-0caf6883]{color:#1f2937;font-size:22px;font-weight:700}.activity-log .stats-row .stat-card .stat-info .stat-label[data-v-0caf6883]{color:#6b7280;font-size:12px}.activity-log .stats-row .stat-card.total .stat-icon[data-v-0caf6883]{color:#8b5cf6;background:#ede9fe}.activity-log .stats-row .stat-card.login .stat-icon[data-v-0caf6883]{color:#dc2626;background:#fee2e2}.activity-log .stats-row .stat-card.content .stat-icon[data-v-0caf6883]{color:#2563eb;background:#dbeafe}.activity-log .stats-row .stat-card.user .stat-icon[data-v-0caf6883]{color:#d97706;background:#fef3c7}.activity-log .stats-row .stat-card.settings .stat-icon[data-v-0caf6883]{color:#059669;background:#d1fae5}.activity-log .filter-bar[data-v-0caf6883]{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px;display:flex}.activity-log .filter-bar .search-box[data-v-0caf6883]{flex:1;min-width:250px;max-width:350px;position:relative}.activity-log .filter-bar .search-box i.fa-search[data-v-0caf6883]{color:#9ca3af;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.activity-log .filter-bar .search-box input[data-v-0caf6883]{border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 36px 10px 40px;font-size:14px}.activity-log .filter-bar .search-box input[data-v-0caf6883]:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 3px #8b5cf61a}.activity-log .filter-bar .search-box .clear-btn[data-v-0caf6883]{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:4px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.activity-log .filter-bar .search-box .clear-btn[data-v-0caf6883]:hover{color:#4b5563}.activity-log .filter-bar .filter-group[data-v-0caf6883]{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.activity-log .filter-bar .filter-select[data-v-0caf6883],.activity-log .filter-bar .filter-date[data-v-0caf6883]{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px;font-size:14px}.activity-log .filter-bar .filter-select[data-v-0caf6883]:focus,.activity-log .filter-bar .filter-date[data-v-0caf6883]:focus{border-color:#8b5cf6;outline:none}.activity-log .filter-bar .date-separator[data-v-0caf6883]{color:#9ca3af;font-size:14px}.activity-log .logs-content[data-v-0caf6883]{background:#fff;border-radius:12px;min-height:400px;padding:24px;box-shadow:0 2px 8px #0000000f}.activity-log .logs-content .loading[data-v-0caf6883],.activity-log .logs-content .empty-state[data-v-0caf6883],.activity-log .logs-content .error-state[data-v-0caf6883]{text-align:center;color:#6b7280;padding:80px 20px}.activity-log .logs-content .loading i[data-v-0caf6883],.activity-log .logs-content .empty-state i[data-v-0caf6883],.activity-log .logs-content .error-state i[data-v-0caf6883]{opacity:.5;margin-bottom:16px;font-size:48px;display:block}.activity-log .logs-content .loading p[data-v-0caf6883],.activity-log .logs-content .empty-state p[data-v-0caf6883],.activity-log .logs-content .error-state p[data-v-0caf6883]{margin-bottom:16px}.activity-log .logs-content .loading .btn-retry[data-v-0caf6883],.activity-log .logs-content .empty-state .btn-retry[data-v-0caf6883],.activity-log .logs-content .error-state .btn-retry[data-v-0caf6883]{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:6px;padding:8px 16px}.activity-log .logs-content .error-state i[data-v-0caf6883]{color:#f59e0b}.activity-log .logs-timeline[data-v-0caf6883]{position:relative}.activity-log .logs-timeline[data-v-0caf6883]:before{content:"";background:linear-gradient(#e5e7eb,#d1d5db);width:2px;position:absolute;top:0;bottom:0;left:15px}.activity-log .logs-timeline .log-item[data-v-0caf6883]{margin-bottom:16px;padding-left:45px;position:relative}.activity-log .logs-timeline .log-item .log-timeline-dot[data-v-0caf6883]{z-index:1;background:#e5e7eb;border:3px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute;top:20px;left:8px;box-shadow:0 0 0 2px #e5e7eb}.activity-log .logs-timeline .log-item .log-timeline-dot.login[data-v-0caf6883]{background:#dc2626;box-shadow:0 0 0 2px #fecaca}.activity-log .logs-timeline .log-item .log-timeline-dot.logout[data-v-0caf6883]{background:#f97316;box-shadow:0 0 0 2px #fed7aa}.activity-log .logs-timeline .log-item .log-timeline-dot.content[data-v-0caf6883]{background:#2563eb;box-shadow:0 0 0 2px #bfdbfe}.activity-log .logs-timeline .log-item .log-timeline-dot.user[data-v-0caf6883]{background:#d97706;box-shadow:0 0 0 2px #fef3c7}.activity-log .logs-timeline .log-item .log-timeline-dot.settings[data-v-0caf6883]{background:#059669;box-shadow:0 0 0 2px #d1fae5}.activity-log .logs-timeline .log-item .log-timeline-dot.upload[data-v-0caf6883]{background:#8b5cf6;box-shadow:0 0 0 2px #ede9fe}.activity-log .logs-timeline .log-item .log-timeline-dot.backup[data-v-0caf6883]{background:#6366f1;box-shadow:0 0 0 2px #e0e7ff}.activity-log .logs-timeline .log-item .log-timeline-dot.message[data-v-0caf6883]{background:#ec4899;box-shadow:0 0 0 2px #fce7f3}.activity-log .logs-timeline .log-item .log-timeline-dot.news[data-v-0caf6883]{background:#14b8a6;box-shadow:0 0 0 2px #ccfbf1}.activity-log .logs-timeline .log-item .log-timeline-dot.seo[data-v-0caf6883]{background:#0ea5e9;box-shadow:0 0 0 2px #e0f2fe}.activity-log .logs-timeline .log-item .log-timeline-dot.database[data-v-0caf6883]{background:#64748b;box-shadow:0 0 0 2px #e2e8f0}.activity-log .logs-timeline .log-item .log-card[data-v-0caf6883]{cursor:pointer;background:#f9fafb;border:1px solid #0000;border-radius:10px;padding:16px;transition:all .2s}.activity-log .logs-timeline .log-item .log-card[data-v-0caf6883]:hover{background:#f3f4f6;border-color:#e5e7eb}.activity-log .logs-timeline .log-item .log-card .log-header[data-v-0caf6883]{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.activity-log .logs-timeline .log-item .log-card .log-header .log-title[data-v-0caf6883]{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.activity-log .logs-timeline .log-item .log-card .log-header .log-title i[data-v-0caf6883]{color:#6b7280;font-size:16px}.activity-log .logs-timeline .log-item .log-card .log-header .log-title .log-action[data-v-0caf6883]{color:#1f2937;font-size:15px;font-weight:600}.activity-log .logs-timeline .log-item .log-card .log-header .log-title .log-type-badge[data-v-0caf6883]{border-radius:4px;padding:3px 8px;font-size:11px;font-weight:500}.activity-log .logs-timeline .log-item .log-card .log-header .log-title .log-type-badge.login[data-v-0caf6883]{color:#dc2626;background:#fee2e2}.activity-log .logs-timeline .log-item .log-card .log-header .log-title .log-type-badge.logout[data-v-0caf6883]{color:#c2410c;background:#ffedd5}.activity-log .logs-timeline .log-item .log-card .log-header .log-title .log-type-badge.content[data-v-0caf6883]{color:#1d4ed8;background:#dbeafe}.activity-log .logs-timeline .log-item .log-card .log-header .log-title .log-type-badge.user[data-v-0caf6883]{color:#b45309;background:#fef3c7}.activity-log .logs-timeline .log-item .log-card .log-header .log-title .log-type-badge.settings[data-v-0caf6883]{color:#047857;background:#d1fae5}.activity-log .logs-timeline .log-item .log-card .log-header .log-title .log-type-badge.upload[data-v-0caf6883]{color:#7c3aed;background:#ede9fe}.activity-log .logs-timeline .log-item .log-card .log-header .log-title .log-type-badge.backup[data-v-0caf6883]{color:#4338ca;background:#e0e7ff}.activity-log .logs-timeline .log-item .log-card .log-header .log-title .log-type-badge.message[data-v-0caf6883]{color:#be185d;background:#fce7f3}.activity-log .logs-timeline .log-item .log-card .log-header .log-title .log-type-badge.news[data-v-0caf6883]{color:#0d9488;background:#ccfbf1}.activity-log .logs-timeline .log-item .log-card .log-header .log-title .log-type-badge.seo[data-v-0caf6883]{color:#0369a1;background:#e0f2fe}.activity-log .logs-timeline .log-item .log-card .log-header .log-title .log-type-badge.database[data-v-0caf6883]{color:#475569;background:#e2e8f0}.activity-log .logs-timeline .log-item .log-card .log-header .log-time[data-v-0caf6883]{color:#9ca3af;align-items:center;gap:5px;font-size:12px;display:flex}.activity-log .logs-timeline .log-item .log-card .log-body .log-details[data-v-0caf6883]{color:#4b5563;margin:0 0 10px;font-size:14px;line-height:1.5}.activity-log .logs-timeline .log-item .log-card .log-body .log-meta[data-v-0caf6883]{flex-wrap:wrap;gap:20px;display:flex}.activity-log .logs-timeline .log-item .log-card .log-body .log-meta .meta-item[data-v-0caf6883]{color:#6b7280;align-items:center;gap:6px;font-size:12px;display:flex}.activity-log .logs-timeline .log-item .log-card .log-body .log-meta .meta-item i[data-v-0caf6883]{color:#9ca3af}.activity-log .logs-timeline .log-item .log-card .log-body .log-meta .meta-item.user strong[data-v-0caf6883]{color:#4b5563}.activity-log .logs-timeline .log-item .log-card .log-body .log-meta .meta-item.ip[data-v-0caf6883]{background:#f3f4f6;border-radius:4px;padding:2px 6px;font-family:Monaco,Consolas,monospace}.activity-log .logs-timeline .log-item .log-card .log-expanded[data-v-0caf6883]{border-top:1px dashed #e5e7eb;margin-top:16px;padding-top:16px;animation:.2s slideDown-0caf6883}.activity-log .logs-timeline .log-item .log-card .log-expanded .expanded-content[data-v-0caf6883]{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.activity-log .logs-timeline .log-item .log-card .log-expanded .expanded-content .expanded-row[data-v-0caf6883]{flex-direction:column;gap:4px;display:flex}.activity-log .logs-timeline .log-item .log-card .log-expanded .expanded-content .expanded-row label[data-v-0caf6883]{color:#9ca3af;text-transform:uppercase;font-size:11px}.activity-log .logs-timeline .log-item .log-card .log-expanded .expanded-content .expanded-row span[data-v-0caf6883]{color:#374151;font-size:13px}.activity-log .logs-timeline .log-item .log-card .log-expanded .expanded-content .expanded-row.full[data-v-0caf6883]{grid-column:span 2}.activity-log .logs-timeline .log-item.expanded .log-card[data-v-0caf6883]{background:#fff;border-color:#8b5cf6}@keyframes slideDown-0caf6883{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.activity-log .pagination[data-v-0caf6883]{background:#fff;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:24px;padding:16px;display:flex;box-shadow:0 2px 8px #0000000f}.activity-log .pagination .btn-page[data-v-0caf6883]{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.activity-log .pagination .btn-page[data-v-0caf6883]:hover:not(:disabled):not(.active){background:#f3f4f6;border-color:#d1d5db}.activity-log .pagination .btn-page[data-v-0caf6883]:disabled{opacity:.4;cursor:not-allowed}.activity-log .pagination .btn-page.active[data-v-0caf6883]{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border-color:#0000}.activity-log .pagination .page-numbers[data-v-0caf6883]{gap:6px;display:flex}.activity-log .pagination .page-info[data-v-0caf6883]{color:#6b7280;margin-left:12px;font-size:13px}@media (max-width:992px){.activity-log .stats-row[data-v-0caf6883]{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.activity-log .page-header[data-v-0caf6883]{flex-direction:column;align-items:stretch}.activity-log .stats-row[data-v-0caf6883]{grid-template-columns:repeat(2,1fr)}.activity-log .filter-bar[data-v-0caf6883]{flex-direction:column}.activity-log .filter-bar .search-box[data-v-0caf6883]{max-width:none}.activity-log .logs-timeline .log-item .log-card .log-expanded .expanded-content[data-v-0caf6883]{grid-template-columns:1fr}.activity-log .logs-timeline .log-item .log-card .log-expanded .expanded-content .expanded-row.full[data-v-0caf6883]{grid-column:span 1}}@media (max-width:576px){.activity-log .stats-row[data-v-0caf6883]{grid-template-columns:1fr}}.activity-log .modal-overlay[data-v-0caf6883]{z-index:2000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.activity-log .clear-modal[data-v-0caf6883]{background:#fff;border-radius:16px;width:420px;max-width:95%;animation:.3s modalSlideIn-0caf6883;overflow:hidden;box-shadow:0 20px 50px #0000004d}.activity-log .clear-modal .modal-header[data-v-0caf6883]{justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.activity-log .clear-modal .modal-header.danger[data-v-0caf6883]{color:#fff;background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%)}.activity-log .clear-modal .modal-header h3[data-v-0caf6883]{align-items:center;gap:10px;margin:0;font-size:18px;display:flex}.activity-log .clear-modal .modal-header .btn-close[data-v-0caf6883]{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;display:flex}.activity-log .clear-modal .modal-header .btn-close[data-v-0caf6883]:hover{background:#ffffff4d}.activity-log .clear-modal .modal-body[data-v-0caf6883]{padding:24px}.activity-log .clear-modal .modal-body .warning-box[data-v-0caf6883]{background:#fef3c7;border:1px solid #fcd34d;border-radius:10px;gap:14px;margin-bottom:20px;padding:16px;display:flex}.activity-log .clear-modal .modal-body .warning-box i[data-v-0caf6883]{color:#d97706;flex-shrink:0;font-size:24px}.activity-log .clear-modal .modal-body .warning-box strong[data-v-0caf6883]{color:#92400e;margin-bottom:4px;display:block}.activity-log .clear-modal .modal-body .warning-box p[data-v-0caf6883]{color:#a16207;margin:0;font-size:13px;line-height:1.5}.activity-log .clear-modal .modal-body .form-group[data-v-0caf6883]{margin-bottom:16px}.activity-log .clear-modal .modal-body .form-group label[data-v-0caf6883]{color:#374151;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;font-weight:600;display:flex}.activity-log .clear-modal .modal-body .form-group label i[data-v-0caf6883]{color:#6b7280}.activity-log .clear-modal .modal-body .form-group input[data-v-0caf6883]{border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:12px 14px;font-size:14px}.activity-log .clear-modal .modal-body .form-group input[data-v-0caf6883]:focus{border-color:#dc2626;outline:none;box-shadow:0 0 0 3px #dc26261a}.activity-log .clear-modal .modal-body .error-message[data-v-0caf6883]{color:#dc2626;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:8px;padding:12px 14px;font-size:13px;display:flex}.activity-log .clear-modal .modal-body .error-message i[data-v-0caf6883]{font-size:14px}.activity-log .clear-modal .modal-footer[data-v-0caf6883]{background:#f9fafb;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.activity-log .clear-modal .modal-footer button[data-v-0caf6883]{cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.activity-log .clear-modal .modal-footer button.btn-cancel[data-v-0caf6883]{color:#374151;background:#fff;border:1px solid #e5e7eb}.activity-log .clear-modal .modal-footer button.btn-cancel[data-v-0caf6883]:hover:not(:disabled){background:#f3f4f6}.activity-log .clear-modal .modal-footer button.btn-danger[data-v-0caf6883]{color:#fff;background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);border:none}.activity-log .clear-modal .modal-footer button.btn-danger[data-v-0caf6883]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #dc262666}.activity-log .clear-modal .modal-footer button[data-v-0caf6883]:disabled{opacity:.6;cursor:not-allowed;transform:none}@keyframes modalSlideIn-0caf6883{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.analytics-dashboard[data-v-09757b4b]{max-width:1600px;margin:0 auto;padding:24px}.page-header[data-v-09757b4b]{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-header .header-left[data-v-09757b4b]{align-items:center;gap:16px;display:flex}.page-header .header-left>i[data-v-09757b4b]{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:32px}.page-header .header-left h2[data-v-09757b4b]{color:#1e293b;margin:0;font-size:24px}.page-header .header-left .subtitle[data-v-09757b4b]{color:#64748b;margin:4px 0 0;font-size:14px}.page-header .header-actions[data-v-09757b4b]{gap:12px;display:flex}.page-header .header-actions .date-select[data-v-09757b4b]{border:1px solid #e2e8f0;border-radius:10px;padding:10px 16px;font-size:14px}.page-header .header-actions button[data-v-09757b4b]{cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-weight:500;display:flex}.page-header .header-actions button.btn-refresh[data-v-09757b4b]{color:#475569;background:#fff;border:1px solid #e2e8f0}.page-header .header-actions button.btn-refresh[data-v-09757b4b]:hover{color:#6366f1;border-color:#6366f1}.page-header .header-actions button.btn-export[data-v-09757b4b]{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none}.page-header .header-actions button.btn-export[data-v-09757b4b]:hover{box-shadow:0 4px 12px #6366f166}.kpi-cards[data-v-09757b4b]{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:24px;display:grid}.kpi-cards .kpi-card[data-v-09757b4b]{background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:20px;padding:24px;display:flex}.kpi-cards .kpi-card .kpi-icon[data-v-09757b4b]{border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.kpi-cards .kpi-card .kpi-icon i[data-v-09757b4b]{color:#fff;font-size:24px}.kpi-cards .kpi-card.visitors .kpi-icon[data-v-09757b4b]{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%)}.kpi-cards .kpi-card.pageviews .kpi-icon[data-v-09757b4b]{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%)}.kpi-cards .kpi-card.messages .kpi-icon[data-v-09757b4b]{background:linear-gradient(135deg,#f97316 0%,#ea580c 100%)}.kpi-cards .kpi-card.bounce .kpi-icon[data-v-09757b4b]{background:linear-gradient(135deg,#ec4899 0%,#db2777 100%)}.kpi-cards .kpi-card .kpi-content h3[data-v-09757b4b]{color:#1e293b;margin:0;font-size:28px}.kpi-cards .kpi-card .kpi-content p[data-v-09757b4b]{color:#64748b;margin:4px 0 8px;font-size:14px}.kpi-cards .kpi-card .kpi-content .kpi-trend[data-v-09757b4b]{font-size:13px;font-weight:500}.kpi-cards .kpi-card .kpi-content .kpi-trend.up[data-v-09757b4b]{color:#22c55e}.kpi-cards .kpi-card .kpi-content .kpi-trend.down[data-v-09757b4b]{color:#ef4444}.charts-grid[data-v-09757b4b]{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px;display:grid}.charts-grid .chart-card[data-v-09757b4b]{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px}.charts-grid .chart-card.large[data-v-09757b4b]{grid-column:span 2}.charts-grid .chart-card .chart-header[data-v-09757b4b]{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.charts-grid .chart-card .chart-header h4[data-v-09757b4b]{color:#1e293b;align-items:center;gap:8px;margin:0;font-size:15px;display:flex}.charts-grid .chart-card .chart-header h4 i[data-v-09757b4b]{color:#6366f1}.charts-grid .chart-card .chart-header .chart-legend[data-v-09757b4b]{gap:16px;display:flex}.charts-grid .chart-card .chart-header .chart-legend .legend-item[data-v-09757b4b]{color:#64748b;align-items:center;gap:6px;font-size:12px;display:flex}.charts-grid .chart-card .chart-header .chart-legend .legend-item i[data-v-09757b4b]{border-radius:3px;width:12px;height:12px}.charts-grid .chart-card .chart-header .chart-legend .legend-item.visitors i[data-v-09757b4b]{background:#6366f1}.charts-grid .chart-card .chart-header .chart-legend .legend-item.pageviews i[data-v-09757b4b]{background:#22c55e}.charts-grid .chart-card .chart-body[data-v-09757b4b]{height:200px}.chart-list[data-v-09757b4b]{margin-top:16px}.chart-list .list-item[data-v-09757b4b]{border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;padding:8px 0;display:flex}.chart-list .list-item[data-v-09757b4b]:last-child{border-bottom:none}.chart-list .list-item .item-rank[data-v-09757b4b]{color:#64748b;background:#f1f5f9;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:600;display:flex}.chart-list .list-item .item-name[data-v-09757b4b]{color:#475569;flex:1;font-size:13px}.chart-list .list-item .item-bar[data-v-09757b4b]{background:#f1f5f9;border-radius:3px;width:80px;height:6px;overflow:hidden}.chart-list .list-item .item-bar .bar-fill[data-v-09757b4b]{border-radius:3px;height:100%}.chart-list .list-item .item-value[data-v-09757b4b]{color:#1e293b;text-align:right;min-width:40px;font-size:13px;font-weight:500}.device-stats[data-v-09757b4b]{border-top:1px solid #f1f5f9;justify-content:space-around;margin-top:16px;padding-top:16px;display:flex}.device-stats .device-item[data-v-09757b4b]{color:#64748b;align-items:center;gap:8px;font-size:13px;display:flex}.device-stats .device-item i[data-v-09757b4b]{color:#6366f1}.page-list .page-item[data-v-09757b4b]{border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;padding:12px 0;display:flex}.page-list .page-item[data-v-09757b4b]:last-child{border-bottom:none}.page-list .page-item .page-rank[data-v-09757b4b]{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:600;display:flex}.page-list .page-item .page-info[data-v-09757b4b]{flex:1}.page-list .page-item .page-info .page-path[data-v-09757b4b]{color:#1e293b;font-size:13px;font-weight:500;display:block}.page-list .page-item .page-info .page-title[data-v-09757b4b]{color:#94a3b8;font-size:12px;display:block}.page-list .page-item .page-stats[data-v-09757b4b]{gap:12px;display:flex}.page-list .page-item .page-stats span[data-v-09757b4b]{border-radius:6px;padding:4px 8px;font-size:12px}.page-list .page-item .page-stats span.pv[data-v-09757b4b]{color:#6366f1;background:#eef2ff}.page-list .page-item .page-stats span.uv[data-v-09757b4b]{color:#22c55e;background:#f0fdf4}.peak-time[data-v-09757b4b]{color:#c2410c;background:#fff7ed;border-radius:10px;align-items:center;gap:8px;margin-top:16px;padding:12px;font-size:13px;display:flex}.peak-time i[data-v-09757b4b]{color:#f97316}.peak-time strong[data-v-09757b4b]{color:#ea580c}.behavior-section[data-v-09757b4b]{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:24px;padding:24px}.behavior-section h3[data-v-09757b4b]{color:#1e293b;align-items:center;gap:10px;margin:0 0 20px;font-size:16px;display:flex}.behavior-section h3 i[data-v-09757b4b]{color:#6366f1}.behavior-section .behavior-cards[data-v-09757b4b]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;display:grid}.behavior-section .behavior-card[data-v-09757b4b]{background:#f8fafc;border-radius:12px;align-items:center;gap:16px;padding:20px;display:flex}.behavior-section .behavior-card .behavior-icon[data-v-09757b4b]{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.behavior-section .behavior-card .behavior-icon i[data-v-09757b4b]{color:#fff;font-size:18px}.behavior-section .behavior-card .behavior-info h4[data-v-09757b4b]{color:#1e293b;margin:0;font-size:22px}.behavior-section .behavior-card .behavior-info p[data-v-09757b4b]{color:#64748b;margin:4px 0 0;font-size:13px}.realtime-section[data-v-09757b4b]{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px}.realtime-section .realtime-header[data-v-09757b4b]{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.realtime-section .realtime-header h3[data-v-09757b4b]{color:#1e293b;align-items:center;gap:10px;margin:0;font-size:16px;display:flex}.realtime-section .realtime-header h3 i[data-v-09757b4b]{color:#22c55e}.realtime-section .realtime-header .realtime-count[data-v-09757b4b]{color:#22c55e;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.realtime-section .realtime-header .realtime-count .pulse[data-v-09757b4b]{background:#22c55e;border-radius:50%;width:10px;height:10px;animation:1.5s infinite pulse-09757b4b}.realtime-section .realtime-list[data-v-09757b4b]{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;display:grid}.realtime-section .visitor-item[data-v-09757b4b]{background:#f8fafc;border-radius:10px;align-items:center;gap:12px;padding:12px;display:flex}.realtime-section .visitor-item .visitor-avatar[data-v-09757b4b]{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.realtime-section .visitor-item .visitor-avatar i[data-v-09757b4b]{color:#fff}.realtime-section .visitor-item .visitor-info .visitor-page[data-v-09757b4b]{color:#1e293b;font-size:13px;font-weight:500;display:block}.realtime-section .visitor-item .visitor-info .visitor-meta[data-v-09757b4b]{color:#94a3b8;font-size:12px;display:block}.realtime-section .empty-realtime[data-v-09757b4b]{text-align:center;color:#94a3b8;grid-column:1/-1;padding:40px}.realtime-section .empty-realtime i[data-v-09757b4b]{margin-bottom:12px;font-size:32px}@keyframes pulse-09757b4b{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@media (max-width:1200px){.charts-grid[data-v-09757b4b]{grid-template-columns:repeat(2,1fr)}.charts-grid .chart-card.large[data-v-09757b4b]{grid-column:span 2}}@media (max-width:768px){.analytics-dashboard[data-v-09757b4b]{padding:16px}.page-header[data-v-09757b4b]{flex-direction:column;align-items:flex-start;gap:16px}.page-header .header-actions[data-v-09757b4b]{flex-wrap:wrap;width:100%}.charts-grid[data-v-09757b4b]{grid-template-columns:1fr}.charts-grid .chart-card.large[data-v-09757b4b]{grid-column:span 1}.page-header[data-v-19e4e9e4]{flex-direction:column;gap:15px;margin-bottom:20px;align-items:flex-start!important}.page-header h2[data-v-19e4e9e4]{font-size:20px!important}.page-header .header-actions[data-v-19e4e9e4]{flex-direction:column;gap:10px;width:100%;align-items:stretch!important}.page-header .header-actions .search-box[data-v-19e4e9e4],.page-header .header-actions .filter-select[data-v-19e4e9e4],.page-header .header-actions .section-select[data-v-19e4e9e4],.page-header .header-actions .action-buttons[data-v-19e4e9e4]{width:100%!important;max-width:none!important;margin:0!important}.page-header .header-actions .search-box input[data-v-19e4e9e4]{width:100%}.page-header .header-actions .btn-primary[data-v-19e4e9e4],.page-header .header-actions button[data-v-19e4e9e4]{justify-content:center;width:100%;padding:12px!important}}@media (max-width:576px){.section-padding[data-v-19e4e9e4]{padding:40px 0}.container[data-v-19e4e9e4]{padding:0 15px}}[data-v-19e4e9e4]{box-sizing:border-box;margin:0;padding:0}body[data-v-19e4e9e4]{color:#111827;background-color:#f9fafb;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;border:none!important;outline:none!important;margin:0!important;padding:0!important}.container[data-v-19e4e9e4]{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}a[data-v-19e4e9e4]{color:inherit;text-decoration:none}ul[data-v-19e4e9e4]{list-style:none}.btn-primary[data-v-19e4e9e4]{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:4px;padding:12px 24px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block}.btn-primary[data-v-19e4e9e4]:hover{background-color:#2563eb;transform:translateY(-2px)}.btn-secondary[data-v-19e4e9e4]{color:#2563eb;cursor:pointer;background-color:#0000;border:2px solid #2563eb;border-radius:4px;padding:12px 24px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block}.btn-secondary[data-v-19e4e9e4]:hover{color:#fff;background-color:#2563eb;transform:translateY(-2px)}h1[data-v-19e4e9e4],h2[data-v-19e4e9e4],h3[data-v-19e4e9e4],h4[data-v-19e4e9e4],h5[data-v-19e4e9e4],h6[data-v-19e4e9e4]{margin-bottom:16px;font-weight:700;line-height:1.3}h1[data-v-19e4e9e4]{font-size:48px}h2[data-v-19e4e9e4]{font-size:36px}h3[data-v-19e4e9e4]{font-size:24px}.section-header[data-v-19e4e9e4]{text-align:center;margin-bottom:60px}.section-header h2[data-v-19e4e9e4]{margin-bottom:10px;display:inline-block;position:relative}.section-header h2[data-v-19e4e9e4]:after{content:"";background-color:#2563eb;width:80px;height:3px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.section-header .separator[data-v-19e4e9e4]{width:50px;height:2px;margin:0 auto 15px}.section-header p[data-v-19e4e9e4]{color:#4b5563;max-width:600px;margin:0 auto}.navbar[data-v-19e4e9e4]{z-index:1000;width:100%;box-shadow:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0000;border-bottom:none;padding:15px 0;transition:all .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0}.navbar.scrolled[data-v-19e4e9e4]{background-color:#2563eb;border-bottom:1px solid #ffffff1a;padding:12px 0;box-shadow:0 4px 24px #2563eb4d}.navbar.navbar-transparent[data-v-19e4e9e4]{box-shadow:none;background-color:#0000;border-bottom:none}.navbar.navbar-transparent .logo .text-primary[data-v-19e4e9e4],.navbar.navbar-transparent .logo .text-secondary[data-v-19e4e9e4],.navbar.navbar-transparent .nav-desktop .nav-links li a[data-v-19e4e9e4]{background:linear-gradient(135deg,#1a1a1a 0%,#000 100%);-webkit-text-fill-color:transparent;text-shadow:none;-webkit-background-clip:text;background-clip:text}.navbar.navbar-transparent .nav-desktop .nav-links li a[data-v-19e4e9e4]:hover{background:linear-gradient(135deg,#000 0%,#333 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar.navbar-transparent .nav-desktop .nav-links li a.active[data-v-19e4e9e4]{background:linear-gradient(135deg,#000 0%,#1a1a1a 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar.navbar-transparent .nav-desktop .nav-links li a.active[data-v-19e4e9e4]:after{background:linear-gradient(135deg,#000 0%,#333 100%)}.navbar.navbar-transparent .menu-toggle[data-v-19e4e9e4]{background:linear-gradient(135deg,#1a1a1a 0%,#000 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar.navbar-transparent .menu-toggle[data-v-19e4e9e4]:hover{background:linear-gradient(135deg,#000 0%,#333 100%);-webkit-text-fill-color:transparent;background-color:#0000000d;-webkit-background-clip:text;background-clip:text}.navbar.navbar-transparent .nav-links li a.admin-link[data-v-19e4e9e4]{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d}.navbar.navbar-transparent .nav-links li a.admin-link[data-v-19e4e9e4]:hover{color:#fff;background:#ffffff4d;border-color:#ffffff80}.navbar[data-v-19e4e9e4]:not(.navbar-transparent){background-color:#2563eb;border-bottom:1px solid #ffffff1a;box-shadow:0 2px 12px #2563eb33}.navbar:not(.navbar-transparent) .logo .text-primary[data-v-19e4e9e4]{background:linear-gradient(135deg,#fff 0%,#e0e0e0 100%);-webkit-text-fill-color:transparent;text-shadow:none;-webkit-background-clip:text;background-clip:text}.navbar:not(.navbar-transparent) .logo .text-secondary[data-v-19e4e9e4]{background:linear-gradient(135deg,#fff 0%,#e0e0e0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:600}.navbar:not(.navbar-transparent) .nav-desktop .nav-links li a[data-v-19e4e9e4]{background:linear-gradient(135deg,#fff 0%,#e0e0e0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar:not(.navbar-transparent) .nav-desktop .nav-links li a[data-v-19e4e9e4]:hover{background:linear-gradient(135deg,#fff 0%,#f5f5f5 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar:not(.navbar-transparent) .nav-desktop .nav-links li a.active[data-v-19e4e9e4]{background:linear-gradient(135deg,#fff 0%,#e0e0e0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar:not(.navbar-transparent) .nav-desktop .nav-links li a.active[data-v-19e4e9e4]:after{background:linear-gradient(135deg,#fff 0%,#e0e0e0 100%)}.navbar:not(.navbar-transparent) .menu-toggle[data-v-19e4e9e4]{background:linear-gradient(135deg,#fff 0%,#e0e0e0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar:not(.navbar-transparent) .menu-toggle[data-v-19e4e9e4]:hover{background:linear-gradient(135deg,#fff 0%,#f5f5f5 100%);-webkit-text-fill-color:transparent;background-color:#ffffff1a;-webkit-background-clip:text;background-clip:text}.navbar .container[data-v-19e4e9e4]{justify-content:space-between;align-items:center;display:flex}.navbar .logo[data-v-19e4e9e4]{font-size:24px;font-weight:700}.navbar .logo .text-primary[data-v-19e4e9e4]{color:#2563eb;text-shadow:0 1px 2px #2563eb1a}.navbar .logo .text-secondary[data-v-19e4e9e4]{color:#000;font-weight:600}.navbar .nav-desktop[data-v-19e4e9e4]{display:block}.navbar .nav-desktop .nav-links[data-v-19e4e9e4]{gap:30px;display:flex}.navbar .nav-desktop .nav-links li a[data-v-19e4e9e4]{color:#000;letter-spacing:.3px;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.navbar .nav-desktop .nav-links li a[data-v-19e4e9e4]:hover{color:#2563eb}.navbar .nav-desktop .nav-links li a.active[data-v-19e4e9e4]{color:#2563eb;font-weight:700}.navbar .nav-desktop .nav-links li a.active[data-v-19e4e9e4]:after{content:"";background-color:#2563eb;border-radius:2px;width:100%;height:3px;position:absolute;bottom:-5px;left:0}.navbar .nav-desktop .nav-links li a.admin-link[data-v-19e4e9e4]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:6px;padding:8px 16px;font-weight:600;color:#fff!important;-webkit-text-fill-color:#fff!important}.navbar .nav-desktop .nav-links li a.admin-link[data-v-19e4e9e4]:hover{background:linear-gradient(135deg,#5568d3 0%,#6b3fa0 100%);transform:translateY(-2px);box-shadow:0 4px 12px #667eea66;color:#fff!important;-webkit-text-fill-color:#fff!important}.navbar .menu-toggle[data-v-19e4e9e4]{color:#000;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px;font-size:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:none}.navbar .menu-toggle[data-v-19e4e9e4]:hover{color:#2563eb;background-color:#0000000d}.mobile-menu[data-v-19e4e9e4]{z-index:999;-webkit-overflow-scrolling:touch;background-color:#fff;border-top:1px solid #00000014;width:100%;max-height:calc(100vh - 70px);padding:20px 0;animation:.3s ease-out slideDown-19e4e9e4;position:fixed;top:70px;left:0;overflow-y:auto;box-shadow:0 10px 25px #00000026}.mobile-menu .mobile-nav-links[data-v-19e4e9e4]{flex-direction:column;gap:8px;padding:0 20px;display:flex}.mobile-menu .mobile-nav-links li a[data-v-19e4e9e4]{color:#000;border-radius:8px;padding:12px 16px;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:block}.mobile-menu .mobile-nav-links li a[data-v-19e4e9e4]:hover{color:#2563eb;background-color:#2563eb14;padding-left:20px}.mobile-menu .mobile-nav-links li a.active[data-v-19e4e9e4]{color:#2563eb;background-color:#2563eb1a;font-weight:700}.mobile-menu .mobile-nav-links li a.admin-link[data-v-19e4e9e4]{text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:6px;margin-top:10px;padding:12px 20px;font-weight:600;color:#fff!important;-webkit-text-fill-color:#fff!important}.mobile-menu .mobile-nav-links li a.admin-link[data-v-19e4e9e4]:hover{background:linear-gradient(135deg,#5568d3 0%,#6b3fa0 100%);padding-left:20px;transform:translate(5px);color:#fff!important;-webkit-text-fill-color:#fff!important}.hero[data-v-19e4e9e4]{background:linear-gradient(135deg,#f9fafb 0%,#ccf8ff 100%);padding:120px 0 80px;position:relative;overflow:hidden}.hero .container[data-v-19e4e9e4]{flex-wrap:wrap;align-items:center;gap:40px;display:flex}.hero .hero-content[data-v-19e4e9e4]{flex:1;min-width:300px}.hero .hero-content h1[data-v-19e4e9e4]{margin-bottom:20px;line-height:1.2}.hero .hero-content p[data-v-19e4e9e4]{color:#4b5563;max-width:500px;margin-bottom:30px;font-size:18px}.hero .hero-content .cta-buttons[data-v-19e4e9e4]{flex-wrap:wrap;gap:15px;display:flex}.hero .hero-image[data-v-19e4e9e4]{flex:1;justify-content:center;align-items:center;min-width:300px;display:flex}.hero .hero-image i[data-v-19e4e9e4]{color:#2563eb;opacity:.9}.about[data-v-19e4e9e4]{padding:80px 0}@media (max-width:768px){.about[data-v-19e4e9e4]{padding:60px 0}}@media (max-width:576px){.about[data-v-19e4e9e4]{padding:40px 0}}.about .section-header[data-v-19e4e9e4]{text-align:center;margin-bottom:60px}.about .section-header h2[data-v-19e4e9e4]{margin-bottom:10px;display:inline-block;position:relative}.about .section-header h2[data-v-19e4e9e4]:after{content:"";background-color:#2563eb;width:80px;height:3px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.about .section-header .separator[data-v-19e4e9e4]{width:50px;height:2px;margin:0 auto 15px}.about .section-header p[data-v-19e4e9e4]{color:#4b5563;max-width:600px;margin:0 auto}.about .about-content[data-v-19e4e9e4]{flex-wrap:wrap;gap:40px;display:flex}.about .about-content .about-image[data-v-19e4e9e4]{flex:1;justify-content:center;align-items:center;min-width:300px;display:flex}.about .about-content .about-image i[data-v-19e4e9e4]{color:#2563eb;opacity:.9}.about .about-content .about-text[data-v-19e4e9e4]{flex:1;min-width:300px}.about .about-content .about-text h3[data-v-19e4e9e4]{color:#111827;margin-bottom:15px}.about .about-content .about-text p[data-v-19e4e9e4]{color:#4b5563;margin-bottom:20px}.about .about-content .about-text .stats[data-v-19e4e9e4]{flex-wrap:wrap;gap:30px;margin-top:30px;display:flex}.about .about-content .about-text .stats .stat-item[data-v-19e4e9e4]{text-align:center}.about .about-content .about-text .stats .stat-item .stat-value[data-v-19e4e9e4]{color:#2563eb;margin-bottom:5px;font-size:36px;font-weight:700}.about .about-content .about-text .stats .stat-item .stat-label[data-v-19e4e9e4]{color:#4b5563;font-size:16px}.services[data-v-19e4e9e4]{padding:80px 0}@media (max-width:768px){.services[data-v-19e4e9e4]{padding:60px 0}}@media (max-width:576px){.services[data-v-19e4e9e4]{padding:40px 0}}.services[data-v-19e4e9e4]{background-color:#f9fafb}.services .section-header[data-v-19e4e9e4]{text-align:center;margin-bottom:60px}.services .section-header h2[data-v-19e4e9e4]{margin-bottom:10px;display:inline-block;position:relative}.services .section-header h2[data-v-19e4e9e4]:after{content:"";background-color:#2563eb;width:80px;height:3px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.services .section-header .separator[data-v-19e4e9e4]{width:50px;height:2px;margin:0 auto 15px}.services .section-header p[data-v-19e4e9e4]{color:#4b5563;max-width:600px;margin:0 auto}.services .services-grid[data-v-19e4e9e4]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.services .services-grid .service-item[data-v-19e4e9e4]{background-color:#fff;border-radius:8px;padding:30px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.services .services-grid .service-item[data-v-19e4e9e4]:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.services .services-grid .service-item[data-v-19e4e9e4]{text-align:center}.services .services-grid .service-item .service-icon[data-v-19e4e9e4]{background-color:#3b82f61a;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;display:flex}.services .services-grid .service-item h3[data-v-19e4e9e4]{margin-bottom:15px}.services .services-grid .service-item p[data-v-19e4e9e4]{color:#4b5563}@media (max-width:992px){.navbar[data-v-19e4e9e4]{padding:12px 0}.navbar .nav-desktop[data-v-19e4e9e4]{display:none}.navbar .menu-toggle[data-v-19e4e9e4]{-webkit-tap-highlight-color:transparent;padding:5px;font-size:28px;display:block}.navbar .logo[data-v-19e4e9e4]{font-size:20px}.hero[data-v-19e4e9e4]{padding:100px 0 60px}.hero .hero-content h1[data-v-19e4e9e4]{margin-bottom:15px;font-size:36px}.hero .hero-content p[data-v-19e4e9e4]{margin-bottom:25px;font-size:16px}.hero .hero-content .cta-buttons[data-v-19e4e9e4]{flex-direction:column;width:100%}.hero .hero-content .cta-buttons .btn-primary[data-v-19e4e9e4],.hero .hero-content .cta-buttons .btn-secondary[data-v-19e4e9e4]{text-align:center;width:100%}.section-header[data-v-19e4e9e4]{margin-bottom:40px}.section-header h2[data-v-19e4e9e4]{font-size:32px}.section-header p[data-v-19e4e9e4]{font-size:14px}}@media (max-width:768px){.container[data-v-19e4e9e4]{padding:0 15px}h1[data-v-19e4e9e4]{font-size:32px;line-height:1.3}h2[data-v-19e4e9e4]{font-size:28px;line-height:1.3}h3[data-v-19e4e9e4]{font-size:20px}.navbar[data-v-19e4e9e4]{padding:10px 0}.navbar .logo[data-v-19e4e9e4]{font-size:18px}.mobile-menu[data-v-19e4e9e4]{padding:15px 0;top:60px}.mobile-menu .mobile-nav-links[data-v-19e4e9e4]{gap:10px;padding:0 15px}.mobile-menu .mobile-nav-links li a[data-v-19e4e9e4]{-webkit-tap-highlight-color:#2563eb1a;padding:12px 0;font-size:16px}.hero[data-v-19e4e9e4]{padding:80px 0 50px}.hero .hero-content h1[data-v-19e4e9e4]{font-size:28px}.hero .hero-content p[data-v-19e4e9e4]{font-size:15px}.hero .hero-image[data-v-19e4e9e4]{margin-top:30px}.about .about-content[data-v-19e4e9e4]{flex-direction:column;gap:30px}.about .about-content .about-text .stats[data-v-19e4e9e4]{flex-wrap:wrap;justify-content:center;gap:20px}.about .about-content .about-text .stat-item[data-v-19e4e9e4]{min-width:120px;margin:0}.about .about-content .about-text .stat-item .stat-value[data-v-19e4e9e4]{font-size:28px}.about .about-content .about-text .stat-item .stat-label[data-v-19e4e9e4]{font-size:14px}.services .services-grid[data-v-19e4e9e4]{grid-template-columns:1fr;gap:20px}.services .services-grid .service-item[data-v-19e4e9e4]{padding:25px 20px}.portfolio .portfolio-filter[data-v-19e4e9e4]{flex-wrap:wrap;gap:10px;margin-bottom:30px}.portfolio .portfolio-filter .filter-btn[data-v-19e4e9e4]{-webkit-tap-highlight-color:transparent;padding:8px 14px;font-size:14px}.portfolio .portfolio-grid[data-v-19e4e9e4]{grid-template-columns:1fr;gap:20px}.contact .contact-content[data-v-19e4e9e4]{flex-direction:column;gap:30px}.contact .contact-content .contact-form[data-v-19e4e9e4],.contact .contact-content .contact-info[data-v-19e4e9e4]{padding:25px 20px}.contact .contact-content .contact-item[data-v-19e4e9e4]{flex-direction:column;align-items:flex-start;gap:10px}.contact .contact-content .contact-item .contact-icon[data-v-19e4e9e4]{width:45px;height:45px}.footer[data-v-19e4e9e4]{padding:50px 0 20px}.footer .footer-content[data-v-19e4e9e4]{flex-direction:column;gap:30px}.footer .footer-content .footer-logo[data-v-19e4e9e4],.footer .footer-content .footer-links[data-v-19e4e9e4],.footer .footer-content .footer-services[data-v-19e4e9e4],.footer .footer-content .footer-contact[data-v-19e4e9e4]{min-width:100%}.btn-primary[data-v-19e4e9e4],.btn-secondary[data-v-19e4e9e4]{-webkit-tap-highlight-color:transparent;touch-action:manipulation;padding:14px 24px;font-size:16px}.service-item[data-v-19e4e9e4],.portfolio-item[data-v-19e4e9e4]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}}@media (max-width:576px){.container[data-v-19e4e9e4]{padding:0 12px}h1[data-v-19e4e9e4]{margin-bottom:12px;font-size:26px}h2[data-v-19e4e9e4]{margin-bottom:12px;font-size:24px}h3[data-v-19e4e9e4]{font-size:18px}.navbar[data-v-19e4e9e4]{padding:8px 0}.navbar .logo[data-v-19e4e9e4]{font-size:16px}.navbar .menu-toggle[data-v-19e4e9e4]{font-size:24px}.mobile-menu[data-v-19e4e9e4]{padding:12px 0;top:55px}.mobile-menu .mobile-nav-links[data-v-19e4e9e4]{gap:8px;padding:0 12px}.mobile-menu .mobile-nav-links li a[data-v-19e4e9e4]{padding:10px 0;font-size:15px}.hero[data-v-19e4e9e4]{padding:70px 0 40px}.hero .hero-content h1[data-v-19e4e9e4]{font-size:24px;line-height:1.4}.hero .hero-content p[data-v-19e4e9e4]{font-size:14px;line-height:1.6}.section-header[data-v-19e4e9e4]{margin-bottom:30px}.section-header h2[data-v-19e4e9e4]{font-size:22px}.section-header h2[data-v-19e4e9e4]:after{width:60px;height:2px}.section-header p[data-v-19e4e9e4]{font-size:13px}.about[data-v-19e4e9e4],.services[data-v-19e4e9e4],.portfolio[data-v-19e4e9e4],.contact[data-v-19e4e9e4]{padding:40px 0}.services-grid[data-v-19e4e9e4],.portfolio-grid[data-v-19e4e9e4]{gap:15px}.service-item[data-v-19e4e9e4],.portfolio-item[data-v-19e4e9e4],.contact .contact-form[data-v-19e4e9e4],.contact .contact-info[data-v-19e4e9e4]{padding:20px 15px}.contact .form-group[data-v-19e4e9e4]{margin-bottom:15px}.contact .form-group input[data-v-19e4e9e4],.contact .form-group textarea[data-v-19e4e9e4]{padding:10px;font-size:16px}.footer[data-v-19e4e9e4]{padding:40px 0 15px}.footer .footer-content[data-v-19e4e9e4]{gap:25px}.footer .footer-content h4[data-v-19e4e9e4]{margin-bottom:15px;font-size:16px}.footer .footer-content ul li[data-v-19e4e9e4]{margin-bottom:8px}.footer .footer-content ul li a[data-v-19e4e9e4]{font-size:14px}.footer .footer-bottom[data-v-19e4e9e4]{padding-top:15px}.footer .footer-bottom p[data-v-19e4e9e4]{font-size:12px}}@media (max-width:375px){.container[data-v-19e4e9e4]{padding:0 10px}h1[data-v-19e4e9e4]{font-size:22px}h2[data-v-19e4e9e4]{font-size:20px}.hero[data-v-19e4e9e4]{padding:60px 0 30px}.section-header h2[data-v-19e4e9e4]{font-size:20px}}@media (max-width:992px) and (orientation:landscape){.hero[data-v-19e4e9e4]{padding:60px 0 40px}.hero .hero-content h1[data-v-19e4e9e4]{font-size:28px}.navbar[data-v-19e4e9e4]{padding:8px 0}}@keyframes slideDown-19e4e9e4{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (hover:none) and (pointer:coarse){.btn-primary[data-v-19e4e9e4],.btn-secondary[data-v-19e4e9e4],.nav-links a[data-v-19e4e9e4],.mobile-nav-links a[data-v-19e4e9e4]{justify-content:center;align-items:center;min-height:44px;display:flex}.btn-primary[data-v-19e4e9e4]:hover,.btn-secondary[data-v-19e4e9e4]:hover{transform:none}.btn-primary[data-v-19e4e9e4]:active,.btn-secondary[data-v-19e4e9e4]:active{opacity:.9;transform:scale(.98)}.service-item[data-v-19e4e9e4]:active,.portfolio-item[data-v-19e4e9e4]:active{transform:scale(.98)}}.portfolio[data-v-19e4e9e4]{padding:80px 0}@media (max-width:768px){.portfolio[data-v-19e4e9e4]{padding:60px 0}}@media (max-width:576px){.portfolio[data-v-19e4e9e4]{padding:40px 0}}.portfolio .section-header[data-v-19e4e9e4]{text-align:center;margin-bottom:60px}.portfolio .section-header h2[data-v-19e4e9e4]{margin-bottom:10px;display:inline-block;position:relative}.portfolio .section-header h2[data-v-19e4e9e4]:after{content:"";background-color:#2563eb;width:80px;height:3px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.portfolio .section-header .separator[data-v-19e4e9e4]{width:50px;height:2px;margin:0 auto 15px}.portfolio .section-header p[data-v-19e4e9e4]{color:#4b5563;max-width:600px;margin:0 auto}.portfolio .portfolio-filter[data-v-19e4e9e4]{justify-content:center;gap:15px;margin-bottom:40px;display:flex}.portfolio .portfolio-filter .filter-btn[data-v-19e4e9e4]{cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:8px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.portfolio .portfolio-filter .filter-btn.active[data-v-19e4e9e4]{color:#fff;background-color:#2563eb;border-color:#2563eb}.portfolio .portfolio-filter .filter-btn[data-v-19e4e9e4]:hover:not(.active){color:#2563eb;border-color:#2563eb}.portfolio .portfolio-grid[data-v-19e4e9e4]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.portfolio .portfolio-grid .portfolio-item[data-v-19e4e9e4]{background-color:#fff;border-radius:8px;padding:30px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.portfolio .portfolio-grid .portfolio-item[data-v-19e4e9e4]:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.portfolio .portfolio-grid .portfolio-item[data-v-19e4e9e4]{cursor:pointer;position:relative;overflow:hidden}.portfolio .portfolio-grid .portfolio-item .portfolio-image[data-v-19e4e9e4]{background-color:#3b82f60d;justify-content:center;align-items:center;height:200px;display:flex}.portfolio .portfolio-grid .portfolio-item .portfolio-image i[data-v-19e4e9e4]{color:#2563eb}.portfolio .portfolio-grid .portfolio-item .portfolio-info[data-v-19e4e9e4]{text-align:center;padding:20px 0}.contact[data-v-19e4e9e4]{padding:80px 0}@media (max-width:768px){.contact[data-v-19e4e9e4]{padding:60px 0}}@media (max-width:576px){.contact[data-v-19e4e9e4]{padding:40px 0}}.contact .section-header[data-v-19e4e9e4]{text-align:center;margin-bottom:60px}.contact .section-header h2[data-v-19e4e9e4]{margin-bottom:10px;display:inline-block;position:relative}.contact .section-header h2[data-v-19e4e9e4]:after{content:"";background-color:#2563eb;width:80px;height:3px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.contact .section-header .separator[data-v-19e4e9e4]{width:50px;height:2px;margin:0 auto 15px}.contact .section-header p[data-v-19e4e9e4]{color:#4b5563;max-width:600px;margin:0 auto}.contact .contact-content[data-v-19e4e9e4]{flex-wrap:wrap;gap:40px;display:flex}.contact .contact-content .contact-form[data-v-19e4e9e4]{background-color:#fff;border-radius:8px;flex:1;min-width:300px;padding:30px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.contact .contact-content .contact-form[data-v-19e4e9e4]:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.contact .contact-content .contact-form h3[data-v-19e4e9e4],.contact .contact-content .contact-form .form-group[data-v-19e4e9e4]{margin-bottom:20px}.contact .contact-content .contact-form .form-group label[data-v-19e4e9e4]{margin-bottom:8px;font-weight:500;display:block}.contact .contact-content .contact-form .form-group input[data-v-19e4e9e4],.contact .contact-content .contact-form .form-group textarea[data-v-19e4e9e4]{border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:12px;font-family:inherit;transition:all .3s cubic-bezier(.4,0,.2,1)}.contact .contact-content .contact-form .form-group input[data-v-19e4e9e4]:focus,.contact .contact-content .contact-form .form-group textarea[data-v-19e4e9e4]:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #3b82f61a}.contact .contact-content .contact-form .form-group textarea[data-v-19e4e9e4]{resize:vertical}.contact .contact-content .contact-info[data-v-19e4e9e4]{flex:1;min-width:300px}.contact .contact-content .contact-info h3[data-v-19e4e9e4]{margin-bottom:20px}.contact .contact-content .contact-info .contact-item[data-v-19e4e9e4]{gap:15px;margin-bottom:20px;display:flex}.contact .contact-content .contact-info .contact-item .contact-icon[data-v-19e4e9e4]{background-color:#3b82f61a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.contact .contact-content .contact-info .contact-item .contact-icon i[data-v-19e4e9e4]{color:#2563eb}.contact .contact-content .contact-info .contact-item .contact-text p[data-v-19e4e9e4]{color:#4b5563}.contact .contact-content .contact-info .social-links[data-v-19e4e9e4]{gap:15px;margin-top:30px;display:flex}.contact .contact-content .contact-info .social-links a[data-v-19e4e9e4]{color:#2563eb;background-color:#3b82f61a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.contact .contact-content .contact-info .social-links a[data-v-19e4e9e4]:hover{color:#fff;background-color:#2563eb}.footer[data-v-19e4e9e4]{color:#fff;background-color:#111827;padding:80px 0 20px}@media (max-width:768px){.footer[data-v-19e4e9e4]{padding:60px 0 20px}}.footer .footer-content[data-v-19e4e9e4]{flex-wrap:wrap;gap:40px;margin-bottom:40px;display:flex}@media (max-width:768px){.footer .footer-content[data-v-19e4e9e4]{gap:30px}}.footer .footer-content .footer-logo[data-v-19e4e9e4]{flex:1;min-width:250px}@media (max-width:576px){.footer .footer-content .footer-logo[data-v-19e4e9e4]{min-width:100%}}.footer .footer-content .footer-logo .text-primary[data-v-19e4e9e4]{color:#2563eb}.footer .footer-content .footer-logo .text-secondary[data-v-19e4e9e4]{color:#fff}.footer .footer-content .footer-logo p[data-v-19e4e9e4]{color:#ffffffb3;margin-top:10px}.footer .footer-content .footer-links[data-v-19e4e9e4],.footer .footer-content .footer-services[data-v-19e4e9e4],.footer .footer-content .footer-contact[data-v-19e4e9e4]{flex:1;min-width:200px}@media (max-width:576px){.footer .footer-content .footer-links[data-v-19e4e9e4],.footer .footer-content .footer-services[data-v-19e4e9e4],.footer .footer-content .footer-contact[data-v-19e4e9e4]{min-width:100%}}.footer .footer-content .footer-links h4[data-v-19e4e9e4],.footer .footer-content .footer-services h4[data-v-19e4e9e4],.footer .footer-content .footer-contact h4[data-v-19e4e9e4]{margin-bottom:20px;padding-bottom:10px;font-size:18px;position:relative}.footer .footer-content .footer-links h4[data-v-19e4e9e4]:after,.footer .footer-content .footer-services h4[data-v-19e4e9e4]:after,.footer .footer-content .footer-contact h4[data-v-19e4e9e4]:after{content:"";background-color:#2563eb;width:40px;height:2px;position:absolute;bottom:0;left:0}.footer .footer-content .footer-links ul li[data-v-19e4e9e4],.footer .footer-content .footer-services ul li[data-v-19e4e9e4],.footer .footer-content .footer-contact ul li[data-v-19e4e9e4]{margin-bottom:10px}.footer .footer-content .footer-links ul li a[data-v-19e4e9e4],.footer .footer-content .footer-services ul li a[data-v-19e4e9e4],.footer .footer-content .footer-contact ul li a[data-v-19e4e9e4]{color:#ffffffb3;transition:all .3s cubic-bezier(.4,0,.2,1)}.footer .footer-content .footer-links ul li a[data-v-19e4e9e4]:hover,.footer .footer-content .footer-services ul li a[data-v-19e4e9e4]:hover,.footer .footer-content .footer-contact ul li a[data-v-19e4e9e4]:hover{color:#2563eb;padding-left:5px}.footer .footer-content .footer-links ul li i[data-v-19e4e9e4],.footer .footer-content .footer-services ul li i[data-v-19e4e9e4],.footer .footer-content .footer-contact ul li i[data-v-19e4e9e4]{color:#2563eb;margin-right:10px}.footer .footer-bottom[data-v-19e4e9e4]{text-align:center;border-top:1px solid #ffffff1a;padding-top:20px}.footer .footer-bottom p[data-v-19e4e9e4]{color:#ffffff80;margin:0;font-size:14px}.footer .footer-bottom p.icp-number[data-v-19e4e9e4]{margin-top:8px;font-size:12px}.footer .footer-bottom p.icp-number a[data-v-19e4e9e4]{color:#ffffff80;text-decoration:none}.footer .footer-bottom p.icp-number a[data-v-19e4e9e4]:hover{color:#fffc}.backup-manage .page-header[data-v-19e4e9e4]{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.backup-manage .page-header .header-left h2[data-v-19e4e9e4]{color:#1e293b;align-items:center;gap:10px;margin:0;font-size:24px;display:flex}.backup-manage .page-header .header-left h2 i[data-v-19e4e9e4]{color:#10b981}.backup-manage .page-header .header-left .subtitle[data-v-19e4e9e4]{color:#64748b;margin:4px 0 0;font-size:14px}.backup-manage .page-header .header-actions[data-v-19e4e9e4]{gap:10px;display:flex}.backup-manage .page-header .header-actions .btn-action[data-v-19e4e9e4]{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:40px;height:40px}.backup-manage .page-header .header-actions .btn-action[data-v-19e4e9e4]:hover{background:#f1f5f9}.backup-manage .page-header .header-actions .btn-action.cleanup[data-v-19e4e9e4]:hover{color:#f59e0b}.backup-manage .page-header .header-actions .btn-action.refresh[data-v-19e4e9e4]:hover{color:#10b981}.backup-manage .page-header .header-actions .btn-action[data-v-19e4e9e4]:disabled{opacity:.5;cursor:not-allowed}.backup-manage .page-header .header-actions .btn-create[data-v-19e4e9e4]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:500;display:flex}.backup-manage .page-header .header-actions .btn-create[data-v-19e4e9e4]:hover{filter:brightness(1.1)}.backup-manage .stats-cards[data-v-19e4e9e4]{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}@media (max-width:992px){.backup-manage .stats-cards[data-v-19e4e9e4]{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.backup-manage .stats-cards[data-v-19e4e9e4]{grid-template-columns:1fr}}.backup-manage .stats-cards .stat-card[data-v-19e4e9e4]{background:#fff;border-left:4px solid;border-radius:12px;align-items:center;gap:16px;padding:20px;display:flex;box-shadow:0 1px 3px #0000001a}.backup-manage .stats-cards .stat-card.total[data-v-19e4e9e4]{border-color:#3b82f6}.backup-manage .stats-cards .stat-card.total .stat-icon[data-v-19e4e9e4]{color:#3b82f6;background:#eff6ff}.backup-manage .stats-cards .stat-card.size[data-v-19e4e9e4]{border-color:#8b5cf6}.backup-manage .stats-cards .stat-card.size .stat-icon[data-v-19e4e9e4]{color:#8b5cf6;background:#f5f3ff}.backup-manage .stats-cards .stat-card.latest[data-v-19e4e9e4]{border-color:#10b981}.backup-manage .stats-cards .stat-card.latest .stat-icon[data-v-19e4e9e4]{color:#10b981;background:#ecfdf5}.backup-manage .stats-cards .stat-card.trend[data-v-19e4e9e4]{border-color:#f59e0b}.backup-manage .stats-cards .stat-card.trend .stat-icon[data-v-19e4e9e4]{color:#f59e0b;background:#fffbeb}.backup-manage .stats-cards .stat-card .stat-icon[data-v-19e4e9e4]{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.backup-manage .stats-cards .stat-card .stat-info .stat-number[data-v-19e4e9e4]{color:#1e293b;font-size:24px;font-weight:700;display:block}.backup-manage .stats-cards .stat-card .stat-info .stat-label[data-v-19e4e9e4]{color:#64748b;font-size:13px}.backup-manage .trend-chart-card[data-v-19e4e9e4]{background:#fff;border-radius:12px;margin-bottom:24px;padding:20px;box-shadow:0 1px 3px #0000001a}.backup-manage .trend-chart-card .card-header[data-v-19e4e9e4]{margin-bottom:16px}.backup-manage .trend-chart-card .card-header h3[data-v-19e4e9e4]{color:#1e293b;align-items:center;gap:8px;margin:0;font-size:16px;display:flex}.backup-manage .trend-chart-card .card-header h3 i[data-v-19e4e9e4]{color:#10b981}.backup-manage .trend-chart-card .chart-container[data-v-19e4e9e4]{height:200px}.backup-manage .backup-list-card[data-v-19e4e9e4]{background:#fff;border-radius:12px;margin-bottom:24px;padding:20px;box-shadow:0 1px 3px #0000001a}.backup-manage .backup-list-card .card-header[data-v-19e4e9e4]{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.backup-manage .backup-list-card .card-header h3[data-v-19e4e9e4]{color:#1e293b;align-items:center;gap:8px;margin:0;font-size:16px;display:flex}.backup-manage .backup-list-card .card-header h3 i[data-v-19e4e9e4]{color:#10b981}.backup-manage .backup-list-card .card-header .filter-select[data-v-19e4e9e4]{border:1px solid #e2e8f0;border-radius:6px;padding:8px 12px;font-size:14px}.backup-manage .loading-state[data-v-19e4e9e4],.backup-manage .error-state[data-v-19e4e9e4],.backup-manage .empty-state[data-v-19e4e9e4]{text-align:center;padding:60px 20px}.backup-manage .loading-state i[data-v-19e4e9e4],.backup-manage .error-state i[data-v-19e4e9e4],.backup-manage .empty-state i[data-v-19e4e9e4]{margin-bottom:16px;font-size:48px}.backup-manage .loading-state h3[data-v-19e4e9e4],.backup-manage .error-state h3[data-v-19e4e9e4],.backup-manage .empty-state h3[data-v-19e4e9e4]{margin:0 0 8px}.backup-manage .loading-state p[data-v-19e4e9e4],.backup-manage .error-state p[data-v-19e4e9e4],.backup-manage .empty-state p[data-v-19e4e9e4]{color:#64748b;margin:0 0 16px}.backup-manage .loading-state i[data-v-19e4e9e4]{color:#10b981}.backup-manage .error-state i[data-v-19e4e9e4]{color:#ef4444}.backup-manage .empty-state i[data-v-19e4e9e4]{color:#cbd5e1}.backup-manage .btn-retry[data-v-19e4e9e4]{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;padding:10px 20px}.backup-manage .backup-list[data-v-19e4e9e4]{flex-direction:column;gap:12px;display:flex}.backup-manage .backup-item[data-v-19e4e9e4]{border:1px solid #e2e8f0;border-radius:12px;transition:all .2s;overflow:hidden}.backup-manage .backup-item[data-v-19e4e9e4]:hover{box-shadow:0 4px 12px #00000014}.backup-manage .backup-item.expanded[data-v-19e4e9e4]{border-color:#10b981}.backup-manage .backup-item .backup-main[data-v-19e4e9e4]{cursor:pointer;align-items:center;gap:16px;padding:16px;display:flex}.backup-manage .backup-item .backup-icon[data-v-19e4e9e4]{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.backup-manage .backup-item .backup-info[data-v-19e4e9e4]{flex:1;min-width:0}.backup-manage .backup-item .backup-info h4[data-v-19e4e9e4]{color:#1e293b;margin:0 0 6px;font-size:15px}.backup-manage .backup-item .backup-info .backup-meta[data-v-19e4e9e4]{color:#64748b;flex-wrap:wrap;gap:16px;font-size:13px;display:flex}.backup-manage .backup-item .backup-info .backup-meta .meta-item[data-v-19e4e9e4]{align-items:center;gap:4px;display:flex}.backup-manage .backup-item .backup-info .backup-meta .type-badge[data-v-19e4e9e4]{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:500}.backup-manage .backup-item .backup-info .backup-meta .type-badge.manual[data-v-19e4e9e4]{color:#1d4ed8;background:#dbeafe}.backup-manage .backup-item .backup-info .backup-meta .type-badge.auto[data-v-19e4e9e4]{color:#16a34a;background:#dcfce7}.backup-manage .backup-item .backup-info .backup-meta .type-badge.scheduled[data-v-19e4e9e4]{color:#d97706;background:#fef3c7}.backup-manage .backup-item .backup-info .backup-desc[data-v-19e4e9e4]{color:#94a3b8;margin:6px 0 0;font-size:13px}.backup-manage .backup-item .backup-actions[data-v-19e4e9e4]{align-items:center;gap:8px;display:flex}.backup-manage .backup-item .backup-actions .btn-icon[data-v-19e4e9e4]{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:36px;height:36px}.backup-manage .backup-item .backup-actions .btn-icon[data-v-19e4e9e4]:hover{color:#3b82f6;background:#f1f5f9}.backup-manage .backup-item .backup-actions .btn-icon.restore[data-v-19e4e9e4]:hover{color:#f59e0b}.backup-manage .backup-item .backup-actions .btn-icon.danger[data-v-19e4e9e4]:hover{color:#ef4444;background:#fef2f2;border-color:#fecaca}.backup-manage .backup-item .backup-actions .expand-icon[data-v-19e4e9e4]{color:#94a3b8;transition:transform .2s}.backup-manage .backup-item.expanded .expand-icon[data-v-19e4e9e4]{transform:rotate(180deg)}.backup-manage .backup-item .backup-details[data-v-19e4e9e4]{background:#f8fafc;border-top:1px solid #e2e8f0;padding:16px}.backup-manage .backup-item .backup-details .detail-section[data-v-19e4e9e4]{margin-bottom:12px}.backup-manage .backup-item .backup-details .detail-section[data-v-19e4e9e4]:last-child{margin-bottom:0}.backup-manage .backup-item .backup-details .detail-section h5[data-v-19e4e9e4]{color:#64748b;margin:0 0 8px;font-size:13px}.backup-manage .backup-item .backup-details .detail-section p[data-v-19e4e9e4]{color:#1e293b;margin:0}.backup-manage .backup-item .backup-details .table-tags[data-v-19e4e9e4]{flex-wrap:wrap;gap:8px;display:flex}.backup-manage .backup-item .backup-details .table-tags .table-tag[data-v-19e4e9e4]{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:4px 10px;font-size:12px}.backup-manage .backup-item .backup-details .table-tags .table-tag .count[data-v-19e4e9e4]{color:#10b981;margin-left:4px;font-weight:600}.backup-manage .info-card[data-v-19e4e9e4]{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border-left:4px solid #10b981;border-radius:12px;padding:20px}.backup-manage .info-card h3[data-v-19e4e9e4]{color:#065f46;align-items:center;gap:8px;margin:0 0 16px;font-size:16px;display:flex}.backup-manage .info-card ul[data-v-19e4e9e4]{margin:0;padding:0;list-style:none}.backup-manage .info-card ul li[data-v-19e4e9e4]{color:#047857;align-items:center;gap:10px;padding:8px 0;display:flex}.backup-manage .info-card ul li i[data-v-19e4e9e4]{color:#10b981;width:16px}.backup-manage .info-card ul li i.warning[data-v-19e4e9e4]{color:#f59e0b}.backup-manage .modal-overlay[data-v-19e4e9e4]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.backup-manage .modal-content[data-v-19e4e9e4]{background:#fff;border-radius:16px;width:100%;max-width:500px;overflow:hidden;box-shadow:0 20px 40px #0003}.backup-manage .modal-content.small[data-v-19e4e9e4]{max-width:400px}.backup-manage .modal-header[data-v-19e4e9e4]{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.backup-manage .modal-header.warning[data-v-19e4e9e4]{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.backup-manage .modal-header h3[data-v-19e4e9e4]{align-items:center;gap:10px;margin:0;font-size:18px;display:flex}.backup-manage .modal-header .btn-close[data-v-19e4e9e4]{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:8px;width:36px;height:36px}.backup-manage .modal-header .btn-close[data-v-19e4e9e4]:hover{background:#ffffff4d}.backup-manage .modal-body[data-v-19e4e9e4]{padding:24px}.backup-manage .modal-body .form-group[data-v-19e4e9e4]{margin-bottom:20px}.backup-manage .modal-body .form-group[data-v-19e4e9e4]:last-child{margin-bottom:0}.backup-manage .modal-body .form-group label[data-v-19e4e9e4]{color:#374151;margin-bottom:8px;font-weight:500;display:block}.backup-manage .modal-body .form-group input[type=text][data-v-19e4e9e4],.backup-manage .modal-body .form-group input[type=number][data-v-19e4e9e4]{border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 14px;font-size:14px}.backup-manage .modal-body .form-group input[type=text][data-v-19e4e9e4]:focus,.backup-manage .modal-body .form-group input[type=number][data-v-19e4e9e4]:focus{border-color:#10b981;outline:none;box-shadow:0 0 0 3px #10b9811a}.backup-manage .modal-body .form-group .help-text[data-v-19e4e9e4]{color:#94a3b8;margin:8px 0 0;font-size:12px}.backup-manage .modal-body .type-options[data-v-19e4e9e4]{grid-template-columns:1fr 1fr;gap:12px;display:grid}.backup-manage .modal-body .type-options .type-option[data-v-19e4e9e4]{text-align:center;cursor:pointer;border:2px solid #e2e8f0;border-radius:10px;padding:16px;transition:all .2s}.backup-manage .modal-body .type-options .type-option input[data-v-19e4e9e4]{display:none}.backup-manage .modal-body .type-options .type-option i[data-v-19e4e9e4]{color:#64748b;margin-bottom:8px;font-size:24px;display:block}.backup-manage .modal-body .type-options .type-option span[data-v-19e4e9e4]{color:#374151;font-size:14px}.backup-manage .modal-body .type-options .type-option[data-v-19e4e9e4]:hover{border-color:#10b981}.backup-manage .modal-body .type-options .type-option.active[data-v-19e4e9e4]{background:#ecfdf5;border-color:#10b981}.backup-manage .modal-body .type-options .type-option.active i[data-v-19e4e9e4]{color:#10b981}.backup-manage .modal-body .warning-box[data-v-19e4e9e4]{background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;margin-bottom:16px;padding:12px 16px}.backup-manage .modal-body .warning-box p[data-v-19e4e9e4]{color:#92400e;margin:0;font-size:14px}.backup-manage .modal-body .restore-info[data-v-19e4e9e4]{margin-bottom:16px}.backup-manage .modal-body .restore-info p[data-v-19e4e9e4]{color:#374151;margin:0 0 8px;font-size:14px}.backup-manage .modal-body .table-checkboxes[data-v-19e4e9e4]{flex-direction:column;gap:10px;display:flex}.backup-manage .modal-body .table-checkboxes .table-checkbox[data-v-19e4e9e4]{cursor:pointer;align-items:center;gap:10px;display:flex}.backup-manage .modal-body .table-checkboxes .table-checkbox input[data-v-19e4e9e4]{accent-color:#10b981}.backup-manage .modal-body .table-checkboxes .table-checkbox span[data-v-19e4e9e4]{color:#374151}.backup-manage .modal-body .table-checkboxes .table-checkbox .count[data-v-19e4e9e4]{color:#64748b;font-size:12px}.backup-manage .modal-footer[data-v-19e4e9e4]{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.backup-manage .modal-footer .btn-cancel[data-v-19e4e9e4]{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 20px}.backup-manage .modal-footer .btn-cancel[data-v-19e4e9e4]:hover{background:#f1f5f9}.backup-manage .modal-footer .btn-confirm[data-v-19e4e9e4]{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;display:flex}.backup-manage .modal-footer .btn-confirm[data-v-19e4e9e4]:hover{background:#059669}.backup-manage .modal-footer .btn-confirm[data-v-19e4e9e4]:disabled{opacity:.5;cursor:not-allowed}.backup-manage .modal-footer .btn-confirm.danger[data-v-19e4e9e4]{background:#ef4444}.backup-manage .modal-footer .btn-confirm.danger[data-v-19e4e9e4]:hover{background:#dc2626}@media (max-width:768px){.backup-manage .backup-item .backup-main[data-v-19e4e9e4]{flex-wrap:wrap}.backup-manage .backup-item .backup-main .backup-info[data-v-19e4e9e4]{order:2;width:100%}.backup-manage .backup-item .backup-main .backup-actions[data-v-19e4e9e4]{order:3;justify-content:flex-end;width:100%}.page-header[data-v-c566c29e]{flex-direction:column;gap:15px;margin-bottom:20px;align-items:flex-start!important}.page-header h2[data-v-c566c29e]{font-size:20px!important}.page-header .header-actions[data-v-c566c29e]{flex-direction:column;gap:10px;width:100%;align-items:stretch!important}.page-header .header-actions .search-box[data-v-c566c29e],.page-header .header-actions .filter-select[data-v-c566c29e],.page-header .header-actions .section-select[data-v-c566c29e],.page-header .header-actions .action-buttons[data-v-c566c29e]{width:100%!important;max-width:none!important;margin:0!important}.page-header .header-actions .search-box input[data-v-c566c29e]{width:100%}.page-header .header-actions .btn-primary[data-v-c566c29e],.page-header .header-actions button[data-v-c566c29e]{justify-content:center;width:100%;padding:12px!important}}@media (max-width:576px){.section-padding[data-v-c566c29e]{padding:40px 0}.container[data-v-c566c29e]{padding:0 15px}}[data-v-c566c29e]{box-sizing:border-box;margin:0;padding:0}body[data-v-c566c29e]{color:#111827;background-color:#f9fafb;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;border:none!important;outline:none!important;margin:0!important;padding:0!important}.container[data-v-c566c29e]{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}a[data-v-c566c29e]{color:inherit;text-decoration:none}ul[data-v-c566c29e]{list-style:none}.btn-primary[data-v-c566c29e]{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:4px;padding:12px 24px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block}.btn-primary[data-v-c566c29e]:hover{background-color:#2563eb;transform:translateY(-2px)}.btn-secondary[data-v-c566c29e]{color:#2563eb;cursor:pointer;background-color:#0000;border:2px solid #2563eb;border-radius:4px;padding:12px 24px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block}.btn-secondary[data-v-c566c29e]:hover{color:#fff;background-color:#2563eb;transform:translateY(-2px)}h1[data-v-c566c29e],h2[data-v-c566c29e],h3[data-v-c566c29e],h4[data-v-c566c29e],h5[data-v-c566c29e],h6[data-v-c566c29e]{margin-bottom:16px;font-weight:700;line-height:1.3}h1[data-v-c566c29e]{font-size:48px}h2[data-v-c566c29e]{font-size:36px}h3[data-v-c566c29e]{font-size:24px}.section-header[data-v-c566c29e]{text-align:center;margin-bottom:60px}.section-header h2[data-v-c566c29e]{margin-bottom:10px;display:inline-block;position:relative}.section-header h2[data-v-c566c29e]:after{content:"";background-color:#2563eb;width:80px;height:3px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.section-header .separator[data-v-c566c29e]{width:50px;height:2px;margin:0 auto 15px}.section-header p[data-v-c566c29e]{color:#4b5563;max-width:600px;margin:0 auto}.navbar[data-v-c566c29e]{z-index:1000;width:100%;box-shadow:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0000;border-bottom:none;padding:15px 0;transition:all .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0}.navbar.scrolled[data-v-c566c29e]{background-color:#2563eb;border-bottom:1px solid #ffffff1a;padding:12px 0;box-shadow:0 4px 24px #2563eb4d}.navbar.navbar-transparent[data-v-c566c29e]{box-shadow:none;background-color:#0000;border-bottom:none}.navbar.navbar-transparent .logo .text-primary[data-v-c566c29e],.navbar.navbar-transparent .logo .text-secondary[data-v-c566c29e],.navbar.navbar-transparent .nav-desktop .nav-links li a[data-v-c566c29e]{background:linear-gradient(135deg,#1a1a1a 0%,#000 100%);-webkit-text-fill-color:transparent;text-shadow:none;-webkit-background-clip:text;background-clip:text}.navbar.navbar-transparent .nav-desktop .nav-links li a[data-v-c566c29e]:hover{background:linear-gradient(135deg,#000 0%,#333 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar.navbar-transparent .nav-desktop .nav-links li a.active[data-v-c566c29e]{background:linear-gradient(135deg,#000 0%,#1a1a1a 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar.navbar-transparent .nav-desktop .nav-links li a.active[data-v-c566c29e]:after{background:linear-gradient(135deg,#000 0%,#333 100%)}.navbar.navbar-transparent .menu-toggle[data-v-c566c29e]{background:linear-gradient(135deg,#1a1a1a 0%,#000 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar.navbar-transparent .menu-toggle[data-v-c566c29e]:hover{background:linear-gradient(135deg,#000 0%,#333 100%);-webkit-text-fill-color:transparent;background-color:#0000000d;-webkit-background-clip:text;background-clip:text}.navbar.navbar-transparent .nav-links li a.admin-link[data-v-c566c29e]{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d}.navbar.navbar-transparent .nav-links li a.admin-link[data-v-c566c29e]:hover{color:#fff;background:#ffffff4d;border-color:#ffffff80}.navbar[data-v-c566c29e]:not(.navbar-transparent){background-color:#2563eb;border-bottom:1px solid #ffffff1a;box-shadow:0 2px 12px #2563eb33}.navbar:not(.navbar-transparent) .logo .text-primary[data-v-c566c29e]{background:linear-gradient(135deg,#fff 0%,#e0e0e0 100%);-webkit-text-fill-color:transparent;text-shadow:none;-webkit-background-clip:text;background-clip:text}.navbar:not(.navbar-transparent) .logo .text-secondary[data-v-c566c29e]{background:linear-gradient(135deg,#fff 0%,#e0e0e0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:600}.navbar:not(.navbar-transparent) .nav-desktop .nav-links li a[data-v-c566c29e]{background:linear-gradient(135deg,#fff 0%,#e0e0e0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar:not(.navbar-transparent) .nav-desktop .nav-links li a[data-v-c566c29e]:hover{background:linear-gradient(135deg,#fff 0%,#f5f5f5 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar:not(.navbar-transparent) .nav-desktop .nav-links li a.active[data-v-c566c29e]{background:linear-gradient(135deg,#fff 0%,#e0e0e0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar:not(.navbar-transparent) .nav-desktop .nav-links li a.active[data-v-c566c29e]:after{background:linear-gradient(135deg,#fff 0%,#e0e0e0 100%)}.navbar:not(.navbar-transparent) .menu-toggle[data-v-c566c29e]{background:linear-gradient(135deg,#fff 0%,#e0e0e0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar:not(.navbar-transparent) .menu-toggle[data-v-c566c29e]:hover{background:linear-gradient(135deg,#fff 0%,#f5f5f5 100%);-webkit-text-fill-color:transparent;background-color:#ffffff1a;-webkit-background-clip:text;background-clip:text}.navbar .container[data-v-c566c29e]{justify-content:space-between;align-items:center;display:flex}.navbar .logo[data-v-c566c29e]{font-size:24px;font-weight:700}.navbar .logo .text-primary[data-v-c566c29e]{color:#2563eb;text-shadow:0 1px 2px #2563eb1a}.navbar .logo .text-secondary[data-v-c566c29e]{color:#000;font-weight:600}.navbar .nav-desktop[data-v-c566c29e]{display:block}.navbar .nav-desktop .nav-links[data-v-c566c29e]{gap:30px;display:flex}.navbar .nav-desktop .nav-links li a[data-v-c566c29e]{color:#000;letter-spacing:.3px;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.navbar .nav-desktop .nav-links li a[data-v-c566c29e]:hover{color:#2563eb}.navbar .nav-desktop .nav-links li a.active[data-v-c566c29e]{color:#2563eb;font-weight:700}.navbar .nav-desktop .nav-links li a.active[data-v-c566c29e]:after{content:"";background-color:#2563eb;border-radius:2px;width:100%;height:3px;position:absolute;bottom:-5px;left:0}.navbar .nav-desktop .nav-links li a.admin-link[data-v-c566c29e]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:6px;padding:8px 16px;font-weight:600;color:#fff!important;-webkit-text-fill-color:#fff!important}.navbar .nav-desktop .nav-links li a.admin-link[data-v-c566c29e]:hover{background:linear-gradient(135deg,#5568d3 0%,#6b3fa0 100%);transform:translateY(-2px);box-shadow:0 4px 12px #667eea66;color:#fff!important;-webkit-text-fill-color:#fff!important}.navbar .menu-toggle[data-v-c566c29e]{color:#000;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px;font-size:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:none}.navbar .menu-toggle[data-v-c566c29e]:hover{color:#2563eb;background-color:#0000000d}.mobile-menu[data-v-c566c29e]{z-index:999;-webkit-overflow-scrolling:touch;background-color:#fff;border-top:1px solid #00000014;width:100%;max-height:calc(100vh - 70px);padding:20px 0;animation:.3s ease-out slideDown-c566c29e;position:fixed;top:70px;left:0;overflow-y:auto;box-shadow:0 10px 25px #00000026}.mobile-menu .mobile-nav-links[data-v-c566c29e]{flex-direction:column;gap:8px;padding:0 20px;display:flex}.mobile-menu .mobile-nav-links li a[data-v-c566c29e]{color:#000;border-radius:8px;padding:12px 16px;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:block}.mobile-menu .mobile-nav-links li a[data-v-c566c29e]:hover{color:#2563eb;background-color:#2563eb14;padding-left:20px}.mobile-menu .mobile-nav-links li a.active[data-v-c566c29e]{color:#2563eb;background-color:#2563eb1a;font-weight:700}.mobile-menu .mobile-nav-links li a.admin-link[data-v-c566c29e]{text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:6px;margin-top:10px;padding:12px 20px;font-weight:600;color:#fff!important;-webkit-text-fill-color:#fff!important}.mobile-menu .mobile-nav-links li a.admin-link[data-v-c566c29e]:hover{background:linear-gradient(135deg,#5568d3 0%,#6b3fa0 100%);padding-left:20px;transform:translate(5px);color:#fff!important;-webkit-text-fill-color:#fff!important}.hero[data-v-c566c29e]{background:linear-gradient(135deg,#f9fafb 0%,#ccf8ff 100%);padding:120px 0 80px;position:relative;overflow:hidden}.hero .container[data-v-c566c29e]{flex-wrap:wrap;align-items:center;gap:40px;display:flex}.hero .hero-content[data-v-c566c29e]{flex:1;min-width:300px}.hero .hero-content h1[data-v-c566c29e]{margin-bottom:20px;line-height:1.2}.hero .hero-content p[data-v-c566c29e]{color:#4b5563;max-width:500px;margin-bottom:30px;font-size:18px}.hero .hero-content .cta-buttons[data-v-c566c29e]{flex-wrap:wrap;gap:15px;display:flex}.hero .hero-image[data-v-c566c29e]{flex:1;justify-content:center;align-items:center;min-width:300px;display:flex}.hero .hero-image i[data-v-c566c29e]{color:#2563eb;opacity:.9}.about[data-v-c566c29e]{padding:80px 0}@media (max-width:768px){.about[data-v-c566c29e]{padding:60px 0}}@media (max-width:576px){.about[data-v-c566c29e]{padding:40px 0}}.about .section-header[data-v-c566c29e]{text-align:center;margin-bottom:60px}.about .section-header h2[data-v-c566c29e]{margin-bottom:10px;display:inline-block;position:relative}.about .section-header h2[data-v-c566c29e]:after{content:"";background-color:#2563eb;width:80px;height:3px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.about .section-header .separator[data-v-c566c29e]{width:50px;height:2px;margin:0 auto 15px}.about .section-header p[data-v-c566c29e]{color:#4b5563;max-width:600px;margin:0 auto}.about .about-content[data-v-c566c29e]{flex-wrap:wrap;gap:40px;display:flex}.about .about-content .about-image[data-v-c566c29e]{flex:1;justify-content:center;align-items:center;min-width:300px;display:flex}.about .about-content .about-image i[data-v-c566c29e]{color:#2563eb;opacity:.9}.about .about-content .about-text[data-v-c566c29e]{flex:1;min-width:300px}.about .about-content .about-text h3[data-v-c566c29e]{color:#111827;margin-bottom:15px}.about .about-content .about-text p[data-v-c566c29e]{color:#4b5563;margin-bottom:20px}.about .about-content .about-text .stats[data-v-c566c29e]{flex-wrap:wrap;gap:30px;margin-top:30px;display:flex}.about .about-content .about-text .stats .stat-item[data-v-c566c29e]{text-align:center}.about .about-content .about-text .stats .stat-item .stat-value[data-v-c566c29e]{color:#2563eb;margin-bottom:5px;font-size:36px;font-weight:700}.about .about-content .about-text .stats .stat-item .stat-label[data-v-c566c29e]{color:#4b5563;font-size:16px}.services[data-v-c566c29e]{padding:80px 0}@media (max-width:768px){.services[data-v-c566c29e]{padding:60px 0}}@media (max-width:576px){.services[data-v-c566c29e]{padding:40px 0}}.services[data-v-c566c29e]{background-color:#f9fafb}.services .section-header[data-v-c566c29e]{text-align:center;margin-bottom:60px}.services .section-header h2[data-v-c566c29e]{margin-bottom:10px;display:inline-block;position:relative}.services .section-header h2[data-v-c566c29e]:after{content:"";background-color:#2563eb;width:80px;height:3px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.services .section-header .separator[data-v-c566c29e]{width:50px;height:2px;margin:0 auto 15px}.services .section-header p[data-v-c566c29e]{color:#4b5563;max-width:600px;margin:0 auto}.services .services-grid[data-v-c566c29e]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.services .services-grid .service-item[data-v-c566c29e]{background-color:#fff;border-radius:8px;padding:30px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.services .services-grid .service-item[data-v-c566c29e]:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.services .services-grid .service-item[data-v-c566c29e]{text-align:center}.services .services-grid .service-item .service-icon[data-v-c566c29e]{background-color:#3b82f61a;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;display:flex}.services .services-grid .service-item h3[data-v-c566c29e]{margin-bottom:15px}.services .services-grid .service-item p[data-v-c566c29e]{color:#4b5563}@media (max-width:992px){.navbar[data-v-c566c29e]{padding:12px 0}.navbar .nav-desktop[data-v-c566c29e]{display:none}.navbar .menu-toggle[data-v-c566c29e]{-webkit-tap-highlight-color:transparent;padding:5px;font-size:28px;display:block}.navbar .logo[data-v-c566c29e]{font-size:20px}.hero[data-v-c566c29e]{padding:100px 0 60px}.hero .hero-content h1[data-v-c566c29e]{margin-bottom:15px;font-size:36px}.hero .hero-content p[data-v-c566c29e]{margin-bottom:25px;font-size:16px}.hero .hero-content .cta-buttons[data-v-c566c29e]{flex-direction:column;width:100%}.hero .hero-content .cta-buttons .btn-primary[data-v-c566c29e],.hero .hero-content .cta-buttons .btn-secondary[data-v-c566c29e]{text-align:center;width:100%}.section-header[data-v-c566c29e]{margin-bottom:40px}.section-header h2[data-v-c566c29e]{font-size:32px}.section-header p[data-v-c566c29e]{font-size:14px}}@media (max-width:768px){.container[data-v-c566c29e]{padding:0 15px}h1[data-v-c566c29e]{font-size:32px;line-height:1.3}h2[data-v-c566c29e]{font-size:28px;line-height:1.3}h3[data-v-c566c29e]{font-size:20px}.navbar[data-v-c566c29e]{padding:10px 0}.navbar .logo[data-v-c566c29e]{font-size:18px}.mobile-menu[data-v-c566c29e]{padding:15px 0;top:60px}.mobile-menu .mobile-nav-links[data-v-c566c29e]{gap:10px;padding:0 15px}.mobile-menu .mobile-nav-links li a[data-v-c566c29e]{-webkit-tap-highlight-color:#2563eb1a;padding:12px 0;font-size:16px}.hero[data-v-c566c29e]{padding:80px 0 50px}.hero .hero-content h1[data-v-c566c29e]{font-size:28px}.hero .hero-content p[data-v-c566c29e]{font-size:15px}.hero .hero-image[data-v-c566c29e]{margin-top:30px}.about .about-content[data-v-c566c29e]{flex-direction:column;gap:30px}.about .about-content .about-text .stats[data-v-c566c29e]{flex-wrap:wrap;justify-content:center;gap:20px}.about .about-content .about-text .stat-item[data-v-c566c29e]{min-width:120px;margin:0}.about .about-content .about-text .stat-item .stat-value[data-v-c566c29e]{font-size:28px}.about .about-content .about-text .stat-item .stat-label[data-v-c566c29e]{font-size:14px}.services .services-grid[data-v-c566c29e]{grid-template-columns:1fr;gap:20px}.services .services-grid .service-item[data-v-c566c29e]{padding:25px 20px}.portfolio .portfolio-filter[data-v-c566c29e]{flex-wrap:wrap;gap:10px;margin-bottom:30px}.portfolio .portfolio-filter .filter-btn[data-v-c566c29e]{-webkit-tap-highlight-color:transparent;padding:8px 14px;font-size:14px}.portfolio .portfolio-grid[data-v-c566c29e]{grid-template-columns:1fr;gap:20px}.contact .contact-content[data-v-c566c29e]{flex-direction:column;gap:30px}.contact .contact-content .contact-form[data-v-c566c29e],.contact .contact-content .contact-info[data-v-c566c29e]{padding:25px 20px}.contact .contact-content .contact-item[data-v-c566c29e]{flex-direction:column;align-items:flex-start;gap:10px}.contact .contact-content .contact-item .contact-icon[data-v-c566c29e]{width:45px;height:45px}.footer[data-v-c566c29e]{padding:50px 0 20px}.footer .footer-content[data-v-c566c29e]{flex-direction:column;gap:30px}.footer .footer-content .footer-logo[data-v-c566c29e],.footer .footer-content .footer-links[data-v-c566c29e],.footer .footer-content .footer-services[data-v-c566c29e],.footer .footer-content .footer-contact[data-v-c566c29e]{min-width:100%}.btn-primary[data-v-c566c29e],.btn-secondary[data-v-c566c29e]{-webkit-tap-highlight-color:transparent;touch-action:manipulation;padding:14px 24px;font-size:16px}.service-item[data-v-c566c29e],.portfolio-item[data-v-c566c29e]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}}@media (max-width:576px){.container[data-v-c566c29e]{padding:0 12px}h1[data-v-c566c29e]{margin-bottom:12px;font-size:26px}h2[data-v-c566c29e]{margin-bottom:12px;font-size:24px}h3[data-v-c566c29e]{font-size:18px}.navbar[data-v-c566c29e]{padding:8px 0}.navbar .logo[data-v-c566c29e]{font-size:16px}.navbar .menu-toggle[data-v-c566c29e]{font-size:24px}.mobile-menu[data-v-c566c29e]{padding:12px 0;top:55px}.mobile-menu .mobile-nav-links[data-v-c566c29e]{gap:8px;padding:0 12px}.mobile-menu .mobile-nav-links li a[data-v-c566c29e]{padding:10px 0;font-size:15px}.hero[data-v-c566c29e]{padding:70px 0 40px}.hero .hero-content h1[data-v-c566c29e]{font-size:24px;line-height:1.4}.hero .hero-content p[data-v-c566c29e]{font-size:14px;line-height:1.6}.section-header[data-v-c566c29e]{margin-bottom:30px}.section-header h2[data-v-c566c29e]{font-size:22px}.section-header h2[data-v-c566c29e]:after{width:60px;height:2px}.section-header p[data-v-c566c29e]{font-size:13px}.about[data-v-c566c29e],.services[data-v-c566c29e],.portfolio[data-v-c566c29e],.contact[data-v-c566c29e]{padding:40px 0}.services-grid[data-v-c566c29e],.portfolio-grid[data-v-c566c29e]{gap:15px}.service-item[data-v-c566c29e],.portfolio-item[data-v-c566c29e],.contact .contact-form[data-v-c566c29e],.contact .contact-info[data-v-c566c29e]{padding:20px 15px}.contact .form-group[data-v-c566c29e]{margin-bottom:15px}.contact .form-group input[data-v-c566c29e],.contact .form-group textarea[data-v-c566c29e]{padding:10px;font-size:16px}.footer[data-v-c566c29e]{padding:40px 0 15px}.footer .footer-content[data-v-c566c29e]{gap:25px}.footer .footer-content h4[data-v-c566c29e]{margin-bottom:15px;font-size:16px}.footer .footer-content ul li[data-v-c566c29e]{margin-bottom:8px}.footer .footer-content ul li a[data-v-c566c29e]{font-size:14px}.footer .footer-bottom[data-v-c566c29e]{padding-top:15px}.footer .footer-bottom p[data-v-c566c29e]{font-size:12px}}@media (max-width:375px){.container[data-v-c566c29e]{padding:0 10px}h1[data-v-c566c29e]{font-size:22px}h2[data-v-c566c29e]{font-size:20px}.hero[data-v-c566c29e]{padding:60px 0 30px}.section-header h2[data-v-c566c29e]{font-size:20px}}@media (max-width:992px) and (orientation:landscape){.hero[data-v-c566c29e]{padding:60px 0 40px}.hero .hero-content h1[data-v-c566c29e]{font-size:28px}.navbar[data-v-c566c29e]{padding:8px 0}}@keyframes slideDown-c566c29e{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (hover:none) and (pointer:coarse){.btn-primary[data-v-c566c29e],.btn-secondary[data-v-c566c29e],.nav-links a[data-v-c566c29e],.mobile-nav-links a[data-v-c566c29e]{justify-content:center;align-items:center;min-height:44px;display:flex}.btn-primary[data-v-c566c29e]:hover,.btn-secondary[data-v-c566c29e]:hover{transform:none}.btn-primary[data-v-c566c29e]:active,.btn-secondary[data-v-c566c29e]:active{opacity:.9;transform:scale(.98)}.service-item[data-v-c566c29e]:active,.portfolio-item[data-v-c566c29e]:active{transform:scale(.98)}}.portfolio[data-v-c566c29e]{padding:80px 0}@media (max-width:768px){.portfolio[data-v-c566c29e]{padding:60px 0}}@media (max-width:576px){.portfolio[data-v-c566c29e]{padding:40px 0}}.portfolio .section-header[data-v-c566c29e]{text-align:center;margin-bottom:60px}.portfolio .section-header h2[data-v-c566c29e]{margin-bottom:10px;display:inline-block;position:relative}.portfolio .section-header h2[data-v-c566c29e]:after{content:"";background-color:#2563eb;width:80px;height:3px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.portfolio .section-header .separator[data-v-c566c29e]{width:50px;height:2px;margin:0 auto 15px}.portfolio .section-header p[data-v-c566c29e]{color:#4b5563;max-width:600px;margin:0 auto}.portfolio .portfolio-filter[data-v-c566c29e]{justify-content:center;gap:15px;margin-bottom:40px;display:flex}.portfolio .portfolio-filter .filter-btn[data-v-c566c29e]{cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:8px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.portfolio .portfolio-filter .filter-btn.active[data-v-c566c29e]{color:#fff;background-color:#2563eb;border-color:#2563eb}.portfolio .portfolio-filter .filter-btn[data-v-c566c29e]:hover:not(.active){color:#2563eb;border-color:#2563eb}.portfolio .portfolio-grid[data-v-c566c29e]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.portfolio .portfolio-grid .portfolio-item[data-v-c566c29e]{background-color:#fff;border-radius:8px;padding:30px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.portfolio .portfolio-grid .portfolio-item[data-v-c566c29e]:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.portfolio .portfolio-grid .portfolio-item[data-v-c566c29e]{cursor:pointer;position:relative;overflow:hidden}.portfolio .portfolio-grid .portfolio-item .portfolio-image[data-v-c566c29e]{background-color:#3b82f60d;justify-content:center;align-items:center;height:200px;display:flex}.portfolio .portfolio-grid .portfolio-item .portfolio-image i[data-v-c566c29e]{color:#2563eb}.portfolio .portfolio-grid .portfolio-item .portfolio-info[data-v-c566c29e]{text-align:center;padding:20px 0}.contact[data-v-c566c29e]{padding:80px 0}@media (max-width:768px){.contact[data-v-c566c29e]{padding:60px 0}}@media (max-width:576px){.contact[data-v-c566c29e]{padding:40px 0}}.contact .section-header[data-v-c566c29e]{text-align:center;margin-bottom:60px}.contact .section-header h2[data-v-c566c29e]{margin-bottom:10px;display:inline-block;position:relative}.contact .section-header h2[data-v-c566c29e]:after{content:"";background-color:#2563eb;width:80px;height:3px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.contact .section-header .separator[data-v-c566c29e]{width:50px;height:2px;margin:0 auto 15px}.contact .section-header p[data-v-c566c29e]{color:#4b5563;max-width:600px;margin:0 auto}.contact .contact-content[data-v-c566c29e]{flex-wrap:wrap;gap:40px;display:flex}.contact .contact-content .contact-form[data-v-c566c29e]{background-color:#fff;border-radius:8px;flex:1;min-width:300px;padding:30px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.contact .contact-content .contact-form[data-v-c566c29e]:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.contact .contact-content .contact-form h3[data-v-c566c29e],.contact .contact-content .contact-form .form-group[data-v-c566c29e]{margin-bottom:20px}.contact .contact-content .contact-form .form-group label[data-v-c566c29e]{margin-bottom:8px;font-weight:500;display:block}.contact .contact-content .contact-form .form-group input[data-v-c566c29e],.contact .contact-content .contact-form .form-group textarea[data-v-c566c29e]{border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:12px;font-family:inherit;transition:all .3s cubic-bezier(.4,0,.2,1)}.contact .contact-content .contact-form .form-group input[data-v-c566c29e]:focus,.contact .contact-content .contact-form .form-group textarea[data-v-c566c29e]:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #3b82f61a}.contact .contact-content .contact-form .form-group textarea[data-v-c566c29e]{resize:vertical}.contact .contact-content .contact-info[data-v-c566c29e]{flex:1;min-width:300px}.contact .contact-content .contact-info h3[data-v-c566c29e]{margin-bottom:20px}.contact .contact-content .contact-info .contact-item[data-v-c566c29e]{gap:15px;margin-bottom:20px;display:flex}.contact .contact-content .contact-info .contact-item .contact-icon[data-v-c566c29e]{background-color:#3b82f61a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.contact .contact-content .contact-info .contact-item .contact-icon i[data-v-c566c29e]{color:#2563eb}.contact .contact-content .contact-info .contact-item .contact-text p[data-v-c566c29e]{color:#4b5563}.contact .contact-content .contact-info .social-links[data-v-c566c29e]{gap:15px;margin-top:30px;display:flex}.contact .contact-content .contact-info .social-links a[data-v-c566c29e]{color:#2563eb;background-color:#3b82f61a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.contact .contact-content .contact-info .social-links a[data-v-c566c29e]:hover{color:#fff;background-color:#2563eb}.footer[data-v-c566c29e]{color:#fff;background-color:#111827;padding:80px 0 20px}@media (max-width:768px){.footer[data-v-c566c29e]{padding:60px 0 20px}}.footer .footer-content[data-v-c566c29e]{flex-wrap:wrap;gap:40px;margin-bottom:40px;display:flex}@media (max-width:768px){.footer .footer-content[data-v-c566c29e]{gap:30px}}.footer .footer-content .footer-logo[data-v-c566c29e]{flex:1;min-width:250px}@media (max-width:576px){.footer .footer-content .footer-logo[data-v-c566c29e]{min-width:100%}}.footer .footer-content .footer-logo .text-primary[data-v-c566c29e]{color:#2563eb}.footer .footer-content .footer-logo .text-secondary[data-v-c566c29e]{color:#fff}.footer .footer-content .footer-logo p[data-v-c566c29e]{color:#ffffffb3;margin-top:10px}.footer .footer-content .footer-links[data-v-c566c29e],.footer .footer-content .footer-services[data-v-c566c29e],.footer .footer-content .footer-contact[data-v-c566c29e]{flex:1;min-width:200px}@media (max-width:576px){.footer .footer-content .footer-links[data-v-c566c29e],.footer .footer-content .footer-services[data-v-c566c29e],.footer .footer-content .footer-contact[data-v-c566c29e]{min-width:100%}}.footer .footer-content .footer-links h4[data-v-c566c29e],.footer .footer-content .footer-services h4[data-v-c566c29e],.footer .footer-content .footer-contact h4[data-v-c566c29e]{margin-bottom:20px;padding-bottom:10px;font-size:18px;position:relative}.footer .footer-content .footer-links h4[data-v-c566c29e]:after,.footer .footer-content .footer-services h4[data-v-c566c29e]:after,.footer .footer-content .footer-contact h4[data-v-c566c29e]:after{content:"";background-color:#2563eb;width:40px;height:2px;position:absolute;bottom:0;left:0}.footer .footer-content .footer-links ul li[data-v-c566c29e],.footer .footer-content .footer-services ul li[data-v-c566c29e],.footer .footer-content .footer-contact ul li[data-v-c566c29e]{margin-bottom:10px}.footer .footer-content .footer-links ul li a[data-v-c566c29e],.footer .footer-content .footer-services ul li a[data-v-c566c29e],.footer .footer-content .footer-contact ul li a[data-v-c566c29e]{color:#ffffffb3;transition:all .3s cubic-bezier(.4,0,.2,1)}.footer .footer-content .footer-links ul li a[data-v-c566c29e]:hover,.footer .footer-content .footer-services ul li a[data-v-c566c29e]:hover,.footer .footer-content .footer-contact ul li a[data-v-c566c29e]:hover{color:#2563eb;padding-left:5px}.footer .footer-content .footer-links ul li i[data-v-c566c29e],.footer .footer-content .footer-services ul li i[data-v-c566c29e],.footer .footer-content .footer-contact ul li i[data-v-c566c29e]{color:#2563eb;margin-right:10px}.footer .footer-bottom[data-v-c566c29e]{text-align:center;border-top:1px solid #ffffff1a;padding-top:20px}.footer .footer-bottom p[data-v-c566c29e]{color:#ffffff80;margin:0;font-size:14px}.footer .footer-bottom p.icp-number[data-v-c566c29e]{margin-top:8px;font-size:12px}.footer .footer-bottom p.icp-number a[data-v-c566c29e]{color:#ffffff80;text-decoration:none}.footer .footer-bottom p.icp-number a[data-v-c566c29e]:hover{color:#fffc}.content-manage .page-header-modern[data-v-c566c29e]{margin:-24px -24px 32px;padding:32px 24px;position:relative;overflow:hidden}.content-manage .page-header-modern .header-bg[data-v-c566c29e]{position:absolute;inset:0}.content-manage .page-header-modern .header-bg .bg-gradient[data-v-c566c29e]{background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%);position:absolute;inset:0}.content-manage .page-header-modern .header-bg .bg-pattern[data-v-c566c29e]{background-image:radial-gradient(circle at 20% 80%,#ffffff1a 0%,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff26 0%,#0000 40%);position:absolute;inset:0}.content-manage .page-header-modern .header-content[data-v-c566c29e]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex;position:relative}.content-manage .page-header-modern .header-left[data-v-c566c29e]{align-items:center;gap:20px;display:flex}.content-manage .page-header-modern .header-left .header-icon[data-v-c566c29e]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.content-manage .page-header-modern .header-left .header-icon i[data-v-c566c29e]{color:#fff;font-size:28px}.content-manage .page-header-modern .header-left .header-text h1[data-v-c566c29e]{color:#fff;letter-spacing:-.5px;margin:0;font-size:28px;font-weight:700}.content-manage .page-header-modern .header-left .header-text p[data-v-c566c29e]{color:#ffffffd9;margin:6px 0 0;font-size:14px}.content-manage .page-header-modern .header-actions[data-v-c566c29e]{gap:12px;display:flex}.content-manage .page-header-modern .header-actions .btn-refresh-modern[data-v-c566c29e]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #fff3;border-radius:12px;width:48px;height:48px;transition:all .2s}.content-manage .page-header-modern .header-actions .btn-refresh-modern[data-v-c566c29e]:hover{background:#ffffff40;transform:rotate(180deg)}.content-manage .page-header-modern .header-actions .btn-refresh-modern[data-v-c566c29e]:disabled{opacity:.5;cursor:not-allowed;transform:none}.content-manage .page-header-modern .header-actions .btn-create-modern[data-v-c566c29e]{color:#667eea;cursor:pointer;background:#fff;border:none;border-radius:12px;align-items:center;gap:10px;padding:14px 24px;font-size:14px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 15px #00000026}.content-manage .page-header-modern .header-actions .btn-create-modern[data-v-c566c29e]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}.content-manage .stats-grid[data-v-c566c29e]{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px;display:grid}@media (max-width:1200px){.content-manage .stats-grid[data-v-c566c29e]{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.content-manage .stats-grid[data-v-c566c29e]{grid-template-columns:1fr}}.content-manage .stat-card-modern[data-v-c566c29e]{background:#fff;border-radius:16px;align-items:center;gap:20px;padding:24px;transition:all .3s;display:flex;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000a}.content-manage .stat-card-modern[data-v-c566c29e]:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a}.content-manage .stat-card-modern .stat-visual[data-v-c566c29e]{width:56px;height:56px;position:relative}.content-manage .stat-card-modern .stat-visual .stat-ring[data-v-c566c29e]{color:var(--accent);position:absolute;inset:0}.content-manage .stat-card-modern .stat-visual .stat-ring svg[data-v-c566c29e]{width:100%;height:100%}.content-manage .stat-card-modern .stat-visual i[data-v-c566c29e]{color:var(--accent);font-size:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.content-manage .stat-card-modern .stat-content[data-v-c566c29e]{flex:1}.content-manage .stat-card-modern .stat-content .stat-value[data-v-c566c29e]{color:#1e293b;font-size:28px;font-weight:700;line-height:1.2;display:block}.content-manage .stat-card-modern .stat-content .stat-label[data-v-c566c29e]{color:#64748b;margin-top:4px;font-size:13px;display:block}.content-manage .toolbar-modern[data-v-c566c29e]{background:#fff;border-radius:16px;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px;padding:20px;display:flex;box-shadow:0 1px 3px #0000000f}.content-manage .search-modern[data-v-c566c29e]{flex:1;min-width:200px;max-width:360px;position:relative}.content-manage .search-modern .search-icon[data-v-c566c29e]{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.content-manage .search-modern input[data-v-c566c29e]{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;width:100%;padding:12px 44px;font-size:14px;transition:all .2s}.content-manage .search-modern input[data-v-c566c29e]:focus{background:#fff;border-color:#667eea;outline:none;box-shadow:0 0 0 4px #667eea1a}.content-manage .search-modern input[data-v-c566c29e]::placeholder{color:#94a3b8}.content-manage .search-modern .search-clear[data-v-c566c29e]{color:#64748b;cursor:pointer;background:#e2e8f0;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.content-manage .search-modern .search-clear[data-v-c566c29e]:hover{background:#cbd5e1}.content-manage .filter-chips[data-v-c566c29e]{flex:2;overflow-x:auto}.content-manage .filter-chips .chip-group[data-v-c566c29e]{gap:8px;display:flex}.content-manage .filter-chips .chip-group .filter-chip[data-v-c566c29e]{color:#64748b;cursor:pointer;white-space:nowrap;background:#fff;border:2px solid #e2e8f0;border-radius:100px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.content-manage .filter-chips .chip-group .filter-chip i[data-v-c566c29e]{font-size:12px}.content-manage .filter-chips .chip-group .filter-chip[data-v-c566c29e]:hover{color:#667eea;border-color:#667eea}.content-manage .filter-chips .chip-group .filter-chip.active[data-v-c566c29e]{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#0000}.content-manage .toolbar-actions[data-v-c566c29e]{align-items:center;gap:12px;display:flex}.content-manage .toolbar-actions .status-filter select[data-v-c566c29e]{appearance:none;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E") right 12px center no-repeat;border:2px solid #e2e8f0;border-radius:10px;padding:10px 36px 10px 14px;font-size:13px}.content-manage .toolbar-actions .status-filter select[data-v-c566c29e]:focus{border-color:#667eea;outline:none}.content-manage .toolbar-actions .view-switcher[data-v-c566c29e]{background:#f1f5f9;border-radius:10px;padding:4px;display:flex}.content-manage .toolbar-actions .view-switcher button[data-v-c566c29e]{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;width:36px;height:36px;transition:all .2s}.content-manage .toolbar-actions .view-switcher button[data-v-c566c29e]:hover{color:#667eea}.content-manage .toolbar-actions .view-switcher button.active[data-v-c566c29e]{color:#667eea;background:#fff;box-shadow:0 2px 4px #0000001a}.content-manage .bulk-bar[data-v-c566c29e]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:16px 20px;display:flex}.content-manage .bulk-bar .bulk-info[data-v-c566c29e]{color:#fff;align-items:center;gap:12px;display:flex}.content-manage .bulk-bar .bulk-info .bulk-icon[data-v-c566c29e]{background:#fff3;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.content-manage .bulk-bar .bulk-info span[data-v-c566c29e]{font-size:14px}.content-manage .bulk-bar .bulk-info span strong[data-v-c566c29e]{font-weight:700}.content-manage .bulk-bar .bulk-actions-group[data-v-c566c29e]{flex-wrap:wrap;gap:8px;display:flex}.content-manage .bulk-bar .bulk-actions-group .bulk-btn[data-v-c566c29e]{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.content-manage .bulk-bar .bulk-actions-group .bulk-btn.enable[data-v-c566c29e]{color:#fff;background:#10b981e6}.content-manage .bulk-bar .bulk-actions-group .bulk-btn.enable[data-v-c566c29e]:hover{background:#10b981}.content-manage .bulk-bar .bulk-actions-group .bulk-btn.disable[data-v-c566c29e]{color:#fff;background:#fbbf24e6}.content-manage .bulk-bar .bulk-actions-group .bulk-btn.disable[data-v-c566c29e]:hover{background:#f59e0b}.content-manage .bulk-bar .bulk-actions-group .bulk-btn.delete[data-v-c566c29e]{color:#fff;background:#ef4444e6}.content-manage .bulk-bar .bulk-actions-group .bulk-btn.delete[data-v-c566c29e]:hover{background:#ef4444}.content-manage .bulk-bar .bulk-actions-group .bulk-btn.cancel[data-v-c566c29e]{color:#fff;background:#fff3}.content-manage .bulk-bar .bulk-actions-group .bulk-btn.cancel[data-v-c566c29e]:hover{background:#ffffff4d}.content-manage .slide-down-enter-active[data-v-c566c29e],.content-manage .slide-down-leave-active[data-v-c566c29e]{transition:all .3s}.content-manage .slide-down-enter-from[data-v-c566c29e],.content-manage .slide-down-leave-to[data-v-c566c29e]{opacity:0;transform:translateY(-20px)}.content-manage .loading-modern[data-v-c566c29e]{background:#fff;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.content-manage .loading-modern .loading-spinner[data-v-c566c29e]{width:80px;height:80px;margin-bottom:20px;position:relative}.content-manage .loading-modern .loading-spinner .spinner-ring[data-v-c566c29e]{border:4px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:1s linear infinite spin-c566c29e;position:absolute;inset:0}.content-manage .loading-modern .loading-spinner i[data-v-c566c29e]{color:#667eea;font-size:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.content-manage .loading-modern span[data-v-c566c29e]{color:#64748b;font-size:15px}@keyframes spin-c566c29e{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.content-manage .empty-modern[data-v-c566c29e]{text-align:center;background:#fff;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.content-manage .empty-modern .empty-illustration[data-v-c566c29e]{width:120px;height:120px;margin-bottom:24px;position:relative}.content-manage .empty-modern .empty-illustration .empty-circle[data-v-c566c29e]{background:linear-gradient(135deg,#ede9fe 0%,#fce7f3 100%);border-radius:50%;animation:2s ease-in-out infinite pulse-c566c29e;position:absolute;inset:0}.content-manage .empty-modern .empty-illustration i[data-v-c566c29e]{color:#667eea;font-size:48px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.content-manage .empty-modern h3[data-v-c566c29e]{color:#1e293b;margin:0 0 8px;font-size:20px}.content-manage .empty-modern p[data-v-c566c29e]{color:#64748b;max-width:300px;margin:0 0 24px;font-size:14px}.content-manage .empty-modern .empty-actions[data-v-c566c29e]{gap:12px;display:flex}.content-manage .empty-modern .empty-actions .btn-secondary[data-v-c566c29e]{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-weight:500;display:flex}.content-manage .empty-modern .empty-actions .btn-secondary[data-v-c566c29e]:hover{background:#e2e8f0}.content-manage .empty-modern .empty-actions .btn-primary-alt[data-v-c566c29e]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-weight:500;display:flex}.content-manage .empty-modern .empty-actions .btn-primary-alt[data-v-c566c29e]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}@keyframes pulse-c566c29e{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.content-manage .filter-bar[data-v-c566c29e]{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;display:flex}.content-manage .filter-bar .search-box[data-v-c566c29e]{flex:1;min-width:250px;position:relative}.content-manage .filter-bar .search-box i.fa-search[data-v-c566c29e]{color:#94a3b8;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.content-manage .filter-bar .search-box input[data-v-c566c29e]{border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 40px;font-size:14px}.content-manage .filter-bar .search-box input[data-v-c566c29e]:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.content-manage .filter-bar .search-box .clear-btn[data-v-c566c29e]{color:#94a3b8;cursor:pointer;background:0 0;border:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.content-manage .filter-bar .search-box .clear-btn[data-v-c566c29e]:hover{color:#64748b}.content-manage .filter-bar .filter-group[data-v-c566c29e]{gap:10px;display:flex}.content-manage .filter-bar .filter-group select[data-v-c566c29e]{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:120px;padding:10px 14px;font-size:14px}.content-manage .filter-bar .filter-group select[data-v-c566c29e]:focus{border-color:#3b82f6;outline:none}.content-manage .filter-bar .view-toggle[data-v-c566c29e]{border:1px solid #e2e8f0;border-radius:8px;display:flex;overflow:hidden}.content-manage .filter-bar .view-toggle button[data-v-c566c29e]{cursor:pointer;color:#64748b;background:#fff;border:none;padding:10px 14px;transition:all .2s}.content-manage .filter-bar .view-toggle button[data-v-c566c29e]:not(:last-child){border-right:1px solid #e2e8f0}.content-manage .filter-bar .view-toggle button[data-v-c566c29e]:hover{background:#f1f5f9}.content-manage .filter-bar .view-toggle button.active[data-v-c566c29e]{color:#fff;background:#3b82f6}.content-manage .bulk-actions[data-v-c566c29e]{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1px solid #bfdbfe;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.content-manage .bulk-actions .selected-count[data-v-c566c29e]{color:#1e40af;align-items:center;gap:8px;font-weight:600;display:flex}.content-manage .bulk-actions .bulk-buttons[data-v-c566c29e]{flex-wrap:wrap;gap:8px;display:flex}.content-manage .bulk-actions .bulk-buttons button[data-v-c566c29e]{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;transition:all .2s;display:flex}.content-manage .bulk-actions .bulk-buttons button.btn-enable[data-v-c566c29e]{color:#fff;background:#10b981}.content-manage .bulk-actions .bulk-buttons button.btn-enable[data-v-c566c29e]:hover{background:#059669}.content-manage .bulk-actions .bulk-buttons button.btn-disable[data-v-c566c29e]{color:#fff;background:#f59e0b}.content-manage .bulk-actions .bulk-buttons button.btn-disable[data-v-c566c29e]:hover{background:#d97706}.content-manage .bulk-actions .bulk-buttons button.btn-danger[data-v-c566c29e]{color:#fff;background:#ef4444}.content-manage .bulk-actions .bulk-buttons button.btn-danger[data-v-c566c29e]:hover{background:#dc2626}.content-manage .bulk-actions .bulk-buttons button.btn-cancel[data-v-c566c29e]{color:#64748b;background:#fff;border:1px solid #e2e8f0}.content-manage .bulk-actions .bulk-buttons button.btn-cancel[data-v-c566c29e]:hover{background:#f1f5f9}.content-manage .loading-state[data-v-c566c29e],.content-manage .empty-state[data-v-c566c29e]{text-align:center;background:#fff;border-radius:12px;padding:60px 20px}.content-manage .loading-state i[data-v-c566c29e],.content-manage .empty-state i[data-v-c566c29e]{color:#cbd5e1;margin-bottom:16px;font-size:48px}.content-manage .loading-state h3[data-v-c566c29e],.content-manage .empty-state h3[data-v-c566c29e]{color:#475569;margin:0 0 8px}.content-manage .loading-state p[data-v-c566c29e],.content-manage .empty-state p[data-v-c566c29e]{color:#94a3b8;margin:0 0 16px}.content-manage .loading-state .btn-reset[data-v-c566c29e],.content-manage .empty-state .btn-reset[data-v-c566c29e]{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;padding:10px 20px}.content-manage .loading-state .btn-reset[data-v-c566c29e]:hover,.content-manage .empty-state .btn-reset[data-v-c566c29e]:hover{background:#2563eb}.content-manage .loading-state[data-v-c566c29e]{flex-direction:column;align-items:center;display:flex}.content-manage .loading-state i[data-v-c566c29e]{color:#3b82f6;font-size:32px;animation:1s linear infinite spin-c566c29e}.content-manage .table-container[data-v-c566c29e]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.content-manage .content-table[data-v-c566c29e]{border-collapse:collapse;width:100%}@media (max-width:768px){.content-manage .content-table[data-v-c566c29e]{width:100%;display:block}.content-manage .content-table thead[data-v-c566c29e]{display:none}.content-manage .content-table tbody[data-v-c566c29e],.content-manage .content-table tr[data-v-c566c29e],.content-manage .content-table td[data-v-c566c29e]{width:100%;display:block}.content-manage .content-table tr[data-v-c566c29e]{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:15px;padding:10px;box-shadow:0 1px 2px #0000000d}.content-manage .content-table td[data-v-c566c29e]{text-align:right;border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;min-height:40px;padding:10px 8px;display:flex;position:relative}.content-manage .content-table td[data-v-c566c29e]:last-child{border-bottom:none;flex-wrap:wrap;justify-content:center;gap:8px}.content-manage .content-table td[data-v-c566c29e]:before{content:attr(data-label);color:#4b5563;text-align:left;margin-right:15px;font-size:13px;font-weight:600}}.content-manage .content-table thead[data-v-c566c29e]{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%)}.content-manage .content-table thead th[data-v-c566c29e]{text-align:left;color:#475569;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;padding:14px 12px;font-size:13px;font-weight:600;transition:background .2s}.content-manage .content-table thead th[data-v-c566c29e]:hover{background:#3b82f60d}.content-manage .content-table thead th i[data-v-c566c29e]{color:#94a3b8;margin-left:4px;font-size:10px}.content-manage .content-table thead th.col-checkbox[data-v-c566c29e]{cursor:default;width:40px}.content-manage .content-table thead th.col-id[data-v-c566c29e]{width:60px}.content-manage .content-table thead th.col-type[data-v-c566c29e]{width:120px}.content-manage .content-table thead th.col-order[data-v-c566c29e]{width:60px}.content-manage .content-table thead th.col-status[data-v-c566c29e]{width:100px}.content-manage .content-table thead th.col-actions[data-v-c566c29e]{text-align:center;cursor:default;width:140px}.content-manage .content-table tbody tr[data-v-c566c29e]{border-top:1px solid #f1f5f9;transition:background .2s}.content-manage .content-table tbody tr[data-v-c566c29e]:hover{background:#fafbfc}.content-manage .content-table tbody tr.selected[data-v-c566c29e]{background:#eff6ff}.content-manage .content-table tbody tr td[data-v-c566c29e]{color:#475569;padding:12px;font-size:14px}.content-manage .content-table tbody tr td .id-badge[data-v-c566c29e]{color:#64748b;background:#f1f5f9;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:500}.content-manage .content-table tbody tr td .type-badge[data-v-c566c29e]{border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.content-manage .content-table tbody tr td .type-badge.type-hero[data-v-c566c29e]{color:#92400e;background:#fef3c7}.content-manage .content-table tbody tr td .type-badge.type-about[data-v-c566c29e]{color:#1e40af;background:#dbeafe}.content-manage .content-table tbody tr td .type-badge.type-services[data-v-c566c29e]{color:#065f46;background:#d1fae5}.content-manage .content-table tbody tr td .type-badge.type-portfolio[data-v-c566c29e]{color:#5b21b6;background:#ede9fe}.content-manage .content-table tbody tr td .type-badge.type-contact[data-v-c566c29e]{color:#9d174d;background:#fce7f3}.content-manage .content-table tbody tr td .type-badge.type-custom[data-v-c566c29e]{color:#475569;background:#f1f5f9}.content-manage .content-table tbody tr td .key-code[data-v-c566c29e]{color:#7c3aed;background:#f1f5f9;border-radius:4px;padding:3px 8px;font-family:monospace;font-size:12px}.content-manage .content-table tbody tr td .order-badge[data-v-c566c29e]{color:#0369a1;background:#e0f2fe;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:500}.content-manage .content-table tbody tr td .status-toggle[data-v-c566c29e]{cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;padding:4px;display:flex}.content-manage .content-table tbody tr td .status-toggle .toggle-track[data-v-c566c29e]{background:#e2e8f0;border-radius:10px;width:36px;height:20px;transition:background .2s;position:relative}.content-manage .content-table tbody tr td .status-toggle .toggle-track .toggle-thumb[data-v-c566c29e]{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.content-manage .content-table tbody tr td .status-toggle.active .toggle-track[data-v-c566c29e]{background:#10b981}.content-manage .content-table tbody tr td .status-toggle.active .toggle-thumb[data-v-c566c29e]{transform:translate(16px)}.content-manage .content-table tbody tr td .status-toggle.active .toggle-label[data-v-c566c29e]{color:#10b981}.content-manage .content-table tbody tr td .status-toggle.inactive .toggle-label[data-v-c566c29e]{color:#94a3b8}.content-manage .content-table tbody tr td .status-toggle .toggle-label[data-v-c566c29e]{font-size:12px;font-weight:500}.content-manage .content-table tbody tr td .action-buttons[data-v-c566c29e]{justify-content:center;gap:6px;display:flex}.content-manage .content-table tbody tr td .action-buttons .btn-icon[data-v-c566c29e]{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:6px;width:32px;height:32px;transition:all .2s}.content-manage .content-table tbody tr td .action-buttons .btn-icon[data-v-c566c29e]:hover{background:#f1f5f9}.content-manage .content-table tbody tr td .action-buttons .btn-icon.primary[data-v-c566c29e]{color:#3b82f6}.content-manage .content-table tbody tr td .action-buttons .btn-icon.primary[data-v-c566c29e]:hover{background:#eff6ff;border-color:#93c5fd}.content-manage .content-table tbody tr td .action-buttons .btn-icon.danger[data-v-c566c29e]{color:#ef4444}.content-manage .content-table tbody tr td .action-buttons .btn-icon.danger[data-v-c566c29e]:hover{background:#fef2f2;border-color:#fca5a5}.content-manage .card-grid[data-v-c566c29e]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.content-manage .card-grid .content-card[data-v-c566c29e]{background:#fff;border:2px solid #0000;border-radius:12px;transition:all .2s;overflow:hidden;box-shadow:0 1px 3px #0000001a}.content-manage .card-grid .content-card[data-v-c566c29e]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.content-manage .card-grid .content-card.selected[data-v-c566c29e]{border-color:#3b82f6}.content-manage .card-grid .content-card.inactive[data-v-c566c29e]{opacity:.7}.content-manage .card-grid .content-card .card-header[data-v-c566c29e]{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:1px solid #e2e8f0;align-items:center;gap:10px;padding:12px 16px;display:flex}.content-manage .card-grid .content-card .card-header input[type=checkbox][data-v-c566c29e]{flex-shrink:0}.content-manage .card-grid .content-card .card-header .type-badge[data-v-c566c29e]{font-size:11px}.content-manage .card-grid .content-card .card-header .id-badge[data-v-c566c29e]{background:#fff;margin-left:auto}.content-manage .card-grid .content-card .card-body[data-v-c566c29e]{padding:16px}.content-manage .card-grid .content-card .card-body .card-title[data-v-c566c29e]{color:#1e293b;margin:0 0 8px;font-size:16px;font-weight:600}.content-manage .card-grid .content-card .card-body .card-key[data-v-c566c29e]{color:#7c3aed;background:#f5f3ff;border-radius:4px;margin-bottom:12px;padding:4px 8px;font-size:12px;display:block}.content-manage .card-grid .content-card .card-body .card-meta[data-v-c566c29e]{color:#64748b;justify-content:space-between;font-size:12px;display:flex}.content-manage .card-grid .content-card .card-body .card-meta .active[data-v-c566c29e]{color:#10b981}.content-manage .card-grid .content-card .card-body .card-meta .inactive[data-v-c566c29e]{color:#f59e0b}.content-manage .card-grid .content-card .card-actions[data-v-c566c29e]{border-top:1px solid #f1f5f9;display:flex}.content-manage .card-grid .content-card .card-actions button[data-v-c566c29e]{cursor:pointer;color:#64748b;background:0 0;border:none;flex:1;padding:12px;transition:all .2s}.content-manage .card-grid .content-card .card-actions button[data-v-c566c29e]:not(:last-child){border-right:1px solid #f1f5f9}.content-manage .card-grid .content-card .card-actions button[data-v-c566c29e]:hover{background:#f1f5f9}.content-manage .card-grid .content-card .card-actions button.primary[data-v-c566c29e]{color:#3b82f6}.content-manage .card-grid .content-card .card-actions button.danger[data-v-c566c29e]{color:#ef4444}.content-manage .modal-overlay[data-v-c566c29e]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.content-manage .modal-content[data-v-c566c29e]{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:640px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 40px #0003}.content-manage .modal-content.preview-modal[data-v-c566c29e]{max-width:560px}.content-manage .modal-header[data-v-c566c29e]{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.content-manage .modal-header .header-info h3[data-v-c566c29e]{align-items:center;gap:10px;margin:0;font-size:18px;display:flex}.content-manage .modal-header .header-info p[data-v-c566c29e]{opacity:.8;margin:4px 0 0;font-size:13px}.content-manage .modal-header .btn-close[data-v-c566c29e]{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:8px;width:36px;height:36px;transition:background .2s}.content-manage .modal-header .btn-close[data-v-c566c29e]:hover{background:#ffffff4d}.content-manage .modal-body[data-v-c566c29e]{flex:1;padding:24px;overflow-y:auto}.content-manage .modal-body .form-section[data-v-c566c29e]{border-bottom:1px solid #f1f5f9;margin-bottom:24px;padding-bottom:24px}.content-manage .modal-body .form-section[data-v-c566c29e]:last-child{border:none;margin-bottom:0;padding-bottom:0}.content-manage .modal-body .form-section h4[data-v-c566c29e]{color:#475569;align-items:center;gap:8px;margin:0 0 16px;font-size:14px;display:flex}.content-manage .modal-body .form-section h4 i[data-v-c566c29e]{color:#3b82f6}.content-manage .modal-body .form-section h4 .btn-format[data-v-c566c29e]{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:4px;margin-left:auto;padding:4px 10px;font-size:12px}.content-manage .modal-body .form-section h4 .btn-format[data-v-c566c29e]:hover{color:#3b82f6;background:#e2e8f0}.content-manage .modal-body .form-row[data-v-c566c29e]{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:576px){.content-manage .modal-body .form-row[data-v-c566c29e]{grid-template-columns:1fr}}.content-manage .modal-body .form-group[data-v-c566c29e]{margin-bottom:16px}.content-manage .modal-body .form-group label[data-v-c566c29e]{color:#374151;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.content-manage .modal-body .form-group label .required[data-v-c566c29e]{color:#ef4444}.content-manage .modal-body .form-group small[data-v-c566c29e]{color:#94a3b8;margin-top:4px;font-size:11px;display:block}.content-manage .modal-body .form-group input[data-v-c566c29e],.content-manage .modal-body .form-group select[data-v-c566c29e],.content-manage .modal-body .form-group textarea[data-v-c566c29e]{box-sizing:border-box;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 12px;font-size:14px;transition:all .2s}.content-manage .modal-body .form-group input[data-v-c566c29e]:focus,.content-manage .modal-body .form-group select[data-v-c566c29e]:focus,.content-manage .modal-body .form-group textarea[data-v-c566c29e]:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.content-manage .modal-body .form-group input.error[data-v-c566c29e],.content-manage .modal-body .form-group select.error[data-v-c566c29e],.content-manage .modal-body .form-group textarea.error[data-v-c566c29e]{border-color:#ef4444}.content-manage .modal-body .form-group textarea[data-v-c566c29e]{resize:vertical;font-family:monospace}.content-manage .modal-body .form-group .type-select[data-v-c566c29e]{flex-direction:column;gap:8px;display:flex}.content-manage .modal-body .form-group .checkbox-label[data-v-c566c29e]{cursor:pointer;align-items:center;gap:10px;padding:10px 0;display:flex}.content-manage .modal-body .form-group .checkbox-label input[data-v-c566c29e]{width:auto}.content-manage .modal-body .form-group .json-editor[data-v-c566c29e]{position:relative}.content-manage .modal-body .form-group .json-editor .json-error[data-v-c566c29e]{color:#dc2626;background:#fef2f2;border-radius:6px;align-items:center;gap:6px;margin-top:8px;padding:8px 12px;font-size:12px;display:flex}.content-manage .modal-footer[data-v-c566c29e]{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.content-manage .modal-footer button[data-v-c566c29e]{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.content-manage .modal-footer .btn-cancel[data-v-c566c29e]{color:#64748b;background:#fff;border:1px solid #e2e8f0}.content-manage .modal-footer .btn-cancel[data-v-c566c29e]:hover{background:#f1f5f9}.content-manage .modal-footer .btn-save[data-v-c566c29e]{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.content-manage .modal-footer .btn-save[data-v-c566c29e]:hover{box-shadow:0 4px 12px #3b82f666}.content-manage .modal-footer .btn-save[data-v-c566c29e]:disabled{opacity:.6;cursor:not-allowed}.content-manage .preview-body[data-v-c566c29e]{padding:24px;overflow-y:auto}.content-manage .preview-body .preview-section[data-v-c566c29e]{margin-bottom:20px}.content-manage .preview-body .preview-section h4[data-v-c566c29e]{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:13px}.content-manage .preview-body .preview-section p[data-v-c566c29e]{color:#1e293b;margin:0;line-height:1.6}.content-manage .preview-body .preview-section code[data-v-c566c29e]{color:#7c3aed;background:#f1f5f9;border-radius:4px;padding:4px 8px;font-family:monospace}.content-manage .preview-body .preview-section .preview-grid[data-v-c566c29e]{grid-template-columns:1fr 1fr;gap:12px;display:grid}.content-manage .preview-body .preview-section .preview-grid .preview-item[data-v-c566c29e]{background:#f8fafc;border-radius:8px;padding:12px}.content-manage .preview-body .preview-section .preview-grid .preview-item label[data-v-c566c29e]{color:#94a3b8;margin-bottom:4px;font-size:11px;display:block}.content-manage .preview-body .preview-section .preview-grid .preview-item span[data-v-c566c29e],.content-manage .preview-body .preview-section .preview-grid .preview-item code[data-v-c566c29e]{font-size:14px}.content-manage .preview-body .preview-section .preview-grid .preview-item .status-active[data-v-c566c29e]{color:#10b981;font-weight:500}.content-manage .preview-body .preview-section .preview-grid .preview-item .status-inactive[data-v-c566c29e]{color:#f59e0b;font-weight:500}.content-manage .preview-body .preview-section .content-preview[data-v-c566c29e]{white-space:pre-wrap;background:#f8fafc;border-radius:8px;padding:16px}.content-manage .preview-body .preview-section .json-preview[data-v-c566c29e]{color:#e2e8f0;background:#1e293b;border-radius:8px;margin:0;padding:16px;font-family:monospace;font-size:12px;overflow-x:auto}@media (max-width:768px){.content-manage .filter-bar .search-box[data-v-c566c29e]{min-width:100%}.content-manage .filter-bar .filter-group[data-v-c566c29e]{width:100%}.content-manage .filter-bar .filter-group select[data-v-c566c29e]{flex:1}.content-manage .modal-overlay[data-v-c566c29e]{align-items:flex-start;padding:10px}.content-manage .modal-content[data-v-c566c29e]{max-height:95vh}}.modern-modal[data-v-c566c29e]{overflow:hidden;border-radius:20px!important;max-width:720px!important}.modern-modal .modal-header-modern[data-v-c566c29e]{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:32px;position:relative;overflow:hidden}.modern-modal .modal-header-modern .header-bg[data-v-c566c29e]{position:absolute;inset:0;overflow:hidden}.modern-modal .modal-header-modern .header-bg .bg-shape[data-v-c566c29e]{opacity:.1;border-radius:50%;position:absolute}.modern-modal .modal-header-modern .header-bg .bg-shape.shape-1[data-v-c566c29e]{background:#fff;width:200px;height:200px;top:-80px;right:-40px}.modern-modal .modal-header-modern .header-bg .bg-shape.shape-2[data-v-c566c29e]{background:#fff;width:150px;height:150px;bottom:-60px;left:20%}.modern-modal .modal-header-modern .header-content[data-v-c566c29e]{align-items:center;gap:20px;display:flex;position:relative}.modern-modal .modal-header-modern .header-icon[data-v-c566c29e]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.modern-modal .modal-header-modern .header-icon i[data-v-c566c29e]{font-size:28px}.modern-modal .modal-header-modern .header-icon.create[data-v-c566c29e]{background:#10b9814d}.modern-modal .modal-header-modern .header-icon.edit[data-v-c566c29e]{background:#fbbf244d}.modern-modal .modal-header-modern .header-text h3[data-v-c566c29e]{margin:0 0 4px;font-size:24px;font-weight:700}.modern-modal .modal-header-modern .header-text p[data-v-c566c29e]{opacity:.85;margin:0;font-size:14px}.modern-modal .modal-header-modern .btn-close-modern[data-v-c566c29e]{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:10px;width:40px;height:40px;transition:all .2s;position:absolute;top:20px;right:20px}.modern-modal .modal-header-modern .btn-close-modern[data-v-c566c29e]:hover{background:#ffffff40;transform:scale(1.05)}.modern-modal .form-steps[data-v-c566c29e]{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:center;align-items:center;gap:0;padding:24px 32px;display:flex}.modern-modal .form-steps .step[data-v-c566c29e]{align-items:center;gap:10px;display:flex}.modern-modal .form-steps .step .step-number[data-v-c566c29e]{color:#94a3b8;background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.modern-modal .form-steps .step span[data-v-c566c29e]{color:#94a3b8;font-size:13px;font-weight:500;transition:color .3s}.modern-modal .form-steps .step.active .step-number[data-v-c566c29e]{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 4px 12px #667eea66}.modern-modal .form-steps .step.active span[data-v-c566c29e]{color:#1e293b}.modern-modal .form-steps .step.completed .step-number[data-v-c566c29e]{color:#fff;background:#10b981}.modern-modal .form-steps .step-line[data-v-c566c29e]{background:#e2e8f0;border-radius:2px;width:60px;height:3px;margin:0 8px;transition:background .3s}.modern-modal .form-steps .step-line.active[data-v-c566c29e]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.modern-modal .modal-body-modern[data-v-c566c29e]{max-height:50vh;padding:32px;overflow-y:auto}.modern-modal .modal-body-modern .step-content[data-v-c566c29e]{flex-direction:column;gap:20px;display:flex}.modern-modal .modal-body-modern .form-card[data-v-c566c29e]{background:#fff;border:1px solid #e2e8f0;border-radius:14px;gap:16px;padding:20px;transition:all .2s;display:flex}.modern-modal .modal-body-modern .form-card[data-v-c566c29e]:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea1a}.modern-modal .modal-body-modern .form-card.full-width[data-v-c566c29e]{flex-direction:column}.modern-modal .modal-body-modern .form-card .card-icon[data-v-c566c29e]{background:linear-gradient(135deg,#667eea1a 0%,#764ba21a 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.modern-modal .modal-body-modern .form-card .card-icon i[data-v-c566c29e]{color:#667eea;font-size:20px}.modern-modal .modal-body-modern .form-card .card-content[data-v-c566c29e]{flex:1}.modern-modal .modal-body-modern .form-card .card-content label[data-v-c566c29e]{color:#1e293b;margin-bottom:10px;font-size:14px;font-weight:600;display:block}.modern-modal .modal-body-modern .form-card .card-content label .required[data-v-c566c29e]{color:#ef4444}.modern-modal .modal-body-modern .form-card .card-content input[data-v-c566c29e],.modern-modal .modal-body-modern .form-card .card-content textarea[data-v-c566c29e],.modern-modal .modal-body-modern .form-card .card-content select[data-v-c566c29e]{box-sizing:border-box;border:2px solid #e2e8f0;border-radius:10px;width:100%;padding:12px 14px;font-size:14px;transition:all .2s}.modern-modal .modal-body-modern .form-card .card-content input[data-v-c566c29e]:focus,.modern-modal .modal-body-modern .form-card .card-content textarea[data-v-c566c29e]:focus,.modern-modal .modal-body-modern .form-card .card-content select[data-v-c566c29e]:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 4px #667eea1a}.modern-modal .modal-body-modern .form-card .card-content input[data-v-c566c29e]::placeholder,.modern-modal .modal-body-modern .form-card .card-content textarea[data-v-c566c29e]::placeholder,.modern-modal .modal-body-modern .form-card .card-content select[data-v-c566c29e]::placeholder{color:#94a3b8}.modern-modal .modal-body-modern .form-card .card-content textarea[data-v-c566c29e]{resize:vertical;min-height:100px;font-family:inherit}.modern-modal .modal-body-modern .form-card .card-content .helper-text[data-v-c566c29e]{color:#94a3b8;margin-top:8px;font-size:12px;display:block}.modern-modal .modal-body-modern .form-card .card-header-inline[data-v-c566c29e]{align-items:center;gap:12px;margin-bottom:16px;display:flex}.modern-modal .modal-body-modern .form-card .card-header-inline .card-icon[data-v-c566c29e]{width:36px;height:36px}.modern-modal .modal-body-modern .form-card .card-header-inline .card-icon i[data-v-c566c29e]{font-size:16px}.modern-modal .modal-body-modern .form-card .card-header-inline label[data-v-c566c29e]{flex:1;margin:0}.modern-modal .modal-body-modern .form-card .card-header-inline .card-actions[data-v-c566c29e]{gap:8px;display:flex}.modern-modal .modal-body-modern .type-grid[data-v-c566c29e]{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (max-width:576px){.modern-modal .modal-body-modern .type-grid[data-v-c566c29e]{grid-template-columns:repeat(2,1fr)}}.modern-modal .modal-body-modern .type-grid .type-option[data-v-c566c29e]{text-align:center;cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:16px 12px;transition:all .2s}.modern-modal .modal-body-modern .type-grid .type-option i[data-v-c566c29e]{color:#64748b;margin-bottom:8px;font-size:24px;display:block}.modern-modal .modal-body-modern .type-grid .type-option span[data-v-c566c29e]{color:#64748b;font-size:12px;font-weight:500}.modern-modal .modal-body-modern .type-grid .type-option[data-v-c566c29e]:hover{background:#667eea0d;border-color:#667eea}.modern-modal .modal-body-modern .type-grid .type-option.selected[data-v-c566c29e]{background:linear-gradient(135deg,#667eea1a 0%,#764ba21a 100%);border-color:#667eea}.modern-modal .modal-body-modern .type-grid .type-option.selected i[data-v-c566c29e],.modern-modal .modal-body-modern .type-grid .type-option.selected span[data-v-c566c29e]{color:#667eea}.modern-modal .modal-body-modern .custom-type-input[data-v-c566c29e]{margin-top:12px}.modern-modal .modal-body-modern .btn-mini[data-v-c566c29e]{color:#64748b;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;transition:all .2s;display:flex}.modern-modal .modal-body-modern .btn-mini[data-v-c566c29e]:hover{color:#fff;background:#667eea;border-color:#667eea}.modern-modal .modal-body-modern .json-editor-modern[data-v-c566c29e]{background:#1e293b;border-radius:12px;overflow:hidden}.modern-modal .modal-body-modern .json-editor-modern .editor-toolbar[data-v-c566c29e]{background:#0f172a;align-items:center;gap:10px;padding:10px 14px;display:flex}.modern-modal .modal-body-modern .json-editor-modern .editor-toolbar .lang-tag[data-v-c566c29e]{color:#94a3b8;background:#334155;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:600}.modern-modal .modal-body-modern .json-editor-modern .editor-toolbar .status[data-v-c566c29e]{align-items:center;gap:4px;margin-left:auto;font-size:11px;display:flex}.modern-modal .modal-body-modern .json-editor-modern .editor-toolbar .status.valid[data-v-c566c29e]{color:#10b981}.modern-modal .modal-body-modern .json-editor-modern .editor-toolbar .status.invalid[data-v-c566c29e]{color:#ef4444}.modern-modal .modal-body-modern .json-editor-modern textarea[data-v-c566c29e]{color:#e2e8f0;resize:vertical;box-sizing:border-box;background:#1e293b;border:none;width:100%;padding:16px;font-family:Monaco,Consolas,monospace;font-size:13px;line-height:1.6}.modern-modal .modal-body-modern .json-editor-modern textarea[data-v-c566c29e]:focus{box-shadow:none;outline:none}.modern-modal .modal-body-modern .json-editor-modern textarea[data-v-c566c29e]::placeholder{color:#475569}.modern-modal .modal-body-modern .json-editor-modern .json-error-modern[data-v-c566c29e]{color:#fca5a5;background:#ef44441a;align-items:center;gap:8px;padding:10px 14px;font-size:12px;display:flex}.modern-modal .modal-body-modern .json-editor-modern .json-error-modern i[data-v-c566c29e]{color:#ef4444}.modern-modal .modal-body-modern .number-input-group[data-v-c566c29e]{align-items:center;gap:0;display:flex}.modern-modal .modal-body-modern .number-input-group button[data-v-c566c29e]{color:#64748b;cursor:pointer;background:#f1f5f9;border:2px solid #e2e8f0;width:44px;height:44px;transition:all .2s}.modern-modal .modal-body-modern .number-input-group button[data-v-c566c29e]:first-child{border-right:none;border-radius:10px 0 0 10px}.modern-modal .modal-body-modern .number-input-group button[data-v-c566c29e]:last-child{border-left:none;border-radius:0 10px 10px 0}.modern-modal .modal-body-modern .number-input-group button[data-v-c566c29e]:hover{color:#fff;background:#667eea;border-color:#667eea}.modern-modal .modal-body-modern .number-input-group input[data-v-c566c29e]{text-align:center;border-radius:0;width:80px;height:44px;font-size:16px;font-weight:600}.modern-modal .modal-body-modern .toggle-switch-modern[data-v-c566c29e]{cursor:pointer;align-items:center;gap:14px;padding:10px 0;display:flex}.modern-modal .modal-body-modern .toggle-switch-modern .toggle-track[data-v-c566c29e]{background:#e2e8f0;border-radius:14px;width:52px;height:28px;transition:background .3s;position:relative}.modern-modal .modal-body-modern .toggle-switch-modern .toggle-track .toggle-thumb[data-v-c566c29e]{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .3s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #00000026}.modern-modal .modal-body-modern .toggle-switch-modern .toggle-track.active[data-v-c566c29e]{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.modern-modal .modal-body-modern .toggle-switch-modern .toggle-track.active .toggle-thumb[data-v-c566c29e]{transform:translate(24px)}.modern-modal .modal-body-modern .toggle-switch-modern .toggle-text[data-v-c566c29e]{color:#64748b;font-size:13px}.modern-modal .modal-body-modern .preview-card[data-v-c566c29e]{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:14px;padding:20px}.modern-modal .modal-body-modern .preview-card h4[data-v-c566c29e]{color:#64748b;align-items:center;gap:8px;margin:0 0 16px;font-size:14px;display:flex}.modern-modal .modal-body-modern .preview-card h4 i[data-v-c566c29e]{color:#667eea}.modern-modal .modal-body-modern .preview-card .preview-grid[data-v-c566c29e]{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modern-modal .modal-body-modern .preview-card .preview-grid .preview-item[data-v-c566c29e]{background:#fff;border-radius:10px;padding:12px 16px}.modern-modal .modal-body-modern .preview-card .preview-grid .preview-item .label[data-v-c566c29e]{color:#94a3b8;text-transform:uppercase;margin-bottom:4px;font-size:11px;display:block}.modern-modal .modal-body-modern .preview-card .preview-grid .preview-item .value[data-v-c566c29e]{color:#1e293b;font-size:14px;font-weight:500}.modern-modal .modal-body-modern .preview-card .preview-grid .preview-item code.value[data-v-c566c29e]{color:#7c3aed;background:#f1f5f9;border-radius:4px;padding:4px 8px;font-family:monospace}.modern-modal .modal-body-modern .preview-card .preview-grid .preview-item .status-badge[data-v-c566c29e]{border-radius:20px;padding:4px 10px;font-size:12px}.modern-modal .modal-body-modern .preview-card .preview-grid .preview-item .status-badge.active[data-v-c566c29e]{color:#065f46;background:#d1fae5}.modern-modal .modal-body-modern .preview-card .preview-grid .preview-item .status-badge.inactive[data-v-c566c29e]{color:#92400e;background:#fef3c7}.modern-modal .modal-footer-modern[data-v-c566c29e]{background:#f8fafc;border-top:1px solid #e2e8f0;align-items:center;gap:12px;padding:20px 32px;display:flex}.modern-modal .modal-footer-modern .footer-spacer[data-v-c566c29e]{flex:1}.modern-modal .modal-footer-modern button[data-v-c566c29e]{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.modern-modal .modal-footer-modern .btn-prev[data-v-c566c29e]{color:#64748b;background:#fff;border:1px solid #e2e8f0}.modern-modal .modal-footer-modern .btn-prev[data-v-c566c29e]:hover{background:#f1f5f9}.modern-modal .modal-footer-modern .btn-cancel-modern[data-v-c566c29e]{color:#64748b;background:0 0}.modern-modal .modal-footer-modern .btn-cancel-modern[data-v-c566c29e]:hover{background:#e2e8f0}.modern-modal .modal-footer-modern .btn-next[data-v-c566c29e]{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.modern-modal .modal-footer-modern .btn-next[data-v-c566c29e]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.modern-modal .modal-footer-modern .btn-save-modern[data-v-c566c29e]{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.modern-modal .modal-footer-modern .btn-save-modern[data-v-c566c29e]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.modern-modal .modal-footer-modern .btn-save-modern[data-v-c566c29e]:disabled{opacity:.6;cursor:not-allowed}.modern-modal .form-row-inline[data-v-c566c29e]{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modern-modal .form-row-inline input[data-v-c566c29e]{box-sizing:border-box;border:2px solid #e2e8f0;border-radius:10px;width:100%;padding:12px 14px;font-size:14px;transition:all .2s}.modern-modal .form-row-inline input[data-v-c566c29e]:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 4px #667eea1a}.modern-modal .visual-stats-editor[data-v-c566c29e]{flex-direction:column;gap:12px;display:flex}.modern-modal .visual-stats-editor .stat-row[data-v-c566c29e]{align-items:center;gap:10px;display:flex}.modern-modal .visual-stats-editor .stat-row input[data-v-c566c29e]{border:2px solid #e2e8f0;border-radius:8px;flex:1;padding:10px 12px;font-size:14px;transition:all .2s}.modern-modal .visual-stats-editor .stat-row input[data-v-c566c29e]:focus{border-color:#667eea;outline:none}.modern-modal .visual-stats-editor .stat-row input.stat-number[data-v-c566c29e]{text-align:center;max-width:100px;font-weight:600}.modern-modal .visual-stats-editor .stat-row input.stat-icon[data-v-c566c29e]{max-width:140px;font-family:monospace;font-size:12px}.modern-modal .visual-stats-editor .stat-row.advanced input.stat-text[data-v-c566c29e]{flex:2}.modern-modal .visual-stats-editor .btn-remove[data-v-c566c29e]{color:#ef4444;cursor:pointer;background:#fee2e2;border:none;border-radius:8px;flex-shrink:0;width:36px;height:36px;transition:all .2s}.modern-modal .visual-stats-editor .btn-remove[data-v-c566c29e]:hover{background:#fecaca}.modern-modal .visual-stats-editor .btn-add-item[data-v-c566c29e]{color:#64748b;cursor:pointer;background:#f1f5f9;border:2px dashed #cbd5e1;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:14px;transition:all .2s;display:flex}.modern-modal .visual-stats-editor .btn-add-item[data-v-c566c29e]:hover{color:#667eea;background:#e2e8f0;border-color:#667eea}.modern-modal .visual-items-editor[data-v-c566c29e]{flex-direction:column;gap:16px;display:flex}.modern-modal .visual-items-editor .item-card[data-v-c566c29e]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.modern-modal .visual-items-editor .item-card .item-header[data-v-c566c29e]{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.modern-modal .visual-items-editor .item-card .item-header .item-num[data-v-c566c29e]{color:#667eea;background:#ede9fe;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.modern-modal .visual-items-editor .item-card .item-header .btn-remove[data-v-c566c29e]{color:#ef4444;cursor:pointer;background:#fee2e2;border:none;border-radius:6px;width:28px;height:28px;font-size:12px}.modern-modal .visual-items-editor .item-card .item-header .btn-remove[data-v-c566c29e]:hover{background:#fecaca}.modern-modal .visual-items-editor .item-card input[data-v-c566c29e],.modern-modal .visual-items-editor .item-card textarea[data-v-c566c29e]{box-sizing:border-box;border:2px solid #e2e8f0;border-radius:8px;width:100%;margin-bottom:10px;padding:10px 12px;font-size:14px;transition:all .2s}.modern-modal .visual-items-editor .item-card input[data-v-c566c29e]:focus,.modern-modal .visual-items-editor .item-card textarea[data-v-c566c29e]:focus{border-color:#667eea;outline:none}.modern-modal .visual-items-editor .item-card input[data-v-c566c29e]:last-child,.modern-modal .visual-items-editor .item-card textarea[data-v-c566c29e]:last-child{margin-bottom:0}.modern-modal .visual-items-editor .item-card textarea[data-v-c566c29e]{resize:vertical;min-height:60px;font-family:inherit}.modern-modal .visual-items-editor .btn-add-item[data-v-c566c29e]{color:#64748b;cursor:pointer;background:#fff;border:2px dashed #cbd5e1;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:14px;transition:all .2s;display:flex}.modern-modal .visual-items-editor .btn-add-item[data-v-c566c29e]:hover{color:#667eea;background:#f8fafc;border-color:#667eea}.modern-modal .contact-fields[data-v-c566c29e]{flex-direction:column;gap:12px;display:flex}.modern-modal .contact-fields input[data-v-c566c29e]{box-sizing:border-box;border:2px solid #e2e8f0;border-radius:10px;width:100%;padding:12px 14px;font-size:14px;transition:all .2s}.modern-modal .contact-fields input[data-v-c566c29e]:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 4px #667eea1a}.admin-dashboard[data-v-8673d79d]{background:#f0f2f5;min-height:100vh;display:flex}.sidebar[data-v-8673d79d]{z-index:100;background:#1f2a37;flex-direction:column;width:240px;height:100vh;display:flex;position:fixed;top:0;left:0}@media (max-width:992px){.sidebar[data-v-8673d79d]{display:none}}.sidebar-header[data-v-8673d79d]{align-items:center;gap:12px;height:64px;padding:0 20px;display:flex}.sidebar-header .logo-icon[data-v-8673d79d]{background:#1890ff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sidebar-header .logo-icon i[data-v-8673d79d]{color:#fff;font-size:18px}.sidebar-header .logo-text[data-v-8673d79d]{color:#fff;letter-spacing:.5px;font-size:18px;font-weight:700}.sidebar-nav[data-v-8673d79d]{flex:1;padding:12px;overflow-y:auto}.sidebar-nav[data-v-8673d79d]::-webkit-scrollbar{width:4px}.sidebar-nav[data-v-8673d79d]::-webkit-scrollbar-track{background:0 0}.sidebar-nav[data-v-8673d79d]::-webkit-scrollbar-thumb{background:#374151;border-radius:4px}.sidebar-nav .nav-item[data-v-8673d79d]{color:#9ca3af;cursor:pointer;border-radius:12px;align-items:center;gap:12px;margin-bottom:4px;padding:14px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar-nav .nav-item i[data-v-8673d79d]{text-align:center;width:20px;font-size:18px}.sidebar-nav .nav-item .nav-badge[data-v-8673d79d]{color:#fff;background:#ef4444;border-radius:10px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:600}.sidebar-nav .nav-item[data-v-8673d79d]:hover{color:#fff;background:#374151}.sidebar-nav .nav-item.active[data-v-8673d79d]{color:#fff;background:#1890ff}.sidebar-nav .nav-divider[data-v-8673d79d]{color:#6b7280;text-transform:uppercase;letter-spacing:1px;padding:20px 16px 10px;font-size:11px;font-weight:600}.sidebar-footer[data-v-8673d79d]{border-top:1px solid #374151;padding:16px}.user-card[data-v-8673d79d]{cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:12px;transition:background .2s;display:flex}.user-card[data-v-8673d79d]:hover{background:#374151}.user-card .user-avatar[data-v-8673d79d]{object-fit:cover;border:2px solid #1890ff;border-radius:10px;width:42px;height:42px;padding:2px}.user-card .user-info[data-v-8673d79d]{flex:1;min-width:0}.user-card .user-info .username[data-v-8673d79d]{color:#fff;margin:0;font-size:14px;font-weight:600}.user-card .user-info .role[data-v-8673d79d]{color:#9ca3af;margin:2px 0 0;font-size:12px}.user-card .logout-icon[data-v-8673d79d]{color:#9ca3af;border-radius:8px;padding:8px;font-size:16px;transition:all .2s}.user-card .logout-icon[data-v-8673d79d]:hover{color:#ef4444;background:#ef44441a}.main-container[data-v-8673d79d]{flex-direction:column;flex:1;min-height:100vh;margin-left:240px;display:flex}@media (max-width:992px){.main-container[data-v-8673d79d]{margin-left:0}}.mobile-header[data-v-8673d79d]{color:#fff;z-index:50;background:#1f2a37;justify-content:space-between;align-items:center;height:60px;padding:0 16px;display:none;position:sticky;top:0}@media (max-width:992px){.mobile-header[data-v-8673d79d]{display:flex}}.mobile-header h1[data-v-8673d79d]{margin:0;font-size:16px;font-weight:600}.mobile-header .menu-toggle[data-v-8673d79d]{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:10px;padding:10px 12px;font-size:18px;transition:background .2s}.mobile-header .menu-toggle[data-v-8673d79d]:hover{background:#fff3}.mobile-header .mobile-actions[data-v-8673d79d]{align-items:center;gap:10px;display:flex}.mobile-header .notification-bell[data-v-8673d79d]{cursor:pointer;background:#ffffff1a;border-radius:10px;padding:10px;position:relative}.mobile-header .notification-bell i[data-v-8673d79d]{font-size:16px}.mobile-header .notification-bell .badge[data-v-8673d79d]{color:#fff;background:#ef4444;border-radius:8px;padding:2px 6px;font-size:10px;font-weight:600;position:absolute;top:2px;right:2px}.sidebar-overlay[data-v-8673d79d]{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:none;position:fixed;inset:0}@media (max-width:992px){.sidebar-overlay[data-v-8673d79d]{display:block}}.mobile-sidebar[data-v-8673d79d]{z-index:300;background:#1f2a37;flex-direction:column;width:280px;transition:transform .3s;display:none;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}@media (max-width:992px){.mobile-sidebar[data-v-8673d79d]{display:flex}}.mobile-sidebar.open[data-v-8673d79d]{transform:translate(0)}.mobile-sidebar .mobile-sidebar-header[data-v-8673d79d]{align-items:center;gap:12px;height:64px;padding:0 20px;display:flex}.mobile-sidebar .mobile-sidebar-header .logo-icon[data-v-8673d79d]{background:#1890ff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.mobile-sidebar .mobile-sidebar-header .logo-icon i[data-v-8673d79d]{color:#fff;font-size:18px}.mobile-sidebar .mobile-sidebar-header .logo-text[data-v-8673d79d]{color:#fff;font-size:18px;font-weight:700}.mobile-sidebar .mobile-nav[data-v-8673d79d]{flex:1;padding:12px;overflow-y:auto}.mobile-sidebar .mobile-nav .nav-item[data-v-8673d79d]{color:#9ca3af;border-radius:12px;align-items:center;gap:12px;margin-bottom:4px;padding:14px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.mobile-sidebar .mobile-nav .nav-item i[data-v-8673d79d]{text-align:center;width:20px;font-size:18px}.mobile-sidebar .mobile-nav .nav-item .nav-badge[data-v-8673d79d]{color:#fff;background:#ef4444;border-radius:10px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:600}.mobile-sidebar .mobile-nav .nav-item[data-v-8673d79d]:hover,.mobile-sidebar .mobile-nav .nav-item.active[data-v-8673d79d]{color:#fff;background:#1890ff}.mobile-sidebar .mobile-user[data-v-8673d79d]{color:#fff;border-top:1px solid #374151;align-items:center;gap:12px;padding:16px 20px;display:flex}.mobile-sidebar .mobile-user .user-avatar[data-v-8673d79d]{border-radius:10px;width:40px;height:40px}.mobile-sidebar .mobile-user span[data-v-8673d79d]{flex:1;font-weight:500}.mobile-sidebar .mobile-user .logout-btn[data-v-8673d79d]{color:#ef4444;cursor:pointer;background:#ef444433;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500}.mobile-sidebar .mobile-user .logout-btn[data-v-8673d79d]:hover{background:#ef44444d}.content-wrapper[data-v-8673d79d]{background:#f8f9fa;flex:1;overflow-x:hidden}@keyframes slideIn-35102e5a{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard-home[data-v-35102e5a]{background:#f8f9fa;min-height:100%;padding:24px}.top-bar[data-v-35102e5a]{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:20px;display:flex}.top-bar .breadcrumb[data-v-35102e5a]{color:#8c98a9;align-items:center;gap:8px;font-size:14px;display:flex}.top-bar .breadcrumb i[data-v-35102e5a]{font-size:14px}.top-bar .breadcrumb .divider[data-v-35102e5a]{color:#d1d5db}.top-bar .breadcrumb .current[data-v-35102e5a]{color:#1f2a37;font-weight:500}.top-bar .top-actions[data-v-35102e5a]{align-items:center;gap:20px;display:flex}.top-bar .search-box[data-v-35102e5a]{position:relative}.top-bar .search-box i[data-v-35102e5a]{color:#8c98a9;font-size:14px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.top-bar .search-box input[data-v-35102e5a]{background:#fff;border:1px solid #e5e7eb;border-radius:24px;outline:none;width:260px;padding:10px 16px 10px 40px;font-size:14px;transition:all .2s}.top-bar .search-box input[data-v-35102e5a]:focus{border-color:#1890ff;box-shadow:0 0 0 3px #1890ff1a}.top-bar .search-box input[data-v-35102e5a]::placeholder{color:#8c98a9}.top-bar .notification-icon[data-v-35102e5a]{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:relative}.top-bar .notification-icon i[data-v-35102e5a]{color:#5a6678;font-size:18px}.top-bar .notification-icon .badge[data-v-35102e5a]{color:#fff;background:#ff4d4f;border:2px solid #fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;font-size:10px;font-weight:600;display:flex;position:absolute;top:-4px;right:-4px}.top-bar .notification-icon[data-v-35102e5a]:hover{border-color:#1890ff}.top-bar .notification-icon:hover i[data-v-35102e5a]{color:#1890ff}.top-bar .date-display[data-v-35102e5a]{color:#1f2a37;border-left:1px solid #e5e7eb;padding-left:20px;font-size:14px;font-weight:500}.metrics-grid[data-v-35102e5a]{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px;display:grid}.metric-card[data-v-35102e5a]{background:#fff;border:1px solid #e5e7eb99;border-radius:16px;padding:24px;transition:all .3s;animation:.4s ease-out forwards slideIn-35102e5a}.metric-card[data-v-35102e5a]:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00000014}.metric-card .metric-main[data-v-35102e5a]{justify-content:space-between;align-items:flex-start;display:flex}.metric-card .metric-info .metric-label[data-v-35102e5a]{color:#8c98a9;margin:0 0 8px;font-size:14px;font-weight:500}.metric-card .metric-info .metric-value[data-v-35102e5a]{color:#1f2a37;margin:0;font-size:28px;font-weight:700}.metric-card .metric-info .metric-value small[data-v-35102e5a]{color:#8c98a9;font-size:16px;font-weight:500}.metric-card .metric-icon[data-v-35102e5a]{border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.metric-card .metric-icon i[data-v-35102e5a]{font-size:22px}.metric-card .metric-icon.blue[data-v-35102e5a]{background:#1890ff1a}.metric-card .metric-icon.blue i[data-v-35102e5a]{color:#1890ff}.metric-card .metric-icon.green[data-v-35102e5a]{background:#52c41a1a}.metric-card .metric-icon.green i[data-v-35102e5a]{color:#52c41a}.metric-card .metric-icon.orange[data-v-35102e5a]{background:#faad141a}.metric-card .metric-icon.orange i[data-v-35102e5a]{color:#faad14}.metric-card .metric-icon.purple[data-v-35102e5a]{background:#722ed11a}.metric-card .metric-icon.purple i[data-v-35102e5a]{color:#722ed1}.metric-card .metric-footer[data-v-35102e5a]{align-items:center;gap:8px;margin-top:16px;font-size:12px;display:flex}.metric-card .metric-footer .trend[data-v-35102e5a]{align-items:center;gap:4px;font-weight:600;display:flex}.metric-card .metric-footer .trend.positive[data-v-35102e5a]{color:#52c41a}.metric-card .metric-footer .trend.negative[data-v-35102e5a]{color:#ff4d4f}.metric-card .metric-footer .trend.warning[data-v-35102e5a]{color:#faad14}.metric-card .metric-footer .trend-label[data-v-35102e5a]{color:#8c98a9}.metric-card .metric-footer .status-badge[data-v-35102e5a]{color:#52c41a;background:#52c41a1a;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600}.charts-row[data-v-35102e5a]{grid-template-columns:2fr 1fr;gap:20px;margin-bottom:24px;display:grid}.chart-card[data-v-35102e5a]{background:#fff;border:1px solid #e5e7eb99;border-radius:16px;padding:24px;transition:all .3s}.chart-card[data-v-35102e5a]:hover{box-shadow:0 8px 30px #00000014}.chart-card h3[data-v-35102e5a]{color:#1f2a37;margin:0 0 20px;font-size:18px;font-weight:700}.chart-card .chart-header[data-v-35102e5a]{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.chart-card .chart-header h3[data-v-35102e5a]{margin:0}.chart-card .chart-header .chart-tabs[data-v-35102e5a]{background:#f3f4f6;border-radius:10px;padding:4px;display:flex}.chart-card .chart-header .chart-tabs button[data-v-35102e5a]{color:#8c98a9;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s}.chart-card .chart-header .chart-tabs button.active[data-v-35102e5a]{color:#1890ff;background:#fff;box-shadow:0 2px 8px #00000014}.chart-card .chart-header .chart-tabs button[data-v-35102e5a]:hover:not(.active){color:#1f2a37}.chart-card .chart-container[data-v-35102e5a]{width:100%;height:320px}.lists-row[data-v-35102e5a]{grid-template-columns:1fr 1fr;gap:20px;display:grid}.list-card[data-v-35102e5a]{background:#fff;border:1px solid #e5e7eb99;border-radius:16px;transition:all .3s;overflow:hidden}.list-card[data-v-35102e5a]:hover{box-shadow:0 8px 30px #00000014}.list-card .list-header[data-v-35102e5a]{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.list-card .list-header h3[data-v-35102e5a]{color:#1f2a37;margin:0;font-size:18px;font-weight:700}.list-card .list-header .view-all[data-v-35102e5a]{color:#1890ff;font-size:14px;font-weight:500;text-decoration:none}.list-card .list-header .view-all[data-v-35102e5a]:hover{text-decoration:underline}.list-card .list-content[data-v-35102e5a]{padding:0}.data-table[data-v-35102e5a]{border-collapse:collapse;width:100%}.data-table thead[data-v-35102e5a]{background:#f9fafb}.data-table thead th[data-v-35102e5a]{color:#8c98a9;text-transform:uppercase;text-align:left;padding:14px 24px;font-size:12px;font-weight:600}.data-table thead th.center[data-v-35102e5a]{text-align:center}.data-table tbody tr[data-v-35102e5a]{border-bottom:1px solid #f3f4f6;transition:background .2s}.data-table tbody tr[data-v-35102e5a]:hover{background:#f9fafb}.data-table tbody tr[data-v-35102e5a]:last-child{border-bottom:none}.data-table tbody td[data-v-35102e5a]{padding:16px 24px;font-size:14px}.data-table tbody td.sender[data-v-35102e5a]{color:#1f2a37;font-weight:500}.data-table tbody td.preview[data-v-35102e5a]{color:#5a6678}.data-table tbody td.time[data-v-35102e5a]{color:#8c98a9;font-size:13px}.data-table tbody td.center[data-v-35102e5a]{text-align:center}.data-table .status-tag[data-v-35102e5a]{border-radius:20px;padding:5px 12px;font-size:12px;font-weight:500;display:inline-block}.data-table .status-tag.pending[data-v-35102e5a]{color:#b45309;background:#faad141a}.data-table .status-tag.read[data-v-35102e5a]{color:#1890ff;background:#1890ff1a}.data-table .status-tag.replied[data-v-35102e5a]{color:#52c41a;background:#52c41a1a}.timeline[data-v-35102e5a]{padding:20px 24px}.timeline .timeline-item[data-v-35102e5a]{gap:16px;padding-bottom:24px;display:flex;position:relative}.timeline .timeline-item[data-v-35102e5a]:not(:last-child):before{content:"";background:#e5e7eb;width:2px;position:absolute;top:14px;bottom:0;left:5px}.timeline .timeline-item[data-v-35102e5a]:last-child{padding-bottom:0}.timeline .timeline-dot[data-v-35102e5a]{z-index:1;border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-top:4px;position:relative}.timeline .timeline-dot[data-v-35102e5a]:after{content:"";opacity:.2;border-radius:50%;position:absolute;inset:-4px}.timeline .timeline-dot.info[data-v-35102e5a],.timeline .timeline-dot.info[data-v-35102e5a]:after{background:#1890ff}.timeline .timeline-dot.success[data-v-35102e5a],.timeline .timeline-dot.success[data-v-35102e5a]:after{background:#52c41a}.timeline .timeline-dot.warning[data-v-35102e5a],.timeline .timeline-dot.warning[data-v-35102e5a]:after{background:#ff4d4f}.timeline .timeline-content[data-v-35102e5a]{flex:1}.timeline .timeline-content .activity-title[data-v-35102e5a]{color:#1f2a37;margin:0 0 6px;font-size:14px;font-weight:600}.timeline .timeline-content .activity-desc[data-v-35102e5a]{color:#8c98a9;margin:0 0 8px;font-size:13px;line-height:1.5}.timeline .timeline-content .activity-time[data-v-35102e5a]{color:#94a3b8;font-size:11px}.empty-state[data-v-35102e5a]{text-align:center;color:#8c98a9;padding:50px 20px}.empty-state i[data-v-35102e5a]{color:#cbd5e1;margin-bottom:16px;font-size:48px;display:block}.empty-state p[data-v-35102e5a]{margin:0;font-size:14px}@media (max-width:1200px){.metrics-grid[data-v-35102e5a]{grid-template-columns:repeat(2,1fr)}.charts-row[data-v-35102e5a],.lists-row[data-v-35102e5a]{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-home[data-v-35102e5a]{padding:16px}.metrics-grid[data-v-35102e5a]{grid-template-columns:1fr}.top-bar[data-v-35102e5a]{flex-direction:column;align-items:flex-start;gap:16px}.top-bar .top-actions[data-v-35102e5a]{flex-wrap:wrap;width:100%}.top-bar .search-box input[data-v-35102e5a]{width:100%}.page-header[data-v-14dc67d8]{flex-direction:column;gap:15px;margin-bottom:20px;align-items:flex-start!important}.page-header h2[data-v-14dc67d8]{font-size:20px!important}.page-header .header-actions[data-v-14dc67d8]{flex-direction:column;gap:10px;width:100%;align-items:stretch!important}.page-header .header-actions .search-box[data-v-14dc67d8],.page-header .header-actions .filter-select[data-v-14dc67d8],.page-header .header-actions .section-select[data-v-14dc67d8],.page-header .header-actions .action-buttons[data-v-14dc67d8]{width:100%!important;max-width:none!important;margin:0!important}.page-header .header-actions .search-box input[data-v-14dc67d8]{width:100%}.page-header .header-actions .btn-primary[data-v-14dc67d8],.page-header .header-actions button[data-v-14dc67d8]{justify-content:center;width:100%;padding:12px!important}}@media (max-width:576px){.section-padding[data-v-14dc67d8]{padding:40px 0}.container[data-v-14dc67d8]{padding:0 15px}}[data-v-14dc67d8]{box-sizing:border-box;margin:0;padding:0}body[data-v-14dc67d8]{color:#111827;background-color:#f9fafb;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;border:none!important;outline:none!important;margin:0!important;padding:0!important}.container[data-v-14dc67d8]{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}a[data-v-14dc67d8]{color:inherit;text-decoration:none}ul[data-v-14dc67d8]{list-style:none}.btn-primary[data-v-14dc67d8]{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:4px;padding:12px 24px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block}.btn-primary[data-v-14dc67d8]:hover{background-color:#2563eb;transform:translateY(-2px)}.btn-secondary[data-v-14dc67d8]{color:#2563eb;cursor:pointer;background-color:#0000;border:2px solid #2563eb;border-radius:4px;padding:12px 24px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block}.btn-secondary[data-v-14dc67d8]:hover{color:#fff;background-color:#2563eb;transform:translateY(-2px)}h1[data-v-14dc67d8],h2[data-v-14dc67d8],h3[data-v-14dc67d8],h4[data-v-14dc67d8],h5[data-v-14dc67d8],h6[data-v-14dc67d8]{margin-bottom:16px;font-weight:700;line-height:1.3}h1[data-v-14dc67d8]{font-size:48px}h2[data-v-14dc67d8]{font-size:36px}h3[data-v-14dc67d8]{font-size:24px}.section-header[data-v-14dc67d8]{text-align:center;margin-bottom:60px}.section-header h2[data-v-14dc67d8]{margin-bottom:10px;display:inline-block;position:relative}.section-header h2[data-v-14dc67d8]:after{content:"";background-color:#2563eb;width:80px;height:3px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.section-header .separator[data-v-14dc67d8]{width:50px;height:2px;margin:0 auto 15px}.section-header p[data-v-14dc67d8]{color:#4b5563;max-width:600px;margin:0 auto}.navbar[data-v-14dc67d8]{z-index:1000;width:100%;box-shadow:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0000;border-bottom:none;padding:15px 0;transition:all .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0}.navbar.scrolled[data-v-14dc67d8]{background-color:#2563eb;border-bottom:1px solid #ffffff1a;padding:12px 0;box-shadow:0 4px 24px #2563eb4d}.navbar.navbar-transparent[data-v-14dc67d8]{box-shadow:none;background-color:#0000;border-bottom:none}.navbar.navbar-transparent .logo .text-primary[data-v-14dc67d8],.navbar.navbar-transparent .logo .text-secondary[data-v-14dc67d8],.navbar.navbar-transparent .nav-desktop .nav-links li a[data-v-14dc67d8]{background:linear-gradient(135deg,#1a1a1a 0%,#000 100%);-webkit-text-fill-color:transparent;text-shadow:none;-webkit-background-clip:text;background-clip:text}.navbar.navbar-transparent .nav-desktop .nav-links li a[data-v-14dc67d8]:hover{background:linear-gradient(135deg,#000 0%,#333 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar.navbar-transparent .nav-desktop .nav-links li a.active[data-v-14dc67d8]{background:linear-gradient(135deg,#000 0%,#1a1a1a 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar.navbar-transparent .nav-desktop .nav-links li a.active[data-v-14dc67d8]:after{background:linear-gradient(135deg,#000 0%,#333 100%)}.navbar.navbar-transparent .menu-toggle[data-v-14dc67d8]{background:linear-gradient(135deg,#1a1a1a 0%,#000 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar.navbar-transparent .menu-toggle[data-v-14dc67d8]:hover{background:linear-gradient(135deg,#000 0%,#333 100%);-webkit-text-fill-color:transparent;background-color:#0000000d;-webkit-background-clip:text;background-clip:text}.navbar.navbar-transparent .nav-links li a.admin-link[data-v-14dc67d8]{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d}.navbar.navbar-transparent .nav-links li a.admin-link[data-v-14dc67d8]:hover{color:#fff;background:#ffffff4d;border-color:#ffffff80}.navbar[data-v-14dc67d8]:not(.navbar-transparent){background-color:#2563eb;border-bottom:1px solid #ffffff1a;box-shadow:0 2px 12px #2563eb33}.navbar:not(.navbar-transparent) .logo .text-primary[data-v-14dc67d8]{background:linear-gradient(135deg,#fff 0%,#e0e0e0 100%);-webkit-text-fill-color:transparent;text-shadow:none;-webkit-background-clip:text;background-clip:text}.navbar:not(.navbar-transparent) .logo .text-secondary[data-v-14dc67d8]{background:linear-gradient(135deg,#fff 0%,#e0e0e0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:600}.navbar:not(.navbar-transparent) .nav-desktop .nav-links li a[data-v-14dc67d8]{background:linear-gradient(135deg,#fff 0%,#e0e0e0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar:not(.navbar-transparent) .nav-desktop .nav-links li a[data-v-14dc67d8]:hover{background:linear-gradient(135deg,#fff 0%,#f5f5f5 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar:not(.navbar-transparent) .nav-desktop .nav-links li a.active[data-v-14dc67d8]{background:linear-gradient(135deg,#fff 0%,#e0e0e0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar:not(.navbar-transparent) .nav-desktop .nav-links li a.active[data-v-14dc67d8]:after{background:linear-gradient(135deg,#fff 0%,#e0e0e0 100%)}.navbar:not(.navbar-transparent) .menu-toggle[data-v-14dc67d8]{background:linear-gradient(135deg,#fff 0%,#e0e0e0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar:not(.navbar-transparent) .menu-toggle[data-v-14dc67d8]:hover{background:linear-gradient(135deg,#fff 0%,#f5f5f5 100%);-webkit-text-fill-color:transparent;background-color:#ffffff1a;-webkit-background-clip:text;background-clip:text}.navbar .container[data-v-14dc67d8]{justify-content:space-between;align-items:center;display:flex}.navbar .logo[data-v-14dc67d8]{font-size:24px;font-weight:700}.navbar .logo .text-primary[data-v-14dc67d8]{color:#2563eb;text-shadow:0 1px 2px #2563eb1a}.navbar .logo .text-secondary[data-v-14dc67d8]{color:#000;font-weight:600}.navbar .nav-desktop[data-v-14dc67d8]{display:block}.navbar .nav-desktop .nav-links[data-v-14dc67d8]{gap:30px;display:flex}.navbar .nav-desktop .nav-links li a[data-v-14dc67d8]{color:#000;letter-spacing:.3px;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.navbar .nav-desktop .nav-links li a[data-v-14dc67d8]:hover{color:#2563eb}.navbar .nav-desktop .nav-links li a.active[data-v-14dc67d8]{color:#2563eb;font-weight:700}.navbar .nav-desktop .nav-links li a.active[data-v-14dc67d8]:after{content:"";background-color:#2563eb;border-radius:2px;width:100%;height:3px;position:absolute;bottom:-5px;left:0}.navbar .nav-desktop .nav-links li a.admin-link[data-v-14dc67d8]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:6px;padding:8px 16px;font-weight:600;color:#fff!important;-webkit-text-fill-color:#fff!important}.navbar .nav-desktop .nav-links li a.admin-link[data-v-14dc67d8]:hover{background:linear-gradient(135deg,#5568d3 0%,#6b3fa0 100%);transform:translateY(-2px);box-shadow:0 4px 12px #667eea66;color:#fff!important;-webkit-text-fill-color:#fff!important}.navbar .menu-toggle[data-v-14dc67d8]{color:#000;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px;font-size:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:none}.navbar .menu-toggle[data-v-14dc67d8]:hover{color:#2563eb;background-color:#0000000d}.mobile-menu[data-v-14dc67d8]{z-index:999;-webkit-overflow-scrolling:touch;background-color:#fff;border-top:1px solid #00000014;width:100%;max-height:calc(100vh - 70px);padding:20px 0;animation:.3s ease-out slideDown-14dc67d8;position:fixed;top:70px;left:0;overflow-y:auto;box-shadow:0 10px 25px #00000026}.mobile-menu .mobile-nav-links[data-v-14dc67d8]{flex-direction:column;gap:8px;padding:0 20px;display:flex}.mobile-menu .mobile-nav-links li a[data-v-14dc67d8]{color:#000;border-radius:8px;padding:12px 16px;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:block}.mobile-menu .mobile-nav-links li a[data-v-14dc67d8]:hover{color:#2563eb;background-color:#2563eb14;padding-left:20px}.mobile-menu .mobile-nav-links li a.active[data-v-14dc67d8]{color:#2563eb;background-color:#2563eb1a;font-weight:700}.mobile-menu .mobile-nav-links li a.admin-link[data-v-14dc67d8]{text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:6px;margin-top:10px;padding:12px 20px;font-weight:600;color:#fff!important;-webkit-text-fill-color:#fff!important}.mobile-menu .mobile-nav-links li a.admin-link[data-v-14dc67d8]:hover{background:linear-gradient(135deg,#5568d3 0%,#6b3fa0 100%);padding-left:20px;transform:translate(5px);color:#fff!important;-webkit-text-fill-color:#fff!important}.hero[data-v-14dc67d8]{background:linear-gradient(135deg,#f9fafb 0%,#ccf8ff 100%);padding:120px 0 80px;position:relative;overflow:hidden}.hero .container[data-v-14dc67d8]{flex-wrap:wrap;align-items:center;gap:40px;display:flex}.hero .hero-content[data-v-14dc67d8]{flex:1;min-width:300px}.hero .hero-content h1[data-v-14dc67d8]{margin-bottom:20px;line-height:1.2}.hero .hero-content p[data-v-14dc67d8]{color:#4b5563;max-width:500px;margin-bottom:30px;font-size:18px}.hero .hero-content .cta-buttons[data-v-14dc67d8]{flex-wrap:wrap;gap:15px;display:flex}.hero .hero-image[data-v-14dc67d8]{flex:1;justify-content:center;align-items:center;min-width:300px;display:flex}.hero .hero-image i[data-v-14dc67d8]{color:#2563eb;opacity:.9}.about[data-v-14dc67d8]{padding:80px 0}@media (max-width:768px){.about[data-v-14dc67d8]{padding:60px 0}}@media (max-width:576px){.about[data-v-14dc67d8]{padding:40px 0}}.about .section-header[data-v-14dc67d8]{text-align:center;margin-bottom:60px}.about .section-header h2[data-v-14dc67d8]{margin-bottom:10px;display:inline-block;position:relative}.about .section-header h2[data-v-14dc67d8]:after{content:"";background-color:#2563eb;width:80px;height:3px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.about .section-header .separator[data-v-14dc67d8]{width:50px;height:2px;margin:0 auto 15px}.about .section-header p[data-v-14dc67d8]{color:#4b5563;max-width:600px;margin:0 auto}.about .about-content[data-v-14dc67d8]{flex-wrap:wrap;gap:40px;display:flex}.about .about-content .about-image[data-v-14dc67d8]{flex:1;justify-content:center;align-items:center;min-width:300px;display:flex}.about .about-content .about-image i[data-v-14dc67d8]{color:#2563eb;opacity:.9}.about .about-content .about-text[data-v-14dc67d8]{flex:1;min-width:300px}.about .about-content .about-text h3[data-v-14dc67d8]{color:#111827;margin-bottom:15px}.about .about-content .about-text p[data-v-14dc67d8]{color:#4b5563;margin-bottom:20px}.about .about-content .about-text .stats[data-v-14dc67d8]{flex-wrap:wrap;gap:30px;margin-top:30px;display:flex}.about .about-content .about-text .stats .stat-item[data-v-14dc67d8]{text-align:center}.about .about-content .about-text .stats .stat-item .stat-value[data-v-14dc67d8]{color:#2563eb;margin-bottom:5px;font-size:36px;font-weight:700}.about .about-content .about-text .stats .stat-item .stat-label[data-v-14dc67d8]{color:#4b5563;font-size:16px}.services[data-v-14dc67d8]{padding:80px 0}@media (max-width:768px){.services[data-v-14dc67d8]{padding:60px 0}}@media (max-width:576px){.services[data-v-14dc67d8]{padding:40px 0}}.services[data-v-14dc67d8]{background-color:#f9fafb}.services .section-header[data-v-14dc67d8]{text-align:center;margin-bottom:60px}.services .section-header h2[data-v-14dc67d8]{margin-bottom:10px;display:inline-block;position:relative}.services .section-header h2[data-v-14dc67d8]:after{content:"";background-color:#2563eb;width:80px;height:3px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.services .section-header .separator[data-v-14dc67d8]{width:50px;height:2px;margin:0 auto 15px}.services .section-header p[data-v-14dc67d8]{color:#4b5563;max-width:600px;margin:0 auto}.services .services-grid[data-v-14dc67d8]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.services .services-grid .service-item[data-v-14dc67d8]{background-color:#fff;border-radius:8px;padding:30px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.services .services-grid .service-item[data-v-14dc67d8]:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.services .services-grid .service-item[data-v-14dc67d8]{text-align:center}.services .services-grid .service-item .service-icon[data-v-14dc67d8]{background-color:#3b82f61a;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;display:flex}.services .services-grid .service-item h3[data-v-14dc67d8]{margin-bottom:15px}.services .services-grid .service-item p[data-v-14dc67d8]{color:#4b5563}@media (max-width:992px){.navbar[data-v-14dc67d8]{padding:12px 0}.navbar .nav-desktop[data-v-14dc67d8]{display:none}.navbar .menu-toggle[data-v-14dc67d8]{-webkit-tap-highlight-color:transparent;padding:5px;font-size:28px;display:block}.navbar .logo[data-v-14dc67d8]{font-size:20px}.hero[data-v-14dc67d8]{padding:100px 0 60px}.hero .hero-content h1[data-v-14dc67d8]{margin-bottom:15px;font-size:36px}.hero .hero-content p[data-v-14dc67d8]{margin-bottom:25px;font-size:16px}.hero .hero-content .cta-buttons[data-v-14dc67d8]{flex-direction:column;width:100%}.hero .hero-content .cta-buttons .btn-primary[data-v-14dc67d8],.hero .hero-content .cta-buttons .btn-secondary[data-v-14dc67d8]{text-align:center;width:100%}.section-header[data-v-14dc67d8]{margin-bottom:40px}.section-header h2[data-v-14dc67d8]{font-size:32px}.section-header p[data-v-14dc67d8]{font-size:14px}}@media (max-width:768px){.container[data-v-14dc67d8]{padding:0 15px}h1[data-v-14dc67d8]{font-size:32px;line-height:1.3}h2[data-v-14dc67d8]{font-size:28px;line-height:1.3}h3[data-v-14dc67d8]{font-size:20px}.navbar[data-v-14dc67d8]{padding:10px 0}.navbar .logo[data-v-14dc67d8]{font-size:18px}.mobile-menu[data-v-14dc67d8]{padding:15px 0;top:60px}.mobile-menu .mobile-nav-links[data-v-14dc67d8]{gap:10px;padding:0 15px}.mobile-menu .mobile-nav-links li a[data-v-14dc67d8]{-webkit-tap-highlight-color:#2563eb1a;padding:12px 0;font-size:16px}.hero[data-v-14dc67d8]{padding:80px 0 50px}.hero .hero-content h1[data-v-14dc67d8]{font-size:28px}.hero .hero-content p[data-v-14dc67d8]{font-size:15px}.hero .hero-image[data-v-14dc67d8]{margin-top:30px}.about .about-content[data-v-14dc67d8]{flex-direction:column;gap:30px}.about .about-content .about-text .stats[data-v-14dc67d8]{flex-wrap:wrap;justify-content:center;gap:20px}.about .about-content .about-text .stat-item[data-v-14dc67d8]{min-width:120px;margin:0}.about .about-content .about-text .stat-item .stat-value[data-v-14dc67d8]{font-size:28px}.about .about-content .about-text .stat-item .stat-label[data-v-14dc67d8]{font-size:14px}.services .services-grid[data-v-14dc67d8]{grid-template-columns:1fr;gap:20px}.services .services-grid .service-item[data-v-14dc67d8]{padding:25px 20px}.portfolio .portfolio-filter[data-v-14dc67d8]{flex-wrap:wrap;gap:10px;margin-bottom:30px}.portfolio .portfolio-filter .filter-btn[data-v-14dc67d8]{-webkit-tap-highlight-color:transparent;padding:8px 14px;font-size:14px}.portfolio .portfolio-grid[data-v-14dc67d8]{grid-template-columns:1fr;gap:20px}.contact .contact-content[data-v-14dc67d8]{flex-direction:column;gap:30px}.contact .contact-content .contact-form[data-v-14dc67d8],.contact .contact-content .contact-info[data-v-14dc67d8]{padding:25px 20px}.contact .contact-content .contact-item[data-v-14dc67d8]{flex-direction:column;align-items:flex-start;gap:10px}.contact .contact-content .contact-item .contact-icon[data-v-14dc67d8]{width:45px;height:45px}.footer[data-v-14dc67d8]{padding:50px 0 20px}.footer .footer-content[data-v-14dc67d8]{flex-direction:column;gap:30px}.footer .footer-content .footer-logo[data-v-14dc67d8],.footer .footer-content .footer-links[data-v-14dc67d8],.footer .footer-content .footer-services[data-v-14dc67d8],.footer .footer-content .footer-contact[data-v-14dc67d8]{min-width:100%}.btn-primary[data-v-14dc67d8],.btn-secondary[data-v-14dc67d8]{-webkit-tap-highlight-color:transparent;touch-action:manipulation;padding:14px 24px;font-size:16px}.service-item[data-v-14dc67d8],.portfolio-item[data-v-14dc67d8]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}}@media (max-width:576px){.container[data-v-14dc67d8]{padding:0 12px}h1[data-v-14dc67d8]{margin-bottom:12px;font-size:26px}h2[data-v-14dc67d8]{margin-bottom:12px;font-size:24px}h3[data-v-14dc67d8]{font-size:18px}.navbar[data-v-14dc67d8]{padding:8px 0}.navbar .logo[data-v-14dc67d8]{font-size:16px}.navbar .menu-toggle[data-v-14dc67d8]{font-size:24px}.mobile-menu[data-v-14dc67d8]{padding:12px 0;top:55px}.mobile-menu .mobile-nav-links[data-v-14dc67d8]{gap:8px;padding:0 12px}.mobile-menu .mobile-nav-links li a[data-v-14dc67d8]{padding:10px 0;font-size:15px}.hero[data-v-14dc67d8]{padding:70px 0 40px}.hero .hero-content h1[data-v-14dc67d8]{font-size:24px;line-height:1.4}.hero .hero-content p[data-v-14dc67d8]{font-size:14px;line-height:1.6}.section-header[data-v-14dc67d8]{margin-bottom:30px}.section-header h2[data-v-14dc67d8]{font-size:22px}.section-header h2[data-v-14dc67d8]:after{width:60px;height:2px}.section-header p[data-v-14dc67d8]{font-size:13px}.about[data-v-14dc67d8],.services[data-v-14dc67d8],.portfolio[data-v-14dc67d8],.contact[data-v-14dc67d8]{padding:40px 0}.services-grid[data-v-14dc67d8],.portfolio-grid[data-v-14dc67d8]{gap:15px}.service-item[data-v-14dc67d8],.portfolio-item[data-v-14dc67d8],.contact .contact-form[data-v-14dc67d8],.contact .contact-info[data-v-14dc67d8]{padding:20px 15px}.contact .form-group[data-v-14dc67d8]{margin-bottom:15px}.contact .form-group input[data-v-14dc67d8],.contact .form-group textarea[data-v-14dc67d8]{padding:10px;font-size:16px}.footer[data-v-14dc67d8]{padding:40px 0 15px}.footer .footer-content[data-v-14dc67d8]{gap:25px}.footer .footer-content h4[data-v-14dc67d8]{margin-bottom:15px;font-size:16px}.footer .footer-content ul li[data-v-14dc67d8]{margin-bottom:8px}.footer .footer-content ul li a[data-v-14dc67d8]{font-size:14px}.footer .footer-bottom[data-v-14dc67d8]{padding-top:15px}.footer .footer-bottom p[data-v-14dc67d8]{font-size:12px}}@media (max-width:375px){.container[data-v-14dc67d8]{padding:0 10px}h1[data-v-14dc67d8]{font-size:22px}h2[data-v-14dc67d8]{font-size:20px}.hero[data-v-14dc67d8]{padding:60px 0 30px}.section-header h2[data-v-14dc67d8]{font-size:20px}}@media (max-width:992px) and (orientation:landscape){.hero[data-v-14dc67d8]{padding:60px 0 40px}.hero .hero-content h1[data-v-14dc67d8]{font-size:28px}.navbar[data-v-14dc67d8]{padding:8px 0}}@keyframes slideDown-14dc67d8{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}@media (hover:none) and (pointer:coarse){.btn-primary[data-v-14dc67d8],.btn-secondary[data-v-14dc67d8],.nav-links a[data-v-14dc67d8],.mobile-nav-links a[data-v-14dc67d8]{justify-content:center;align-items:center;min-height:44px;display:flex}.btn-primary[data-v-14dc67d8]:hover,.btn-secondary[data-v-14dc67d8]:hover{transform:none}.btn-primary[data-v-14dc67d8]:active,.btn-secondary[data-v-14dc67d8]:active{opacity:.9;transform:scale(.98)}.service-item[data-v-14dc67d8]:active,.portfolio-item[data-v-14dc67d8]:active{transform:scale(.98)}}.portfolio[data-v-14dc67d8]{padding:80px 0}@media (max-width:768px){.portfolio[data-v-14dc67d8]{padding:60px 0}}@media (max-width:576px){.portfolio[data-v-14dc67d8]{padding:40px 0}}.portfolio .section-header[data-v-14dc67d8]{text-align:center;margin-bottom:60px}.portfolio .section-header h2[data-v-14dc67d8]{margin-bottom:10px;display:inline-block;position:relative}.portfolio .section-header h2[data-v-14dc67d8]:after{content:"";background-color:#2563eb;width:80px;height:3px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.portfolio .section-header .separator[data-v-14dc67d8]{width:50px;height:2px;margin:0 auto 15px}.portfolio .section-header p[data-v-14dc67d8]{color:#4b5563;max-width:600px;margin:0 auto}.portfolio .portfolio-filter[data-v-14dc67d8]{justify-content:center;gap:15px;margin-bottom:40px;display:flex}.portfolio .portfolio-filter .filter-btn[data-v-14dc67d8]{cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:8px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.portfolio .portfolio-filter .filter-btn.active[data-v-14dc67d8]{color:#fff;background-color:#2563eb;border-color:#2563eb}.portfolio .portfolio-filter .filter-btn[data-v-14dc67d8]:hover:not(.active){color:#2563eb;border-color:#2563eb}.portfolio .portfolio-grid[data-v-14dc67d8]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.portfolio .portfolio-grid .portfolio-item[data-v-14dc67d8]{background-color:#fff;border-radius:8px;padding:30px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.portfolio .portfolio-grid .portfolio-item[data-v-14dc67d8]:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.portfolio .portfolio-grid .portfolio-item[data-v-14dc67d8]{cursor:pointer;position:relative;overflow:hidden}.portfolio .portfolio-grid .portfolio-item .portfolio-image[data-v-14dc67d8]{background-color:#3b82f60d;justify-content:center;align-items:center;height:200px;display:flex}.portfolio .portfolio-grid .portfolio-item .portfolio-image i[data-v-14dc67d8]{color:#2563eb}.portfolio .portfolio-grid .portfolio-item .portfolio-info[data-v-14dc67d8]{text-align:center;padding:20px 0}.contact[data-v-14dc67d8]{padding:80px 0}@media (max-width:768px){.contact[data-v-14dc67d8]{padding:60px 0}}@media (max-width:576px){.contact[data-v-14dc67d8]{padding:40px 0}}.contact .section-header[data-v-14dc67d8]{text-align:center;margin-bottom:60px}.contact .section-header h2[data-v-14dc67d8]{margin-bottom:10px;display:inline-block;position:relative}.contact .section-header h2[data-v-14dc67d8]:after{content:"";background-color:#2563eb;width:80px;height:3px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.contact .section-header .separator[data-v-14dc67d8]{width:50px;height:2px;margin:0 auto 15px}.contact .section-header p[data-v-14dc67d8]{color:#4b5563;max-width:600px;margin:0 auto}.contact .contact-content[data-v-14dc67d8]{flex-wrap:wrap;gap:40px;display:flex}.contact .contact-content .contact-form[data-v-14dc67d8]{background-color:#fff;border-radius:8px;flex:1;min-width:300px;padding:30px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.contact .contact-content .contact-form[data-v-14dc67d8]:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.contact .contact-content .contact-form h3[data-v-14dc67d8],.contact .contact-content .contact-form .form-group[data-v-14dc67d8]{margin-bottom:20px}.contact .contact-content .contact-form .form-group label[data-v-14dc67d8]{margin-bottom:8px;font-weight:500;display:block}.contact .contact-content .contact-form .form-group input[data-v-14dc67d8],.contact .contact-content .contact-form .form-group textarea[data-v-14dc67d8]{border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:12px;font-family:inherit;transition:all .3s cubic-bezier(.4,0,.2,1)}.contact .contact-content .contact-form .form-group input[data-v-14dc67d8]:focus,.contact .contact-content .contact-form .form-group textarea[data-v-14dc67d8]:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #3b82f61a}.contact .contact-content .contact-form .form-group textarea[data-v-14dc67d8]{resize:vertical}.contact .contact-content .contact-info[data-v-14dc67d8]{flex:1;min-width:300px}.contact .contact-content .contact-info h3[data-v-14dc67d8]{margin-bottom:20px}.contact .contact-content .contact-info .contact-item[data-v-14dc67d8]{gap:15px;margin-bottom:20px;display:flex}.contact .contact-content .contact-info .contact-item .contact-icon[data-v-14dc67d8]{background-color:#3b82f61a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.contact .contact-content .contact-info .contact-item .contact-icon i[data-v-14dc67d8]{color:#2563eb}.contact .contact-content .contact-info .contact-item .contact-text p[data-v-14dc67d8]{color:#4b5563}.contact .contact-content .contact-info .social-links[data-v-14dc67d8]{gap:15px;margin-top:30px;display:flex}.contact .contact-content .contact-info .social-links a[data-v-14dc67d8]{color:#2563eb;background-color:#3b82f61a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.contact .contact-content .contact-info .social-links a[data-v-14dc67d8]:hover{color:#fff;background-color:#2563eb}.footer[data-v-14dc67d8]{color:#fff;background-color:#111827;padding:80px 0 20px}@media (max-width:768px){.footer[data-v-14dc67d8]{padding:60px 0 20px}}.footer .footer-content[data-v-14dc67d8]{flex-wrap:wrap;gap:40px;margin-bottom:40px;display:flex}@media (max-width:768px){.footer .footer-content[data-v-14dc67d8]{gap:30px}}.footer .footer-content .footer-logo[data-v-14dc67d8]{flex:1;min-width:250px}@media (max-width:576px){.footer .footer-content .footer-logo[data-v-14dc67d8]{min-width:100%}}.footer .footer-content .footer-logo .text-primary[data-v-14dc67d8]{color:#2563eb}.footer .footer-content .footer-logo .text-secondary[data-v-14dc67d8]{color:#fff}.footer .footer-content .footer-logo p[data-v-14dc67d8]{color:#ffffffb3;margin-top:10px}.footer .footer-content .footer-links[data-v-14dc67d8],.footer .footer-content .footer-services[data-v-14dc67d8],.footer .footer-content .footer-contact[data-v-14dc67d8]{flex:1;min-width:200px}@media (max-width:576px){.footer .footer-content .footer-links[data-v-14dc67d8],.footer .footer-content .footer-services[data-v-14dc67d8],.footer .footer-content .footer-contact[data-v-14dc67d8]{min-width:100%}}.footer .footer-content .footer-links h4[data-v-14dc67d8],.footer .footer-content .footer-services h4[data-v-14dc67d8],.footer .footer-content .footer-contact h4[data-v-14dc67d8]{margin-bottom:20px;padding-bottom:10px;font-size:18px;position:relative}.footer .footer-content .footer-links h4[data-v-14dc67d8]:after,.footer .footer-content .footer-services h4[data-v-14dc67d8]:after,.footer .footer-content .footer-contact h4[data-v-14dc67d8]:after{content:"";background-color:#2563eb;width:40px;height:2px;position:absolute;bottom:0;left:0}.footer .footer-content .footer-links ul li[data-v-14dc67d8],.footer .footer-content .footer-services ul li[data-v-14dc67d8],.footer .footer-content .footer-contact ul li[data-v-14dc67d8]{margin-bottom:10px}.footer .footer-content .footer-links ul li a[data-v-14dc67d8],.footer .footer-content .footer-services ul li a[data-v-14dc67d8],.footer .footer-content .footer-contact ul li a[data-v-14dc67d8]{color:#ffffffb3;transition:all .3s cubic-bezier(.4,0,.2,1)}.footer .footer-content .footer-links ul li a[data-v-14dc67d8]:hover,.footer .footer-content .footer-services ul li a[data-v-14dc67d8]:hover,.footer .footer-content .footer-contact ul li a[data-v-14dc67d8]:hover{color:#2563eb;padding-left:5px}.footer .footer-content .footer-links ul li i[data-v-14dc67d8],.footer .footer-content .footer-services ul li i[data-v-14dc67d8],.footer .footer-content .footer-contact ul li i[data-v-14dc67d8]{color:#2563eb;margin-right:10px}.footer .footer-bottom[data-v-14dc67d8]{text-align:center;border-top:1px solid #ffffff1a;padding-top:20px}.footer .footer-bottom p[data-v-14dc67d8]{color:#ffffff80;margin:0;font-size:14px}.footer .footer-bottom p.icp-number[data-v-14dc67d8]{margin-top:8px;font-size:12px}.footer .footer-bottom p.icp-number a[data-v-14dc67d8]{color:#ffffff80;text-decoration:none}.footer .footer-bottom p.icp-number a[data-v-14dc67d8]:hover{color:#fffc}.database-settings[data-v-14dc67d8]{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 50%,#f0fdf4 100%);min-height:100vh;padding:0}.database-settings .page-header[data-v-14dc67d8]{color:#fff;background:linear-gradient(135deg,#0891b2 0%,#0d9488 100%);margin-bottom:24px;padding:32px}.database-settings .page-header .header-content[data-v-14dc67d8]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-width:1400px;margin:0 auto;display:flex}.database-settings .page-header .title-section[data-v-14dc67d8]{align-items:center;gap:16px;display:flex}.database-settings .page-header .title-section .icon-wrapper[data-v-14dc67d8]{background:#fff3;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;display:flex}.database-settings .page-header .title-section h1[data-v-14dc67d8]{margin:0;font-size:28px;font-weight:700}.database-settings .page-header .title-section .subtitle[data-v-14dc67d8]{opacity:.9;margin:4px 0 0;font-size:14px}.database-settings .page-header .status-section[data-v-14dc67d8]{align-items:center;gap:16px;display:flex}.database-settings .page-header .status-badge[data-v-14dc67d8]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;display:flex}.database-settings .page-header .status-badge.mysql[data-v-14dc67d8]{background:#10b9814d}.database-settings .page-header .connection-status[data-v-14dc67d8]{background:#ffffff26;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;display:flex}.database-settings .page-header .connection-status .dot[data-v-14dc67d8]{background:#fbbf24;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-14dc67d8}.database-settings .page-header .connection-status.connected .dot[data-v-14dc67d8]{background:#34d399}.database-settings .stats-grid[data-v-14dc67d8]{grid-template-columns:repeat(4,1fr);gap:16px;max-width:1400px;margin:0 auto 24px;padding:0 24px;display:grid}.database-settings .stat-card[data-v-14dc67d8]{background:#fff;border-radius:16px;align-items:center;gap:16px;padding:20px;transition:all .3s;display:flex;box-shadow:0 4px 6px -1px #0000000d}.database-settings .stat-card[data-v-14dc67d8]:hover{transform:translateY(-2px);box-shadow:0 10px 20px -5px #0000001a}.database-settings .stat-card .stat-icon[data-v-14dc67d8]{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.database-settings .stat-card.tables .stat-icon[data-v-14dc67d8]{color:#2563eb;background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.database-settings .stat-card.records .stat-icon[data-v-14dc67d8]{color:#059669;background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.database-settings .stat-card.columns .stat-icon[data-v-14dc67d8]{color:#d97706;background:linear-gradient(135deg,#fef3c7,#fde68a)}.database-settings .stat-card.history .stat-icon[data-v-14dc67d8]{color:#7c3aed;background:linear-gradient(135deg,#ede9fe,#ddd6fe)}.database-settings .stat-card .stat-info[data-v-14dc67d8]{flex-direction:column;display:flex}.database-settings .stat-card .stat-value[data-v-14dc67d8]{color:#1f2937;font-size:24px;font-weight:700}.database-settings .stat-card .stat-label[data-v-14dc67d8]{color:#6b7280;font-size:13px}.database-settings .main-content[data-v-14dc67d8]{grid-template-columns:380px 1fr;gap:24px;max-width:1400px;margin:0 auto 24px;padding:0 24px;display:grid}.database-settings .config-panel[data-v-14dc67d8],.database-settings .tables-panel[data-v-14dc67d8]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.database-settings .panel-header[data-v-14dc67d8]{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.database-settings .panel-header h3[data-v-14dc67d8]{color:#1f2937;align-items:center;gap:8px;margin:0;font-size:16px;display:flex}.database-settings .panel-header h3 i[data-v-14dc67d8]{color:#0891b2}.database-settings .panel-header .btn-history[data-v-14dc67d8]{cursor:pointer;color:#6b7280;background:0 0;border:1px solid #e5e7eb;border-radius:8px;width:32px;height:32px}.database-settings .panel-header .btn-history[data-v-14dc67d8]:hover{background:#f3f4f6}.database-settings .history-dropdown[data-v-14dc67d8]{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:12px}.database-settings .history-dropdown .history-title[data-v-14dc67d8]{color:#6b7280;text-transform:uppercase;margin-bottom:8px;font-size:12px}.database-settings .history-dropdown .history-item[data-v-14dc67d8]{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:12px;margin-bottom:6px;padding:10px 12px;display:flex}.database-settings .history-dropdown .history-item[data-v-14dc67d8]:hover{background:#f0fdfa;border-color:#0891b2}.database-settings .history-dropdown .history-item i[data-v-14dc67d8]{color:#0891b2}.database-settings .history-dropdown .history-item .history-info[data-v-14dc67d8]{flex-direction:column;flex:1;gap:2px;display:flex}.database-settings .history-dropdown .history-item .history-info .host[data-v-14dc67d8]{color:#1f2937;font-size:13px;font-weight:500}.database-settings .history-dropdown .history-item .history-info .db[data-v-14dc67d8]{color:#6b7280;font-size:12px}.database-settings .history-dropdown .history-item .btn-delete-history[data-v-14dc67d8]{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:4px}.database-settings .history-dropdown .history-item .btn-delete-history[data-v-14dc67d8]:hover{color:#ef4444}.database-settings .config-form[data-v-14dc67d8]{padding:20px}.database-settings .config-form .form-row[data-v-14dc67d8]{grid-template-columns:1fr 100px;gap:12px;margin-bottom:12px;display:grid}.database-settings .config-form .form-row[data-v-14dc67d8]:nth-child(2){grid-template-columns:1fr 1fr}.database-settings .config-form .form-group.small[data-v-14dc67d8]{max-width:100px}.database-settings .config-form .form-group label[data-v-14dc67d8]{color:#4b5563;align-items:center;gap:6px;margin-bottom:6px;font-size:13px;font-weight:500;display:flex}.database-settings .config-form .form-group label i[data-v-14dc67d8]{color:#9ca3af;font-size:12px}.database-settings .config-form .form-group input[data-v-14dc67d8]{border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 12px;font-size:14px;transition:all .2s}.database-settings .config-form .form-group input[data-v-14dc67d8]:focus{border-color:#0891b2;outline:none;box-shadow:0 0 0 3px #0891b21a}.database-settings .config-form .password-input[data-v-14dc67d8]{position:relative}.database-settings .config-form .password-input input[data-v-14dc67d8]{padding-right:40px}.database-settings .config-form .password-input .btn-toggle-password[data-v-14dc67d8]{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:4px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.database-settings .config-form .password-input .btn-toggle-password[data-v-14dc67d8]:hover{color:#4b5563}.database-settings .test-result[data-v-14dc67d8]{border-radius:8px;align-items:center;gap:10px;margin:16px 0;padding:12px 16px;font-size:13px;animation:.3s fadeIn-14dc67d8;display:flex}.database-settings .test-result.success[data-v-14dc67d8]{color:#065f46;background:#ecfdf5;border:1px solid #10b981}.database-settings .test-result.error[data-v-14dc67d8]{color:#991b1b;background:#fef2f2;border:1px solid #ef4444}.database-settings .form-actions[data-v-14dc67d8]{gap:12px;margin-top:20px;display:flex}.database-settings .form-actions .btn-connect[data-v-14dc67d8]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0891b2,#0d9488);border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-weight:600;transition:all .3s;display:flex}.database-settings .form-actions .btn-connect[data-v-14dc67d8]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0891b24d}.database-settings .form-actions .btn-connect[data-v-14dc67d8]:disabled{opacity:.5;cursor:not-allowed}.database-settings .form-actions .btn-disconnect[data-v-14dc67d8]{color:#ef4444;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:6px;padding:12px 20px;font-weight:500;display:flex}.database-settings .form-actions .btn-disconnect[data-v-14dc67d8]:hover{background:#fef2f2}.database-settings .tables-panel .panel-actions[data-v-14dc67d8]{align-items:center;gap:8px;display:flex}.database-settings .tables-panel .table-search[data-v-14dc67d8]{border:1px solid #e5e7eb;border-radius:6px;width:140px;padding:6px 12px;font-size:13px}.database-settings .tables-panel .table-search[data-v-14dc67d8]:focus{border-color:#0891b2;outline:none}.database-settings .tables-panel .btn-refresh[data-v-14dc67d8]{cursor:pointer;color:#6b7280;background:0 0;border:1px solid #e5e7eb;border-radius:8px;width:32px;height:32px}.database-settings .tables-panel .btn-refresh[data-v-14dc67d8]:hover{background:#f3f4f6}.database-settings .tables-panel .btn-refresh[data-v-14dc67d8]:disabled{opacity:.5}.database-settings .empty-state[data-v-14dc67d8]{text-align:center;color:#9ca3af;padding:60px 20px}.database-settings .empty-state i[data-v-14dc67d8]{margin-bottom:16px;font-size:48px}.database-settings .empty-state p[data-v-14dc67d8]{margin:0;font-size:14px}.database-settings .tables-list[data-v-14dc67d8]{max-height:400px;overflow-y:auto}.database-settings .table-item[data-v-14dc67d8]{cursor:pointer;border-bottom:1px solid #f3f4f6;align-items:center;gap:12px;padding:12px 20px;transition:all .2s;display:flex}.database-settings .table-item[data-v-14dc67d8]:hover{background:#f0fdfa}.database-settings .table-item.active[data-v-14dc67d8]{background:linear-gradient(135deg,#ccfbf1,#a7f3d0);border-left:3px solid #0d9488}.database-settings .table-item.active .table-icon[data-v-14dc67d8]{color:#fff;background:#0d9488}.database-settings .table-item.active .table-name[data-v-14dc67d8]{color:#0d9488;font-weight:600}.database-settings .table-item .table-icon[data-v-14dc67d8]{color:#6b7280;background:#f3f4f6;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;display:flex}.database-settings .table-item .table-name[data-v-14dc67d8]{color:#374151;flex:1;font-size:14px}.database-settings .table-item .fa-chevron-right[data-v-14dc67d8]{color:#d1d5db;font-size:12px}.database-settings .data-section[data-v-14dc67d8]{max-width:1400px;margin:0 auto 24px;padding:0 24px}.database-settings .data-header[data-v-14dc67d8]{background:#fff;border-radius:16px 16px 0 0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex;box-shadow:0 4px 6px -1px #0000000d}.database-settings .data-header .data-title[data-v-14dc67d8]{align-items:center;gap:12px;display:flex}.database-settings .data-header .data-title i[data-v-14dc67d8]{color:#0d9488;font-size:18px}.database-settings .data-header .data-title h3[data-v-14dc67d8]{color:#1f2937;margin:0;font-size:18px}.database-settings .data-header .data-title .record-count[data-v-14dc67d8]{color:#059669;background:#f0fdf4;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:500}.database-settings .data-header .data-actions[data-v-14dc67d8]{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.database-settings .data-header .search-box[data-v-14dc67d8]{position:relative}.database-settings .data-header .search-box i[data-v-14dc67d8]{color:#9ca3af;font-size:12px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.database-settings .data-header .search-box input[data-v-14dc67d8]{border:1px solid #e5e7eb;border-radius:8px;width:180px;padding:8px 12px 8px 32px;font-size:13px}.database-settings .data-header .search-box input[data-v-14dc67d8]:focus{border-color:#0891b2;outline:none}.database-settings .data-header .btn-add[data-v-14dc67d8],.database-settings .data-header .btn-export[data-v-14dc67d8],.database-settings .data-header .btn-structure[data-v-14dc67d8],.database-settings .data-header .btn-refresh-data[data-v-14dc67d8]{cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.database-settings .data-header .btn-add[data-v-14dc67d8]{color:#fff;background:linear-gradient(135deg,#0891b2,#0d9488);border:none}.database-settings .data-header .btn-add[data-v-14dc67d8]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0891b24d}.database-settings .data-header .btn-export[data-v-14dc67d8]{color:#059669;background:#fff;border:1px solid #a7f3d0}.database-settings .data-header .btn-export[data-v-14dc67d8]:hover{background:#f0fdf4}.database-settings .data-header .btn-structure[data-v-14dc67d8]{color:#7c3aed;background:#fff;border:1px solid #ddd6fe}.database-settings .data-header .btn-structure[data-v-14dc67d8]:hover{background:#f5f3ff}.database-settings .data-header .btn-refresh-data[data-v-14dc67d8]{color:#6b7280;background:#fff;border:1px solid #e5e7eb;padding:8px 10px}.database-settings .data-header .btn-refresh-data[data-v-14dc67d8]:hover{background:#f9fafb}.database-settings .structure-panel[data-v-14dc67d8]{background:#1e293b;border-radius:0;margin:0;animation:.3s slideDown-14dc67d8}.database-settings .structure-panel .structure-header[data-v-14dc67d8]{border-bottom:1px solid #334155;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.database-settings .structure-panel .structure-header h4[data-v-14dc67d8]{color:#f1f5f9;align-items:center;gap:8px;margin:0;font-size:14px;display:flex}.database-settings .structure-panel .structure-header h4 i[data-v-14dc67d8]{color:#22d3ee}.database-settings .structure-panel .structure-header .btn-close-structure[data-v-14dc67d8]{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:20px}.database-settings .structure-panel .structure-header .btn-close-structure[data-v-14dc67d8]:hover{color:#fff}.database-settings .structure-table[data-v-14dc67d8]{border-collapse:collapse;width:100%;font-size:13px}.database-settings .structure-table th[data-v-14dc67d8]{color:#94a3b8;text-align:left;background:#334155;padding:10px 16px;font-weight:500}.database-settings .structure-table td[data-v-14dc67d8]{color:#e2e8f0;border-bottom:1px solid #334155;padding:10px 16px}.database-settings .structure-table td code[data-v-14dc67d8]{color:#22d3ee;font-family:Monaco,Menlo,monospace}.database-settings .structure-table .type-badge[data-v-14dc67d8]{background:#475569;border-radius:4px;padding:2px 8px;font-family:monospace;font-size:11px}.database-settings .structure-table .key-badge[data-v-14dc67d8]{border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600}.database-settings .structure-table .key-badge.pri[data-v-14dc67d8]{color:#1e293b;background:#fbbf24}.database-settings .structure-table .key-badge.uni[data-v-14dc67d8]{color:#fff;background:#8b5cf6}.database-settings .structure-table .key-badge.mul[data-v-14dc67d8]{color:#fff;background:#0ea5e9}.database-settings .data-table-wrapper[data-v-14dc67d8]{background:#fff;min-height:200px;position:relative;overflow-x:auto}.database-settings .data-table-wrapper .loading-overlay[data-v-14dc67d8]{color:#0891b2;z-index:10;background:#ffffffe6;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.database-settings .data-table-wrapper .loading-overlay i[data-v-14dc67d8]{font-size:24px}.database-settings .data-table[data-v-14dc67d8]{border-collapse:collapse;width:100%;font-size:13px}@media (max-width:768px){.database-settings .data-table[data-v-14dc67d8]{width:100%;display:block}.database-settings .data-table thead[data-v-14dc67d8]{display:none}.database-settings .data-table tbody[data-v-14dc67d8],.database-settings .data-table tr[data-v-14dc67d8],.database-settings .data-table td[data-v-14dc67d8]{width:100%;display:block}.database-settings .data-table tr[data-v-14dc67d8]{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:15px;padding:10px;box-shadow:0 1px 2px #0000000d}.database-settings .data-table td[data-v-14dc67d8]{text-align:right;border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;min-height:40px;padding:10px 8px;display:flex;position:relative}.database-settings .data-table td[data-v-14dc67d8]:last-child{border-bottom:none;flex-wrap:wrap;justify-content:center;gap:8px}.database-settings .data-table td[data-v-14dc67d8]:before{content:attr(data-label);color:#4b5563;text-align:left;margin-right:15px;font-size:13px;font-weight:600}}.database-settings .data-table th[data-v-14dc67d8]{text-align:left;color:#4b5563;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f9fafb;border-bottom:2px solid #e5e7eb;padding:12px 16px;font-weight:600}.database-settings .data-table th[data-v-14dc67d8]:hover{background:#f3f4f6}.database-settings .data-table th .th-content[data-v-14dc67d8]{align-items:center;gap:6px;display:flex}.database-settings .data-table th .th-content i[data-v-14dc67d8]{color:#0891b2}.database-settings .data-table .checkbox-col[data-v-14dc67d8]{text-align:center;width:40px}.database-settings .data-table .actions-col[data-v-14dc67d8]{width:100px}.database-settings .data-table td[data-v-14dc67d8]{color:#1f2937;border-bottom:1px solid #f3f4f6;padding:12px 16px}.database-settings .data-table td .cell-content[data-v-14dc67d8]{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.database-settings .data-table td .pri-badge[data-v-14dc67d8]{color:#92400e;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:4px;padding:2px 8px;font-size:12px;font-weight:600}.database-settings .data-table tbody tr[data-v-14dc67d8]{transition:background .2s}.database-settings .data-table tbody tr[data-v-14dc67d8]:hover{background:#f0fdfa}.database-settings .data-table tbody tr.selected[data-v-14dc67d8]{background:#ccfbf1}.database-settings .data-table .row-actions[data-v-14dc67d8]{gap:6px;display:flex}.database-settings .data-table .btn-action[data-v-14dc67d8]{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.database-settings .data-table .btn-action.edit[data-v-14dc67d8]{color:#0284c7;background:#e0f2fe}.database-settings .data-table .btn-action.edit[data-v-14dc67d8]:hover{color:#fff;background:#0ea5e9}.database-settings .data-table .btn-action.delete[data-v-14dc67d8]{color:#dc2626;background:#fee2e2}.database-settings .data-table .btn-action.delete[data-v-14dc67d8]:hover{color:#fff;background:#ef4444}.database-settings .no-data[data-v-14dc67d8]{text-align:center;color:#9ca3af;background:#fff;padding:60px 20px}.database-settings .no-data i[data-v-14dc67d8]{margin-bottom:16px;font-size:48px}.database-settings .no-data p[data-v-14dc67d8]{margin:0}.database-settings .pagination[data-v-14dc67d8]{background:#fff;border-top:1px solid #e5e7eb;border-radius:0 0 16px 16px;justify-content:center;align-items:center;gap:8px;padding:16px 20px;display:flex}.database-settings .pagination .btn-page[data-v-14dc67d8]{cursor:pointer;color:#4b5563;background:#fff;border:1px solid #e5e7eb;border-radius:6px;width:32px;height:32px}.database-settings .pagination .btn-page[data-v-14dc67d8]:hover:not(:disabled){color:#0891b2;background:#f3f4f6;border-color:#0891b2}.database-settings .pagination .btn-page[data-v-14dc67d8]:disabled{opacity:.4;cursor:not-allowed}.database-settings .pagination .page-info[data-v-14dc67d8]{color:#6b7280;padding:0 16px;font-size:13px}.database-settings .pagination .page-size-select[data-v-14dc67d8]{color:#4b5563;border:1px solid #e5e7eb;border-radius:6px;margin-left:16px;padding:6px 12px;font-size:13px}.database-settings .batch-actions[data-v-14dc67d8]{z-index:100;background:#1e293b;border-radius:999px;align-items:center;gap:16px;padding:12px 24px;animation:.3s slideUp-14dc67d8;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #0000004d}.database-settings .batch-actions .selected-count[data-v-14dc67d8]{color:#e2e8f0;font-size:13px}.database-settings .batch-actions .btn-batch-delete[data-v-14dc67d8]{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;display:flex}.database-settings .batch-actions .btn-batch-delete[data-v-14dc67d8]:hover{background:#dc2626}.database-settings .batch-actions .btn-batch-cancel[data-v-14dc67d8]{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #475569;border-radius:6px;padding:8px 16px;font-size:13px}.database-settings .batch-actions .btn-batch-cancel[data-v-14dc67d8]:hover{background:#334155}.database-settings .modal-overlay[data-v-14dc67d8]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0009;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn-14dc67d8;display:flex;position:fixed;inset:0}.database-settings .modal-content[data-v-14dc67d8]{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:640px;max-height:90vh;animation:.3s scaleIn-14dc67d8;display:flex;box-shadow:0 25px 50px -12px #00000040}.database-settings .modal-header[data-v-14dc67d8]{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-bottom:1px solid #e5e7eb;border-radius:16px 16px 0 0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.database-settings .modal-header h3[data-v-14dc67d8]{color:#1f2937;align-items:center;gap:10px;margin:0;font-size:18px;display:flex}.database-settings .modal-header h3 i[data-v-14dc67d8]{color:#0891b2}.database-settings .modal-header .btn-close[data-v-14dc67d8]{cursor:pointer;color:#9ca3af;background:0 0;border:none;font-size:28px;line-height:1}.database-settings .modal-header .btn-close[data-v-14dc67d8]:hover{color:#4b5563}.database-settings .modal-body[data-v-14dc67d8]{flex:1;padding:24px;overflow-y:auto}.database-settings .modal-form-group[data-v-14dc67d8]{margin-bottom:16px}.database-settings .modal-form-group label[data-v-14dc67d8]{color:#374151;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;font-weight:500;display:flex}.database-settings .modal-form-group label .label-badge[data-v-14dc67d8]{text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.database-settings .modal-form-group label .label-badge.pri[data-v-14dc67d8]{color:#92400e;background:#fef3c7}.database-settings .modal-form-group label .label-badge.required[data-v-14dc67d8]{color:#dc2626;background:#fee2e2}.database-settings .modal-form-group label .field-type[data-v-14dc67d8]{color:#9ca3af;margin-left:auto;font-family:monospace;font-size:11px}.database-settings .modal-form-group input[data-v-14dc67d8],.database-settings .modal-form-group textarea[data-v-14dc67d8]{border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 14px;font-size:14px;transition:all .2s}.database-settings .modal-form-group input[data-v-14dc67d8]:focus,.database-settings .modal-form-group textarea[data-v-14dc67d8]:focus{border-color:#0891b2;outline:none;box-shadow:0 0 0 3px #0891b21a}.database-settings .modal-form-group input[data-v-14dc67d8]:disabled,.database-settings .modal-form-group textarea[data-v-14dc67d8]:disabled{color:#9ca3af;background:#f9fafb}.database-settings .modal-form-group textarea[data-v-14dc67d8]{font-family:Monaco,Menlo,Consolas,monospace;font-size:13px}.database-settings .modal-footer[data-v-14dc67d8]{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.database-settings .modal-footer .btn-cancel[data-v-14dc67d8]{cursor:pointer;color:#4b5563;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:10px 20px;font-weight:500}.database-settings .modal-footer .btn-cancel[data-v-14dc67d8]:hover{background:#f9fafb}.database-settings .modal-footer .btn-save[data-v-14dc67d8]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0891b2,#0d9488);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 24px;font-weight:600;display:flex}.database-settings .modal-footer .btn-save[data-v-14dc67d8]:hover:not(:disabled){box-shadow:0 4px 12px #0891b24d}.database-settings .modal-footer .btn-save[data-v-14dc67d8]:disabled{opacity:.5;cursor:not-allowed}.database-settings .sql-panel[data-v-14dc67d8]{max-width:1400px;margin:0 auto;padding:0 24px 24px}.database-settings .sql-panel .sql-toggle[data-v-14dc67d8]{cursor:pointer;color:#4b5563;background:#fff;border-radius:12px;align-items:center;gap:10px;padding:14px 20px;font-weight:500;transition:all .2s;display:flex;box-shadow:0 2px 4px #0000000d}.database-settings .sql-panel .sql-toggle i[data-v-14dc67d8]:first-child{color:#0891b2}.database-settings .sql-panel .sql-toggle[data-v-14dc67d8]:hover{background:#f9fafb}.database-settings .sql-panel.expanded .sql-toggle[data-v-14dc67d8]{border-radius:12px 12px 0 0}.database-settings .sql-content[data-v-14dc67d8]{background:#1e293b;border-radius:0 0 12px 12px;padding:16px;animation:.3s slideDown-14dc67d8}.database-settings .sql-input[data-v-14dc67d8]{color:#e2e8f0;resize:vertical;background:#0f172a;border:1px solid #334155;border-radius:8px;width:100%;padding:16px;font-family:Monaco,Menlo,Consolas,monospace;font-size:13px}.database-settings .sql-input[data-v-14dc67d8]:focus{border-color:#0891b2;outline:none}.database-settings .sql-input[data-v-14dc67d8]::placeholder{color:#64748b}.database-settings .sql-actions[data-v-14dc67d8]{gap:12px;margin-top:12px;display:flex}.database-settings .sql-actions .btn-run-sql[data-v-14dc67d8]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;display:flex}.database-settings .sql-actions .btn-run-sql[data-v-14dc67d8]:hover:not(:disabled){box-shadow:0 4px 12px #22c55e4d}.database-settings .sql-actions .btn-run-sql[data-v-14dc67d8]:disabled{opacity:.5;cursor:not-allowed}.database-settings .sql-actions .btn-clear-sql[data-v-14dc67d8]{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #475569;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;display:flex}.database-settings .sql-actions .btn-clear-sql[data-v-14dc67d8]:hover{background:#334155}.database-settings .sql-result[data-v-14dc67d8]{background:#0f172a;border-radius:8px;max-height:300px;margin-top:16px;padding:16px;overflow:auto}.database-settings .sql-result.error[data-v-14dc67d8]{border:1px solid #ef4444}.database-settings .sql-result.error pre[data-v-14dc67d8]{color:#f87171}.database-settings .sql-result pre[data-v-14dc67d8]{color:#a5f3fc;white-space:pre-wrap;margin:0;font-family:Monaco,Menlo,Consolas,monospace;font-size:12px}@keyframes fadeIn-14dc67d8{0%{opacity:0}to{opacity:1}}@keyframes scaleIn-14dc67d8{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp-14dc67d8{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes pulse-14dc67d8{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:1024px){.database-settings .main-content[data-v-14dc67d8]{grid-template-columns:1fr}.database-settings .stats-grid[data-v-14dc67d8]{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.database-settings .page-header[data-v-14dc67d8]{padding:20px}.database-settings .page-header .header-content[data-v-14dc67d8]{flex-direction:column;align-items:flex-start}.database-settings .page-header .title-section h1[data-v-14dc67d8]{font-size:22px}.database-settings .stats-grid[data-v-14dc67d8]{grid-template-columns:1fr 1fr;padding:0 16px}.database-settings .main-content[data-v-14dc67d8],.database-settings .data-section[data-v-14dc67d8],.database-settings .sql-panel[data-v-14dc67d8]{padding:0 16px}.database-settings .data-header[data-v-14dc67d8]{flex-direction:column;align-items:flex-start}.database-settings .data-header .data-actions[data-v-14dc67d8]{width:100%;padding-bottom:8px;overflow-x:auto}.database-settings .batch-actions[data-v-14dc67d8]{border-radius:12px;left:16px;right:16px;transform:none}.database-settings .modal-overlay[data-v-14dc67d8]{align-items:flex-start;padding:10px}.database-settings .modal-content[data-v-14dc67d8]{max-height:95vh}}.email-settings[data-v-f1293d10]{max-width:1200px;margin:0 auto;padding:24px}.page-header[data-v-f1293d10]{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-header .header-left[data-v-f1293d10]{align-items:center;gap:16px;display:flex}.page-header .header-left>i[data-v-f1293d10]{background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:32px}.page-header .header-left h2[data-v-f1293d10]{color:#1e293b;margin:0;font-size:24px}.page-header .header-left .subtitle[data-v-f1293d10]{color:#64748b;margin:4px 0 0;font-size:14px}.page-header .header-actions[data-v-f1293d10]{gap:12px;display:flex}.page-header .header-actions button[data-v-f1293d10]{cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-weight:500;transition:all .3s;display:flex}.page-header .header-actions button.btn-test[data-v-f1293d10]{color:#475569;background:#fff;border:1px solid #e2e8f0}.page-header .header-actions button.btn-test[data-v-f1293d10]:hover:not(:disabled){color:#f97316;border-color:#f97316}.page-header .header-actions button.btn-save[data-v-f1293d10]{color:#fff;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);border:none}.page-header .header-actions button.btn-save[data-v-f1293d10]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #f9731666}.page-header .header-actions button[data-v-f1293d10]:disabled{opacity:.6;cursor:not-allowed}.status-cards[data-v-f1293d10]{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}.status-cards .status-card[data-v-f1293d10]{background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:16px;padding:20px;display:flex}.status-cards .status-card .card-icon[data-v-f1293d10]{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.status-cards .status-card .card-icon i[data-v-f1293d10]{color:#fff;font-size:20px}.status-cards .status-card.active .card-icon[data-v-f1293d10]{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%)}.status-cards .status-card.inactive .card-icon[data-v-f1293d10]{background:#94a3b8}.status-cards .status-card.info .card-icon[data-v-f1293d10]{background:linear-gradient(135deg,#f97316 0%,#ea580c 100%)}.status-cards .status-card .card-info[data-v-f1293d10]{flex:1}.status-cards .status-card .card-info h4[data-v-f1293d10]{color:#64748b;margin:0 0 4px;font-size:13px}.status-cards .status-card .card-info span[data-v-f1293d10]{color:#1e293b;font-size:15px;font-weight:500}.switch[data-v-f1293d10]{width:48px;height:26px;position:relative}.switch input[data-v-f1293d10]{opacity:0;width:0;height:0}.switch .slider[data-v-f1293d10]{cursor:pointer;background-color:#cbd5e1;border-radius:26px;transition:all .3s;position:absolute;inset:0}.switch .slider[data-v-f1293d10]:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;bottom:3px;left:3px}.switch input:checked+.slider[data-v-f1293d10]{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%)}.switch input:checked+.slider[data-v-f1293d10]:before{transform:translate(22px)}.config-sections[data-v-f1293d10]{flex-direction:column;gap:24px;display:flex}.config-section[data-v-f1293d10]{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px}.config-section h3[data-v-f1293d10]{color:#1e293b;align-items:center;gap:10px;margin:0 0 20px;font-size:16px;display:flex}.config-section h3 i[data-v-f1293d10]{color:#f97316}.form-grid[data-v-f1293d10]{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.form-grid .form-group.full[data-v-f1293d10]{grid-column:1/-1}.form-grid .form-group label[data-v-f1293d10]{color:#475569;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-grid .form-group label .tip[data-v-f1293d10]{color:#94a3b8;font-size:12px;font-weight:400}.form-grid .form-group input[type=text][data-v-f1293d10],.form-grid .form-group input[type=email][data-v-f1293d10],.form-grid .form-group input[type=number][data-v-f1293d10],.form-grid .form-group input[type=password][data-v-f1293d10],.form-grid .form-group select[data-v-f1293d10]{border:1px solid #e2e8f0;border-radius:10px;width:100%;padding:12px 16px;font-size:14px;transition:all .2s}.form-grid .form-group input[type=text][data-v-f1293d10]:focus,.form-grid .form-group input[type=email][data-v-f1293d10]:focus,.form-grid .form-group input[type=number][data-v-f1293d10]:focus,.form-grid .form-group input[type=password][data-v-f1293d10]:focus,.form-grid .form-group select[data-v-f1293d10]:focus{border-color:#f97316;outline:none;box-shadow:0 0 0 3px #f973161a}.form-grid .form-group .help-text[data-v-f1293d10]{color:#94a3b8;margin:8px 0 0;font-size:12px}.input-with-preset[data-v-f1293d10]{gap:8px;display:flex}.input-with-preset input[data-v-f1293d10]{flex:1}.input-with-preset .preset-dropdown[data-v-f1293d10]{position:relative}.input-with-preset .preset-dropdown .btn-preset[data-v-f1293d10]{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:44px;height:44px}.input-with-preset .preset-dropdown .btn-preset[data-v-f1293d10]:hover{color:#f97316;border-color:#f97316}.input-with-preset .preset-dropdown .preset-menu[data-v-f1293d10]{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-width:200px;margin-top:8px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 10px 40px #00000026}.input-with-preset .preset-dropdown .preset-menu .preset-item[data-v-f1293d10]{cursor:pointer;justify-content:space-between;align-items:center;padding:12px 16px;transition:background .2s;display:flex}.input-with-preset .preset-dropdown .preset-menu .preset-item[data-v-f1293d10]:hover{background:#fff7ed}.input-with-preset .preset-dropdown .preset-menu .preset-item .preset-name[data-v-f1293d10]{color:#1e293b;font-weight:500}.input-with-preset .preset-dropdown .preset-menu .preset-item .preset-host[data-v-f1293d10]{color:#94a3b8;font-size:12px}.password-input[data-v-f1293d10]{gap:8px;display:flex}.password-input input[data-v-f1293d10]{flex:1}.password-input .btn-toggle[data-v-f1293d10]{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:44px;height:44px}.password-input .btn-toggle[data-v-f1293d10]:hover{color:#f97316;border-color:#f97316}.checkbox-label[data-v-f1293d10]{cursor:pointer;align-items:center;gap:10px;display:flex!important}.checkbox-label input[type=checkbox][data-v-f1293d10]{accent-color:#f97316;width:18px;height:18px}.test-form[data-v-f1293d10]{align-items:flex-end;gap:16px;display:flex}.test-form .form-group[data-v-f1293d10]{flex:1;margin:0}.test-form .btn-send-test[data-v-f1293d10]{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-weight:500;display:flex}.test-form .btn-send-test[data-v-f1293d10]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #f9731666}.test-form .btn-send-test[data-v-f1293d10]:disabled{opacity:.6;cursor:not-allowed}.test-result[data-v-f1293d10]{border-radius:10px;align-items:center;gap:10px;margin-top:16px;padding:16px;display:flex}.test-result.success[data-v-f1293d10]{color:#16a34a;background:#dcfce7}.test-result.error[data-v-f1293d10]{color:#dc2626;background:#fee2e2}.faq-section[data-v-f1293d10]{background:#fff7ed;border-radius:16px;margin-top:24px;padding:24px}.faq-section h3[data-v-f1293d10]{color:#1e293b;align-items:center;gap:10px;margin:0 0 16px;font-size:16px;display:flex}.faq-section h3 i[data-v-f1293d10]{color:#f97316}.faq-section .faq-list[data-v-f1293d10]{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.faq-section .faq-item[data-v-f1293d10]{background:#fff;border-radius:10px;padding:16px}.faq-section .faq-item h5[data-v-f1293d10]{color:#1e293b;margin:0 0 8px;font-size:14px}.faq-section .faq-item p[data-v-f1293d10]{color:#64748b;margin:0;font-size:13px;line-height:1.5}@media (max-width:768px){.email-settings[data-v-f1293d10]{padding:16px}.page-header[data-v-f1293d10]{flex-direction:column;align-items:flex-start;gap:16px}.page-header .header-actions[data-v-f1293d10]{width:100%}.page-header .header-actions button[data-v-f1293d10]{flex:1}.test-form[data-v-f1293d10]{flex-direction:column}.test-form .btn-send-test[data-v-f1293d10]{width:100%}}.external-news-settings[data-v-f76133b0]{max-width:1200px;margin:0 auto;padding:24px}.page-header[data-v-f76133b0]{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-header .header-left h2[data-v-f76133b0]{color:#1f2937;align-items:center;gap:12px;margin:0;font-size:24px;display:flex}.page-header .header-left h2 i[data-v-f76133b0]{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.page-header .header-left .subtitle[data-v-f76133b0]{color:#6b7280;margin:8px 0 0;font-size:14px}.page-header .header-actions[data-v-f76133b0]{flex-wrap:wrap;gap:10px;display:flex}.btn-test[data-v-f76133b0],.btn-refresh[data-v-f76133b0],.btn-save[data-v-f76133b0]{cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-test[data-v-f76133b0]:disabled,.btn-refresh[data-v-f76133b0]:disabled,.btn-save[data-v-f76133b0]:disabled{opacity:.6;cursor:not-allowed}.btn-test[data-v-f76133b0]{color:#92400e;background:#fef3c7;border:1px solid #fcd34d}.btn-test[data-v-f76133b0]:hover:not(:disabled){background:#fde68a}.btn-refresh[data-v-f76133b0]{color:#374151;background:#fff;border:1px solid #e5e7eb}.btn-refresh[data-v-f76133b0]:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.btn-save[data-v-f76133b0]{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:none}.btn-save[data-v-f76133b0]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b66}.stats-row[data-v-f76133b0]{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.stat-card[data-v-f76133b0]{background:#fff;border-radius:14px;align-items:center;gap:14px;padding:18px;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000000a}.stat-card[data-v-f76133b0]:hover{transform:translateY(-3px);box-shadow:0 6px 20px #00000014}.stat-card .stat-icon[data-v-f76133b0]{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.stat-card .stat-value[data-v-f76133b0]{color:#1f2937;font-size:26px;font-weight:700}.stat-card .stat-label[data-v-f76133b0]{color:#6b7280;font-size:13px}.stat-card.sources .stat-icon[data-v-f76133b0]{color:#d97706;background:#fef3c7}.stat-card.keywords .stat-icon[data-v-f76133b0]{color:#059669;background:#d1fae5}.stat-card.blocked .stat-icon[data-v-f76133b0]{color:#dc2626;background:#fee2e2}.stat-card.domains .stat-icon[data-v-f76133b0]{color:#2563eb;background:#dbeafe}.loading-state[data-v-f76133b0]{text-align:center;color:#6b7280;padding:80px 20px}.loading-state .loading-spinner[data-v-f76133b0]{color:#d97706;background:#fef3c7;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 16px;font-size:24px;display:flex}.config-section[data-v-f76133b0]{background:#fff;border-radius:16px;margin-bottom:20px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.config-section .section-header[data-v-f76133b0]{background:#fafafa;border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.config-section .section-header .section-title[data-v-f76133b0]{align-items:center;gap:12px;display:flex}.config-section .section-header .section-title i[data-v-f76133b0]{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;display:flex}.config-section .section-header .section-title h3[data-v-f76133b0]{color:#1f2937;margin:0;font-size:16px}.config-section .section-header .keyword-count[data-v-f76133b0]{color:#065f46;background:#d1fae5;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:500}.config-section .section-header .keyword-count.danger[data-v-f76133b0]{color:#991b1b;background:#fee2e2}.config-section .section-body[data-v-f76133b0]{padding:22px}.config-section .section-desc[data-v-f76133b0]{color:#6b7280;margin:0 0 16px;font-size:14px;line-height:1.5}.btn-add-preset[data-v-f76133b0]{cursor:pointer;color:#374151;background:#f3f4f6;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;display:inline-flex}.btn-add-preset[data-v-f76133b0]:hover{background:#e5e7eb}.source-list[data-v-f76133b0]{flex-direction:column;gap:10px;display:flex}.source-item[data-v-f76133b0]{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;transition:all .2s;display:flex}.source-item[data-v-f76133b0]:hover{border-color:#f59e0b}.source-item.invalid[data-v-f76133b0]{background:#fef2f2;border-color:#fca5a5}.source-item .source-icon[data-v-f76133b0]{color:#6b7280;background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.source-item .source-info[data-v-f76133b0]{flex:1;min-width:0}.source-item .source-info input[data-v-f76133b0]{background:0 0;border:none;width:100%;padding:8px;font-size:14px}.source-item .source-info input[data-v-f76133b0]:focus{outline:none}.source-item .source-info .source-domain[data-v-f76133b0]{color:#9ca3af;margin-top:2px;font-size:11px;display:block}.source-item .source-status[data-v-f76133b0]{border-radius:6px;flex-shrink:0;padding:4px 10px;font-size:11px;font-weight:500}.source-item .source-status.active[data-v-f76133b0]{color:#065f46;background:#d1fae5}.source-item .source-status.error[data-v-f76133b0]{color:#991b1b;background:#fee2e2}.source-item .btn-remove[data-v-f76133b0]{cursor:pointer;color:#dc2626;background:#fee2e2;border:none;border-radius:6px;flex-shrink:0;width:28px;height:28px}.source-item .btn-remove[data-v-f76133b0]:hover{background:#fecaca}.btn-add-source[data-v-f76133b0]{cursor:pointer;color:#6b7280;background:#fff;border:2px dashed #e5e7eb;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:14px;transition:all .2s;display:flex}.btn-add-source[data-v-f76133b0]:hover{color:#d97706;border-color:#f59e0b}.tags-container[data-v-f76133b0]{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:14px}.tags-container .tags-list[data-v-f76133b0]{flex-wrap:wrap;gap:8px;min-height:32px;margin-bottom:12px;display:flex}.tags-container .tag-item[data-v-f76133b0]{border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex}.tags-container .tag-item button[data-v-f76133b0]{cursor:pointer;opacity:.6;background:0 0;border:none;padding:0;font-size:10px}.tags-container .tag-item button[data-v-f76133b0]:hover{opacity:1}.tags-container.whitelist .tag-item[data-v-f76133b0]{color:#065f46;background:#d1fae5}.tags-container.whitelist .tag-item button[data-v-f76133b0]{color:#065f46}.tags-container.blacklist .tag-item[data-v-f76133b0]{color:#991b1b;background:#fee2e2}.tags-container.blacklist .tag-item button[data-v-f76133b0]{color:#991b1b}.tags-container .tag-input-wrap[data-v-f76133b0]{gap:8px;display:flex}.tags-container .tag-input-wrap input[data-v-f76133b0]{border:1px solid #e5e7eb;border-radius:8px;flex:1;padding:10px 14px;font-size:14px}.tags-container .tag-input-wrap input[data-v-f76133b0]:focus{border-color:#f59e0b;outline:none}.tags-container .tag-input-wrap .btn-add-tag[data-v-f76133b0]{color:#fff;cursor:pointer;background:#f59e0b;border:none;border-radius:8px;padding:10px 14px}.tags-container .tag-input-wrap .btn-add-tag[data-v-f76133b0]:hover:not(:disabled){background:#d97706}.tags-container .tag-input-wrap .btn-add-tag[data-v-f76133b0]:disabled{opacity:.5;cursor:not-allowed}.quick-add[data-v-f76133b0]{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.quick-add>span[data-v-f76133b0]{color:#6b7280;font-size:12px}.quick-add button[data-v-f76133b0]{cursor:pointer;color:#374151;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;padding:5px 10px;font-size:12px;transition:all .2s}.quick-add button[data-v-f76133b0]:hover:not(:disabled){color:#fff;background:#f59e0b;border-color:#f59e0b}.quick-add button[data-v-f76133b0]:disabled{opacity:.4;cursor:not-allowed}.domains-grid[data-v-f76133b0]{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.domain-item[data-v-f76133b0]{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;display:flex}.domain-item[data-v-f76133b0]:hover{border-color:#f59e0b}.domain-item i[data-v-f76133b0]{color:#6b7280;flex-shrink:0}.domain-item input[data-v-f76133b0]{background:0 0;border:none;flex:1;min-width:0;font-size:14px}.domain-item input[data-v-f76133b0]:focus{outline:none}.domain-item button[data-v-f76133b0]{cursor:pointer;color:#dc2626;background:#fee2e2;border:none;border-radius:4px;flex-shrink:0;width:24px;height:24px;font-size:10px}.domain-item button[data-v-f76133b0]:hover{background:#fecaca}.btn-add-domain[data-v-f76133b0]{cursor:pointer;color:#6b7280;background:#fff;border:2px dashed #e5e7eb;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:12px;font-size:13px;display:flex}.btn-add-domain[data-v-f76133b0]:hover{color:#d97706;border-color:#f59e0b}.test-results[data-v-f76133b0]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.test-results .section-header[data-v-f76133b0]{background:#fafafa;border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:16px 22px;display:flex}.test-results .btn-clear-test[data-v-f76133b0]{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;display:inline-flex}.test-results .btn-clear-test[data-v-f76133b0]:hover{background:#fecaca}.test-results .results-list[data-v-f76133b0]{max-height:400px;overflow-y:auto}.test-results .result-item[data-v-f76133b0]{border-bottom:1px solid #f3f4f6;align-items:center;gap:14px;padding:14px 22px;display:flex}.test-results .result-item[data-v-f76133b0]:hover{background:#f9fafb}.test-results .result-item .result-source[data-v-f76133b0]{color:#7c3aed;background:#ede9fe;border-radius:6px;flex-shrink:0;padding:4px 10px;font-size:11px;font-weight:500}.test-results .result-item .result-title[data-v-f76133b0]{color:#1f2937;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;text-decoration:none;overflow:hidden}.test-results .result-item .result-title[data-v-f76133b0]:hover{color:#f59e0b}.test-results .result-item .result-date[data-v-f76133b0]{color:#9ca3af;flex-shrink:0;font-size:12px}.test-results .results-more[data-v-f76133b0]{text-align:center;color:#6b7280;background:#f9fafb;padding:12px 22px;font-size:13px}.modal-overlay[data-v-f76133b0]{z-index:2000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.presets-modal[data-v-f76133b0]{background:#fff;border-radius:16px;width:100%;max-width:600px;animation:.3s modalIn-f76133b0;overflow:hidden}.presets-modal .modal-header[data-v-f76133b0]{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.presets-modal .modal-header h3[data-v-f76133b0]{align-items:center;gap:10px;margin:0;font-size:18px;display:flex}.presets-modal .modal-header .btn-close[data-v-f76133b0]{cursor:pointer;color:#fff;background:#fff3;border:none;border-radius:50%;width:32px;height:32px;font-size:20px}.presets-modal .modal-header .btn-close[data-v-f76133b0]:hover{background:#ffffff4d}.presets-modal .modal-body[data-v-f76133b0]{max-height:60vh;padding:22px;overflow-y:auto}.presets-modal .presets-grid[data-v-f76133b0]{flex-direction:column;gap:10px;display:flex}.presets-modal .preset-item[data-v-f76133b0]{cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:14px;padding:14px 16px;transition:all .2s;display:flex}.presets-modal .preset-item[data-v-f76133b0]:hover{background:#fffbeb;border-color:#f59e0b}.presets-modal .preset-item.added[data-v-f76133b0]{background:#fef3c7;border-color:#f59e0b}.presets-modal .preset-item .preset-icon[data-v-f76133b0]{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex}.presets-modal .preset-item .preset-info[data-v-f76133b0]{flex:1;min-width:0}.presets-modal .preset-item .preset-info .preset-name[data-v-f76133b0]{color:#1f2937;margin-bottom:2px;font-weight:600;display:block}.presets-modal .preset-item .preset-info .preset-url[data-v-f76133b0]{color:#9ca3af;text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.presets-modal .preset-item .preset-status[data-v-f76133b0]{font-size:20px}.presets-modal .preset-item .preset-status .fa-check-circle[data-v-f76133b0]{color:#10b981}.presets-modal .preset-item .preset-status .fa-plus-circle[data-v-f76133b0]{color:#d1d5db}.presets-modal .modal-footer[data-v-f76133b0]{background:#f9fafb;border-top:1px solid #e5e7eb;justify-content:flex-end;padding:16px 22px;display:flex}.presets-modal .modal-footer .btn-secondary[data-v-f76133b0]{cursor:pointer;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:10px 20px}.presets-modal .modal-footer .btn-secondary[data-v-f76133b0]:hover{background:#f3f4f6}@keyframes modalIn-f76133b0{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:992px){.stats-row[data-v-f76133b0]{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.external-news-settings[data-v-f76133b0]{padding:16px}.page-header .header-left h2[data-v-f76133b0]{font-size:20px}.page-header .header-actions[data-v-f76133b0]{justify-content:flex-start;width:100%}.stats-row[data-v-f76133b0]{grid-template-columns:1fr 1fr;gap:12px}.stat-card[data-v-f76133b0]{padding:14px}.stat-card .stat-icon[data-v-f76133b0]{width:40px;height:40px;font-size:16px}.stat-card .stat-value[data-v-f76133b0]{font-size:22px}.config-section .section-header[data-v-f76133b0]{flex-direction:column;align-items:flex-start;gap:10px}.source-item[data-v-f76133b0]{flex-wrap:wrap}.source-item .source-info[data-v-f76133b0]{width:calc(100% - 100px)}.source-item .source-status[data-v-f76133b0]{order:3}.domains-grid[data-v-f76133b0]{grid-template-columns:1fr}}@media (max-width:480px){.stats-row[data-v-f76133b0]{grid-template-columns:1fr}.btn-test[data-v-f76133b0],.btn-refresh[data-v-f76133b0],.btn-save[data-v-f76133b0]{padding:8px 12px;font-size:12px}}.forgot-password-page[data-v-b8c9a995]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.bg-animation[data-v-b8c9a995]{pointer-events:none;position:absolute;inset:0;overflow:hidden}.bg-animation .floating-shape[data-v-b8c9a995]{background:#ffffff1a;border-radius:50%;animation:15s ease-in-out infinite float-b8c9a995;position:absolute}.bg-animation .floating-shape.shape-1[data-v-b8c9a995]{width:300px;height:300px;animation-delay:0s;top:-100px;left:-100px}.bg-animation .floating-shape.shape-2[data-v-b8c9a995]{width:200px;height:200px;animation-delay:5s;bottom:-50px;right:-50px}.bg-animation .floating-shape.shape-3[data-v-b8c9a995]{width:150px;height:150px;animation-delay:10s;top:50%;right:10%}@keyframes float-b8c9a995{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-30px)rotate(10deg)}}.forgot-container[data-v-b8c9a995]{z-index:1;background:#fff;border-radius:24px;width:100%;max-width:520px;padding:40px;position:relative;box-shadow:0 25px 50px -12px #00000040}.steps-indicator[data-v-b8c9a995]{justify-content:center;align-items:center;margin-bottom:40px;display:flex}.steps-indicator .step[data-v-b8c9a995]{flex-direction:column;align-items:center;gap:8px;display:flex}.steps-indicator .step .step-number[data-v-b8c9a995]{color:#9ca3af;background:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:600;transition:all .3s;display:flex}.steps-indicator .step .step-label[data-v-b8c9a995]{color:#9ca3af;font-size:12px;transition:all .3s}.steps-indicator .step.active .step-number[data-v-b8c9a995]{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.steps-indicator .step.active .step-label[data-v-b8c9a995]{color:#667eea;font-weight:500}.steps-indicator .step.completed .step-number[data-v-b8c9a995]{color:#fff;background:#10b981}.steps-indicator .step-line[data-v-b8c9a995]{background:#e5e7eb;border-radius:2px;width:60px;height:3px;margin:0 8px 24px;transition:all .3s}.steps-indicator .step-line.active[data-v-b8c9a995]{background:linear-gradient(90deg,#10b981 0%,#667eea 100%)}.step-content[data-v-b8c9a995]{animation:.3s fadeIn-b8c9a995}@keyframes fadeIn-b8c9a995{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-header[data-v-b8c9a995]{text-align:center;margin-bottom:32px}.step-header .icon-circle[data-v-b8c9a995]{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;font-size:32px;display:flex}.step-header .icon-circle.verify[data-v-b8c9a995]{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.step-header .icon-circle.success[data-v-b8c9a995]{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.step-header h2[data-v-b8c9a995]{color:#1f2937;margin:0 0 8px;font-size:24px}.step-header p[data-v-b8c9a995]{color:#6b7280;margin:0;font-size:14px}.step-form .form-group[data-v-b8c9a995]{margin-bottom:20px}.step-form .form-group label[data-v-b8c9a995]{color:#374151;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;font-weight:500;display:flex}.step-form .form-group label i[data-v-b8c9a995]{color:#667eea;width:16px}.step-form .form-group input[data-v-b8c9a995]{border:2px solid #e5e7eb;border-radius:12px;width:100%;padding:14px 16px;font-size:15px;transition:all .2s}.step-form .form-group input[data-v-b8c9a995]:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.step-form .form-group input.error[data-v-b8c9a995]{border-color:#ef4444}.step-form .form-group input[data-v-b8c9a995]::placeholder{color:#9ca3af}.step-form .form-group .error-text[data-v-b8c9a995]{color:#ef4444;margin-top:6px;font-size:12px;display:block}.verification-methods[data-v-b8c9a995]{margin:24px 0}.verification-methods h4[data-v-b8c9a995]{color:#374151;margin:0 0 12px;font-size:14px}.verification-methods .method-options[data-v-b8c9a995]{flex-direction:column;gap:10px;display:flex}.verification-methods .method-option[data-v-b8c9a995]{cursor:pointer;border:2px solid #e5e7eb;border-radius:12px;align-items:center;padding:16px;transition:all .2s;display:flex}.verification-methods .method-option input[type=radio][data-v-b8c9a995]{display:none}.verification-methods .method-option .method-content[data-v-b8c9a995]{align-items:center;gap:14px;display:flex}.verification-methods .method-option .method-content>i[data-v-b8c9a995]{color:#9ca3af;text-align:center;width:32px;font-size:24px}.verification-methods .method-option .method-content .method-name[data-v-b8c9a995]{color:#1f2937;font-size:14px;font-weight:600;display:block}.verification-methods .method-option .method-content .method-desc[data-v-b8c9a995]{color:#6b7280;font-size:12px;display:block}.verification-methods .method-option[data-v-b8c9a995]:hover:not(.disabled){border-color:#667eea}.verification-methods .method-option.active[data-v-b8c9a995]{background:linear-gradient(135deg,#667eea0d 0%,#764ba20d 100%);border-color:#667eea}.verification-methods .method-option.active .method-content>i[data-v-b8c9a995]{color:#667eea}.verification-methods .method-option.disabled[data-v-b8c9a995]{opacity:.5;cursor:not-allowed}.code-group .code-input-wrapper[data-v-b8c9a995]{gap:12px;display:flex}.code-group .code-input-wrapper input[data-v-b8c9a995]{letter-spacing:8px;text-align:center;flex:1;font-size:20px;font-weight:600}.code-group .code-input-wrapper .btn-send-code[data-v-b8c9a995]{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;padding:0 20px;font-size:14px;font-weight:500;transition:all .2s}.code-group .code-input-wrapper .btn-send-code[data-v-b8c9a995]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.code-group .code-input-wrapper .btn-send-code[data-v-b8c9a995]:disabled{opacity:.6;cursor:not-allowed}.phone-display[data-v-b8c9a995],.email-display[data-v-b8c9a995]{background:#f3f4f6;border-radius:12px;align-items:center;gap:12px;margin-bottom:20px;padding:16px;display:flex}.phone-display i[data-v-b8c9a995],.email-display i[data-v-b8c9a995]{color:#667eea;font-size:20px}.phone-display span[data-v-b8c9a995],.email-display span[data-v-b8c9a995]{color:#374151;font-size:14px}.dev-code-hint[data-v-b8c9a995]{color:#92400e;background:#fef3c7;border-radius:8px;margin-top:12px;padding:12px;font-size:13px}.dev-code-hint strong[data-v-b8c9a995]{letter-spacing:2px;font-size:16px}.security-notice[data-v-b8c9a995]{color:#1d4ed8;background:#eff6ff;border-radius:8px;align-items:center;gap:8px;margin-bottom:20px;padding:12px;font-size:13px;display:flex}.password-input[data-v-b8c9a995]{position:relative}.password-input input[data-v-b8c9a995]{padding-right:48px}.password-input .toggle-pwd[data-v-b8c9a995]{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:4px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.password-input .toggle-pwd[data-v-b8c9a995]:hover{color:#667eea}.password-strength[data-v-b8c9a995]{align-items:center;gap:12px;margin-top:10px;display:flex}.password-strength .strength-bar[data-v-b8c9a995]{background:#e5e7eb;border-radius:3px;flex:1;height:6px;overflow:hidden}.password-strength .strength-bar .strength-fill[data-v-b8c9a995]{border-radius:3px;height:100%;transition:all .3s}.password-strength .strength-bar .strength-fill.weak[data-v-b8c9a995]{background:#ef4444}.password-strength .strength-bar .strength-fill.fair[data-v-b8c9a995]{background:#f59e0b}.password-strength .strength-bar .strength-fill.good[data-v-b8c9a995]{background:#eab308}.password-strength .strength-bar .strength-fill.strong[data-v-b8c9a995]{background:#22c55e}.password-strength .strength-bar .strength-fill.excellent[data-v-b8c9a995]{background:#10b981}.password-strength .strength-text[data-v-b8c9a995]{min-width:50px;font-size:12px;font-weight:600}.password-strength .strength-text.weak[data-v-b8c9a995]{color:#ef4444}.password-strength .strength-text.fair[data-v-b8c9a995]{color:#f59e0b}.password-strength .strength-text.good[data-v-b8c9a995]{color:#eab308}.password-strength .strength-text.strong[data-v-b8c9a995]{color:#22c55e}.password-strength .strength-text.excellent[data-v-b8c9a995]{color:#10b981}.password-requirements[data-v-b8c9a995]{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px;display:grid}.password-requirements .requirement[data-v-b8c9a995]{color:#9ca3af;align-items:center;gap:6px;font-size:12px;display:flex}.password-requirements .requirement i[data-v-b8c9a995]{font-size:10px}.password-requirements .requirement.met[data-v-b8c9a995]{color:#10b981}.match-success[data-v-b8c9a995]{color:#10b981;align-items:center;gap:6px;margin-top:8px;font-size:13px;display:flex}.btn-primary[data-v-b8c9a995]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.btn-primary[data-v-b8c9a995]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.btn-primary[data-v-b8c9a995]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-b8c9a995]{color:#374151;cursor:pointer;background:#f3f4f6;border:none;border-radius:12px;align-items:center;gap:8px;padding:16px 24px;font-size:16px;font-weight:500;transition:all .2s;display:flex}.btn-secondary[data-v-b8c9a995]:hover{background:#e5e7eb}.btn-group[data-v-b8c9a995]{gap:12px;margin-top:24px;display:flex}.btn-group .btn-primary[data-v-b8c9a995]{flex:1}.back-link[data-v-b8c9a995]{text-align:center;margin-top:24px}.back-link a[data-v-b8c9a995]{color:#667eea;align-items:center;gap:6px;font-size:14px;text-decoration:none;display:inline-flex}.back-link a[data-v-b8c9a995]:hover{text-decoration:underline}.success-step[data-v-b8c9a995]{text-align:center;padding:40px 0}.success-step .success-animation[data-v-b8c9a995]{margin-bottom:24px}.success-step .success-animation .success-circle[data-v-b8c9a995]{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto;font-size:48px;animation:.5s scaleIn-b8c9a995;display:flex}.success-step h2[data-v-b8c9a995]{color:#1f2937;margin:0 0 12px;font-size:24px}.success-step p[data-v-b8c9a995]{color:#6b7280;margin:0 0 32px}@keyframes scaleIn-b8c9a995{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@media (max-width:480px){.forgot-container[data-v-b8c9a995]{border-radius:16px;padding:24px}.steps-indicator .step-label[data-v-b8c9a995]{display:none}.steps-indicator .step-line[data-v-b8c9a995]{width:40px;margin-bottom:0}.password-requirements[data-v-b8c9a995]{grid-template-columns:1fr}.code-group .code-input-wrapper[data-v-b8c9a995]{flex-direction:column}.code-group .code-input-wrapper .btn-send-code[data-v-b8c9a995]{padding:14px}}@keyframes fadeInUp-3e553917{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer-3e553917{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-3e553917{0%,to{opacity:1}50%{opacity:.7}}@keyframes slideIn-3e553917{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.homepage-editor[data-v-3e553917]{background:#f1f5f9;min-height:100vh;display:flex}.editor-sidebar[data-v-3e553917]{z-index:100;background:linear-gradient(#1e1b4b 0%,#312e81 100%);flex-direction:column;width:280px;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:4px 0 20px #00000026}.sidebar-header[data-v-3e553917]{border-bottom:1px solid #ffffff1a;align-items:center;gap:14px;padding:24px 20px;display:flex}.sidebar-header .sidebar-logo[data-v-3e553917]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.sidebar-header .sidebar-logo i[data-v-3e553917]{color:#fff;font-size:20px}.sidebar-header h2[data-v-3e553917]{color:#fff;letter-spacing:.5px;margin:0;font-size:18px;font-weight:700}.sidebar-nav[data-v-3e553917]{flex:1;padding:16px 12px;overflow-y:auto}.sidebar-nav .nav-section-title[data-v-3e553917]{color:#fff6;text-transform:uppercase;letter-spacing:1px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:8px 12px;font-size:11px;font-weight:600;display:flex}.sidebar-nav .nav-section-title .modified-badge[data-v-3e553917]{color:#fff;text-transform:none;letter-spacing:0;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:10px;padding:3px 8px;font-size:10px;animation:2s infinite pulse-3e553917}.sidebar-nav-item[data-v-3e553917]{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;width:100%;margin-bottom:6px;padding:14px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-nav-item .nav-icon[data-v-3e553917]{background:#ffffff14;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.sidebar-nav-item .nav-icon i[data-v-3e553917]{color:#ffffffb3;font-size:16px;transition:all .3s}.sidebar-nav-item .nav-content[data-v-3e553917]{flex:1;min-width:0}.sidebar-nav-item .nav-content .nav-title[data-v-3e553917]{color:#ffffffe6;margin-bottom:2px;font-size:14px;font-weight:600;display:block}.sidebar-nav-item .nav-content .nav-desc[data-v-3e553917]{color:#fff6;white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.sidebar-nav-item .nav-status[data-v-3e553917]{opacity:0;align-items:center;gap:8px;transition:all .3s;display:flex;transform:translate(-5px)}.sidebar-nav-item .nav-status i[data-v-3e553917]{color:#ffffff80;font-size:12px}.sidebar-nav-item .nav-status .status-dot[data-v-3e553917]{border-radius:50%;width:8px;height:8px}.sidebar-nav-item .nav-status .status-dot.modified[data-v-3e553917]{background:#f59e0b;animation:2s infinite pulse-3e553917;box-shadow:0 0 8px #f59e0b99}.sidebar-nav-item[data-v-3e553917]:hover{background:#ffffff14}.sidebar-nav-item:hover .nav-icon[data-v-3e553917]{background:#667eea4d}.sidebar-nav-item:hover .nav-icon i[data-v-3e553917]{color:#fff}.sidebar-nav-item:hover .nav-status[data-v-3e553917],.sidebar-nav-item.modified .nav-status[data-v-3e553917]{opacity:1;transform:translate(0)}.sidebar-nav-item.modified .nav-content .nav-title[data-v-3e553917]:after{content:"";vertical-align:middle;background:#f59e0b;border-radius:50%;width:6px;height:6px;margin-left:8px;display:inline-block}.sidebar-nav-item.active[data-v-3e553917]{background:linear-gradient(135deg,#667eea66 0%,#764ba266 100%)}.sidebar-nav-item.active .nav-icon[data-v-3e553917]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 4px 15px #667eea66}.sidebar-nav-item.active .nav-icon i[data-v-3e553917],.sidebar-nav-item.active .nav-content .nav-title[data-v-3e553917]{color:#fff}.sidebar-nav-item.active .nav-content .nav-desc[data-v-3e553917]{color:#fff9}.sidebar-nav-item.active .nav-status[data-v-3e553917]{opacity:1;transform:translate(0)}.sidebar-nav-item.active .nav-status i[data-v-3e553917]{color:#fff}.sidebar-footer[data-v-3e553917]{border-top:1px solid #ffffff1a;flex-direction:column;gap:10px;padding:16px;display:flex}.sidebar-footer .unsaved-hint[data-v-3e553917]{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:12px;animation:.3s fadeInUp-3e553917;display:flex}.sidebar-footer .unsaved-hint i[data-v-3e553917]{animation:2s infinite pulse-3e553917}.sidebar-btn[data-v-3e553917]{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px 16px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.sidebar-btn.preview[data-v-3e553917]{color:#ffffffe6;background:#ffffff1a}.sidebar-btn.preview[data-v-3e553917]:hover{background:#ffffff26}.sidebar-btn.save[data-v-3e553917]{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 15px #10b9814d}.sidebar-btn.save[data-v-3e553917]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.sidebar-btn.save[data-v-3e553917]:disabled{opacity:.6;transform:none}.sidebar-btn.save.highlight[data-v-3e553917]{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);animation:2s infinite pulse-3e553917;box-shadow:0 4px 15px #f59e0b66}.sidebar-btn.save.highlight[data-v-3e553917]:hover{box-shadow:0 6px 25px #f59e0b80}.editor-main[data-v-3e553917]{background:linear-gradient(135deg,#f0f4ff 0%,#f8f9ff 50%,#fef9f7 100%);flex:1;min-height:100vh;margin-left:280px}.main-header[data-v-3e553917]{z-index:50;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 28px;display:flex;position:sticky;top:0}.main-header .breadcrumb[data-v-3e553917]{align-items:center;gap:10px;display:flex}.main-header .breadcrumb .breadcrumb-item[data-v-3e553917]{color:#64748b;font-size:14px}.main-header .breadcrumb i[data-v-3e553917]{color:#cbd5e1;font-size:10px}.main-header .breadcrumb .breadcrumb-current[data-v-3e553917]{color:#1e293b;font-size:14px;font-weight:600}.main-header .header-actions .btn-save-current[data-v-3e553917]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.main-header .header-actions .btn-save-current[data-v-3e553917]:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea59}.main-header .header-actions .btn-save-current[data-v-3e553917]:disabled{opacity:.6;transform:none}.editor-content[data-v-3e553917]{padding:24px 28px}.editor-header[data-v-3e553917],.section-nav[data-v-3e553917]{display:none}@media (max-width:1024px){.editor-sidebar[data-v-3e553917]{width:240px}.editor-main[data-v-3e553917]{margin-left:240px}.sidebar-nav-item .nav-desc[data-v-3e553917]{display:none}}@media (max-width:768px){.homepage-editor[data-v-3e553917]{flex-direction:column}.editor-sidebar[data-v-3e553917]{z-index:1000;background:linear-gradient(#1e1b4b 0%,#312e81 100%);border-top:1px solid #ffffff1a;flex-direction:row;width:100%;height:auto;padding:0;position:fixed;inset:auto 0 0;box-shadow:0 -4px 20px #00000026}.sidebar-header[data-v-3e553917]{display:none}.sidebar-nav[data-v-3e553917]{flex-direction:row;flex:1;gap:4px;padding:8px;display:flex;overflow-x:auto}.sidebar-nav .nav-section-title[data-v-3e553917]{display:none}.sidebar-nav-item[data-v-3e553917]{flex-direction:column;min-width:70px;margin-bottom:0;padding:10px 12px}.sidebar-nav-item .nav-icon[data-v-3e553917]{width:36px;height:36px}.sidebar-nav-item .nav-content[data-v-3e553917]{text-align:center}.sidebar-nav-item .nav-content .nav-title[data-v-3e553917]{font-size:10px}.sidebar-nav-item .nav-content .nav-desc[data-v-3e553917],.sidebar-nav-item .nav-indicator[data-v-3e553917],.sidebar-footer[data-v-3e553917]{display:none}.editor-main[data-v-3e553917]{margin-bottom:80px;margin-left:0}.main-header[data-v-3e553917]{padding:12px 16px}.main-header .breadcrumb-item[data-v-3e553917],.main-header .breadcrumb i[data-v-3e553917]{display:none}.editor-content[data-v-3e553917]{padding:16px}}.editor-card[data-v-3e553917]{background:#fff;border:1px solid #667eea0f;border-radius:20px;animation:.5s fadeInUp-3e553917;overflow:hidden;box-shadow:0 4px 25px #0000000a}.editor-card .card-header[data-v-3e553917]{background:linear-gradient(135deg,#fafbff 0%,#fff 100%);border-bottom:1px solid #f1f5f9;padding:24px 28px}.editor-card .card-header h3[data-v-3e553917]{color:#1e293b;align-items:center;gap:12px;margin:0;font-size:20px;font-weight:700;display:flex}.editor-card .card-header h3 i[data-v-3e553917]{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.editor-card .card-header .card-desc[data-v-3e553917]{color:#64748b;margin:8px 0 0 48px;font-size:14px}.editor-card .card-body[data-v-3e553917]{padding:28px}.editor-card .card-footer[data-v-3e553917]{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-top:1px solid #e2e8f0;justify-content:flex-end;padding:20px 28px;display:flex}.editor-card .card-footer .btn-save-section[data-v-3e553917]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:12px;align-items:center;gap:10px;padding:14px 28px;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 15px #10b98133}.editor-card .card-footer .btn-save-section[data-v-3e553917]:hover{transform:translateY(-3px);box-shadow:0 8px 25px #10b98159}.editor-card .card-footer .btn-save-section[data-v-3e553917]:disabled{opacity:.6;box-shadow:none;transform:none}.editor-two-columns[data-v-3e553917]{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (max-width:1024px){.editor-two-columns[data-v-3e553917]{grid-template-columns:1fr}}.editor-column[data-v-3e553917]{flex-direction:column;gap:16px;display:flex}.column-title[data-v-3e553917]{color:#64748b;text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid #e2e8f0;align-items:center;gap:8px;padding:8px 0;font-size:14px;font-weight:700;display:flex}.column-title i[data-v-3e553917]{color:#667eea}.config-panel[data-v-3e553917]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;transition:all .3s;overflow:hidden}.config-panel[data-v-3e553917]:hover{border-color:#cbd5e1}.panel-header[data-v-3e553917]{cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#fafbff 0%,#f8fafc 100%);justify-content:space-between;align-items:center;padding:14px 16px;transition:all .2s;display:flex}.panel-header[data-v-3e553917]:hover{background:linear-gradient(135deg,#f0f4ff 0%,#eef2ff 100%)}.panel-header span[data-v-3e553917]{color:#374151;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.panel-header span i[data-v-3e553917]{color:#667eea;font-size:13px}.panel-header>i[data-v-3e553917]{color:#94a3b8;font-size:12px;transition:transform .3s}.panel-body[data-v-3e553917]{border-top:1px solid #f1f5f9;padding:16px;animation:.3s fadeInUp-3e553917}.speed-grid[data-v-3e553917]{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.speed-item label[data-v-3e553917]{color:#64748b;margin-bottom:6px;font-size:12px;font-weight:500;display:block}.speed-control input[type=range][data-v-3e553917]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;width:14px;height:14px}.speed-control span[data-v-3e553917]{color:#fff;text-align:center;background:#667eea;border-radius:4px;min-width:50px;padding:3px 8px;font-size:11px;font-weight:600}.toggle-row[data-v-3e553917]{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:12px;padding:12px 0;display:flex}.toggle-row span[data-v-3e553917]{color:#374151;font-size:13px;font-weight:500}.stats-compact-list[data-v-3e553917]{flex-direction:column;gap:8px;display:flex}.stat-compact-item[data-v-3e553917]{align-items:center;gap:8px;display:flex}.stat-compact-item .stat-number[data-v-3e553917]{color:#667eea;text-align:center;background:#fafbfc;border:2px solid #e2e8f0;border-radius:8px;width:80px;padding:8px 10px;font-size:14px;font-weight:700}.stat-compact-item .stat-number[data-v-3e553917]:focus{border-color:#667eea}.stat-compact-item .stat-label[data-v-3e553917]{background:#fafbfc;border:2px solid #e2e8f0;border-radius:8px;flex:1;padding:8px 10px;font-size:13px}.stat-compact-item .stat-label[data-v-3e553917]:focus{border-color:#667eea}.btn-remove-mini[data-v-3e553917]{color:#ef4444;cursor:pointer;background:#fee2e2;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;transition:all .2s;display:flex}.btn-remove-mini[data-v-3e553917]:hover{background:#fecaca}.btn-add-compact[data-v-3e553917]{color:#667eea;cursor:pointer;background:#f0f4ff;border:2px dashed #667eea;border-radius:8px;justify-content:center;align-items:center;width:100%;padding:8px;font-size:13px;transition:all .2s;display:flex}.btn-add-compact[data-v-3e553917]:hover{color:#fff;background:#667eea}.services-list-compact[data-v-3e553917]{flex-direction:column;gap:12px;display:flex}.service-item-compact[data-v-3e553917]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;transition:all .3s;overflow:hidden}.service-item-compact[data-v-3e553917]:hover{border-color:#667eea}.service-item-header[data-v-3e553917]{cursor:pointer;background:#fff;align-items:center;gap:12px;padding:12px 16px;display:flex}.service-item-header .service-icon-mini[data-v-3e553917]{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;display:flex}.service-item-header .service-title-preview[data-v-3e553917]{color:#374151;flex:1;font-size:14px;font-weight:600}.service-item-body[data-v-3e553917]{border-top:1px solid #e2e8f0;padding:16px}.icon-input-inline input[data-v-3e553917]{width:100%;margin-bottom:8px}.icon-picks-mini[data-v-3e553917]{flex-wrap:wrap;gap:4px;display:flex}.icon-picks-mini button[data-v-3e553917]{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;transition:all .2s;display:flex}.icon-picks-mini button[data-v-3e553917]:hover{color:#fff;background:#667eea;border-color:#667eea}.portfolio-list-compact[data-v-3e553917]{flex-direction:column;gap:12px;display:flex}.portfolio-item-compact[data-v-3e553917]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;transition:all .3s;overflow:hidden}.portfolio-item-compact[data-v-3e553917]:hover{border-color:#10b981}.portfolio-item-header[data-v-3e553917]{background:#fff;align-items:center;gap:12px;padding:12px 16px;display:flex}.portfolio-item-header .portfolio-thumb[data-v-3e553917]{background:#e2e8f0 50%/cover;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.portfolio-item-header .portfolio-thumb i[data-v-3e553917]{color:#94a3b8;font-size:18px}.portfolio-item-header .portfolio-info-mini[data-v-3e553917]{flex-direction:column;flex:1;gap:2px;display:flex}.portfolio-item-header .portfolio-info-mini .portfolio-title-preview[data-v-3e553917]{color:#374151;font-size:14px;font-weight:600}.portfolio-item-header .portfolio-info-mini .portfolio-category-preview[data-v-3e553917]{color:#10b981;font-size:12px}.portfolio-item-body[data-v-3e553917]{border-top:1px solid #e2e8f0;padding:16px}.image-input-row[data-v-3e553917]{gap:8px;display:flex}.image-input-row input[data-v-3e553917]{flex:1}.upload-btn-mini[data-v-3e553917]{position:relative}.upload-btn-mini input[type=file][data-v-3e553917]{opacity:0;cursor:pointer;position:absolute;inset:0}.upload-btn-mini .btn-upload-mini[data-v-3e553917]{color:#667eea;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.upload-btn-mini .btn-upload-mini[data-v-3e553917]:hover{color:#fff;background:#667eea;border-color:#667eea}.stat-item-full[data-v-3e553917]{background:#f8fafc;border-radius:10px;align-items:center;gap:8px;margin-bottom:8px;padding:10px;display:flex}.stat-item-full .stat-icon-input[data-v-3e553917]{align-items:center;gap:6px;display:flex}.stat-item-full .stat-icon-input>i[data-v-3e553917]{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.stat-item-full .stat-icon-input input[data-v-3e553917]{border:1px solid #e2e8f0;border-radius:6px;width:100px;padding:6px 8px;font-size:12px}.stat-item-full .stat-number[data-v-3e553917]{width:60px!important}.stat-item-full .stat-label[data-v-3e553917]{flex:1}.bg-preview-card[data-v-3e553917]{border-radius:10px;width:100%;height:100px;margin-bottom:12px;position:relative;overflow:hidden}.bg-preview-card .bg-label[data-v-3e553917]{color:#fff;background:#00000080;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:500;position:absolute;bottom:8px;left:8px}.color-row[data-v-3e553917]{gap:12px;margin-top:12px;display:flex}.color-item-mini[data-v-3e553917]{flex:1}.color-item-mini label[data-v-3e553917]{color:#64748b;margin-bottom:4px;font-size:11px;font-weight:500;display:block}.color-item-mini input[type=color][data-v-3e553917]{cursor:pointer;border:2px solid #e2e8f0;border-radius:6px;width:100%;height:32px;padding:2px}.color-item-mini input[type=color][data-v-3e553917]:hover{border-color:#667eea}.select-mini[data-v-3e553917]{flex:1}.select-mini label[data-v-3e553917]{color:#64748b;margin-bottom:4px;font-size:11px;font-weight:500;display:block}.select-mini select[data-v-3e553917]{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:6px;width:100%;padding:6px 8px;font-size:12px}.btn-style-mini[data-v-3e553917]{background:#f8fafc;border-radius:10px;margin-bottom:12px;padding:12px}.btn-style-mini[data-v-3e553917]:last-child{margin-bottom:0}.btn-style-header[data-v-3e553917]{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.btn-style-header span[data-v-3e553917]{color:#64748b;font-size:12px;font-weight:600}.btn-preview-mini[data-v-3e553917]{border-radius:6px;padding:6px 14px;font-size:11px;font-weight:600}.btn-preview-mini.secondary[data-v-3e553917]{border:2px solid}.section-block[data-v-3e553917]{border-bottom:1px solid #f1f5f9;margin-bottom:32px;padding-bottom:28px;position:relative}.section-block[data-v-3e553917]:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-block h4[data-v-3e553917]{color:#374151;align-items:center;gap:10px;margin:0 0 20px;font-size:15px;font-weight:700;display:flex}.section-block h4 i[data-v-3e553917]{color:#667eea;background:linear-gradient(135deg,#667eea1a 0%,#764ba21a 100%);border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;display:flex}.form-group[data-v-3e553917]{margin-bottom:18px}.form-group[data-v-3e553917]:last-child{margin-bottom:0}.form-group label[data-v-3e553917]{color:#374151;letter-spacing:.3px;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.form-group label i[data-v-3e553917]{color:#667eea;margin-right:6px}.form-group .field-hint[data-v-3e553917]{color:#94a3b8;align-items:center;gap:4px;margin:8px 0 0;font-size:12px;display:flex}.form-group .field-hint[data-v-3e553917]:before{content:"💡";font-size:11px}.form-group input[data-v-3e553917],.form-group select[data-v-3e553917],.form-group textarea[data-v-3e553917]{box-sizing:border-box;background:#fafbfc;border:2px solid #e2e8f0;border-radius:10px;width:100%;padding:12px 14px;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-group input[data-v-3e553917]::placeholder,.form-group select[data-v-3e553917]::placeholder,.form-group textarea[data-v-3e553917]::placeholder{color:#a0aec0}.form-group input[data-v-3e553917]:hover,.form-group select[data-v-3e553917]:hover,.form-group textarea[data-v-3e553917]:hover{background:#fff;border-color:#cbd5e1}.form-group input[data-v-3e553917]:focus,.form-group select[data-v-3e553917]:focus,.form-group textarea[data-v-3e553917]:focus{background:#fff;border-color:#667eea;outline:none;box-shadow:0 0 0 4px #667eea1a}.form-group textarea[data-v-3e553917]{resize:vertical;min-height:70px;font-family:inherit;line-height:1.6}.form-group select[data-v-3e553917]{appearance:none;cursor:pointer;background:#fafbfc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2364748b' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E") right 14px center no-repeat;padding-right:36px}.form-row[data-v-3e553917]{grid-template-columns:1fr 1fr;gap:18px;display:grid}@media (max-width:640px){.form-row[data-v-3e553917]{grid-template-columns:1fr}}.color-picker[data-v-3e553917]{gap:10px;display:flex}.color-picker input[type=color][data-v-3e553917]{cursor:pointer;border:2px solid #e2e8f0;border-radius:10px;width:48px;height:42px;padding:3px;transition:all .2s}.color-picker input[type=color][data-v-3e553917]:hover{border-color:#667eea;transform:scale(1.05)}.color-picker input[type=text][data-v-3e553917]{letter-spacing:.5px;flex:1;font-family:SF Mono,Menlo,monospace;font-size:13px}.color-grid[data-v-3e553917]{background:linear-gradient(135deg,#fafbff 0%,#f8fafc 100%);border:1px solid #e2e8f0;border-radius:14px;grid-template-columns:repeat(2,1fr);gap:20px;padding:20px;display:grid}.color-grid .color-item[data-v-3e553917]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;transition:all .3s}.color-grid .color-item[data-v-3e553917]:hover{border-color:#667eea;box-shadow:0 4px 15px #667eea1a}.color-grid .color-item label[data-v-3e553917]{color:#374151;margin-bottom:10px;font-size:13px;font-weight:600;display:block}.image-editor.horizontal[data-v-3e553917]{gap:24px;display:flex}@media (max-width:768px){.image-editor.horizontal[data-v-3e553917]{flex-direction:column}}.image-editor .image-preview[data-v-3e553917]{background-position:50%;background-size:cover;border:2px solid #e2e8f0;border-radius:14px;flex-shrink:0;width:220px;height:140px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 15px #00000014}.image-editor .image-preview[data-v-3e553917]:hover{border-color:#667eea;box-shadow:0 8px 25px #667eea26}.image-editor .image-preview.small[data-v-3e553917]{width:180px;height:110px}.image-editor .image-preview .preview-overlay[data-v-3e553917]{color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(135deg,#667eea80 0%,#764ba280 100%);justify-content:center;align-items:center;font-size:13px;font-weight:500;display:flex;position:absolute;inset:0}.image-editor .image-preview .no-image[data-v-3e553917]{color:#94a3b8;background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:32px;display:flex}.image-editor .image-controls[data-v-3e553917]{flex:1}.upload-btn[data-v-3e553917]{margin-top:10px;display:inline-block;position:relative}.upload-btn input[type=file][data-v-3e553917]{opacity:0;cursor:pointer;position:absolute;inset:0}.upload-btn .btn-upload[data-v-3e553917]{color:#64748b;cursor:pointer;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:2px dashed #cbd5e1;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:500;transition:all .3s;display:flex}.upload-btn .btn-upload i[data-v-3e553917]{color:#667eea}.upload-btn .btn-upload[data-v-3e553917]:hover{color:#667eea;background:linear-gradient(135deg,#eef2ff 0%,#e0e7ff 100%);border-color:#667eea}.stats-editor[data-v-3e553917]{flex-direction:column;gap:12px;display:flex}.stats-editor .stat-item[data-v-3e553917]{background:linear-gradient(135deg,#fafbff 0%,#f8fafc 100%);border:1px solid #e2e8f0;border-radius:12px;gap:12px;padding:14px;transition:all .3s;display:flex}.stats-editor .stat-item[data-v-3e553917]:hover{border-color:#667eea;box-shadow:0 4px 15px #667eea1a}.stats-editor .stat-item input[data-v-3e553917]{background:#fff;border:2px solid #e2e8f0;border-radius:10px;flex:1;padding:12px 14px;font-size:14px;transition:all .2s}.stats-editor .stat-item input[data-v-3e553917]:first-child{text-align:center;color:#667eea;max-width:120px;font-size:16px;font-weight:700}.stats-editor .stat-item input[data-v-3e553917]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.stats-editor .stat-item .btn-remove[data-v-3e553917]{color:#ef4444;cursor:pointer;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border:none;border-radius:10px;flex-shrink:0;width:44px;height:44px;transition:all .3s}.stats-editor .stat-item .btn-remove[data-v-3e553917]:hover{background:linear-gradient(135deg,#fecaca 0%,#fca5a5 100%);transform:scale(1.05)}.btn-add[data-v-3e553917]{color:#64748b;cursor:pointer;background:#f1f5f9;border:2px dashed #cbd5e1;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px;transition:all .2s;display:flex}.btn-add[data-v-3e553917]:hover{color:#667eea;border-color:#667eea}.about-stats-grid[data-v-3e553917],.services-grid[data-v-3e553917]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.stat-card-edit[data-v-3e553917],.service-card-edit[data-v-3e553917]{background:linear-gradient(135deg,#fff 0%,#fafbff 100%);border:2px solid #e2e8f0;border-radius:16px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card-edit[data-v-3e553917]:before,.service-card-edit[data-v-3e553917]:before{content:"";opacity:0;background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.stat-card-edit[data-v-3e553917]:hover,.service-card-edit[data-v-3e553917]:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 8px 30px #667eea1f}.stat-card-edit[data-v-3e553917]:hover:before,.service-card-edit[data-v-3e553917]:hover:before{opacity:1}.stat-card-edit .stat-card-header[data-v-3e553917],.stat-card-edit .service-card-header[data-v-3e553917],.service-card-edit .stat-card-header[data-v-3e553917],.service-card-edit .service-card-header[data-v-3e553917]{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.stat-card-edit .stat-card-header span[data-v-3e553917],.stat-card-edit .service-card-header span[data-v-3e553917],.service-card-edit .stat-card-header span[data-v-3e553917],.service-card-edit .service-card-header span[data-v-3e553917]{color:#667eea;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.stat-card-edit .stat-card-header span[data-v-3e553917]:before,.stat-card-edit .service-card-header span[data-v-3e553917]:before,.service-card-edit .stat-card-header span[data-v-3e553917]:before,.service-card-edit .service-card-header span[data-v-3e553917]:before{content:"●";font-size:8px}.stat-card-edit input[data-v-3e553917],.stat-card-edit textarea[data-v-3e553917],.service-card-edit input[data-v-3e553917],.service-card-edit textarea[data-v-3e553917]{box-sizing:border-box;background:#fafbfc;border:2px solid #e2e8f0;border-radius:8px;width:100%;margin-bottom:10px;padding:10px 12px;font-size:14px;transition:all .2s}.stat-card-edit input[data-v-3e553917]:last-child,.stat-card-edit textarea[data-v-3e553917]:last-child,.service-card-edit input[data-v-3e553917]:last-child,.service-card-edit textarea[data-v-3e553917]:last-child{margin-bottom:0}.stat-card-edit input[data-v-3e553917]:hover,.stat-card-edit textarea[data-v-3e553917]:hover,.service-card-edit input[data-v-3e553917]:hover,.service-card-edit textarea[data-v-3e553917]:hover{border-color:#cbd5e1}.stat-card-edit input[data-v-3e553917]:focus,.stat-card-edit textarea[data-v-3e553917]:focus,.service-card-edit input[data-v-3e553917]:focus,.service-card-edit textarea[data-v-3e553917]:focus{background:#fff;border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.stat-card-edit textarea[data-v-3e553917],.service-card-edit textarea[data-v-3e553917]{resize:vertical;min-height:60px;font-family:inherit;line-height:1.5}.service-card-edit .form-group[data-v-3e553917]{margin-bottom:10px}.service-card-edit .form-group label[data-v-3e553917]{margin-bottom:4px;font-size:11px}.service-card-edit .form-group input[data-v-3e553917],.service-card-edit .form-group textarea[data-v-3e553917]{margin-bottom:0}.service-card-edit .icon-input[data-v-3e553917]{align-items:center;gap:8px;display:flex}.service-card-edit .icon-input .icon-preview[data-v-3e553917]{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:16px;transition:all .3s;display:flex;box-shadow:0 4px 12px #667eea4d}.service-card-edit .icon-input .icon-preview[data-v-3e553917]:hover{transform:scale(1.1)rotate(5deg)}.service-card-edit .icon-input input[data-v-3e553917]{flex:1}.portfolio-grid-edit[data-v-3e553917]{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.portfolio-card-edit[data-v-3e553917]{background:linear-gradient(135deg,#fff 0%,#fafbff 100%);border:2px solid #e2e8f0;border-radius:16px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.portfolio-card-edit[data-v-3e553917]:before{content:"";opacity:0;background:linear-gradient(90deg,#10b981 0%,#059669 100%);height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.portfolio-card-edit[data-v-3e553917]:hover{border-color:#10b981;transform:translateY(-2px);box-shadow:0 8px 30px #10b9811f}.portfolio-card-edit[data-v-3e553917]:hover:before{opacity:1}.portfolio-card-edit .portfolio-card-header[data-v-3e553917]{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.portfolio-card-edit .portfolio-card-header span[data-v-3e553917]{color:#10b981;align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.portfolio-card-edit .portfolio-card-header span[data-v-3e553917]:before{content:"📋";font-size:14px}.portfolio-card-edit .portfolio-image-preview[data-v-3e553917]{background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);border-radius:12px;width:100%;height:160px;margin-bottom:16px;overflow:hidden;box-shadow:0 4px 15px #0000000d}.portfolio-card-edit .portfolio-image-preview img[data-v-3e553917]{object-fit:cover;width:100%;height:100%;transition:transform .3s}.portfolio-card-edit .portfolio-image-preview:hover img[data-v-3e553917]{transform:scale(1.05)}.portfolio-card-edit .portfolio-image-preview .no-image[data-v-3e553917]{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;font-size:36px;display:flex}.portfolio-card-edit .portfolio-image-preview .no-image[data-v-3e553917]:after{content:"添加图片";font-size:12px}.portfolio-card-edit .form-group[data-v-3e553917]{margin-bottom:12px}.portfolio-card-edit .upload-btn[data-v-3e553917]{margin-top:8px}.button-style-grid[data-v-3e553917]{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}@media (max-width:768px){.button-style-grid[data-v-3e553917]{grid-template-columns:1fr}}.button-style-card[data-v-3e553917]{background:linear-gradient(135deg,#fff 0%,#fafbff 100%);border:2px solid #e2e8f0;border-radius:16px;padding:20px;transition:all .3s}.button-style-card[data-v-3e553917]:hover{border-color:#667eea;box-shadow:0 6px 20px #667eea1a}.button-style-card h5[data-v-3e553917]{color:#374151;align-items:center;gap:8px;margin:0 0 16px;font-size:15px;font-weight:700;display:flex}.button-style-card h5[data-v-3e553917]:before{content:"";background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:2px;width:4px;height:16px}.button-style-card .button-preview[data-v-3e553917]{text-align:center;margin-bottom:16px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s}.button-style-card .button-preview.secondary[data-v-3e553917]{border:2px solid}.button-style-card .form-group[data-v-3e553917]{margin-bottom:12px}.typed-strings-editor[data-v-3e553917]{margin-bottom:24px}.typed-strings-editor>label[data-v-3e553917]{color:#374151;margin-bottom:12px;font-size:14px;font-weight:600;display:block}.typed-strings-editor .typed-string-list[data-v-3e553917]{flex-direction:column;gap:10px;margin-bottom:12px;display:flex}.typed-strings-editor .typed-string-item[data-v-3e553917]{background:linear-gradient(135deg,#fff 0%,#fafbff 100%);border:2px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;transition:all .3s;display:flex}.typed-strings-editor .typed-string-item[data-v-3e553917]:hover{border-color:#667eea;box-shadow:0 4px 15px #667eea1a}.typed-strings-editor .typed-string-item .string-index[data-v-3e553917]{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex}.typed-strings-editor .typed-string-item input[data-v-3e553917]{background:#fff;border:2px solid #e2e8f0;border-radius:8px;flex:1;padding:10px 14px;font-size:14px}.typed-strings-editor .typed-string-item input[data-v-3e553917]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.typed-strings-editor .btn-add-string[data-v-3e553917]{color:#667eea;cursor:pointer;background:linear-gradient(135deg,#f0f4ff 0%,#e0e7ff 100%);border:2px dashed #667eea;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .3s;display:flex}.typed-strings-editor .btn-add-string[data-v-3e553917]:hover{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#0000}.typed-speed-config[data-v-3e553917]{background:linear-gradient(135deg,#fafbff 0%,#f8fafc 100%);border:1px solid #e2e8f0;border-radius:14px;padding:20px}.typed-speed-config .speed-slider[data-v-3e553917]{align-items:center;gap:12px;display:flex}.typed-speed-config .speed-slider input[type=range][data-v-3e553917]{appearance:none;background:#e2e8f0;border-radius:3px;flex:1;height:6px}.typed-speed-config .speed-slider input[type=range][data-v-3e553917]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;width:18px;height:18px;transition:transform .2s;box-shadow:0 2px 8px #667eea66}.typed-speed-config .speed-slider input[type=range][data-v-3e553917]::-webkit-slider-thumb:hover{transform:scale(1.2)}.typed-speed-config .speed-slider .speed-value[data-v-3e553917]{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;min-width:60px;padding:6px 12px;font-size:12px;font-weight:600}.toggle-switch[data-v-3e553917]{align-items:center;gap:12px;display:flex}.toggle-switch input[type=checkbox][data-v-3e553917]{display:none}.toggle-switch input[type=checkbox]:checked+.toggle-label[data-v-3e553917]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.toggle-switch input[type=checkbox]:checked+.toggle-label .toggle-switch-handle[data-v-3e553917]{transform:translate(24px)}.toggle-switch .toggle-label[data-v-3e553917]{cursor:pointer;background:#e2e8f0;border-radius:14px;width:52px;height:28px;transition:all .3s;position:relative}.toggle-switch .toggle-label .toggle-switch-handle[data-v-3e553917]{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #00000026}.toggle-switch .toggle-text[data-v-3e553917]{color:#64748b;font-size:14px;font-weight:500}.stats-style-config[data-v-3e553917]{background:linear-gradient(135deg,#fafbff 0%,#f8fafc 100%);border:1px solid #e2e8f0;border-radius:14px;margin-bottom:20px;padding:20px}.stats-style-config .form-row[data-v-3e553917]{margin-bottom:0}.stats-style-config .form-row[data-v-3e553917]:last-child{margin-top:16px}.icon-selector[data-v-3e553917]{align-items:flex-start;gap:16px;display:flex}.icon-selector .icon-preview-large[data-v-3e553917]{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:24px;display:flex;box-shadow:0 4px 12px #667eea4d}.icon-selector .icon-input-group[data-v-3e553917]{flex:1}.icon-selector .icon-input-group input[data-v-3e553917]{border:1px solid #e2e8f0;border-radius:8px;width:100%;margin-bottom:10px;padding:10px 14px}.icon-selector .icon-input-group input[data-v-3e553917]:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.icon-selector .icon-quick-picks[data-v-3e553917]{flex-wrap:wrap;gap:6px;display:flex}.icon-selector .icon-quick-picks button[data-v-3e553917]{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.icon-selector .icon-quick-picks button[data-v-3e553917]:hover{color:#fff;background:#667eea;border-color:#667eea;transform:translateY(-2px);box-shadow:0 2px 8px #667eea4d}.icon-selector .icon-quick-picks button i[data-v-3e553917]{font-size:14px}.btn-remove-small[data-v-3e553917]{color:#ef4444;cursor:pointer;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border:none;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;transition:all .3s;display:flex}.btn-remove-small[data-v-3e553917]:hover{background:linear-gradient(135deg,#fecaca 0%,#fca5a5 100%);transform:scale(1.1)rotate(5deg)}.btn-add-card[data-v-3e553917]{color:#64748b;cursor:pointer;background:linear-gradient(135deg,#fafbff 0%,#f0f4ff 100%);border:2px dashed #cbd5e1;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:120px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.btn-add-card i[data-v-3e553917]{color:#667eea;background:linear-gradient(135deg,#667eea1a 0%,#764ba21a 100%);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:all .3s;display:flex}.btn-add-card.large[data-v-3e553917]{min-height:180px}.btn-add-card[data-v-3e553917]:hover{color:#667eea;background:linear-gradient(135deg,#eef2ff 0%,#e0e7ff 100%);border-color:#667eea;transform:translateY(-3px);box-shadow:0 8px 25px #667eea26}.btn-add-card:hover i[data-v-3e553917]{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);transform:scale(1.1)}.card-desc[data-v-3e553917]{color:#64748b;margin:8px 0 0;font-size:14px}.block-desc[data-v-3e553917]{color:#64748b;background:linear-gradient(135deg,#fef3c7 0%,#fef9c3 100%);border:1px solid #fcd34d;border-radius:8px;align-items:center;gap:6px;margin:8px 0 16px;padding:10px 14px;font-size:13px;display:flex}.block-desc[data-v-3e553917]:before{content:"💡";font-size:14px}.keywords-grid[data-v-3e553917]{background:linear-gradient(135deg,#fafbff 0%,#f8fafc 100%);border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;gap:12px;padding:16px;display:flex}.keywords-grid .keyword-tag[data-v-3e553917]{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:25px;align-items:center;gap:10px;padding:10px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 2px 8px #0000000a}.keywords-grid .keyword-tag[data-v-3e553917]:hover{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-color:#667eea;transform:translateY(-2px);box-shadow:0 6px 20px #667eea26}.keywords-grid .keyword-tag.is-core[data-v-3e553917]{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#0000;box-shadow:0 4px 15px #667eea59}.keywords-grid .keyword-tag.is-core .keyword-remove[data-v-3e553917]{color:#ffffffb3}.keywords-grid .keyword-tag.is-core .keyword-remove[data-v-3e553917]:hover{color:#fff;background:#fff3}.keywords-grid .keyword-tag .keyword-text[data-v-3e553917]{font-size:14px;font-weight:600}.keywords-grid .keyword-tag .core-icon[data-v-3e553917]{color:#fbbf24;font-size:11px}.keywords-grid .keyword-tag .keyword-remove[data-v-3e553917]{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;transition:all .2s;display:flex}.keywords-grid .keyword-tag .keyword-remove[data-v-3e553917]:hover{color:#ef4444;background:#fee2e2}.add-keyword-row[data-v-3e553917]{gap:12px;display:flex}.add-keyword-row input[data-v-3e553917]{border:1px solid #e2e8f0;border-radius:10px;flex:1;padding:12px 16px;font-size:14px}.add-keyword-row input[data-v-3e553917]:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.add-keyword-row .btn-add-keyword[data-v-3e553917]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;align-items:center;gap:6px;padding:12px 20px;font-weight:500;transition:all .2s;display:flex}.add-keyword-row .btn-add-keyword[data-v-3e553917]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.speed-control[data-v-3e553917]{align-items:center;gap:16px;display:flex}.speed-control input[type=range][data-v-3e553917]{appearance:none;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px;flex:1;height:6px}.speed-control input[type=range][data-v-3e553917]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:2px solid #667eea;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 6px #0000001a}.speed-control .speed-value[data-v-3e553917]{color:#667eea;min-width:50px;font-size:16px;font-weight:600}.preset-btns[data-v-3e553917]{flex-wrap:wrap;gap:12px;display:flex}.preset-btns .btn-preset[data-v-3e553917]{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:12px 20px;font-weight:500;transition:all .2s;display:flex}.preset-btns .btn-preset i[data-v-3e553917]{color:#667eea}.preset-btns .btn-preset[data-v-3e553917]:hover{background:#f8fafc;border-color:#667eea;transform:translateY(-1px)}.image-manage .page-header[data-v-13c89e58]{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.image-manage .page-header .header-left h2[data-v-13c89e58]{color:#1e293b;align-items:center;gap:10px;margin:0;font-size:24px;display:flex}.image-manage .page-header .header-left h2 i[data-v-13c89e58]{color:#8b5cf6}.image-manage .page-header .header-left .subtitle[data-v-13c89e58]{color:#64748b;margin:4px 0 0;font-size:14px}.image-manage .page-header .header-actions[data-v-13c89e58]{gap:10px;display:flex}.image-manage .page-header .header-actions .btn-action[data-v-13c89e58]{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:40px;height:40px}.image-manage .page-header .header-actions .btn-action[data-v-13c89e58]:hover{color:#8b5cf6;background:#f1f5f9}.image-manage .page-header .header-actions .btn-action[data-v-13c89e58]:disabled{opacity:.5;cursor:not-allowed}.image-manage .page-header .header-actions .btn-upload[data-v-13c89e58]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:500;display:flex}.image-manage .page-header .header-actions .btn-upload[data-v-13c89e58]:hover{filter:brightness(1.1)}.image-manage .stats-cards[data-v-13c89e58]{flex-wrap:wrap;gap:16px;margin-bottom:24px;display:flex}.image-manage .stats-cards .stat-card[data-v-13c89e58]{background:#fff;border-left:4px solid;border-radius:12px;align-items:center;gap:16px;padding:16px 24px;display:flex;box-shadow:0 1px 3px #0000001a}.image-manage .stats-cards .stat-card.total[data-v-13c89e58]{border-color:#8b5cf6}.image-manage .stats-cards .stat-card.total .stat-icon[data-v-13c89e58]{color:#8b5cf6;background:#f5f3ff}.image-manage .stats-cards .stat-card.size[data-v-13c89e58]{border-color:#06b6d4}.image-manage .stats-cards .stat-card.size .stat-icon[data-v-13c89e58]{color:#06b6d4;background:#ecfeff}.image-manage .stats-cards .stat-card.selected[data-v-13c89e58]{border-color:#10b981}.image-manage .stats-cards .stat-card.selected .stat-icon[data-v-13c89e58]{color:#10b981;background:#ecfdf5}.image-manage .stats-cards .stat-card .stat-icon[data-v-13c89e58]{border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex}.image-manage .stats-cards .stat-card .stat-info .stat-number[data-v-13c89e58]{color:#1e293b;font-size:24px;font-weight:700;display:block}.image-manage .stats-cards .stat-card .stat-info .stat-label[data-v-13c89e58]{color:#64748b;font-size:13px}.image-manage .upload-zone[data-v-13c89e58]{text-align:center;background:linear-gradient(135deg,#f5f3ff 0%,#ede9fe 100%);border:2px dashed #c4b5fd;border-radius:16px;margin-bottom:24px;padding:40px;transition:all .3s}.image-manage .upload-zone.drag-over[data-v-13c89e58]{background:linear-gradient(135deg,#ede9fe 0%,#ddd6fe 100%);border-color:#8b5cf6;transform:scale(1.01)}.image-manage .upload-zone .upload-content i[data-v-13c89e58]{color:#8b5cf6;margin-bottom:16px;font-size:48px}.image-manage .upload-zone .upload-content p[data-v-13c89e58]{color:#1e293b;margin:0 0 8px;font-size:16px;font-weight:500}.image-manage .upload-zone .upload-content span[data-v-13c89e58]{color:#64748b;font-size:14px;display:block}.image-manage .upload-zone .upload-content .upload-hint[data-v-13c89e58]{color:#94a3b8;margin-top:12px;font-size:12px}.image-manage .upload-progress-section[data-v-13c89e58]{background:#fff;border-radius:12px;margin-bottom:24px;padding:16px;box-shadow:0 1px 3px #0000001a}.image-manage .upload-progress-section h4[data-v-13c89e58]{color:#1e293b;align-items:center;gap:8px;margin:0 0 12px;font-size:14px;display:flex}.image-manage .upload-progress-section h4 i[data-v-13c89e58]{color:#8b5cf6}.image-manage .upload-progress-section .progress-item[data-v-13c89e58]{margin-bottom:12px}.image-manage .upload-progress-section .progress-item[data-v-13c89e58]:last-child{margin-bottom:0}.image-manage .upload-progress-section .progress-item .progress-info[data-v-13c89e58]{justify-content:space-between;margin-bottom:6px;font-size:13px;display:flex}.image-manage .upload-progress-section .progress-item .progress-info .file-name[data-v-13c89e58]{color:#1e293b}.image-manage .upload-progress-section .progress-item .progress-info .file-status.uploading[data-v-13c89e58]{color:#8b5cf6}.image-manage .upload-progress-section .progress-item .progress-info .file-status.success[data-v-13c89e58]{color:#10b981}.image-manage .upload-progress-section .progress-item .progress-info .file-status.error[data-v-13c89e58]{color:#ef4444}.image-manage .upload-progress-section .progress-item .progress-bar[data-v-13c89e58]{background:#e2e8f0;border-radius:3px;height:6px;overflow:hidden}.image-manage .upload-progress-section .progress-item .progress-bar .progress-fill[data-v-13c89e58]{background:linear-gradient(90deg,#8b5cf6,#a78bfa);height:100%;transition:width .2s}.image-manage .filter-bar[data-v-13c89e58]{flex-wrap:wrap;gap:16px;margin-bottom:16px;display:flex}.image-manage .filter-bar .search-box[data-v-13c89e58]{flex:1;min-width:200px;position:relative}.image-manage .filter-bar .search-box i.fa-search[data-v-13c89e58]{color:#94a3b8;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.image-manage .filter-bar .search-box input[data-v-13c89e58]{border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 40px;font-size:14px}.image-manage .filter-bar .search-box input[data-v-13c89e58]:focus{border-color:#8b5cf6;outline:none}.image-manage .filter-bar .search-box .clear-btn[data-v-13c89e58]{color:#94a3b8;cursor:pointer;background:0 0;border:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.image-manage .filter-bar .filter-group select[data-v-13c89e58]{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 14px;font-size:14px}.image-manage .bulk-actions[data-v-13c89e58]{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:14px 20px;display:flex}.image-manage .bulk-actions .bulk-info[data-v-13c89e58]{align-items:center;gap:10px;font-size:14px;display:flex}.image-manage .bulk-actions .bulk-info strong[data-v-13c89e58]{font-size:18px}.image-manage .bulk-actions .bulk-buttons[data-v-13c89e58]{gap:8px;display:flex}.image-manage .bulk-actions .bulk-btn[data-v-13c89e58]{color:#fff;cursor:pointer;background:#fff3;border:1px solid #ffffff4d;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;display:flex}.image-manage .bulk-actions .bulk-btn[data-v-13c89e58]:hover{background:#ffffff4d}.image-manage .bulk-actions .bulk-btn.danger[data-v-13c89e58]{background:#ef444466}.image-manage .bulk-actions .bulk-btn.cancel[data-v-13c89e58]{background:0 0}.image-manage .loading-state[data-v-13c89e58],.image-manage .empty-state[data-v-13c89e58]{text-align:center;padding:60px 20px}.image-manage .loading-state i[data-v-13c89e58],.image-manage .empty-state i[data-v-13c89e58]{color:#cbd5e1;margin-bottom:16px;font-size:48px}.image-manage .loading-state h3[data-v-13c89e58],.image-manage .empty-state h3[data-v-13c89e58]{color:#1e293b;margin:0 0 8px}.image-manage .loading-state p[data-v-13c89e58],.image-manage .empty-state p[data-v-13c89e58]{color:#64748b;margin:0}.image-manage .loading-state i[data-v-13c89e58]{color:#8b5cf6}.image-manage .select-all-bar[data-v-13c89e58]{background:#f8fafc;border-radius:8px;margin-bottom:16px;padding:12px 16px}.image-manage .select-all-bar .checkbox-wrapper[data-v-13c89e58]{cursor:pointer;color:#64748b;align-items:center;gap:10px;font-size:14px;display:flex}.image-manage .select-all-bar .checkbox-wrapper input[data-v-13c89e58]{accent-color:#8b5cf6;width:18px;height:18px}.image-manage .image-grid[data-v-13c89e58]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}@media (max-width:576px){.image-manage .image-grid[data-v-13c89e58]{grid-template-columns:repeat(2,1fr);gap:10px}}.image-manage .image-card[data-v-13c89e58]{background:#fff;border-radius:12px;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000001a}.image-manage .image-card[data-v-13c89e58]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.image-manage .image-card.selected[data-v-13c89e58]{box-shadow:0 0 0 3px #8b5cf6}.image-manage .image-card .image-checkbox[data-v-13c89e58]{z-index:10;position:absolute;top:10px;left:10px}.image-manage .image-card .image-checkbox input[data-v-13c89e58]{accent-color:#8b5cf6;cursor:pointer;width:20px;height:20px}.image-manage .image-card .image-preview[data-v-13c89e58]{cursor:pointer;background:#f3f4f6;padding-top:100%;position:relative}.image-manage .image-card .image-preview img[data-v-13c89e58]{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.image-manage .image-card .image-preview .image-overlay[data-v-13c89e58]{opacity:0;background:#00000080;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.image-manage .image-card .image-preview .image-overlay .preview-btn[data-v-13c89e58]{cursor:pointer;color:#8b5cf6;background:#fff;border:none;border-radius:50%;width:48px;height:48px;font-size:18px}.image-manage .image-card .image-preview .image-overlay .preview-btn[data-v-13c89e58]:hover{transform:scale(1.1)}.image-manage .image-card .image-preview:hover .image-overlay[data-v-13c89e58]{opacity:1}.image-manage .image-card .image-info[data-v-13c89e58]{padding:12px}.image-manage .image-card .image-info .image-name[data-v-13c89e58]{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;margin:0 0 4px;font-size:14px;overflow:hidden}.image-manage .image-card .image-info .image-size[data-v-13c89e58]{color:#94a3b8;margin:0;font-size:12px}.image-manage .image-card .image-actions[data-v-13c89e58]{justify-content:center;gap:8px;padding:0 12px 12px;display:flex}.image-manage .image-card .image-actions .action-btn[data-v-13c89e58]{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:6px;width:32px;height:32px;font-size:12px}.image-manage .image-card .image-actions .action-btn[data-v-13c89e58]:hover{color:#8b5cf6;background:#f1f5f9}.image-manage .image-card .image-actions .action-btn.danger[data-v-13c89e58]:hover{color:#ef4444;background:#fef2f2;border-color:#fecaca}.image-manage .image-list[data-v-13c89e58]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.image-manage .image-list .list-header[data-v-13c89e58],.image-manage .image-list .list-item[data-v-13c89e58]{grid-template-columns:40px 60px 1fr 100px 150px 120px;align-items:center;gap:16px;padding:12px 16px;display:grid}@media (max-width:768px){.image-manage .image-list .list-header[data-v-13c89e58],.image-manage .image-list .list-item[data-v-13c89e58]{grid-template-columns:40px 50px 1fr 80px}.image-manage .image-list .list-header .col-date[data-v-13c89e58],.image-manage .image-list .list-item .col-date[data-v-13c89e58]{display:none}}.image-manage .image-list .list-header[data-v-13c89e58]{color:#64748b;background:#f8fafc;font-size:13px;font-weight:600}.image-manage .image-list .list-item[data-v-13c89e58]{border-top:1px solid #f1f5f9}.image-manage .image-list .list-item[data-v-13c89e58]:hover{background:#f8fafc}.image-manage .image-list .list-item.selected[data-v-13c89e58]{background:#f5f3ff}.image-manage .image-list .list-item .col-checkbox input[data-v-13c89e58]{accent-color:#8b5cf6;width:18px;height:18px}.image-manage .image-list .list-item .col-preview[data-v-13c89e58]{cursor:pointer}.image-manage .image-list .list-item .col-preview img[data-v-13c89e58]{object-fit:cover;border-radius:6px;width:48px;height:48px}.image-manage .image-list .list-item .col-name[data-v-13c89e58]{text-overflow:ellipsis;white-space:nowrap;color:#1e293b;font-size:14px;overflow:hidden}.image-manage .image-list .list-item .col-size[data-v-13c89e58]{color:#64748b;font-size:13px}.image-manage .image-list .list-item .col-date[data-v-13c89e58]{color:#94a3b8;font-size:13px}.image-manage .image-list .list-item .col-actions[data-v-13c89e58]{gap:6px;display:flex}.image-manage .image-list .list-item .col-actions .action-btn[data-v-13c89e58]{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:6px;width:32px;height:32px;font-size:12px}.image-manage .image-list .list-item .col-actions .action-btn[data-v-13c89e58]:hover{color:#8b5cf6;background:#f1f5f9}.image-manage .image-list .list-item .col-actions .action-btn.danger[data-v-13c89e58]:hover{color:#ef4444}.image-manage .preview-modal[data-v-13c89e58]{z-index:1000;background:#000000e6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.image-manage .preview-modal .preview-content[data-v-13c89e58]{background:#fff;border-radius:16px;flex-direction:column;max-width:90vw;max-height:90vh;display:flex;overflow:hidden}.image-manage .preview-modal .close-btn[data-v-13c89e58]{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;width:44px;height:44px;font-size:20px;position:absolute;top:20px;right:20px}.image-manage .preview-modal .close-btn[data-v-13c89e58]:hover{background:#ffffff4d}.image-manage .preview-modal .preview-image[data-v-13c89e58]{max-height:70vh;overflow:auto}.image-manage .preview-modal .preview-image img[data-v-13c89e58]{max-width:100%;display:block}.image-manage .preview-modal .preview-info[data-v-13c89e58]{padding:20px}.image-manage .preview-modal .preview-info h4[data-v-13c89e58]{color:#1e293b;margin:0 0 12px;font-size:16px}.image-manage .preview-modal .preview-info .info-row[data-v-13c89e58]{color:#64748b;gap:20px;margin-bottom:16px;font-size:14px;display:flex}.image-manage .preview-modal .preview-info .info-row span[data-v-13c89e58]{align-items:center;gap:6px;display:flex}.image-manage .preview-modal .preview-info .preview-actions[data-v-13c89e58]{flex-wrap:wrap;gap:10px;display:flex}.image-manage .preview-modal .preview-info .preview-actions button[data-v-13c89e58]{cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;font-size:14px;display:flex}.image-manage .preview-modal .preview-info .preview-actions button.btn-secondary[data-v-13c89e58]{color:#1e293b;background:#fff;border:1px solid #e2e8f0}.image-manage .preview-modal .preview-info .preview-actions button.btn-secondary[data-v-13c89e58]:hover{background:#f1f5f9}.image-manage .preview-modal .preview-info .preview-actions button.btn-danger[data-v-13c89e58]{color:#fff;background:#ef4444;border:none}.image-manage .preview-modal .preview-info .preview-actions button.btn-danger[data-v-13c89e58]:hover{background:#dc2626}.image-manage .slide-enter-active[data-v-13c89e58],.image-manage .slide-leave-active[data-v-13c89e58]{transition:all .3s}.image-manage .slide-enter-from[data-v-13c89e58],.image-manage .slide-leave-to[data-v-13c89e58]{opacity:0;transform:translateY(-10px)}.login-page[data-v-6d5e6e10]{background:linear-gradient(135deg,#0f0c29 0%,#302b63 50%,#24243e 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.bg-animation[data-v-6d5e6e10]{position:absolute;inset:0;overflow:hidden}.bg-animation .floating-shapes[data-v-6d5e6e10]{position:absolute;inset:0}.bg-animation .shape[data-v-6d5e6e10]{opacity:.1;border-radius:50%;animation:20s ease-in-out infinite float-6d5e6e10;position:absolute}.bg-animation .shape.shape-1[data-v-6d5e6e10]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);width:400px;height:400px;animation-delay:0s;top:-100px;left:-100px}.bg-animation .shape.shape-2[data-v-6d5e6e10]{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);width:300px;height:300px;animation-delay:-5s;bottom:-50px;right:-50px}.bg-animation .shape.shape-3[data-v-6d5e6e10]{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);width:200px;height:200px;animation-delay:-10s;top:50%;left:20%}.bg-animation .shape.shape-4[data-v-6d5e6e10]{background:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%);width:250px;height:250px;animation-delay:-15s;bottom:20%;left:-50px}.bg-animation .shape.shape-5[data-v-6d5e6e10]{background:linear-gradient(135deg,#fa709a 0%,#fee140 100%);width:180px;height:180px;animation-delay:-7s;top:10%;right:20%}@keyframes float-6d5e6e10{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-30px)rotate(10deg)}}.login-wrapper[data-v-6d5e6e10]{z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:24px;width:100%;max-width:1000px;min-height:600px;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 80px #0006}.brand-section[data-v-6d5e6e10]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);flex-direction:column;flex:1;justify-content:space-between;padding:48px;display:flex;position:relative;overflow:hidden}.brand-section[data-v-6d5e6e10]:before{content:"";background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);width:100%;height:100%;position:absolute;top:-50%;right:-50%}.brand-section .brand-content[data-v-6d5e6e10]{z-index:1;position:relative}.brand-section .logo-container[data-v-6d5e6e10]{align-items:center;gap:16px;margin-bottom:12px;display:flex}.brand-section .logo-container .logo-icon[data-v-6d5e6e10]{background:#fff3;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.brand-section .logo-container .logo-icon i[data-v-6d5e6e10]{color:#fff;font-size:28px}.brand-section .logo-container h1[data-v-6d5e6e10]{color:#fff;margin:0;font-size:32px;font-weight:700}.brand-section .brand-tagline[data-v-6d5e6e10]{color:#fffc;margin-bottom:48px;font-size:15px}.brand-section .features-list[data-v-6d5e6e10]{flex-direction:column;gap:16px;display:flex}.brand-section .features-list .feature-item[data-v-6d5e6e10]{color:#fff;align-items:center;gap:12px;font-size:14px;display:flex}.brand-section .features-list .feature-item i[data-v-6d5e6e10]{color:#ffffffe6;font-size:18px}.brand-section .brand-footer[data-v-6d5e6e10]{z-index:1;position:relative}.brand-section .brand-footer p[data-v-6d5e6e10]{color:#fff9;margin:0;font-size:12px}.form-section[data-v-6d5e6e10]{flex:1;justify-content:center;align-items:center;padding:48px;display:flex}.form-container[data-v-6d5e6e10]{width:100%;max-width:360px}.form-header[data-v-6d5e6e10]{text-align:center;margin-bottom:32px}.form-header h2[data-v-6d5e6e10]{color:#1e293b;margin:0 0 8px;font-size:28px;font-weight:700}.form-header p[data-v-6d5e6e10]{color:#64748b;margin:0;font-size:14px}.login-tabs[data-v-6d5e6e10]{background:#f1f5f9;border-radius:14px;gap:8px;margin-bottom:28px;padding:6px;display:flex}.login-tabs .tab-btn[data-v-6d5e6e10]{cursor:pointer;background:0 0;border:none;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:12px 8px;transition:all .3s;display:flex}.login-tabs .tab-btn .tab-icon[data-v-6d5e6e10]{background:0 0;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}.login-tabs .tab-btn .tab-icon i[data-v-6d5e6e10]{color:#94a3b8;font-size:16px;transition:all .3s}.login-tabs .tab-btn span[data-v-6d5e6e10]{color:#94a3b8;font-size:11px;font-weight:500;transition:all .3s}.login-tabs .tab-btn:hover .tab-icon[data-v-6d5e6e10]{background:#667eea1a}.login-tabs .tab-btn:hover .tab-icon i[data-v-6d5e6e10],.login-tabs .tab-btn:hover span[data-v-6d5e6e10]{color:#667eea}.login-tabs .tab-btn.active[data-v-6d5e6e10]{background:#fff;box-shadow:0 2px 8px #00000014}.login-tabs .tab-btn.active .tab-icon[data-v-6d5e6e10]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.login-tabs .tab-btn.active .tab-icon i[data-v-6d5e6e10]{color:#fff}.login-tabs .tab-btn.active span[data-v-6d5e6e10]{color:#1e293b}.login-form .input-group[data-v-6d5e6e10]{margin-bottom:18px;position:relative}.login-form .input-group .input-icon[data-v-6d5e6e10]{color:#94a3b8;z-index:1;font-size:16px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.login-form .input-group input[data-v-6d5e6e10]{box-sizing:border-box;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;width:100%;padding:14px 16px 14px 48px;font-size:14px;transition:all .3s}.login-form .input-group input[data-v-6d5e6e10]:focus{background:#fff;border-color:#667eea;outline:none;box-shadow:0 0 0 4px #667eea1a}.login-form .input-group input[data-v-6d5e6e10]::placeholder{color:#94a3b8}.login-form .input-group .toggle-password[data-v-6d5e6e10]{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.login-form .input-group .toggle-password[data-v-6d5e6e10]:hover{color:#667eea}.login-form .input-group.code-group input[data-v-6d5e6e10]{padding-right:120px}.login-form .input-group.code-group .btn-send-code[data-v-6d5e6e10]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;min-width:96px;padding:10px 16px;font-size:12px;font-weight:500;transition:all .3s;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.login-form .input-group.code-group .btn-send-code .countdown[data-v-6d5e6e10]{font-variant-numeric:tabular-nums}.login-form .input-group.code-group .btn-send-code[data-v-6d5e6e10]:hover:not(:disabled){opacity:.9}.login-form .input-group.code-group .btn-send-code[data-v-6d5e6e10]:disabled{opacity:.6;cursor:not-allowed}.login-form .input-group.captcha-group input[data-v-6d5e6e10]{padding-right:130px}.login-form .input-group.captcha-group .captcha-image[data-v-6d5e6e10]{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:110px;height:40px;display:flex;position:absolute;top:50%;right:6px;overflow:hidden;transform:translateY(-50%)}.login-form .input-group.captcha-group .captcha-image img[data-v-6d5e6e10]{object-fit:cover;width:100%;height:100%}.login-form .input-group.captcha-group .captcha-image .captcha-loading[data-v-6d5e6e10]{color:#94a3b8;font-size:14px}.alert[data-v-6d5e6e10]{border-radius:10px;align-items:center;gap:10px;margin-bottom:18px;padding:12px 16px;font-size:13px;display:flex}.alert i[data-v-6d5e6e10]{font-size:16px}.alert.alert-error[data-v-6d5e6e10]{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.alert.alert-danger[data-v-6d5e6e10]{color:#b91c1c;background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border:1px solid #fca5a5}.alert.alert-info[data-v-6d5e6e10]{color:#854d0e;background:#fef9c3;border:1px solid #fde047}.alert.alert-info strong[data-v-6d5e6e10]{color:#1e293b;font-family:monospace}.btn-submit[data-v-6d5e6e10]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:15px;font-weight:600;transition:all .3s;display:flex}.btn-submit .loading-spinner[data-v-6d5e6e10]{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin-6d5e6e10}.btn-submit[data-v-6d5e6e10]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.btn-submit[data-v-6d5e6e10]:disabled{opacity:.6;cursor:not-allowed;transform:none}@keyframes spin-6d5e6e10{to{transform:rotate(360deg)}}.form-links[data-v-6d5e6e10]{text-align:center;margin-top:20px}.form-links .link[data-v-6d5e6e10]{color:#667eea;font-size:13px;text-decoration:none;transition:all .2s}.form-links .link[data-v-6d5e6e10]:hover{color:#764ba2;text-decoration:underline}.face-login-section .face-camera-container[data-v-6d5e6e10]{aspect-ratio:4/3;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border-radius:16px;width:100%;margin-bottom:16px;position:relative;overflow:hidden}.face-login-section .face-camera-container.active[data-v-6d5e6e10]{box-shadow:0 0 0 3px #667eea4d}.face-login-section .face-camera-container .face-video[data-v-6d5e6e10]{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.face-login-section .face-camera-container .face-placeholder[data-v-6d5e6e10]{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.face-login-section .face-camera-container .face-placeholder .face-icon-wrapper[data-v-6d5e6e10]{margin-bottom:16px;position:relative}.face-login-section .face-camera-container .face-placeholder .face-icon-wrapper i[data-v-6d5e6e10]{color:#ffffff4d;font-size:72px}.face-login-section .face-camera-container .face-placeholder .face-icon-wrapper .pulse-ring[data-v-6d5e6e10]{border:2px solid #667eea66;border-radius:50%;animation:2s infinite pulse-6d5e6e10;position:absolute;inset:-10px}.face-login-section .face-camera-container .face-placeholder p[data-v-6d5e6e10]{color:#ffffff80;margin:0;font-size:13px}.face-login-section .face-camera-container .face-preview[data-v-6d5e6e10]{position:absolute;inset:0}.face-login-section .face-camera-container .face-preview img[data-v-6d5e6e10]{object-fit:cover;width:100%;height:100%}.face-login-section .face-camera-container .face-preview .verifying-overlay[data-v-6d5e6e10]{background:#00000080;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.face-login-section .face-camera-container .face-preview .verifying-overlay .scan-line[data-v-6d5e6e10]{background:linear-gradient(90deg,#0000,#667eea,#0000);height:3px;animation:1.5s linear infinite scan-6d5e6e10;position:absolute;left:0;right:0}.face-login-section .face-camera-container .face-preview .verifying-overlay p[data-v-6d5e6e10]{color:#fff;font-size:14px;font-weight:500}.face-login-section .face-camera-container .face-overlay[data-v-6d5e6e10]{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.face-login-section .face-camera-container .face-overlay .face-frame-svg[data-v-6d5e6e10]{width:70%;height:70%}.face-login-section .face-camera-container .face-overlay .face-frame-svg .rotating-frame[data-v-6d5e6e10]{transform-origin:50%;animation:4s linear infinite rotate-6d5e6e10}.face-login-section .face-controls[data-v-6d5e6e10]{justify-content:center;gap:10px;margin-bottom:16px;display:flex}.face-login-section .face-controls .btn-face[data-v-6d5e6e10]{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.face-login-section .face-controls .btn-face.start[data-v-6d5e6e10]{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);flex:1}.face-login-section .face-controls .btn-face.capture[data-v-6d5e6e10]{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);flex:1}.face-login-section .face-controls .btn-face.cancel[data-v-6d5e6e10]{color:#fff;background:#64748b;padding:12px 16px}.face-login-section .face-controls .btn-face.retry[data-v-6d5e6e10]{color:#fff;background:#64748b;flex:1}.face-login-section .face-controls .btn-face[data-v-6d5e6e10]:hover:not(:disabled){transform:translateY(-2px)}.face-login-section .face-controls .btn-face[data-v-6d5e6e10]:disabled{opacity:.6;cursor:not-allowed}.face-login-section .face-controls .verifying-badge[data-v-6d5e6e10]{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;align-items:center;gap:12px;padding:12px 24px;display:flex}.face-login-section .face-controls .verifying-badge .spinner[data-v-6d5e6e10]{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin-6d5e6e10}.face-login-section .face-tips[data-v-6d5e6e10]{justify-content:center;gap:20px;margin-bottom:16px;display:flex}.face-login-section .face-tips .tip-item[data-v-6d5e6e10]{color:#94a3b8;align-items:center;gap:6px;font-size:11px;display:flex}.face-login-section .face-tips .tip-item i[data-v-6d5e6e10]{color:#667eea;font-size:12px}.face-login-section .face-status[data-v-6d5e6e10]{margin-bottom:16px}.face-login-section .face-status .status-badge[data-v-6d5e6e10]{border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:12px 20px;font-size:14px;font-weight:500;display:flex}.face-login-section .face-status .status-badge.scanning[data-v-6d5e6e10]{color:#667eea;background:linear-gradient(135deg,#667eea1a 0%,#a855f71a 100%)}.face-login-section .face-status .status-badge.scanning .status-dot[data-v-6d5e6e10]{background:#667eea;border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse-dot-6d5e6e10}.face-login-section .face-status .status-badge.verifying[data-v-6d5e6e10]{color:#10b981;background:linear-gradient(135deg,#10b9811a 0%,#0596691a 100%)}.face-login-section .btn-cancel-face[data-v-6d5e6e10]{color:#64748b;cursor:pointer;background:0 0;border:2px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.face-login-section .btn-cancel-face[data-v-6d5e6e10]:hover{color:#667eea;border-color:#667eea}.face-login-section .alert .retry-btn[data-v-6d5e6e10]{cursor:pointer;background:0 0;border:1px solid;border-radius:6px;align-items:center;gap:4px;margin-left:auto;padding:4px 12px;font-size:12px;display:flex}.face-login-section .alert .retry-btn[data-v-6d5e6e10]:hover{opacity:.8}.face-login-section .face-camera-container.scanning[data-v-6d5e6e10]{box-shadow:0 0 0 3px #667eea4d,0 0 30px #667eea33}.face-login-section .face-camera-container .face-scanning-overlay[data-v-6d5e6e10]{pointer-events:none;position:absolute;inset:0}.face-login-section .face-camera-container .face-scanning-overlay .scan-line-horizontal[data-v-6d5e6e10]{background:linear-gradient(90deg,#0000,#667eea,#a855f7,#0000);height:2px;animation:2s linear infinite scan-vertical-6d5e6e10;position:absolute;left:10%;right:10%}.face-login-section .face-camera-container .face-scanning-overlay .corner-marks[data-v-6d5e6e10]{position:absolute;inset:15%}.face-login-section .face-camera-container .face-scanning-overlay .corner-marks .corner[data-v-6d5e6e10]{border:3px solid #667eea;width:20px;height:20px;position:absolute}.face-login-section .face-camera-container .face-scanning-overlay .corner-marks .corner.top-left[data-v-6d5e6e10]{border-bottom:none;border-right:none;border-radius:4px 0 0;top:0;left:0}.face-login-section .face-camera-container .face-scanning-overlay .corner-marks .corner.top-right[data-v-6d5e6e10]{border-bottom:none;border-left:none;border-radius:0 4px 0 0;top:0;right:0}.face-login-section .face-camera-container .face-scanning-overlay .corner-marks .corner.bottom-left[data-v-6d5e6e10]{border-top:none;border-right:none;border-radius:0 0 0 4px;bottom:0;left:0}.face-login-section .face-camera-container .face-scanning-overlay .corner-marks .corner.bottom-right[data-v-6d5e6e10]{border-top:none;border-left:none;border-radius:0 0 4px;bottom:0;right:0}.face-login-section .face-camera-container .face-verifying-overlay[data-v-6d5e6e10]{background:#0009;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.face-login-section .face-camera-container .face-verifying-overlay .verify-spinner[data-v-6d5e6e10]{border:3px solid #fff3;border-top-color:#10b981;border-radius:50%;width:50px;height:50px;animation:.8s linear infinite spin-6d5e6e10}.face-login-section .face-camera-container .face-verifying-overlay p[data-v-6d5e6e10]{color:#fff;font-size:16px;font-weight:500}@keyframes scan-vertical-6d5e6e10{0%{opacity:0;top:10%}10%{opacity:1}90%{opacity:1}to{opacity:0;top:90%}}@keyframes pulse-dot-6d5e6e10{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.fingerprint-login-section[data-v-6d5e6e10]{flex-direction:column;align-items:center;padding:20px 0;display:flex}.fingerprint-login-section .fingerprint-icon-container[data-v-6d5e6e10]{background:linear-gradient(135deg,#ec48991a 0%,#f472b61a 100%);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:24px;transition:all .3s;display:flex;position:relative}.fingerprint-login-section .fingerprint-icon-container i[data-v-6d5e6e10]{color:#ec4899;font-size:56px;transition:all .3s}.fingerprint-login-section .fingerprint-icon-container.scanning[data-v-6d5e6e10]{background:linear-gradient(135deg,#ec489933 0%,#f472b633 100%);animation:1.5s infinite fingerprint-pulse-6d5e6e10}.fingerprint-login-section .fingerprint-icon-container.scanning i[data-v-6d5e6e10]{color:#db2777;transform:scale(1.1)}.fingerprint-login-section .fingerprint-icon-container .scan-ring[data-v-6d5e6e10]{border:3px solid #ec4899;border-radius:50%;animation:1.5s infinite fingerprint-ring-6d5e6e10;position:absolute;inset:-8px}.fingerprint-login-section .fingerprint-status-text[data-v-6d5e6e10]{color:#64748b;align-items:center;gap:8px;margin-bottom:20px;font-size:14px;display:flex}.fingerprint-login-section .fingerprint-status-text i[data-v-6d5e6e10]{font-size:16px}.fingerprint-login-section .fingerprint-status-text .text-danger[data-v-6d5e6e10]{color:#dc2626}.fingerprint-login-section .btn-fingerprint-login[data-v-6d5e6e10]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ec4899 0%,#f472b6 100%);border:none;border-radius:12px;align-items:center;gap:10px;padding:14px 40px;font-size:16px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #ec48994d}.fingerprint-login-section .btn-fingerprint-login[data-v-6d5e6e10]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ec489966}.fingerprint-login-section .btn-fingerprint-login[data-v-6d5e6e10]:disabled{opacity:.7;cursor:not-allowed}.fingerprint-login-section .fingerprint-tips[data-v-6d5e6e10]{justify-content:center;gap:24px;margin-top:24px;display:flex}.fingerprint-login-section .fingerprint-tips .tip-item[data-v-6d5e6e10]{color:#94a3b8;align-items:center;gap:6px;font-size:12px;display:flex}.fingerprint-login-section .fingerprint-tips .tip-item i[data-v-6d5e6e10]{color:#ec4899;font-size:14px}@keyframes fingerprint-pulse-6d5e6e10{0%,to{box-shadow:0 0 #ec489966}50%{box-shadow:0 0 0 15px #ec489900}}@keyframes fingerprint-ring-6d5e6e10{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.4)}}@keyframes pulse-6d5e6e10{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}@keyframes scan-6d5e6e10{0%{top:0}to{top:100%}}@keyframes rotate-6d5e6e10{0%{stroke-dashoffset:0}to{stroke-dashoffset:200px}}.other-login[data-v-6d5e6e10]{margin-top:28px}.other-login .divider[data-v-6d5e6e10]{align-items:center;margin-bottom:20px;display:flex}.other-login .divider[data-v-6d5e6e10]:before,.other-login .divider[data-v-6d5e6e10]:after{content:"";background:#e2e8f0;flex:1;height:1px}.other-login .divider span[data-v-6d5e6e10]{color:#94a3b8;padding:0 16px;font-size:12px}.other-login .social-btns[data-v-6d5e6e10]{justify-content:center;gap:12px;display:flex}.other-login .social-btn[data-v-6d5e6e10]{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex}.other-login .social-btn i[data-v-6d5e6e10]{font-size:22px}.other-login .social-btn.wechat[data-v-6d5e6e10]{color:#07c160}.other-login .social-btn.wechat[data-v-6d5e6e10]:hover:not(:disabled){color:#fff;background:#07c160;border-color:#07c160;transform:translateY(-2px)}.other-login .social-btn[data-v-6d5e6e10]:disabled{opacity:.4;cursor:not-allowed}@media (max-width:768px){.login-wrapper[data-v-6d5e6e10]{flex-direction:column;max-width:420px;min-height:auto}.brand-section[data-v-6d5e6e10]{padding:32px}.brand-section .features-list[data-v-6d5e6e10],.brand-section .brand-footer[data-v-6d5e6e10]{display:none}.form-section[data-v-6d5e6e10]{padding:32px}.login-tabs .tab-btn[data-v-6d5e6e10]{padding:10px 6px}.login-tabs .tab-btn .tab-icon[data-v-6d5e6e10]{width:32px;height:32px}.login-tabs .tab-btn .tab-icon i[data-v-6d5e6e10]{font-size:14px}.login-tabs .tab-btn span[data-v-6d5e6e10]{font-size:10px}}.login-settings[data-v-8b827378]{max-width:1200px;margin:0 auto;padding:24px}.page-header[data-v-8b827378]{margin-bottom:32px}.page-header h2[data-v-8b827378]{color:#1e293b;align-items:center;gap:12px;margin-bottom:8px;font-size:24px;display:flex}.page-header h2 i[data-v-8b827378]{color:#6366f1}.page-header .page-desc[data-v-8b827378]{color:#64748b;font-size:14px}.settings-grid[data-v-8b827378]{grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:24px;margin-bottom:24px;display:grid}.settings-card[data-v-8b827378]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.settings-card .card-header[data-v-8b827378]{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.settings-card .card-header .header-left[data-v-8b827378]{align-items:center;gap:12px;display:flex}.settings-card .card-header .header-left i[data-v-8b827378]{font-size:24px}.settings-card .card-header .header-left h3[data-v-8b827378]{color:#1e293b;margin:0;font-size:18px}.settings-card.sms-card .card-header[data-v-8b827378]{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%)}.settings-card.sms-card .card-header .header-left i[data-v-8b827378],.settings-card.sms-card .card-header .header-left h3[data-v-8b827378]{color:#fff}.settings-card.wechat-card .card-header[data-v-8b827378]{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%)}.settings-card.wechat-card .card-header .header-left i[data-v-8b827378],.settings-card.wechat-card .card-header .header-left h3[data-v-8b827378]{color:#fff}.settings-card.face-card .card-header[data-v-8b827378]{background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%)}.settings-card.face-card .card-header .header-left i[data-v-8b827378],.settings-card.face-card .card-header .header-left h3[data-v-8b827378]{color:#fff}.settings-card .card-body[data-v-8b827378]{padding:24px}.settings-card .card-body.disabled[data-v-8b827378]{opacity:.6;pointer-events:none}.toggle-switch[data-v-8b827378]{width:52px;height:28px;position:relative}.toggle-switch input[data-v-8b827378]{opacity:0;width:0;height:0}.toggle-switch input:checked+.slider[data-v-8b827378]{background:#22c55e}.toggle-switch input:checked+.slider[data-v-8b827378]:before{transform:translate(24px)}.toggle-switch .slider[data-v-8b827378]{cursor:pointer;background:#cbd5e1;border-radius:28px;transition:all .3s;position:absolute;inset:0}.toggle-switch .slider[data-v-8b827378]:before{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:all .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 2px 4px #0003}.status-badge[data-v-8b827378]{border-radius:20px;align-items:center;gap:6px;margin-bottom:20px;padding:8px 16px;font-size:13px;display:inline-flex}.status-badge.success[data-v-8b827378]{color:#16a34a;background:#dcfce7}.status-badge.warning[data-v-8b827378]{color:#d97706;background:#fef3c7}.form-section[data-v-8b827378]{margin-bottom:24px}.form-section h4[data-v-8b827378]{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:14px}.provider-select[data-v-8b827378]{gap:12px;display:flex}.provider-select .provider-option[data-v-8b827378]{cursor:pointer;flex:1}.provider-select .provider-option input[data-v-8b827378]{display:none}.provider-select .provider-option .provider-content[data-v-8b827378]{border:2px solid #e5e7eb;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:16px;transition:all .2s;display:flex}.provider-select .provider-option .provider-content img[data-v-8b827378]{object-fit:contain;height:24px}.provider-select .provider-option .provider-content span[data-v-8b827378]{color:#64748b;font-size:13px}.provider-select .provider-option.active .provider-content[data-v-8b827378]{background:#eff6ff;border-color:#3b82f6}.provider-select .provider-option.active .provider-content span[data-v-8b827378]{color:#1d4ed8;font-weight:500}.provider-select .provider-option:hover .provider-content[data-v-8b827378]{border-color:#93c5fd}.form-group[data-v-8b827378]{margin-bottom:16px}.form-group label[data-v-8b827378]{color:#374151;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.form-group input[data-v-8b827378]{border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px 14px;font-size:14px;transition:all .2s}.form-group input[data-v-8b827378]:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}.form-group input[data-v-8b827378]:disabled{cursor:not-allowed;background:#f3f4f6}.form-group input[data-v-8b827378]::placeholder{color:#9ca3af}.form-group .field-hint[data-v-8b827378]{color:#6b7280;align-items:center;gap:6px;margin-top:6px;font-size:12px;display:flex}.form-group .field-hint i[data-v-8b827378]{color:#f59e0b}.form-row[data-v-8b827378]{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-group select[data-v-8b827378]{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px 14px;font-size:14px}.form-group select[data-v-8b827378]:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}.form-group select[data-v-8b827378]:disabled{cursor:not-allowed;background:#f3f4f6}.threshold-input[data-v-8b827378]{align-items:center;gap:12px;display:flex}.threshold-input input[type=range][data-v-8b827378]{-webkit-appearance:none;background:#e5e7eb;border-radius:3px;flex:1;height:6px}.threshold-input input[type=range][data-v-8b827378]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#8b5cf6;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 4px #0003}.threshold-input .threshold-value[data-v-8b827378]{color:#8b5cf6;text-align:right;min-width:50px;font-weight:600}.btn-test-face[data-v-8b827378]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-test-face[data-v-8b827378]:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-test-face[data-v-8b827378]:disabled{opacity:.6;cursor:not-allowed}.info-box code[data-v-8b827378]{color:#1d4ed8;background:#dbeafe;border-radius:4px;padding:2px 6px;font-size:12px}.password-input[data-v-8b827378]{position:relative}.password-input input[data-v-8b827378]{padding-right:40px}.password-input .toggle-pwd[data-v-8b827378]{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:4px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.password-input .toggle-pwd[data-v-8b827378]:hover{color:#6b7280}.test-sms[data-v-8b827378]{gap:12px;display:flex}.test-sms input[data-v-8b827378]{border:1px solid #d1d5db;border-radius:8px;flex:1;padding:10px 14px;font-size:14px}.test-sms input[data-v-8b827378]:focus{border-color:#3b82f6;outline:none}.test-sms .btn-test[data-v-8b827378]{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;transition:all .2s;display:flex}.test-sms .btn-test[data-v-8b827378]:hover:not(:disabled){opacity:.9}.test-sms .btn-test[data-v-8b827378]:disabled{opacity:.6;cursor:not-allowed}.test-result[data-v-8b827378]{border-radius:8px;margin-top:10px;padding:10px 14px;font-size:13px}.test-result.success[data-v-8b827378]{color:#16a34a;background:#dcfce7}.test-result.error[data-v-8b827378]{color:#dc2626;background:#fee2e2}.info-box[data-v-8b827378]{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;gap:12px;margin-bottom:20px;padding:14px;display:flex}.info-box i[data-v-8b827378]{color:#3b82f6;margin-top:2px}.info-box p[data-v-8b827378]{color:#1e40af;margin:0 0 4px;font-size:13px}.info-box p[data-v-8b827378]:last-child{margin-bottom:0}.info-box p a[data-v-8b827378]{color:#2563eb;text-decoration:underline}.action-bar[data-v-8b827378]{z-index:100;justify-content:flex-end;gap:12px;margin-bottom:32px;display:flex;position:relative}.action-bar button[data-v-8b827378]{cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.action-bar button[data-v-8b827378]:disabled{opacity:.6;cursor:not-allowed}.action-bar .btn-secondary[data-v-8b827378]{color:#374151;background:#fff;border:1px solid #d1d5db}.action-bar .btn-secondary[data-v-8b827378]:hover:not(:disabled){background:#f9fafb}.action-bar .btn-primary[data-v-8b827378]{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none}.action-bar .btn-primary[data-v-8b827378]:hover:not(:disabled){opacity:.9}.help-section[data-v-8b827378]{background:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000001a}.help-section h3[data-v-8b827378]{color:#1e293b;align-items:center;gap:10px;margin-bottom:20px;font-size:16px;display:flex}.help-section h3 i[data-v-8b827378]{color:#6366f1}.help-section .help-grid[data-v-8b827378]{grid-template-columns:1fr 1fr;gap:24px;display:grid}.help-section .help-item h4[data-v-8b827378]{color:#374151;margin-bottom:12px;font-size:14px}.help-section .help-item ul[data-v-8b827378]{margin:0;padding-left:20px}.help-section .help-item ul li[data-v-8b827378]{color:#64748b;margin-bottom:8px;font-size:13px;line-height:1.5}@media (max-width:768px){.settings-grid[data-v-8b827378],.form-row[data-v-8b827378],.help-section .help-grid[data-v-8b827378]{grid-template-columns:1fr}.provider-select[data-v-8b827378]{flex-direction:column}}.message-manage .page-header-modern[data-v-da585eee]{margin:-24px -24px 32px;padding:36px 24px;position:relative;overflow:hidden}.message-manage .page-header-modern .header-bg[data-v-da585eee]{position:absolute;inset:0}.message-manage .page-header-modern .header-bg .bg-gradient[data-v-da585eee]{background:linear-gradient(135deg,#06b6d4 0%,#3b82f6 50%,#8b5cf6 100%);position:absolute;inset:0}.message-manage .page-header-modern .header-bg .bg-circles[data-v-da585eee]{position:absolute;inset:0}.message-manage .page-header-modern .header-bg .bg-circles .circle[data-v-da585eee]{background:#ffffff1a;border-radius:50%;position:absolute}.message-manage .page-header-modern .header-bg .bg-circles .circle.c1[data-v-da585eee]{width:300px;height:300px;top:-150px;right:-50px}.message-manage .page-header-modern .header-bg .bg-circles .circle.c2[data-v-da585eee]{width:200px;height:200px;bottom:-100px;left:10%}.message-manage .page-header-modern .header-bg .bg-circles .circle.c3[data-v-da585eee]{width:150px;height:150px;top:20%;left:30%}.message-manage .page-header-modern .header-content[data-v-da585eee]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex;position:relative}.message-manage .page-header-modern .header-left[data-v-da585eee]{align-items:center;gap:20px;display:flex}.message-manage .page-header-modern .header-left .header-icon[data-v-da585eee]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:relative}.message-manage .page-header-modern .header-left .header-icon i[data-v-da585eee]{color:#fff;font-size:28px}.message-manage .page-header-modern .header-left .header-icon .badge-dot[data-v-da585eee]{background:#ef4444;border:3px solid #3b82f6;border-radius:50%;width:16px;height:16px;animation:2s infinite pulse-da585eee;position:absolute;top:-4px;right:-4px}.message-manage .page-header-modern .header-left .header-text h1[data-v-da585eee]{color:#fff;margin:0;font-size:28px;font-weight:700}.message-manage .page-header-modern .header-left .header-text p[data-v-da585eee]{color:#ffffffd9;margin:6px 0 0;font-size:14px}.message-manage .page-header-modern .header-actions[data-v-da585eee]{gap:10px;display:flex}.message-manage .page-header-modern .header-actions .btn-action[data-v-da585eee]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #fff3;border-radius:12px;width:48px;height:48px;font-size:16px;transition:all .2s}.message-manage .page-header-modern .header-actions .btn-action[data-v-da585eee]:hover{background:#ffffff40}.message-manage .page-header-modern .header-actions .btn-action[data-v-da585eee]:disabled{opacity:.5;cursor:not-allowed}@keyframes pulse-da585eee{0%,to{opacity:1}50%{opacity:.6}}.message-manage .stats-grid[data-v-da585eee]{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px;display:grid}@media (max-width:1200px){.message-manage .stats-grid[data-v-da585eee]{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.message-manage .stats-grid[data-v-da585eee]{grid-template-columns:1fr}}.message-manage .stat-card-modern[data-v-da585eee]{background:#fff;border-radius:16px;align-items:center;gap:16px;padding:24px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000014}.message-manage .stat-card-modern[data-v-da585eee]:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001f}.message-manage .stat-card-modern .stat-glow[data-v-da585eee]{width:4px;height:100%;position:absolute;top:0;left:0}.message-manage .stat-card-modern.total .stat-glow[data-v-da585eee]{background:linear-gradient(#06b6d4,#0891b2)}.message-manage .stat-card-modern.pending .stat-glow[data-v-da585eee]{background:linear-gradient(#f59e0b,#d97706)}.message-manage .stat-card-modern.read .stat-glow[data-v-da585eee]{background:linear-gradient(#3b82f6,#2563eb)}.message-manage .stat-card-modern.replied .stat-glow[data-v-da585eee]{background:linear-gradient(#10b981,#059669)}.message-manage .stat-card-modern .stat-icon-wrap[data-v-da585eee]{border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;display:flex}.message-manage .stat-card-modern.total .stat-icon-wrap[data-v-da585eee]{color:#06b6d4;background:#ecfeff}.message-manage .stat-card-modern.pending .stat-icon-wrap[data-v-da585eee]{color:#f59e0b;background:#fffbeb}.message-manage .stat-card-modern.read .stat-icon-wrap[data-v-da585eee]{color:#3b82f6;background:#eff6ff}.message-manage .stat-card-modern.replied .stat-icon-wrap[data-v-da585eee]{color:#10b981;background:#ecfdf5}.message-manage .stat-card-modern .stat-body[data-v-da585eee]{flex:1}.message-manage .stat-card-modern .stat-body .stat-value[data-v-da585eee]{color:#1e293b;font-size:28px;font-weight:700;line-height:1.2;display:block}.message-manage .stat-card-modern .stat-body .stat-label[data-v-da585eee]{color:#64748b;font-size:13px}.message-manage .stat-card-modern .stat-trend[data-v-da585eee]{color:#94a3b8;font-size:18px}.message-manage .stat-card-modern .stat-alert[data-v-da585eee]{color:#dc2626;background:#fef2f2;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:flex;position:relative}.message-manage .stat-card-modern .stat-alert .pulse[data-v-da585eee]{background:#dc2626;border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse-da585eee}.message-manage .toolbar-modern[data-v-da585eee]{background:#fff;border-radius:16px;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px;padding:16px 20px;display:flex;box-shadow:0 1px 3px #0000000f}.message-manage .search-modern[data-v-da585eee]{flex:1;min-width:200px;max-width:320px;position:relative}.message-manage .search-modern .search-icon[data-v-da585eee]{color:#94a3b8;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.message-manage .search-modern input[data-v-da585eee]{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;width:100%;padding:12px 40px;font-size:14px;transition:all .2s}.message-manage .search-modern input[data-v-da585eee]:focus{background:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 4px #3b82f61a}.message-manage .search-modern .search-clear[data-v-da585eee]{color:#64748b;cursor:pointer;background:#e2e8f0;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.message-manage .search-modern .search-clear[data-v-da585eee]:hover{background:#cbd5e1}.message-manage .filter-tabs[data-v-da585eee]{flex-wrap:wrap;gap:8px;display:flex}.message-manage .filter-tabs .tab-btn[data-v-da585eee]{color:#64748b;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:100px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.message-manage .filter-tabs .tab-btn i[data-v-da585eee]{font-size:12px}.message-manage .filter-tabs .tab-btn .count[data-v-da585eee]{color:#fff;background:#ef4444;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.message-manage .filter-tabs .tab-btn[data-v-da585eee]:hover{color:#3b82f6;border-color:#3b82f6}.message-manage .filter-tabs .tab-btn.active[data-v-da585eee]{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);border-color:#0000}.message-manage .filter-tabs .tab-btn.active .count[data-v-da585eee]{color:#3b82f6;background:#fff}.message-manage .filter-tabs .tab-btn.pending.active[data-v-da585eee]{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.message-manage .sort-select select[data-v-da585eee]{appearance:none;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E") right 12px center no-repeat;border:2px solid #e2e8f0;border-radius:10px;padding:10px 36px 10px 14px;font-size:13px}.message-manage .sort-select select[data-v-da585eee]:focus{border-color:#3b82f6;outline:none}.message-manage .bulk-bar[data-v-da585eee]{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:16px 20px;display:flex}.message-manage .bulk-bar .bulk-info[data-v-da585eee]{color:#fff;align-items:center;gap:12px;display:flex}.message-manage .bulk-bar .bulk-info .bulk-icon[data-v-da585eee]{background:#fff3;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.message-manage .bulk-bar .bulk-actions-group[data-v-da585eee]{flex-wrap:wrap;gap:8px;display:flex}.message-manage .bulk-bar .bulk-actions-group .bulk-btn[data-v-da585eee]{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.message-manage .bulk-bar .bulk-actions-group .bulk-btn.read[data-v-da585eee]{color:#fff;background:#3b82f6e6}.message-manage .bulk-bar .bulk-actions-group .bulk-btn.replied[data-v-da585eee]{color:#fff;background:#10b981e6}.message-manage .bulk-bar .bulk-actions-group .bulk-btn.pending[data-v-da585eee]{color:#fff;background:#fbbf24e6}.message-manage .bulk-bar .bulk-actions-group .bulk-btn.delete[data-v-da585eee]{color:#fff;background:#ef4444e6}.message-manage .bulk-bar .bulk-actions-group .bulk-btn.cancel[data-v-da585eee]{color:#fff;background:#fff3;justify-content:center;width:40px;padding:10px}.message-manage .bulk-bar .bulk-actions-group .bulk-btn[data-v-da585eee]:hover{opacity:.9;transform:translateY(-1px)}.message-manage .bulk-bar .bulk-actions-group .bulk-btn[data-v-da585eee]:disabled{opacity:.5;cursor:not-allowed}.message-manage .slide-fade-enter-active[data-v-da585eee],.message-manage .slide-fade-leave-active[data-v-da585eee]{transition:all .3s}.message-manage .slide-fade-enter-from[data-v-da585eee],.message-manage .slide-fade-leave-to[data-v-da585eee]{opacity:0;transform:translateY(-20px)}.message-manage .loading-modern[data-v-da585eee],.message-manage .empty-modern[data-v-da585eee],.message-manage .error-modern[data-v-da585eee]{text-align:center;background:#fff;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.message-manage .loading-modern .loading-spinner[data-v-da585eee]{width:80px;height:80px;margin-bottom:20px;position:relative}.message-manage .loading-modern .loading-spinner .spinner-ring[data-v-da585eee]{border:4px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:1s linear infinite spin-da585eee;position:absolute;inset:0}.message-manage .loading-modern .loading-spinner i[data-v-da585eee]{color:#3b82f6;font-size:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.message-manage .loading-modern span[data-v-da585eee]{color:#64748b}.message-manage .empty-modern .empty-illustration[data-v-da585eee]{width:120px;height:120px;margin-bottom:24px;position:relative}.message-manage .empty-modern .empty-illustration .empty-circle[data-v-da585eee]{background:linear-gradient(135deg,#e0f2fe 0%,#f0fdfa 100%);border-radius:50%;animation:3s ease-in-out infinite float-da585eee;position:absolute;inset:0}.message-manage .empty-modern .empty-illustration i[data-v-da585eee]{color:#3b82f6;font-size:48px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.message-manage .empty-modern h3[data-v-da585eee]{color:#1e293b;margin:0 0 8px;font-size:20px}.message-manage .empty-modern p[data-v-da585eee]{color:#64748b;max-width:300px;margin:0 0 24px}.message-manage .empty-modern .btn-reset[data-v-da585eee]{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-weight:500;display:flex}.message-manage .empty-modern .btn-reset[data-v-da585eee]:hover{background:#e2e8f0}.message-manage .error-modern .error-icon[data-v-da585eee]{background:#fef2f2;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:20px;display:flex}.message-manage .error-modern .error-icon i[data-v-da585eee]{color:#ef4444;font-size:36px}.message-manage .error-modern h3[data-v-da585eee]{color:#1e293b;margin:0 0 8px}.message-manage .error-modern p[data-v-da585eee]{color:#64748b;margin:0 0 20px}.message-manage .error-modern .btn-retry[data-v-da585eee]{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:10px;padding:12px 24px;font-weight:500}.message-manage .error-modern .btn-retry[data-v-da585eee]:hover{background:#dc2626}@keyframes spin-da585eee{to{transform:rotate(360deg)}}@keyframes float-da585eee{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.message-manage .list-header-modern[data-v-da585eee]{background:#fff;border-bottom:1px solid #f1f5f9;border-radius:14px 14px 0 0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.message-manage .list-header-modern .checkbox-modern[data-v-da585eee]{cursor:pointer;align-items:center;gap:12px;display:flex}.message-manage .list-header-modern .checkbox-modern input[data-v-da585eee]{display:none}.message-manage .list-header-modern .checkbox-modern .checkmark[data-v-da585eee]{border:2px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.message-manage .list-header-modern .checkbox-modern .checkmark[data-v-da585eee]:after{content:"✓";color:#fff;opacity:0;font-size:12px;transition:all .2s;transform:scale(0)}.message-manage .list-header-modern .checkbox-modern input:checked+.checkmark[data-v-da585eee]{background:#3b82f6;border-color:#3b82f6}.message-manage .list-header-modern .checkbox-modern input:checked+.checkmark[data-v-da585eee]:after{opacity:1;transform:scale(1)}.message-manage .list-header-modern .checkbox-modern .label-text[data-v-da585eee]{color:#64748b;font-size:14px}.message-manage .list-header-modern .list-count[data-v-da585eee]{color:#64748b;align-items:center;gap:8px;font-size:14px;display:flex}.message-manage .list-header-modern .list-count strong[data-v-da585eee]{color:#1e293b}.message-manage .message-list-modern[data-v-da585eee]{background:#fff;border-radius:0 0 14px 14px}.message-manage .message-card-modern[data-v-da585eee]{animation:.4s backwards fadeInUp-da585eee;animation-delay:var(--delay);border-bottom:1px solid #f1f5f9;padding:20px;transition:all .2s;display:flex;position:relative}.message-manage .message-card-modern[data-v-da585eee]:last-child{border-bottom:none}.message-manage .message-card-modern[data-v-da585eee]:hover{background:#fafbfc}.message-manage .message-card-modern.selected[data-v-da585eee]{background:#eff6ff}.message-manage .message-card-modern .card-checkbox[data-v-da585eee]{cursor:pointer;flex-shrink:0;width:20px;height:20px;margin-top:4px;margin-right:16px;position:relative}.message-manage .message-card-modern .card-checkbox input[data-v-da585eee]{display:none}.message-manage .message-card-modern .card-checkbox .checkmark[data-v-da585eee]{border:2px solid #cbd5e1;border-radius:6px;transition:all .2s;position:absolute;inset:0}.message-manage .message-card-modern .card-checkbox .checkmark[data-v-da585eee]:after{content:"✓";color:#fff;font-size:11px;transition:all .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.message-manage .message-card-modern .card-checkbox input:checked+.checkmark[data-v-da585eee]{background:#3b82f6;border-color:#3b82f6}.message-manage .message-card-modern .card-checkbox input:checked+.checkmark[data-v-da585eee]:after{transform:translate(-50%,-50%)scale(1)}.message-manage .message-card-modern .status-bar[data-v-da585eee]{width:4px;position:absolute;top:0;bottom:0;left:0}.message-manage .message-card-modern .status-bar.pending[data-v-da585eee]{background:linear-gradient(#f59e0b,#d97706)}.message-manage .message-card-modern .status-bar.read[data-v-da585eee]{background:linear-gradient(#3b82f6,#2563eb)}.message-manage .message-card-modern .status-bar.replied[data-v-da585eee]{background:linear-gradient(#10b981,#059669)}.message-manage .message-card-modern .card-body[data-v-da585eee]{flex:1;min-width:0}.message-manage .message-card-modern .card-header[data-v-da585eee]{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.message-manage .message-card-modern .user-section[data-v-da585eee]{align-items:center;gap:14px;display:flex}.message-manage .message-card-modern .user-section .avatar[data-v-da585eee]{color:#fff;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:600;display:flex}.message-manage .message-card-modern .user-section .avatar.pending[data-v-da585eee]{background:linear-gradient(135deg,#f59e0b,#d97706)}.message-manage .message-card-modern .user-section .avatar.read[data-v-da585eee]{background:linear-gradient(135deg,#3b82f6,#2563eb)}.message-manage .message-card-modern .user-section .avatar.replied[data-v-da585eee]{background:linear-gradient(135deg,#10b981,#059669)}.message-manage .message-card-modern .user-section .user-info .user-name[data-v-da585eee]{color:#1e293b;margin:0 0 6px;font-size:16px;font-weight:600}.message-manage .message-card-modern .user-section .user-info .contact-chips[data-v-da585eee]{flex-wrap:wrap;gap:8px;display:flex}.message-manage .message-card-modern .user-section .user-info .contact-chips .chip[data-v-da585eee]{color:#64748b;cursor:pointer;background:#f1f5f9;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;transition:all .2s;display:flex}.message-manage .message-card-modern .user-section .user-info .contact-chips .chip[data-v-da585eee]:hover{color:#1e293b;background:#e2e8f0}.message-manage .message-card-modern .user-section .user-info .contact-chips .chip i[data-v-da585eee]{font-size:10px}.message-manage .message-card-modern .meta-section[data-v-da585eee]{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.message-manage .message-card-modern .meta-section .status-pill[data-v-da585eee]{border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.message-manage .message-card-modern .meta-section .status-pill.pending[data-v-da585eee]{color:#92400e;background:#fef3c7}.message-manage .message-card-modern .meta-section .status-pill.read[data-v-da585eee]{color:#1e40af;background:#dbeafe}.message-manage .message-card-modern .meta-section .status-pill.replied[data-v-da585eee]{color:#065f46;background:#d1fae5}.message-manage .message-card-modern .meta-section .status-pill i[data-v-da585eee]{font-size:10px}.message-manage .message-card-modern .meta-section .time-ago[data-v-da585eee]{color:#94a3b8;align-items:center;gap:6px;font-size:12px;display:flex}.message-manage .message-card-modern .message-content[data-v-da585eee]{background:#f8fafc;border-radius:12px;margin-bottom:14px;padding:16px}.message-manage .message-card-modern .message-content p[data-v-da585eee]{color:#475569;word-break:break-word;margin:0;font-size:14px;line-height:1.6}.message-manage .message-card-modern .card-footer[data-v-da585eee]{justify-content:space-between;align-items:center;display:flex}.message-manage .message-card-modern .card-footer .quick-actions[data-v-da585eee]{gap:8px;display:flex}.message-manage .message-card-modern .card-footer .quick-actions .action-chip[data-v-da585eee]{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;transition:all .2s;display:flex}.message-manage .message-card-modern .card-footer .quick-actions .action-chip[data-v-da585eee]:hover{color:#3b82f6;border-color:#3b82f6}.message-manage .message-card-modern .card-footer .quick-actions .action-chip[data-v-da585eee]:disabled{opacity:.5;cursor:not-allowed}.message-manage .message-card-modern .card-footer .quick-actions .action-chip.primary[data-v-da585eee]{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-color:#0000}.message-manage .message-card-modern .card-footer .quick-actions .action-chip.primary[data-v-da585eee]:hover{box-shadow:0 4px 12px #3b82f64d}.message-manage .message-card-modern .card-footer .more-actions .action-icon[data-v-da585eee]{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;width:36px;height:36px;transition:all .2s}.message-manage .message-card-modern .card-footer .more-actions .action-icon[data-v-da585eee]:hover{color:#64748b;background:#f1f5f9}.message-manage .message-card-modern .card-footer .more-actions .action-icon.danger[data-v-da585eee]:hover{color:#ef4444;background:#fef2f2}.message-manage .message-card-modern .card-footer .more-actions .action-icon[data-v-da585eee]:disabled{opacity:.5;cursor:not-allowed}@keyframes fadeInUp-da585eee{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.message-manage .pagination-modern[data-v-da585eee]{background:#fff;border-top:1px solid #f1f5f9;border-radius:0 0 14px 14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex}.message-manage .pagination-modern .page-btn[data-v-da585eee]{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;gap:2px;min-width:40px;height:40px;transition:all .2s;display:flex}.message-manage .pagination-modern .page-btn[data-v-da585eee]:hover:not(:disabled){color:#3b82f6;background:#eff6ff;border-color:#3b82f6}.message-manage .pagination-modern .page-btn[data-v-da585eee]:disabled{opacity:.4;cursor:not-allowed}.message-manage .pagination-modern .page-btn.nav i[data-v-da585eee]{margin:0 -2px;font-size:12px}.message-manage .pagination-modern .page-numbers[data-v-da585eee]{gap:4px;display:flex}.message-manage .pagination-modern .page-numbers .page-num[data-v-da585eee]{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:10px;min-width:40px;height:40px;font-weight:500;transition:all .2s}.message-manage .pagination-modern .page-numbers .page-num[data-v-da585eee]:hover{color:#1e293b;background:#f1f5f9}.message-manage .pagination-modern .page-numbers .page-num.active[data-v-da585eee]{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%)}.message-manage .pagination-modern .page-info[data-v-da585eee]{color:#94a3b8;border-left:1px solid #e2e8f0;margin-left:16px;padding-left:16px;font-size:13px}.message-manage .page-header[data-v-da585eee]{display:none}.message-manage .stats-cards[data-v-da585eee]{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:none}@media (max-width:992px){.message-manage .stats-cards[data-v-da585eee]{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.message-manage .stats-cards[data-v-da585eee]{grid-template-columns:1fr}}.message-manage .stats-cards .stat-card[data-v-da585eee]{background:#fff;border-left:4px solid;border-radius:12px;align-items:center;gap:16px;padding:20px;transition:transform .2s;display:flex;position:relative;box-shadow:0 1px 3px #0000001a}.message-manage .stats-cards .stat-card[data-v-da585eee]:hover{transform:translateY(-2px)}.message-manage .stats-cards .stat-card.total[data-v-da585eee]{border-color:#3b82f6}.message-manage .stats-cards .stat-card.total .stat-icon[data-v-da585eee]{color:#3b82f6;background:#eff6ff}.message-manage .stats-cards .stat-card.pending[data-v-da585eee]{border-color:#f59e0b}.message-manage .stats-cards .stat-card.pending .stat-icon[data-v-da585eee]{color:#f59e0b;background:#fffbeb}.message-manage .stats-cards .stat-card.read[data-v-da585eee]{border-color:#6366f1}.message-manage .stats-cards .stat-card.read .stat-icon[data-v-da585eee]{color:#6366f1;background:#eef2ff}.message-manage .stats-cards .stat-card.replied[data-v-da585eee]{border-color:#10b981}.message-manage .stats-cards .stat-card.replied .stat-icon[data-v-da585eee]{color:#10b981;background:#ecfdf5}.message-manage .stats-cards .stat-card .stat-icon[data-v-da585eee]{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.message-manage .stats-cards .stat-card .stat-info .stat-number[data-v-da585eee]{color:#1e293b;font-size:28px;font-weight:700;display:block}.message-manage .stats-cards .stat-card .stat-info .stat-label[data-v-da585eee]{color:#64748b;font-size:13px}.message-manage .stats-cards .stat-card .stat-badge[data-v-da585eee]{color:#92400e;background:#fef3c7;border-radius:10px;padding:3px 8px;font-size:10px;font-weight:600;animation:2s infinite pulse-da585eee;position:absolute;top:12px;right:12px}.message-manage .filter-bar[data-v-da585eee]{flex-wrap:wrap;gap:16px;margin-bottom:16px;display:none}.message-manage .filter-bar .search-box[data-v-da585eee]{flex:1;min-width:250px;position:relative}.message-manage .filter-bar .search-box i.fa-search[data-v-da585eee]{color:#94a3b8;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.message-manage .filter-bar .search-box input[data-v-da585eee]{border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 40px;font-size:14px}.message-manage .filter-bar .search-box input[data-v-da585eee]:focus{border-color:#f59e0b;outline:none;box-shadow:0 0 0 3px #f59e0b1a}.message-manage .filter-bar .search-box .clear-btn[data-v-da585eee]{color:#94a3b8;cursor:pointer;background:0 0;border:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.message-manage .filter-bar .search-box .clear-btn[data-v-da585eee]:hover{color:#64748b}.message-manage .filter-bar .filter-group[data-v-da585eee]{gap:10px;display:flex}.message-manage .filter-bar .filter-group select[data-v-da585eee]{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 14px;font-size:14px}.message-manage .filter-bar .filter-group select[data-v-da585eee]:focus{border-color:#f59e0b;outline:none}.message-manage .bulk-actions[data-v-da585eee]{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:14px 20px;display:none}.message-manage .bulk-actions .bulk-info[data-v-da585eee]{align-items:center;gap:10px;font-size:14px;display:flex}.message-manage .bulk-actions .bulk-info strong[data-v-da585eee]{font-size:18px}.message-manage .bulk-actions .bulk-buttons[data-v-da585eee]{flex-wrap:wrap;gap:8px;display:flex}.message-manage .bulk-actions .bulk-btn[data-v-da585eee]{color:#fff;cursor:pointer;background:#fff3;border:1px solid #ffffff4d;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;transition:all .2s;display:flex}.message-manage .bulk-actions .bulk-btn[data-v-da585eee]:hover:not(:disabled){background:#ffffff4d}.message-manage .bulk-actions .bulk-btn[data-v-da585eee]:disabled{opacity:.5;cursor:not-allowed}.message-manage .bulk-actions .bulk-btn.danger[data-v-da585eee]{background:#ef444466}.message-manage .bulk-actions .bulk-btn.cancel[data-v-da585eee]{background:0 0}.message-manage .content-area[data-v-da585eee]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a}.message-manage .loading-state[data-v-da585eee],.message-manage .error-state[data-v-da585eee],.message-manage .empty-state[data-v-da585eee]{text-align:center;padding:60px 20px}.message-manage .loading-state i[data-v-da585eee],.message-manage .error-state i[data-v-da585eee],.message-manage .empty-state i[data-v-da585eee]{margin-bottom:16px;font-size:48px}.message-manage .loading-state h3[data-v-da585eee],.message-manage .error-state h3[data-v-da585eee],.message-manage .empty-state h3[data-v-da585eee]{color:#1e293b;margin:0 0 8px}.message-manage .loading-state p[data-v-da585eee],.message-manage .error-state p[data-v-da585eee],.message-manage .empty-state p[data-v-da585eee]{color:#64748b;margin:0 0 16px}.message-manage .loading-state i[data-v-da585eee]{color:#f59e0b}.message-manage .error-state i[data-v-da585eee]{color:#ef4444}.message-manage .empty-state i[data-v-da585eee]{color:#cbd5e1}.message-manage .btn-retry[data-v-da585eee],.message-manage .btn-reset[data-v-da585eee]{color:#fff;cursor:pointer;background:#f59e0b;border:none;border-radius:8px;padding:10px 20px}.message-manage .btn-retry[data-v-da585eee]:hover,.message-manage .btn-reset[data-v-da585eee]:hover{background:#d97706}.message-manage .list-header[data-v-da585eee]{background:#f8fafc;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 16px;display:flex}.message-manage .list-header .list-count[data-v-da585eee]{color:#64748b;font-size:13px}.message-manage .checkbox-wrapper[data-v-da585eee]{cursor:pointer;align-items:center;gap:8px;display:flex}.message-manage .checkbox-wrapper input[type=checkbox][data-v-da585eee]{accent-color:#f59e0b;width:18px;height:18px}.message-manage .checkbox-wrapper .checkbox-label[data-v-da585eee]{color:#64748b;font-size:14px}.message-manage .message-list[data-v-da585eee]{flex-direction:column;gap:12px;display:flex}.message-manage .message-card[data-v-da585eee]{border:1px solid #e2e8f0;border-radius:12px;gap:16px;padding:20px;transition:all .2s;display:flex}.message-manage .message-card[data-v-da585eee]:hover{box-shadow:0 4px 12px #00000014}.message-manage .message-card.selected[data-v-da585eee]{background:#fffbeb;border-color:#f59e0b}.message-manage .message-card .card-left[data-v-da585eee]{flex-direction:column;align-items:center;gap:12px;display:flex}.message-manage .message-card .card-left .status-indicator[data-v-da585eee]{border-radius:2px;width:4px;height:40px}.message-manage .message-card .card-left .status-indicator.pending[data-v-da585eee]{background:#f59e0b}.message-manage .message-card .card-left .status-indicator.read[data-v-da585eee]{background:#6366f1}.message-manage .message-card .card-left .status-indicator.replied[data-v-da585eee]{background:#10b981}.message-manage .message-card .card-main[data-v-da585eee]{flex:1;min-width:0}.message-manage .message-card .card-header[data-v-da585eee]{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.message-manage .message-card .user-info[data-v-da585eee]{gap:12px;display:flex}.message-manage .message-card .user-info .user-avatar[data-v-da585eee]{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:600;display:flex}.message-manage .message-card .user-info .user-details h4[data-v-da585eee]{color:#1e293b;margin:0 0 4px;font-size:16px}.message-manage .message-card .user-info .user-details .contact-info[data-v-da585eee]{color:#64748b;flex-wrap:wrap;gap:16px;font-size:13px;display:flex}.message-manage .message-card .user-info .user-details .contact-info span[data-v-da585eee]{align-items:center;gap:4px;display:flex}.message-manage .message-card .user-info .user-details .contact-info span i[data-v-da585eee]{font-size:11px}.message-manage .message-card .card-meta[data-v-da585eee]{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.message-manage .message-card .card-meta .status-badge[data-v-da585eee]{border-radius:20px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:500;display:flex}.message-manage .message-card .card-meta .status-badge.pending[data-v-da585eee]{color:#92400e;background:#fef3c7}.message-manage .message-card .card-meta .status-badge.read[data-v-da585eee]{color:#3730a3;background:#e0e7ff}.message-manage .message-card .card-meta .status-badge.replied[data-v-da585eee]{color:#065f46;background:#d1fae5}.message-manage .message-card .card-meta .time[data-v-da585eee]{color:#94a3b8;font-size:12px}.message-manage .message-card .card-content[data-v-da585eee]{background:#f8fafc;border-radius:8px;margin-bottom:16px;padding:16px}.message-manage .message-card .card-content p[data-v-da585eee]{color:#374151;margin:0;line-height:1.6}.message-manage .message-card .card-actions[data-v-da585eee]{flex-wrap:wrap;gap:8px;display:flex}.message-manage .message-card .card-actions .action-btn[data-v-da585eee]{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;transition:all .2s;display:flex}.message-manage .message-card .card-actions .action-btn[data-v-da585eee]:hover{color:#f59e0b;border-color:#f59e0b}.message-manage .message-card .card-actions .action-btn.primary[data-v-da585eee]{color:#fff;background:#f59e0b;border-color:#f59e0b}.message-manage .message-card .card-actions .action-btn.primary[data-v-da585eee]:hover{background:#d97706}.message-manage .message-card .card-actions .action-btn.danger[data-v-da585eee]:hover{color:#ef4444;border-color:#ef4444}.message-manage .message-card .card-actions .action-btn[data-v-da585eee]:disabled{opacity:.5;cursor:not-allowed}.message-manage .pagination[data-v-da585eee]{border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:24px;padding-top:24px;display:flex}.message-manage .pagination .page-btn[data-v-da585eee]{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:4px;padding:8px 14px;font-size:13px;transition:all .2s;display:flex}.message-manage .pagination .page-btn[data-v-da585eee]:hover:not(:disabled){color:#f59e0b;border-color:#f59e0b}.message-manage .pagination .page-btn[data-v-da585eee]:disabled{opacity:.5;cursor:not-allowed}.message-manage .pagination .page-numbers[data-v-da585eee]{gap:4px;display:flex}.message-manage .pagination .page-numbers .page-num[data-v-da585eee]{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;width:36px;height:36px;font-size:14px;transition:all .2s}.message-manage .pagination .page-numbers .page-num[data-v-da585eee]:hover{border-color:#f59e0b}.message-manage .pagination .page-numbers .page-num.active[data-v-da585eee]{color:#fff;background:#f59e0b;border-color:#f59e0b}.message-manage .modal-overlay[data-v-da585eee]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.message-manage .modal-content[data-v-da585eee]{background:#fff;border-radius:16px;width:100%;max-width:480px;overflow:hidden;box-shadow:0 20px 40px #0003}.message-manage .modal-header[data-v-da585eee]{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.message-manage .modal-header h3[data-v-da585eee]{align-items:center;gap:10px;margin:0;font-size:18px;display:flex}.message-manage .modal-header .btn-close[data-v-da585eee]{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:8px;width:36px;height:36px}.message-manage .modal-header .btn-close[data-v-da585eee]:hover{background:#ffffff4d}.message-manage .modal-body[data-v-da585eee]{padding:24px}.message-manage .modal-body .original-message[data-v-da585eee]{background:#f8fafc;border-radius:10px;margin-bottom:20px;padding:16px}.message-manage .modal-body .original-message .msg-header[data-v-da585eee]{justify-content:space-between;margin-bottom:10px;display:flex}.message-manage .modal-body .original-message .msg-header .msg-from[data-v-da585eee]{color:#1e293b;font-weight:600}.message-manage .modal-body .original-message .msg-header .msg-time[data-v-da585eee]{color:#94a3b8;font-size:12px}.message-manage .modal-body .original-message .msg-content[data-v-da585eee]{color:#374151;margin:0;line-height:1.6}.message-manage .modal-body .reply-options h4[data-v-da585eee]{color:#64748b;margin:0 0 16px;font-size:14px}.message-manage .modal-body .reply-options .option-cards[data-v-da585eee]{gap:12px;display:grid}.message-manage .modal-body .reply-options .option-cards .option-card[data-v-da585eee]{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;align-items:center;padding:20px;text-decoration:none;transition:all .2s;display:flex}.message-manage .modal-body .reply-options .option-cards .option-card i[data-v-da585eee]{color:#f59e0b;margin-bottom:8px;font-size:24px}.message-manage .modal-body .reply-options .option-cards .option-card span[data-v-da585eee]{margin-bottom:4px;font-weight:500}.message-manage .modal-body .reply-options .option-cards .option-card small[data-v-da585eee]{color:#94a3b8;font-size:12px}.message-manage .modal-body .reply-options .option-cards .option-card[data-v-da585eee]:hover{background:#fffbeb;border-color:#f59e0b}.message-manage .slide-enter-active[data-v-da585eee],.message-manage .slide-leave-active[data-v-da585eee]{transition:all .3s}.message-manage .slide-enter-from[data-v-da585eee],.message-manage .slide-leave-to[data-v-da585eee]{opacity:0;transform:translateY(-10px)}@media (max-width:768px){.message-manage .message-card[data-v-da585eee]{flex-direction:column}.message-manage .message-card .card-left[data-v-da585eee]{flex-direction:row;justify-content:space-between;width:100%}.message-manage .message-card .card-left .status-indicator[data-v-da585eee]{width:40px;height:4px}.message-manage .message-card .card-header[data-v-da585eee]{flex-direction:column}.message-manage .message-card .card-meta[data-v-da585eee]{flex-direction:row;align-items:flex-start;gap:12px}.message-manage .filter-bar .search-box[data-v-da585eee]{min-width:100%}.message-manage .filter-bar .filter-group[data-v-da585eee]{width:100%}.message-manage .filter-bar .filter-group select[data-v-da585eee]{flex:1}}.modal-overlay-modern[data-v-da585eee]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#0f172a99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.reply-modal-modern[data-v-da585eee]{background:#fff;border-radius:24px;width:100%;max-width:520px;animation:.3s modalIn-da585eee;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@keyframes modalIn-da585eee{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header-modern[data-v-da585eee]{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);padding:28px 24px;position:relative;overflow:hidden}.modal-header-modern .header-decoration[data-v-da585eee]{position:absolute;inset:0}.modal-header-modern .header-decoration .deco-circle[data-v-da585eee]{background:#ffffff1a;border-radius:50%;position:absolute}.modal-header-modern .header-decoration .deco-circle.c1[data-v-da585eee]{width:200px;height:200px;top:-100px;right:-50px}.modal-header-modern .header-decoration .deco-circle.c2[data-v-da585eee]{width:120px;height:120px;bottom:-60px;left:20%}.modal-header-modern .header-content[data-v-da585eee]{align-items:center;gap:16px;display:flex;position:relative}.modal-header-modern .header-icon[data-v-da585eee]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.modal-header-modern .header-icon i[data-v-da585eee]{color:#fff;font-size:22px}.modal-header-modern .header-text h3[data-v-da585eee]{color:#fff;margin:0;font-size:20px;font-weight:600}.modal-header-modern .header-text p[data-v-da585eee]{color:#fffc;margin:4px 0 0;font-size:13px}.modal-header-modern .btn-close-modern[data-v-da585eee]{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:10px;width:36px;height:36px;transition:all .2s;position:absolute;top:16px;right:16px}.modal-header-modern .btn-close-modern[data-v-da585eee]:hover{background:#ffffff40}.modal-body-modern[data-v-da585eee]{padding:24px}.original-message-modern[data-v-da585eee]{gap:14px;margin-bottom:28px;display:flex}.original-message-modern .msg-avatar[data-v-da585eee]{color:#fff;background:linear-gradient(135deg,#06b6d4,#0891b2);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;font-weight:600;display:flex}.original-message-modern .msg-bubble[data-v-da585eee]{background:#f8fafc;border-radius:0 16px 16px;flex:1;padding:14px 18px}.original-message-modern .msg-bubble .msg-meta[data-v-da585eee]{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.original-message-modern .msg-bubble .msg-meta .msg-name[data-v-da585eee]{color:#1e293b;font-size:14px;font-weight:600}.original-message-modern .msg-bubble .msg-meta .msg-time[data-v-da585eee]{color:#94a3b8;font-size:12px}.original-message-modern .msg-bubble .msg-content[data-v-da585eee]{color:#475569;margin:0;font-size:14px;line-height:1.6}.reply-options-modern h4[data-v-da585eee]{color:#64748b;align-items:center;gap:10px;margin:0 0 16px;font-size:14px;font-weight:500;display:flex}.reply-options-modern h4[data-v-da585eee]:after{content:"";background:#e2e8f0;flex:1;height:1px}.reply-options-modern .options-grid[data-v-da585eee]{flex-direction:column;gap:12px;display:flex}.reply-options-modern .option-card-modern[data-v-da585eee]{cursor:pointer;background:#f8fafc;border:2px solid #0000;border-radius:14px;align-items:center;gap:16px;padding:16px 20px;text-decoration:none;transition:all .2s;display:flex}.reply-options-modern .option-card-modern[data-v-da585eee]:hover{background:#fff;border-color:#3b82f6;transform:translate(4px);box-shadow:0 4px 12px #3b82f61a}.reply-options-modern .option-card-modern .option-icon[data-v-da585eee]{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex}.reply-options-modern .option-card-modern.phone .option-icon[data-v-da585eee]{color:#10b981;background:#ecfdf5}.reply-options-modern .option-card-modern.email .option-icon[data-v-da585eee]{color:#3b82f6;background:#eff6ff}.reply-options-modern .option-card-modern.mark .option-icon[data-v-da585eee]{color:#eab308;background:#fefce8}.reply-options-modern .option-card-modern .option-info[data-v-da585eee]{flex:1}.reply-options-modern .option-card-modern .option-info .option-title[data-v-da585eee]{color:#1e293b;font-size:15px;font-weight:600;display:block}.reply-options-modern .option-card-modern .option-info .option-value[data-v-da585eee]{color:#64748b;margin-top:2px;font-size:13px;display:block}.reply-options-modern .option-card-modern .option-arrow[data-v-da585eee]{color:#94a3b8;transition:all .2s}.reply-options-modern .option-card-modern:hover .option-arrow[data-v-da585eee]{color:#3b82f6;transform:translate(4px)}.modal-fade-enter-active[data-v-da585eee],.modal-fade-leave-active[data-v-da585eee]{transition:all .3s}.modal-fade-enter-from[data-v-da585eee],.modal-fade-leave-to[data-v-da585eee]{opacity:0}.modal-fade-enter-from .reply-modal-modern[data-v-da585eee],.modal-fade-leave-to .reply-modal-modern[data-v-da585eee]{transform:scale(.9)translateY(20px)}.ql-container{box-sizing:border-box;height:100%;margin:0;font-family:Helvetica,Arial,sans-serif;font-size:13px;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui{cursor:pointer}.ql-clipboard{height:1px;position:absolute;top:50%;left:-100000px;overflow-y:hidden}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word;outline:none;height:100%;padding:12px 15px;line-height:1.42;overflow-y:auto}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{padding-left:1.5em;list-style-type:none;position:relative}.ql-editor li>.ql-ui:before{text-align:right;white-space:nowrap;width:1.2em;margin-left:-1.5em;margin-right:.3em;display:inline-block}.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{color:#777}.ql-editor li[data-list=bullet]>.ql-ui:before{content:"•"}.ql-editor li[data-list=checked]>.ql-ui:before{content:"☑"}.ql-editor li[data-list=unchecked]>.ql-ui:before{content:"☐"}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered]>.ql-ui:before{content:counter(list-0,decimal)". "}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before{content:counter(list-1,lower-alpha)". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before{content:counter(list-2,lower-roman)". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before{content:counter(list-3,decimal)". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before{content:counter(list-4,lower-alpha)". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before{content:counter(list-5,lower-roman)". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before{content:counter(list-6,decimal)". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before{content:counter(list-7,lower-alpha)". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before{content:counter(list-8,lower-roman)". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before{content:counter(list-9,decimal)". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl>.ql-ui:before{text-align:left;margin-left:.3em;margin-right:-1.5em}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{max-width:100%;display:block}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{text-align:inherit;direction:rtl}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);pointer-events:none;font-style:italic;position:absolute;left:15px;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{cursor:pointer;float:left;background:0 0;border:none;width:28px;height:24px;padding:3px 5px;display:inline-block}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{vertical-align:middle;display:inline-block}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2px}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1px}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-top:5px;margin-bottom:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-top:5px;margin-bottom:5px;padding:5px 10px}.ql-snow .ql-editor code{padding:2px 4px;font-size:85%}.ql-snow .ql-editor .ql-code-block-container{color:#f8f8f2;background-color:#23241f;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;float:left;vertical-align:middle;height:24px;font-size:14px;font-weight:500;display:inline-block;position:relative}.ql-snow .ql-picker-label{cursor:pointer;width:100%;height:100%;padding-left:8px;padding-right:2px;display:inline-block;position:relative}.ql-snow .ql-picker-label:before{line-height:22px;display:inline-block}.ql-snow .ql-picker-options{white-space:nowrap;background-color:#fff;min-width:100%;padding:4px 8px;display:none;position:absolute}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;padding-top:5px;padding-bottom:5px;display:block}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{z-index:1;margin-top:-1px;display:block;top:100%}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{width:24px;height:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{width:152px;padding:3px 5px}.ql-snow .ql-color-picker .ql-picker-item{float:left;border:1px solid #0000;width:16px;height:16px;margin:2px;padding:0}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{width:18px;margin-top:-9px;position:absolute;top:50%;right:0}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{top:5px;right:5px}.ql-toolbar.ql-snow{box-sizing:border-box;border:1px solid #ccc;padding:8px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid #0000}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid #0000;box-shadow:0 2px 8px #0003}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{color:#444;white-space:nowrap;background-color:#fff;border:1px solid #ccc;padding:5px 12px;box-shadow:0 0 5px #ddd}.ql-snow .ql-tooltip:before{content:"Visit URL:";margin-right:8px;line-height:26px}.ql-snow .ql-tooltip input[type=text]{border:1px solid #ccc;width:170px;height:26px;margin:0;padding:3px 5px;font-size:13px;display:none}.ql-snow .ql-tooltip a.ql-preview{text-overflow:ellipsis;vertical-align:top;max-width:200px;display:inline-block;overflow-x:hidden}.ql-snow .ql-tooltip a.ql-action:after{content:"Edit";border-right:1px solid #ccc;margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{content:"Save";border-right:0;padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.rich-text-editor .editor-container[data-v-2ae47cc8]{background:#fff;border:1px solid #d1d5db;border-radius:6px;min-height:200px}.rich-text-editor .editor-container[data-v-2ae47cc8] .ql-container{font-family:inherit;font-size:14px}.rich-text-editor .editor-container[data-v-2ae47cc8] .ql-editor{min-height:200px}.rich-text-editor .editor-container[data-v-2ae47cc8] .ql-editor.ql-blank:before{color:#9ca3af;font-style:normal}.rich-text-editor .editor-container[data-v-2ae47cc8] .ql-toolbar{background:#f9fafb;border-bottom:1px solid #d1d5db;border-top-left-radius:6px;border-top-right-radius:6px}.image-uploader .upload-area[data-v-41e55aa9]{text-align:center;cursor:pointer;background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;padding:40px;transition:all .3s}.image-uploader .upload-area[data-v-41e55aa9]:hover,.image-uploader .upload-area.dragging[data-v-41e55aa9]{background:#f0f4ff;border-color:#667eea}.image-uploader .upload-area i[data-v-41e55aa9]{color:#9ca3af;margin-bottom:12px;font-size:48px}.image-uploader .upload-area p[data-v-41e55aa9]{color:#374151;margin:0 0 8px;font-weight:500}.image-uploader .upload-area small[data-v-41e55aa9]{color:#6b7280;font-size:12px}.image-uploader .image-preview[data-v-41e55aa9]{border:1px solid #d1d5db;border-radius:8px;position:relative;overflow:hidden}.image-uploader .image-preview img[data-v-41e55aa9]{width:100%;height:auto;display:block}.image-uploader .image-preview .image-actions[data-v-41e55aa9]{gap:8px;display:flex;position:absolute;top:8px;right:8px}.image-uploader .image-preview .image-actions button[data-v-41e55aa9]{cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.image-uploader .image-preview .image-actions button.btn-replace[data-v-41e55aa9]{color:#fff;background:#667eeae6}.image-uploader .image-preview .image-actions button.btn-replace[data-v-41e55aa9]:hover{background:#667eea}.image-uploader .image-preview .image-actions button.btn-remove[data-v-41e55aa9]{color:#fff;background:#ef4444e6}.image-uploader .image-preview .image-actions button.btn-remove[data-v-41e55aa9]:hover{background:#ef4444}.image-uploader .image-preview .upload-progress[data-v-41e55aa9]{color:#fff;background:#000000b3;align-items:center;gap:8px;padding:8px;display:flex;position:absolute;bottom:0;left:0;right:0}.image-uploader .image-preview .upload-progress .progress-bar[data-v-41e55aa9]{background:#ffffff4d;border-radius:2px;flex:1;height:4px;overflow:hidden}.image-uploader .image-preview .upload-progress .progress-bar[data-v-41e55aa9]:after{content:"";background:#10b981;height:100%;transition:width .3s;display:block}.image-uploader .image-preview .upload-progress span[data-v-41e55aa9]{font-size:12px}.image-uploader .error-message[data-v-41e55aa9]{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;font-size:14px;display:flex}@media (max-width:768px){.page-header[data-v-5c9c5c86]{flex-direction:column;gap:15px;margin-bottom:20px;align-items:flex-start!important}.page-header h2[data-v-5c9c5c86]{font-size:20px!important}.page-header .header-actions[data-v-5c9c5c86]{flex-direction:column;gap:10px;width:100%;align-items:stretch!important}.page-header .header-actions .search-box[data-v-5c9c5c86],.page-header .header-actions .filter-select[data-v-5c9c5c86],.page-header .header-actions .section-select[data-v-5c9c5c86],.page-header .header-actions .action-buttons[data-v-5c9c5c86]{width:100%!important;max-width:none!important;margin:0!important}.page-header .header-actions .search-box input[data-v-5c9c5c86]{width:100%}.page-header .header-actions .btn-primary[data-v-5c9c5c86],.page-header .header-actions button[data-v-5c9c5c86]{justify-content:center;width:100%;padding:12px!important}}@media (max-width:576px){.section-padding[data-v-5c9c5c86]{padding:40px 0}.container[data-v-5c9c5c86]{padding:0 15px}}[data-v-5c9c5c86]{box-sizing:border-box;margin:0;padding:0}body[data-v-5c9c5c86]{color:#111827;background-color:#f9fafb;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;border:none!important;outline:none!important;margin:0!important;padding:0!important}.container[data-v-5c9c5c86]{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}a[data-v-5c9c5c86]{color:inherit;text-decoration:none}ul[data-v-5c9c5c86]{list-style:none}.btn-primary[data-v-5c9c5c86]{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:4px;padding:12px 24px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block}.btn-primary[data-v-5c9c5c86]:hover{background-color:#2563eb;transform:translateY(-2px)}.btn-secondary[data-v-5c9c5c86]{color:#2563eb;cursor:pointer;background-color:#0000;border:2px solid #2563eb;border-radius:4px;padding:12px 24px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block}.btn-secondary[data-v-5c9c5c86]:hover{color:#fff;background-color:#2563eb;transform:translateY(-2px)}h1[data-v-5c9c5c86],h2[data-v-5c9c5c86],h3[data-v-5c9c5c86],h4[data-v-5c9c5c86],h5[data-v-5c9c5c86],h6[data-v-5c9c5c86]{margin-bottom:16px;font-weight:700;line-height:1.3}h1[data-v-5c9c5c86]{font-size:48px}h2[data-v-5c9c5c86]{font-size:36px}h3[data-v-5c9c5c86]{font-size:24px}.section-header[data-v-5c9c5c86]{text-align:center;margin-bottom:60px}.section-header h2[data-v-5c9c5c86]{margin-bottom:10px;display:inline-block;position:relative}.section-header h2[data-v-5c9c5c86]:after{content:"";background-color:#2563eb;width:80px;height:3px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.section-header .separator[data-v-5c9c5c86]{width:50px;height:2px;margin:0 auto 15px}.section-header p[data-v-5c9c5c86]{color:#4b5563;max-width:600px;margin:0 auto}.navbar[data-v-5c9c5c86]{z-index:1000;width:100%;box-shadow:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0000;border-bottom:none;padding:15px 0;transition:all .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0}.navbar.scrolled[data-v-5c9c5c86]{background-color:#2563eb;border-bottom:1px solid #ffffff1a;padding:12px 0;box-shadow:0 4px 24px #2563eb4d}.navbar.navbar-transparent[data-v-5c9c5c86]{box-shadow:none;background-color:#0000;border-bottom:none}.navbar.navbar-transparent .logo .text-primary[data-v-5c9c5c86],.navbar.navbar-transparent .logo .text-secondary[data-v-5c9c5c86],.navbar.navbar-transparent .nav-desktop .nav-links li a[data-v-5c9c5c86]{background:linear-gradient(135deg,#1a1a1a 0%,#000 100%);-webkit-text-fill-color:transparent;text-shadow:none;-webkit-background-clip:text;background-clip:text}.navbar.navbar-transparent .nav-desktop .nav-links li a[data-v-5c9c5c86]:hover{background:linear-gradient(135deg,#000 0%,#333 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar.navbar-transparent .nav-desktop .nav-links li a.active[data-v-5c9c5c86]{background:linear-gradient(135deg,#000 0%,#1a1a1a 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar.navbar-transparent .nav-desktop .nav-links li a.active[data-v-5c9c5c86]:after{background:linear-gradient(135deg,#000 0%,#333 100%)}.navbar.navbar-transparent .menu-toggle[data-v-5c9c5c86]{background:linear-gradient(135deg,#1a1a1a 0%,#000 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar.navbar-transparent .menu-toggle[data-v-5c9c5c86]:hover{background:linear-gradient(135deg,#000 0%,#333 100%);-webkit-text-fill-color:transparent;background-color:#0000000d;-webkit-background-clip:text;background-clip:text}.navbar.navbar-transparent .nav-links li a.admin-link[data-v-5c9c5c86]{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d}.navbar.navbar-transparent .nav-links li a.admin-link[data-v-5c9c5c86]:hover{color:#fff;background:#ffffff4d;border-color:#ffffff80}.navbar[data-v-5c9c5c86]:not(.navbar-transparent){background-color:#2563eb;border-bottom:1px solid #ffffff1a;box-shadow:0 2px 12px #2563eb33}.navbar:not(.navbar-transparent) .logo .text-primary[data-v-5c9c5c86]{background:linear-gradient(135deg,#fff 0%,#e0e0e0 100%);-webkit-text-fill-color:transparent;text-shadow:none;-webkit-background-clip:text;background-clip:text}.navbar:not(.navbar-transparent) .logo .text-secondary[data-v-5c9c5c86]{background:linear-gradient(135deg,#fff 0%,#e0e0e0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:600}.navbar:not(.navbar-transparent) .nav-desktop .nav-links li a[data-v-5c9c5c86]{background:linear-gradient(135deg,#fff 0%,#e0e0e0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar:not(.navbar-transparent) .nav-desktop .nav-links li a[data-v-5c9c5c86]:hover{background:linear-gradient(135deg,#fff 0%,#f5f5f5 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar:not(.navbar-transparent) .nav-desktop .nav-links li a.active[data-v-5c9c5c86]{background:linear-gradient(135deg,#fff 0%,#e0e0e0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar:not(.navbar-transparent) .nav-desktop .nav-links li a.active[data-v-5c9c5c86]:after{background:linear-gradient(135deg,#fff 0%,#e0e0e0 100%)}.navbar:not(.navbar-transparent) .menu-toggle[data-v-5c9c5c86]{background:linear-gradient(135deg,#fff 0%,#e0e0e0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar:not(.navbar-transparent) .menu-toggle[data-v-5c9c5c86]:hover{background:linear-gradient(135deg,#fff 0%,#f5f5f5 100%);-webkit-text-fill-color:transparent;background-color:#ffffff1a;-webkit-background-clip:text;background-clip:text}.navbar .container[data-v-5c9c5c86]{justify-content:space-between;align-items:center;display:flex}.navbar .logo[data-v-5c9c5c86]{font-size:24px;font-weight:700}.navbar .logo .text-primary[data-v-5c9c5c86]{color:#2563eb;text-shadow:0 1px 2px #2563eb1a}.navbar .logo .text-secondary[data-v-5c9c5c86]{color:#000;font-weight:600}.navbar .nav-desktop[data-v-5c9c5c86]{display:block}.navbar .nav-desktop .nav-links[data-v-5c9c5c86]{gap:30px;display:flex}.navbar .nav-desktop .nav-links li a[data-v-5c9c5c86]{color:#000;letter-spacing:.3px;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.navbar .nav-desktop .nav-links li a[data-v-5c9c5c86]:hover{color:#2563eb}.navbar .nav-desktop .nav-links li a.active[data-v-5c9c5c86]{color:#2563eb;font-weight:700}.navbar .nav-desktop .nav-links li a.active[data-v-5c9c5c86]:after{content:"";background-color:#2563eb;border-radius:2px;width:100%;height:3px;position:absolute;bottom:-5px;left:0}.navbar .nav-desktop .nav-links li a.admin-link[data-v-5c9c5c86]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:6px;padding:8px 16px;font-weight:600;color:#fff!important;-webkit-text-fill-color:#fff!important}.navbar .nav-desktop .nav-links li a.admin-link[data-v-5c9c5c86]:hover{background:linear-gradient(135deg,#5568d3 0%,#6b3fa0 100%);transform:translateY(-2px);box-shadow:0 4px 12px #667eea66;color:#fff!important;-webkit-text-fill-color:#fff!important}.navbar .menu-toggle[data-v-5c9c5c86]{color:#000;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px;font-size:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:none}.navbar .menu-toggle[data-v-5c9c5c86]:hover{color:#2563eb;background-color:#0000000d}.mobile-menu[data-v-5c9c5c86]{z-index:999;-webkit-overflow-scrolling:touch;background-color:#fff;border-top:1px solid #00000014;width:100%;max-height:calc(100vh - 70px);padding:20px 0;animation:.3s ease-out slideDown-5c9c5c86;position:fixed;top:70px;left:0;overflow-y:auto;box-shadow:0 10px 25px #00000026}.mobile-menu .mobile-nav-links[data-v-5c9c5c86]{flex-direction:column;gap:8px;padding:0 20px;display:flex}.mobile-menu .mobile-nav-links li a[data-v-5c9c5c86]{color:#000;border-radius:8px;padding:12px 16px;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:block}.mobile-menu .mobile-nav-links li a[data-v-5c9c5c86]:hover{color:#2563eb;background-color:#2563eb14;padding-left:20px}.mobile-menu .mobile-nav-links li a.active[data-v-5c9c5c86]{color:#2563eb;background-color:#2563eb1a;font-weight:700}.mobile-menu .mobile-nav-links li a.admin-link[data-v-5c9c5c86]{text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:6px;margin-top:10px;padding:12px 20px;font-weight:600;color:#fff!important;-webkit-text-fill-color:#fff!important}.mobile-menu .mobile-nav-links li a.admin-link[data-v-5c9c5c86]:hover{background:linear-gradient(135deg,#5568d3 0%,#6b3fa0 100%);padding-left:20px;transform:translate(5px);color:#fff!important;-webkit-text-fill-color:#fff!important}.hero[data-v-5c9c5c86]{background:linear-gradient(135deg,#f9fafb 0%,#ccf8ff 100%);padding:120px 0 80px;position:relative;overflow:hidden}.hero .container[data-v-5c9c5c86]{flex-wrap:wrap;align-items:center;gap:40px;display:flex}.hero .hero-content[data-v-5c9c5c86]{flex:1;min-width:300px}.hero .hero-content h1[data-v-5c9c5c86]{margin-bottom:20px;line-height:1.2}.hero .hero-content p[data-v-5c9c5c86]{color:#4b5563;max-width:500px;margin-bottom:30px;font-size:18px}.hero .hero-content .cta-buttons[data-v-5c9c5c86]{flex-wrap:wrap;gap:15px;display:flex}.hero .hero-image[data-v-5c9c5c86]{flex:1;justify-content:center;align-items:center;min-width:300px;display:flex}.hero .hero-image i[data-v-5c9c5c86]{color:#2563eb;opacity:.9}.about[data-v-5c9c5c86]{padding:80px 0}@media (max-width:768px){.about[data-v-5c9c5c86]{padding:60px 0}}@media (max-width:576px){.about[data-v-5c9c5c86]{padding:40px 0}}.about .section-header[data-v-5c9c5c86]{text-align:center;margin-bottom:60px}.about .section-header h2[data-v-5c9c5c86]{margin-bottom:10px;display:inline-block;position:relative}.about .section-header h2[data-v-5c9c5c86]:after{content:"";background-color:#2563eb;width:80px;height:3px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.about .section-header .separator[data-v-5c9c5c86]{width:50px;height:2px;margin:0 auto 15px}.about .section-header p[data-v-5c9c5c86]{color:#4b5563;max-width:600px;margin:0 auto}.about .about-content[data-v-5c9c5c86]{flex-wrap:wrap;gap:40px;display:flex}.about .about-content .about-image[data-v-5c9c5c86]{flex:1;justify-content:center;align-items:center;min-width:300px;display:flex}.about .about-content .about-image i[data-v-5c9c5c86]{color:#2563eb;opacity:.9}.about .about-content .about-text[data-v-5c9c5c86]{flex:1;min-width:300px}.about .about-content .about-text h3[data-v-5c9c5c86]{color:#111827;margin-bottom:15px}.about .about-content .about-text p[data-v-5c9c5c86]{color:#4b5563;margin-bottom:20px}.about .about-content .about-text .stats[data-v-5c9c5c86]{flex-wrap:wrap;gap:30px;margin-top:30px;display:flex}.about .about-content .about-text .stats .stat-item[data-v-5c9c5c86]{text-align:center}.about .about-content .about-text .stats .stat-item .stat-value[data-v-5c9c5c86]{color:#2563eb;margin-bottom:5px;font-size:36px;font-weight:700}.about .about-content .about-text .stats .stat-item .stat-label[data-v-5c9c5c86]{color:#4b5563;font-size:16px}.services[data-v-5c9c5c86]{padding:80px 0}@media (max-width:768px){.services[data-v-5c9c5c86]{padding:60px 0}}@media (max-width:576px){.services[data-v-5c9c5c86]{padding:40px 0}}.services[data-v-5c9c5c86]{background-color:#f9fafb}.services .section-header[data-v-5c9c5c86]{text-align:center;margin-bottom:60px}.services .section-header h2[data-v-5c9c5c86]{margin-bottom:10px;display:inline-block;position:relative}.services .section-header h2[data-v-5c9c5c86]:after{content:"";background-color:#2563eb;width:80px;height:3px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.services .section-header .separator[data-v-5c9c5c86]{width:50px;height:2px;margin:0 auto 15px}.services .section-header p[data-v-5c9c5c86]{color:#4b5563;max-width:600px;margin:0 auto}.services .services-grid[data-v-5c9c5c86]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.services .services-grid .service-item[data-v-5c9c5c86]{background-color:#fff;border-radius:8px;padding:30px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.services .services-grid .service-item[data-v-5c9c5c86]:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.services .services-grid .service-item[data-v-5c9c5c86]{text-align:center}.services .services-grid .service-item .service-icon[data-v-5c9c5c86]{background-color:#3b82f61a;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;display:flex}.services .services-grid .service-item h3[data-v-5c9c5c86]{margin-bottom:15px}.services .services-grid .service-item p[data-v-5c9c5c86]{color:#4b5563}@media (max-width:992px){.navbar[data-v-5c9c5c86]{padding:12px 0}.navbar .nav-desktop[data-v-5c9c5c86]{display:none}.navbar .menu-toggle[data-v-5c9c5c86]{-webkit-tap-highlight-color:transparent;padding:5px;font-size:28px;display:block}.navbar .logo[data-v-5c9c5c86]{font-size:20px}.hero[data-v-5c9c5c86]{padding:100px 0 60px}.hero .hero-content h1[data-v-5c9c5c86]{margin-bottom:15px;font-size:36px}.hero .hero-content p[data-v-5c9c5c86]{margin-bottom:25px;font-size:16px}.hero .hero-content .cta-buttons[data-v-5c9c5c86]{flex-direction:column;width:100%}.hero .hero-content .cta-buttons .btn-primary[data-v-5c9c5c86],.hero .hero-content .cta-buttons .btn-secondary[data-v-5c9c5c86]{text-align:center;width:100%}.section-header[data-v-5c9c5c86]{margin-bottom:40px}.section-header h2[data-v-5c9c5c86]{font-size:32px}.section-header p[data-v-5c9c5c86]{font-size:14px}}@media (max-width:768px){.container[data-v-5c9c5c86]{padding:0 15px}h1[data-v-5c9c5c86]{font-size:32px;line-height:1.3}h2[data-v-5c9c5c86]{font-size:28px;line-height:1.3}h3[data-v-5c9c5c86]{font-size:20px}.navbar[data-v-5c9c5c86]{padding:10px 0}.navbar .logo[data-v-5c9c5c86]{font-size:18px}.mobile-menu[data-v-5c9c5c86]{padding:15px 0;top:60px}.mobile-menu .mobile-nav-links[data-v-5c9c5c86]{gap:10px;padding:0 15px}.mobile-menu .mobile-nav-links li a[data-v-5c9c5c86]{-webkit-tap-highlight-color:#2563eb1a;padding:12px 0;font-size:16px}.hero[data-v-5c9c5c86]{padding:80px 0 50px}.hero .hero-content h1[data-v-5c9c5c86]{font-size:28px}.hero .hero-content p[data-v-5c9c5c86]{font-size:15px}.hero .hero-image[data-v-5c9c5c86]{margin-top:30px}.about .about-content[data-v-5c9c5c86]{flex-direction:column;gap:30px}.about .about-content .about-text .stats[data-v-5c9c5c86]{flex-wrap:wrap;justify-content:center;gap:20px}.about .about-content .about-text .stat-item[data-v-5c9c5c86]{min-width:120px;margin:0}.about .about-content .about-text .stat-item .stat-value[data-v-5c9c5c86]{font-size:28px}.about .about-content .about-text .stat-item .stat-label[data-v-5c9c5c86]{font-size:14px}.services .services-grid[data-v-5c9c5c86]{grid-template-columns:1fr;gap:20px}.services .services-grid .service-item[data-v-5c9c5c86]{padding:25px 20px}.portfolio .portfolio-filter[data-v-5c9c5c86]{flex-wrap:wrap;gap:10px;margin-bottom:30px}.portfolio .portfolio-filter .filter-btn[data-v-5c9c5c86]{-webkit-tap-highlight-color:transparent;padding:8px 14px;font-size:14px}.portfolio .portfolio-grid[data-v-5c9c5c86]{grid-template-columns:1fr;gap:20px}.contact .contact-content[data-v-5c9c5c86]{flex-direction:column;gap:30px}.contact .contact-content .contact-form[data-v-5c9c5c86],.contact .contact-content .contact-info[data-v-5c9c5c86]{padding:25px 20px}.contact .contact-content .contact-item[data-v-5c9c5c86]{flex-direction:column;align-items:flex-start;gap:10px}.contact .contact-content .contact-item .contact-icon[data-v-5c9c5c86]{width:45px;height:45px}.footer[data-v-5c9c5c86]{padding:50px 0 20px}.footer .footer-content[data-v-5c9c5c86]{flex-direction:column;gap:30px}.footer .footer-content .footer-logo[data-v-5c9c5c86],.footer .footer-content .footer-links[data-v-5c9c5c86],.footer .footer-content .footer-services[data-v-5c9c5c86],.footer .footer-content .footer-contact[data-v-5c9c5c86]{min-width:100%}.btn-primary[data-v-5c9c5c86],.btn-secondary[data-v-5c9c5c86]{-webkit-tap-highlight-color:transparent;touch-action:manipulation;padding:14px 24px;font-size:16px}.service-item[data-v-5c9c5c86],.portfolio-item[data-v-5c9c5c86]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}}@media (max-width:576px){.container[data-v-5c9c5c86]{padding:0 12px}h1[data-v-5c9c5c86]{margin-bottom:12px;font-size:26px}h2[data-v-5c9c5c86]{margin-bottom:12px;font-size:24px}h3[data-v-5c9c5c86]{font-size:18px}.navbar[data-v-5c9c5c86]{padding:8px 0}.navbar .logo[data-v-5c9c5c86]{font-size:16px}.navbar .menu-toggle[data-v-5c9c5c86]{font-size:24px}.mobile-menu[data-v-5c9c5c86]{padding:12px 0;top:55px}.mobile-menu .mobile-nav-links[data-v-5c9c5c86]{gap:8px;padding:0 12px}.mobile-menu .mobile-nav-links li a[data-v-5c9c5c86]{padding:10px 0;font-size:15px}.hero[data-v-5c9c5c86]{padding:70px 0 40px}.hero .hero-content h1[data-v-5c9c5c86]{font-size:24px;line-height:1.4}.hero .hero-content p[data-v-5c9c5c86]{font-size:14px;line-height:1.6}.section-header[data-v-5c9c5c86]{margin-bottom:30px}.section-header h2[data-v-5c9c5c86]{font-size:22px}.section-header h2[data-v-5c9c5c86]:after{width:60px;height:2px}.section-header p[data-v-5c9c5c86]{font-size:13px}.about[data-v-5c9c5c86],.services[data-v-5c9c5c86],.portfolio[data-v-5c9c5c86],.contact[data-v-5c9c5c86]{padding:40px 0}.services-grid[data-v-5c9c5c86],.portfolio-grid[data-v-5c9c5c86]{gap:15px}.service-item[data-v-5c9c5c86],.portfolio-item[data-v-5c9c5c86],.contact .contact-form[data-v-5c9c5c86],.contact .contact-info[data-v-5c9c5c86]{padding:20px 15px}.contact .form-group[data-v-5c9c5c86]{margin-bottom:15px}.contact .form-group input[data-v-5c9c5c86],.contact .form-group textarea[data-v-5c9c5c86]{padding:10px;font-size:16px}.footer[data-v-5c9c5c86]{padding:40px 0 15px}.footer .footer-content[data-v-5c9c5c86]{gap:25px}.footer .footer-content h4[data-v-5c9c5c86]{margin-bottom:15px;font-size:16px}.footer .footer-content ul li[data-v-5c9c5c86]{margin-bottom:8px}.footer .footer-content ul li a[data-v-5c9c5c86]{font-size:14px}.footer .footer-bottom[data-v-5c9c5c86]{padding-top:15px}.footer .footer-bottom p[data-v-5c9c5c86]{font-size:12px}}@media (max-width:375px){.container[data-v-5c9c5c86]{padding:0 10px}h1[data-v-5c9c5c86]{font-size:22px}h2[data-v-5c9c5c86]{font-size:20px}.hero[data-v-5c9c5c86]{padding:60px 0 30px}.section-header h2[data-v-5c9c5c86]{font-size:20px}}@media (max-width:992px) and (orientation:landscape){.hero[data-v-5c9c5c86]{padding:60px 0 40px}.hero .hero-content h1[data-v-5c9c5c86]{font-size:28px}.navbar[data-v-5c9c5c86]{padding:8px 0}}@keyframes slideDown-5c9c5c86{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (hover:none) and (pointer:coarse){.btn-primary[data-v-5c9c5c86],.btn-secondary[data-v-5c9c5c86],.nav-links a[data-v-5c9c5c86],.mobile-nav-links a[data-v-5c9c5c86]{justify-content:center;align-items:center;min-height:44px;display:flex}.btn-primary[data-v-5c9c5c86]:hover,.btn-secondary[data-v-5c9c5c86]:hover{transform:none}.btn-primary[data-v-5c9c5c86]:active,.btn-secondary[data-v-5c9c5c86]:active{opacity:.9;transform:scale(.98)}.service-item[data-v-5c9c5c86]:active,.portfolio-item[data-v-5c9c5c86]:active{transform:scale(.98)}}.portfolio[data-v-5c9c5c86]{padding:80px 0}@media (max-width:768px){.portfolio[data-v-5c9c5c86]{padding:60px 0}}@media (max-width:576px){.portfolio[data-v-5c9c5c86]{padding:40px 0}}.portfolio .section-header[data-v-5c9c5c86]{text-align:center;margin-bottom:60px}.portfolio .section-header h2[data-v-5c9c5c86]{margin-bottom:10px;display:inline-block;position:relative}.portfolio .section-header h2[data-v-5c9c5c86]:after{content:"";background-color:#2563eb;width:80px;height:3px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.portfolio .section-header .separator[data-v-5c9c5c86]{width:50px;height:2px;margin:0 auto 15px}.portfolio .section-header p[data-v-5c9c5c86]{color:#4b5563;max-width:600px;margin:0 auto}.portfolio .portfolio-filter[data-v-5c9c5c86]{justify-content:center;gap:15px;margin-bottom:40px;display:flex}.portfolio .portfolio-filter .filter-btn[data-v-5c9c5c86]{cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:8px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.portfolio .portfolio-filter .filter-btn.active[data-v-5c9c5c86]{color:#fff;background-color:#2563eb;border-color:#2563eb}.portfolio .portfolio-filter .filter-btn[data-v-5c9c5c86]:hover:not(.active){color:#2563eb;border-color:#2563eb}.portfolio .portfolio-grid[data-v-5c9c5c86]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.portfolio .portfolio-grid .portfolio-item[data-v-5c9c5c86]{background-color:#fff;border-radius:8px;padding:30px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.portfolio .portfolio-grid .portfolio-item[data-v-5c9c5c86]:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.portfolio .portfolio-grid .portfolio-item[data-v-5c9c5c86]{cursor:pointer;position:relative;overflow:hidden}.portfolio .portfolio-grid .portfolio-item .portfolio-image[data-v-5c9c5c86]{background-color:#3b82f60d;justify-content:center;align-items:center;height:200px;display:flex}.portfolio .portfolio-grid .portfolio-item .portfolio-image i[data-v-5c9c5c86]{color:#2563eb}.portfolio .portfolio-grid .portfolio-item .portfolio-info[data-v-5c9c5c86]{text-align:center;padding:20px 0}.contact[data-v-5c9c5c86]{padding:80px 0}@media (max-width:768px){.contact[data-v-5c9c5c86]{padding:60px 0}}@media (max-width:576px){.contact[data-v-5c9c5c86]{padding:40px 0}}.contact .section-header[data-v-5c9c5c86]{text-align:center;margin-bottom:60px}.contact .section-header h2[data-v-5c9c5c86]{margin-bottom:10px;display:inline-block;position:relative}.contact .section-header h2[data-v-5c9c5c86]:after{content:"";background-color:#2563eb;width:80px;height:3px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.contact .section-header .separator[data-v-5c9c5c86]{width:50px;height:2px;margin:0 auto 15px}.contact .section-header p[data-v-5c9c5c86]{color:#4b5563;max-width:600px;margin:0 auto}.contact .contact-content[data-v-5c9c5c86]{flex-wrap:wrap;gap:40px;display:flex}.contact .contact-content .contact-form[data-v-5c9c5c86]{background-color:#fff;border-radius:8px;flex:1;min-width:300px;padding:30px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.contact .contact-content .contact-form[data-v-5c9c5c86]:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.contact .contact-content .contact-form h3[data-v-5c9c5c86],.contact .contact-content .contact-form .form-group[data-v-5c9c5c86]{margin-bottom:20px}.contact .contact-content .contact-form .form-group label[data-v-5c9c5c86]{margin-bottom:8px;font-weight:500;display:block}.contact .contact-content .contact-form .form-group input[data-v-5c9c5c86],.contact .contact-content .contact-form .form-group textarea[data-v-5c9c5c86]{border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:12px;font-family:inherit;transition:all .3s cubic-bezier(.4,0,.2,1)}.contact .contact-content .contact-form .form-group input[data-v-5c9c5c86]:focus,.contact .contact-content .contact-form .form-group textarea[data-v-5c9c5c86]:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #3b82f61a}.contact .contact-content .contact-form .form-group textarea[data-v-5c9c5c86]{resize:vertical}.contact .contact-content .contact-info[data-v-5c9c5c86]{flex:1;min-width:300px}.contact .contact-content .contact-info h3[data-v-5c9c5c86]{margin-bottom:20px}.contact .contact-content .contact-info .contact-item[data-v-5c9c5c86]{gap:15px;margin-bottom:20px;display:flex}.contact .contact-content .contact-info .contact-item .contact-icon[data-v-5c9c5c86]{background-color:#3b82f61a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.contact .contact-content .contact-info .contact-item .contact-icon i[data-v-5c9c5c86]{color:#2563eb}.contact .contact-content .contact-info .contact-item .contact-text p[data-v-5c9c5c86]{color:#4b5563}.contact .contact-content .contact-info .social-links[data-v-5c9c5c86]{gap:15px;margin-top:30px;display:flex}.contact .contact-content .contact-info .social-links a[data-v-5c9c5c86]{color:#2563eb;background-color:#3b82f61a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.contact .contact-content .contact-info .social-links a[data-v-5c9c5c86]:hover{color:#fff;background-color:#2563eb}.footer[data-v-5c9c5c86]{color:#fff;background-color:#111827;padding:80px 0 20px}@media (max-width:768px){.footer[data-v-5c9c5c86]{padding:60px 0 20px}}.footer .footer-content[data-v-5c9c5c86]{flex-wrap:wrap;gap:40px;margin-bottom:40px;display:flex}@media (max-width:768px){.footer .footer-content[data-v-5c9c5c86]{gap:30px}}.footer .footer-content .footer-logo[data-v-5c9c5c86]{flex:1;min-width:250px}@media (max-width:576px){.footer .footer-content .footer-logo[data-v-5c9c5c86]{min-width:100%}}.footer .footer-content .footer-logo .text-primary[data-v-5c9c5c86]{color:#2563eb}.footer .footer-content .footer-logo .text-secondary[data-v-5c9c5c86]{color:#fff}.footer .footer-content .footer-logo p[data-v-5c9c5c86]{color:#ffffffb3;margin-top:10px}.footer .footer-content .footer-links[data-v-5c9c5c86],.footer .footer-content .footer-services[data-v-5c9c5c86],.footer .footer-content .footer-contact[data-v-5c9c5c86]{flex:1;min-width:200px}@media (max-width:576px){.footer .footer-content .footer-links[data-v-5c9c5c86],.footer .footer-content .footer-services[data-v-5c9c5c86],.footer .footer-content .footer-contact[data-v-5c9c5c86]{min-width:100%}}.footer .footer-content .footer-links h4[data-v-5c9c5c86],.footer .footer-content .footer-services h4[data-v-5c9c5c86],.footer .footer-content .footer-contact h4[data-v-5c9c5c86]{margin-bottom:20px;padding-bottom:10px;font-size:18px;position:relative}.footer .footer-content .footer-links h4[data-v-5c9c5c86]:after,.footer .footer-content .footer-services h4[data-v-5c9c5c86]:after,.footer .footer-content .footer-contact h4[data-v-5c9c5c86]:after{content:"";background-color:#2563eb;width:40px;height:2px;position:absolute;bottom:0;left:0}.footer .footer-content .footer-links ul li[data-v-5c9c5c86],.footer .footer-content .footer-services ul li[data-v-5c9c5c86],.footer .footer-content .footer-contact ul li[data-v-5c9c5c86]{margin-bottom:10px}.footer .footer-content .footer-links ul li a[data-v-5c9c5c86],.footer .footer-content .footer-services ul li a[data-v-5c9c5c86],.footer .footer-content .footer-contact ul li a[data-v-5c9c5c86]{color:#ffffffb3;transition:all .3s cubic-bezier(.4,0,.2,1)}.footer .footer-content .footer-links ul li a[data-v-5c9c5c86]:hover,.footer .footer-content .footer-services ul li a[data-v-5c9c5c86]:hover,.footer .footer-content .footer-contact ul li a[data-v-5c9c5c86]:hover{color:#2563eb;padding-left:5px}.footer .footer-content .footer-links ul li i[data-v-5c9c5c86],.footer .footer-content .footer-services ul li i[data-v-5c9c5c86],.footer .footer-content .footer-contact ul li i[data-v-5c9c5c86]{color:#2563eb;margin-right:10px}.footer .footer-bottom[data-v-5c9c5c86]{text-align:center;border-top:1px solid #ffffff1a;padding-top:20px}.footer .footer-bottom p[data-v-5c9c5c86]{color:#ffffff80;margin:0;font-size:14px}.footer .footer-bottom p.icp-number[data-v-5c9c5c86]{margin-top:8px;font-size:12px}.footer .footer-bottom p.icp-number a[data-v-5c9c5c86]{color:#ffffff80;text-decoration:none}.footer .footer-bottom p.icp-number a[data-v-5c9c5c86]:hover{color:#fffc}.news-manage[data-v-5c9c5c86]{max-width:1600px;margin:0 auto;padding:24px}.page-header[data-v-5c9c5c86]{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-header .header-left h2[data-v-5c9c5c86]{color:#1f2937;align-items:center;gap:12px;margin:0;font-size:24px;display:flex}.page-header .header-left h2 i[data-v-5c9c5c86]{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.page-header .header-left .subtitle[data-v-5c9c5c86]{color:#6b7280;margin:8px 0 0;font-size:14px}.page-header .header-right[data-v-5c9c5c86]{align-items:center;gap:12px;display:flex}.btn-refresh[data-v-5c9c5c86]{cursor:pointer;color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:10px;width:42px;height:42px;transition:all .2s}.btn-refresh[data-v-5c9c5c86]:hover:not(:disabled){color:#667eea;border-color:#667eea}.btn-refresh[data-v-5c9c5c86]:disabled{opacity:.5}.btn-primary[data-v-5c9c5c86]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 20px;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary[data-v-5c9c5c86]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.stats-row[data-v-5c9c5c86]{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.stat-card[data-v-5c9c5c86]{background:#fff;border-radius:14px;align-items:center;gap:16px;padding:20px;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000000a}.stat-card[data-v-5c9c5c86]:hover{transform:translateY(-3px);box-shadow:0 6px 20px #00000014}.stat-card .stat-icon[data-v-5c9c5c86]{border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;display:flex}.stat-card .stat-info[data-v-5c9c5c86]{flex-direction:column;display:flex}.stat-card .stat-value[data-v-5c9c5c86]{color:#1f2937;font-size:28px;font-weight:700}.stat-card .stat-label[data-v-5c9c5c86]{color:#6b7280;margin-top:2px;font-size:13px}.stat-card.total .stat-icon[data-v-5c9c5c86]{color:#7c3aed;background:#ede9fe}.stat-card.published .stat-icon[data-v-5c9c5c86]{color:#059669;background:#d1fae5}.stat-card.draft .stat-icon[data-v-5c9c5c86]{color:#d97706;background:#fef3c7}.stat-card.recent .stat-icon[data-v-5c9c5c86]{color:#2563eb;background:#dbeafe}.toolbar[data-v-5c9c5c86]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.toolbar .toolbar-left[data-v-5c9c5c86]{flex-wrap:wrap;flex:1;align-items:center;gap:12px;display:flex}.search-box[data-v-5c9c5c86]{min-width:280px;position:relative}.search-box>i[data-v-5c9c5c86]{color:#9ca3af;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-box input[data-v-5c9c5c86]{border:1px solid #e5e7eb;border-radius:10px;width:100%;padding:11px 40px;font-size:14px}.search-box input[data-v-5c9c5c86]:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.search-box .btn-clear[data-v-5c9c5c86]{cursor:pointer;color:#6b7280;background:#e5e7eb;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.search-box .btn-clear[data-v-5c9c5c86]:hover{background:#d1d5db}.filter-select[data-v-5c9c5c86]{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:11px 14px;font-size:14px}.filter-select[data-v-5c9c5c86]:focus{border-color:#667eea;outline:none}.view-toggle[data-v-5c9c5c86]{border:1px solid #e5e7eb;border-radius:10px;display:flex;overflow:hidden}.view-toggle button[data-v-5c9c5c86]{cursor:pointer;color:#6b7280;background:#fff;border:none;padding:10px 14px;transition:all .2s}.view-toggle button[data-v-5c9c5c86]:hover{background:#f9fafb}.view-toggle button.active[data-v-5c9c5c86]{color:#fff;background:#667eea}.bulk-actions[data-v-5c9c5c86]{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:14px 18px;display:flex}.bulk-actions .selected-count[data-v-5c9c5c86]{align-items:center;gap:8px;font-weight:500;display:flex}.bulk-actions .bulk-btns[data-v-5c9c5c86]{flex-wrap:wrap;gap:10px;display:flex}.bulk-actions .bulk-btn[data-v-5c9c5c86]{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;transition:all .2s;display:inline-flex}.bulk-actions .bulk-btn.publish[data-v-5c9c5c86],.bulk-actions .bulk-btn.unpublish[data-v-5c9c5c86]{color:#fff;background:#fff3}.bulk-actions .bulk-btn.delete[data-v-5c9c5c86]{color:#fff;background:#ef4444cc}.bulk-actions .bulk-btn.clear[data-v-5c9c5c86]{color:#fff;background:#ffffff26}.bulk-actions .bulk-btn[data-v-5c9c5c86]:hover{transform:scale(1.05)}.content[data-v-5c9c5c86]{background:#fff;border-radius:16px;min-height:400px;padding:20px;box-shadow:0 2px 12px #0000000a}.loading-state[data-v-5c9c5c86],.error-state[data-v-5c9c5c86],.empty-state[data-v-5c9c5c86]{text-align:center;color:#6b7280;padding:80px 20px}.loading-state .loading-spinner[data-v-5c9c5c86],.loading-state .error-icon[data-v-5c9c5c86],.loading-state .empty-icon[data-v-5c9c5c86],.error-state .loading-spinner[data-v-5c9c5c86],.error-state .error-icon[data-v-5c9c5c86],.error-state .empty-icon[data-v-5c9c5c86],.empty-state .loading-spinner[data-v-5c9c5c86],.empty-state .error-icon[data-v-5c9c5c86],.empty-state .empty-icon[data-v-5c9c5c86]{border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;font-size:32px;display:flex}.loading-state .loading-spinner[data-v-5c9c5c86],.error-state .loading-spinner[data-v-5c9c5c86],.empty-state .loading-spinner[data-v-5c9c5c86]{color:#667eea;background:#ede9fe}.loading-state .error-icon[data-v-5c9c5c86],.error-state .error-icon[data-v-5c9c5c86],.empty-state .error-icon[data-v-5c9c5c86]{color:#dc2626;background:#fee2e2}.loading-state .empty-icon[data-v-5c9c5c86],.error-state .empty-icon[data-v-5c9c5c86],.empty-state .empty-icon[data-v-5c9c5c86]{color:#9ca3af;background:#f3f4f6}.loading-state h3[data-v-5c9c5c86],.error-state h3[data-v-5c9c5c86],.empty-state h3[data-v-5c9c5c86]{color:#374151;margin:0 0 8px;font-size:18px}.loading-state p[data-v-5c9c5c86],.error-state p[data-v-5c9c5c86],.empty-state p[data-v-5c9c5c86]{margin:0 0 20px}.news-grid[data-v-5c9c5c86]{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.news-card[data-v-5c9c5c86]{background:#fff;border:1px solid #e5e7eb;border-radius:14px;transition:all .25s;position:relative;overflow:hidden}.news-card[data-v-5c9c5c86]:hover{border-color:#667eea;transform:translateY(-4px);box-shadow:0 12px 30px #0000001a}.news-card.selected[data-v-5c9c5c86]{border-color:#667eea;box-shadow:0 0 0 2px #667eea4d}.news-card.draft[data-v-5c9c5c86]{opacity:.85}.news-card .card-checkbox[data-v-5c9c5c86]{z-index:10;position:absolute;top:12px;left:12px}.news-card .card-checkbox input[data-v-5c9c5c86]{cursor:pointer;width:20px;height:20px}.news-card .card-cover[data-v-5c9c5c86]{cursor:pointer;background:#f3f4f6;height:180px;position:relative;overflow:hidden}.news-card .card-cover img[data-v-5c9c5c86]{object-fit:cover;width:100%;height:100%;transition:transform .3s}.news-card .card-cover:hover img[data-v-5c9c5c86]{transform:scale(1.05)}.news-card .card-cover .no-cover[data-v-5c9c5c86]{color:#d1d5db;justify-content:center;align-items:center;width:100%;height:100%;font-size:48px;display:flex}.news-card .card-cover .card-status[data-v-5c9c5c86]{border-radius:20px;padding:5px 12px;font-size:12px;font-weight:500;position:absolute;top:12px;right:12px}.news-card .card-cover .card-status.published[data-v-5c9c5c86]{color:#fff;background:#10b981e6}.news-card .card-cover .card-status.draft[data-v-5c9c5c86]{color:#fff;background:#f59e0be6}.news-card .card-body[data-v-5c9c5c86]{padding:18px}.news-card .card-body .card-meta[data-v-5c9c5c86]{align-items:center;gap:10px;margin-bottom:10px;display:flex}.news-card .card-body .card-meta .category-tag[data-v-5c9c5c86]{color:#7c3aed;background:#ede9fe;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500}.news-card .card-body .card-meta .date[data-v-5c9c5c86]{color:#9ca3af;font-size:12px}.news-card .card-body .card-title[data-v-5c9c5c86]{color:#1f2937;cursor:pointer;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 10px;font-size:16px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.news-card .card-body .card-title[data-v-5c9c5c86]:hover{color:#667eea}.news-card .card-body .card-excerpt[data-v-5c9c5c86]{color:#6b7280;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 16px;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.news-card .card-body .card-footer[data-v-5c9c5c86]{border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding-top:14px;display:flex}.news-card .card-body .card-footer .author[data-v-5c9c5c86]{color:#6b7280;align-items:center;gap:6px;font-size:13px;display:flex}.news-card .card-body .card-footer .author i[data-v-5c9c5c86]{color:#9ca3af}.news-card .card-body .card-footer .card-actions[data-v-5c9c5c86]{gap:6px;display:flex}.news-card .card-body .card-footer .action-btn[data-v-5c9c5c86]{cursor:pointer;color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:34px;height:34px;transition:all .2s}.news-card .card-body .card-footer .action-btn:hover.edit[data-v-5c9c5c86]{color:#667eea;background:#ede9fe;border-color:#667eea}.news-card .card-body .card-footer .action-btn:hover.publish[data-v-5c9c5c86]{color:#10b981;background:#d1fae5;border-color:#10b981}.news-card .card-body .card-footer .action-btn:hover.unpublish[data-v-5c9c5c86]{color:#f59e0b;background:#fef3c7;border-color:#f59e0b}.news-card .card-body .card-footer .action-btn:hover.delete[data-v-5c9c5c86]{color:#ef4444;background:#fee2e2;border-color:#ef4444}.news-card .card-body .card-footer .action-btn[data-v-5c9c5c86]:disabled{opacity:.5;cursor:not-allowed}.table-container[data-v-5c9c5c86]{overflow-x:auto}.news-table[data-v-5c9c5c86]{border-collapse:collapse;width:100%}.news-table th[data-v-5c9c5c86],.news-table td[data-v-5c9c5c86]{text-align:left;border-bottom:1px solid #f3f4f6;padding:14px 12px}.news-table th[data-v-5c9c5c86]{color:#374151;white-space:nowrap;background:#f9fafb;font-size:13px;font-weight:600}.news-table tbody tr[data-v-5c9c5c86]{transition:background .2s}.news-table tbody tr[data-v-5c9c5c86]:hover{background:#f9fafb}.news-table tbody tr.selected[data-v-5c9c5c86]{background:#ede9fe}.news-table .col-check[data-v-5c9c5c86]{width:50px}.news-table .col-cover[data-v-5c9c5c86]{width:80px}.news-table .col-category[data-v-5c9c5c86],.news-table .col-author[data-v-5c9c5c86],.news-table .col-date[data-v-5c9c5c86],.news-table .col-status[data-v-5c9c5c86]{width:120px}.news-table .col-actions[data-v-5c9c5c86]{width:160px}.news-table .cover-thumb[data-v-5c9c5c86]{cursor:pointer;background:#f3f4f6;border-radius:6px;justify-content:center;align-items:center;width:60px;height:45px;display:flex;overflow:hidden}.news-table .cover-thumb img[data-v-5c9c5c86]{object-fit:cover;width:100%;height:100%}.news-table .cover-thumb i[data-v-5c9c5c86]{color:#d1d5db}.news-table .cell-title[data-v-5c9c5c86]{max-width:300px}.news-table .cell-title .title-wrap .title-text[data-v-5c9c5c86]{color:#1f2937;cursor:pointer;font-weight:600;display:block}.news-table .cell-title .title-wrap .title-text[data-v-5c9c5c86]:hover{color:#667eea}.news-table .cell-title .title-wrap .excerpt-text[data-v-5c9c5c86]{color:#9ca3af;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:12px;display:block;overflow:hidden}.news-table .category-badge[data-v-5c9c5c86]{color:#7c3aed;background:#ede9fe;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500}.news-table .status-badge[data-v-5c9c5c86]{border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:500;display:inline-flex}.news-table .status-badge.published[data-v-5c9c5c86]{color:#065f46;background:#d1fae5}.news-table .status-badge.draft[data-v-5c9c5c86]{color:#92400e;background:#fef3c7}.news-table .text-muted[data-v-5c9c5c86]{color:#9ca3af}.news-table .action-group[data-v-5c9c5c86]{gap:6px;display:flex}.news-table .btn-action[data-v-5c9c5c86]{cursor:pointer;color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:6px;width:32px;height:32px;font-size:12px;transition:all .2s}.news-table .btn-action:hover.edit[data-v-5c9c5c86]{color:#667eea;border-color:#667eea}.news-table .btn-action:hover.success[data-v-5c9c5c86]{color:#10b981;border-color:#10b981}.news-table .btn-action:hover.warning[data-v-5c9c5c86]{color:#f59e0b;border-color:#f59e0b}.news-table .btn-action:hover.view[data-v-5c9c5c86]{color:#3b82f6;border-color:#3b82f6}.news-table .btn-action:hover.delete[data-v-5c9c5c86]{color:#ef4444;border-color:#ef4444}.news-table .btn-action[data-v-5c9c5c86]:disabled{opacity:.5;cursor:not-allowed}.pagination[data-v-5c9c5c86]{border-top:1px solid #f3f4f6;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:24px;padding-top:20px;display:flex}.pagination .page-btn[data-v-5c9c5c86]{cursor:pointer;color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:36px;height:36px}.pagination .page-btn[data-v-5c9c5c86]:hover:not(:disabled){color:#667eea;border-color:#667eea}.pagination .page-btn[data-v-5c9c5c86]:disabled{opacity:.4;cursor:not-allowed}.pagination .page-numbers[data-v-5c9c5c86]{gap:6px;display:flex}.pagination .page-num[data-v-5c9c5c86]{cursor:pointer;color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:36px;height:36px;padding:0 10px;font-weight:500}.pagination .page-num[data-v-5c9c5c86]:hover{color:#667eea;border-color:#667eea}.pagination .page-num.active[data-v-5c9c5c86]{color:#fff;background:#667eea;border-color:#667eea}.pagination .page-info[data-v-5c9c5c86]{color:#9ca3af;margin-left:12px;font-size:13px}.modal-overlay[data-v-5c9c5c86]{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.news-modal[data-v-5c9c5c86]{background:#fff;border-radius:18px;width:100%;max-width:900px;max-height:90vh;animation:.3s modalIn-5c9c5c86;overflow:auto}.news-modal .modal-header[data-v-5c9c5c86]{z-index:10;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.news-modal .modal-header .modal-title[data-v-5c9c5c86]{color:#fff;align-items:center;gap:12px;display:flex}.news-modal .modal-header .modal-title i[data-v-5c9c5c86]{font-size:24px}.news-modal .modal-header .modal-title h3[data-v-5c9c5c86]{margin:0;font-size:20px}.news-modal .modal-header .btn-close[data-v-5c9c5c86]{cursor:pointer;color:#fff;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:24px;display:flex}.news-modal .modal-header .btn-close[data-v-5c9c5c86]:hover{background:#ffffff4d}.news-modal .modal-header .btn-close[data-v-5c9c5c86]:disabled{opacity:.5;cursor:not-allowed}.news-modal .modal-body[data-v-5c9c5c86]{padding:24px}.news-modal .form-section[data-v-5c9c5c86]{margin-bottom:28px}.news-modal .form-section h4[data-v-5c9c5c86]{color:#374151;border-bottom:1px solid #f3f4f6;align-items:center;gap:8px;margin:0 0 16px;padding-bottom:10px;font-size:15px;display:flex}.news-modal .form-section h4 i[data-v-5c9c5c86]{color:#667eea}.news-modal .form-section h4 .required[data-v-5c9c5c86]{color:#ef4444;margin-left:4px}.news-modal .form-grid[data-v-5c9c5c86]{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.news-modal .form-grid .span-2[data-v-5c9c5c86]{grid-column:span 2}.news-modal .form-group[data-v-5c9c5c86]{position:relative}.news-modal .form-group label[data-v-5c9c5c86]{color:#374151;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.news-modal .form-group input[data-v-5c9c5c86],.news-modal .form-group textarea[data-v-5c9c5c86]{border:1px solid #e5e7eb;border-radius:10px;width:100%;padding:12px 14px;font-size:14px}.news-modal .form-group input[data-v-5c9c5c86]:focus,.news-modal .form-group textarea[data-v-5c9c5c86]:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.news-modal .form-group small[data-v-5c9c5c86]{color:#9ca3af;margin-top:6px;font-size:12px;display:block}.news-modal .form-group .char-count[data-v-5c9c5c86]{color:#9ca3af;font-size:11px;position:absolute;bottom:12px;right:12px}.news-modal .tags-input[data-v-5c9c5c86]{border:1px solid #e5e7eb;border-radius:10px;padding:8px}.news-modal .tags-input[data-v-5c9c5c86]:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.news-modal .tags-input .tags-list[data-v-5c9c5c86]{flex-wrap:wrap;gap:6px;margin-bottom:6px;display:flex}.news-modal .tags-input .tag-item[data-v-5c9c5c86]{color:#7c3aed;background:#ede9fe;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;display:inline-flex}.news-modal .tags-input .tag-item button[data-v-5c9c5c86]{cursor:pointer;color:#7c3aed;background:0 0;border:none;padding:0;font-size:14px}.news-modal .tags-input .tag-item button[data-v-5c9c5c86]:hover{color:#ef4444}.news-modal .tags-input input[data-v-5c9c5c86]{border:none;width:100%;padding:6px}.news-modal .tags-input input[data-v-5c9c5c86]:focus{box-shadow:none}.news-modal .status-toggle[data-v-5c9c5c86]{align-items:center;gap:12px;padding-top:6px;display:flex}.news-modal .status-toggle .toggle-switch[data-v-5c9c5c86]{width:50px;height:26px;display:inline-block;position:relative}.news-modal .status-toggle .toggle-switch input[data-v-5c9c5c86]{opacity:0;width:0;height:0}.news-modal .status-toggle .toggle-switch input:checked+.slider[data-v-5c9c5c86]{background:#10b981}.news-modal .status-toggle .toggle-switch input:checked+.slider[data-v-5c9c5c86]:before{transform:translate(24px)}.news-modal .status-toggle .toggle-switch .slider[data-v-5c9c5c86]{cursor:pointer;background:#d1d5db;border-radius:26px;transition:all .3s;position:absolute;inset:0}.news-modal .status-toggle .toggle-switch .slider[data-v-5c9c5c86]:before{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;bottom:3px;left:3px}.news-modal .status-toggle .status-text[data-v-5c9c5c86]{color:#374151;font-size:14px}.news-modal .cover-upload[data-v-5c9c5c86]{grid-template-columns:1fr auto;align-items:start;gap:20px;display:grid}.news-modal .cover-upload .cover-tips p[data-v-5c9c5c86]{color:#6b7280;align-items:center;gap:8px;margin:0 0 8px;font-size:13px;display:flex}.news-modal .cover-upload .cover-tips p i[data-v-5c9c5c86]{color:#f59e0b}.news-modal .modal-footer[data-v-5c9c5c86]{background:#f9fafb;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;padding:18px 24px;display:flex;position:sticky;bottom:0}.news-modal .modal-footer button[data-v-5c9c5c86]{cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.news-modal .modal-footer .btn-secondary[data-v-5c9c5c86]{color:#374151;background:#fff;border:1px solid #e5e7eb}.news-modal .modal-footer .btn-secondary[data-v-5c9c5c86]:hover:not(:disabled){background:#f3f4f6}.news-modal .modal-footer .btn-draft[data-v-5c9c5c86]{color:#92400e;background:#fef3c7;border:1px solid #fcd34d}.news-modal .modal-footer .btn-draft[data-v-5c9c5c86]:hover:not(:disabled){background:#fde68a}.news-modal .modal-footer .btn-primary[data-v-5c9c5c86]{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none}.news-modal .modal-footer .btn-primary[data-v-5c9c5c86]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.news-modal .modal-footer button[data-v-5c9c5c86]:disabled{opacity:.6;cursor:not-allowed;transform:none}@keyframes modalIn-5c9c5c86{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.required[data-v-5c9c5c86]{color:#ef4444}@media (max-width:992px){.stats-row[data-v-5c9c5c86]{grid-template-columns:repeat(2,1fr)}.news-grid[data-v-5c9c5c86]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.news-manage[data-v-5c9c5c86]{padding:16px}.page-header .header-left h2[data-v-5c9c5c86]{font-size:20px}.stats-row[data-v-5c9c5c86]{grid-template-columns:1fr 1fr;gap:12px}.stat-card[data-v-5c9c5c86]{padding:14px}.stat-card .stat-icon[data-v-5c9c5c86]{width:44px;height:44px;font-size:18px}.stat-card .stat-value[data-v-5c9c5c86]{font-size:22px}.toolbar-left[data-v-5c9c5c86]{width:100%}.toolbar-left .search-box[data-v-5c9c5c86]{min-width:100%}.toolbar-left .filter-select[data-v-5c9c5c86]{flex:1;min-width:0}.news-modal[data-v-5c9c5c86]{border-radius:12px 12px 0 0;max-height:95vh;margin:0}.news-modal .form-grid[data-v-5c9c5c86]{grid-template-columns:1fr}.news-modal .form-grid .span-2[data-v-5c9c5c86]{grid-column:span 1}.news-modal .cover-upload[data-v-5c9c5c86]{grid-template-columns:1fr}.news-table[data-v-5c9c5c86]{display:block}.news-table thead[data-v-5c9c5c86]{display:none}.news-table tbody tr[data-v-5c9c5c86]{border:1px solid #e5e7eb;border-radius:12px;margin-bottom:12px;padding:16px;display:block}.news-table td[data-v-5c9c5c86]{border:none;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.news-table td[data-v-5c9c5c86]:before{content:attr(data-label);color:#6b7280;font-size:12px;font-weight:600}.news-table .cell-title[data-v-5c9c5c86]{max-width:none}.news-table .action-group[data-v-5c9c5c86]{justify-content:flex-end}}@media (max-width:480px){.stats-row[data-v-5c9c5c86]{grid-template-columns:1fr}.bulk-actions[data-v-5c9c5c86]{flex-direction:column;align-items:flex-start}.bulk-actions .bulk-btns[data-v-5c9c5c86]{justify-content:flex-start;width:100%}}.visibility-settings[data-v-0b802c74]{max-width:1000px;margin:0 auto;padding:24px}.visibility-settings .page-header[data-v-0b802c74]{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.visibility-settings .page-header h2[data-v-0b802c74]{color:#1f2937;align-items:center;gap:12px;margin:0;font-size:24px;display:flex}.visibility-settings .page-header .btn-save[data-v-0b802c74]{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 24px;font-weight:600;display:flex}.visibility-settings .page-header .btn-save[data-v-0b802c74]:hover:not(:disabled){background:#4338ca}.visibility-settings .page-header .btn-save[data-v-0b802c74]:disabled{opacity:.6}.visibility-settings .info-card[data-v-0b802c74]{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;align-items:center;gap:12px;margin-bottom:24px;padding:16px;display:flex}.visibility-settings .info-card i[data-v-0b802c74]{font-size:20px}.visibility-settings .info-card p[data-v-0b802c74]{margin:0;font-size:14px}.visibility-settings .visibility-grid[data-v-0b802c74]{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.visibility-settings .visibility-card[data-v-0b802c74]{background:#fff;border:2px solid #0000;border-radius:16px;align-items:center;gap:16px;padding:20px;transition:all .3s;display:flex;box-shadow:0 1px 3px #0000001a}.visibility-settings .visibility-card.inactive[data-v-0b802c74]{opacity:.7;filter:grayscale(.5);background:#f9fafb}.visibility-settings .visibility-card[data-v-0b802c74]:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.visibility-settings .visibility-card .card-icon[data-v-0b802c74]{color:#4f46e5;background:#f3f4f6;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.visibility-settings .visibility-card .card-info[data-v-0b802c74]{flex:1}.visibility-settings .visibility-card .card-info h4[data-v-0b802c74]{color:#111827;margin:0 0 4px;font-size:16px}.visibility-settings .visibility-card .card-info p[data-v-0b802c74]{color:#6b7280;margin:0;font-size:13px;line-height:1.4}.visibility-settings .loading-state[data-v-0b802c74]{text-align:center;color:#6b7280;padding:100px}.visibility-settings .loading-state i[data-v-0b802c74]{margin-bottom:12px;font-size:32px;display:block}.visibility-settings .switch[data-v-0b802c74]{width:44px;height:24px;display:inline-block;position:relative}.visibility-settings .switch input[data-v-0b802c74]{opacity:0;width:0;height:0}.visibility-settings .switch .slider[data-v-0b802c74]{cursor:pointer;background-color:#d1d5db;border-radius:24px;transition:all .4s;position:absolute;inset:0}.visibility-settings .switch .slider[data-v-0b802c74]:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px}.visibility-settings .switch input:checked+.slider[data-v-0b802c74]{background-color:#4f46e5}.visibility-settings .switch input:checked+.slider[data-v-0b802c74]:before{transform:translate(20px)}@media (max-width:640px){.visibility-grid[data-v-0b802c74]{grid-template-columns:1fr}}.seo-manage .page-header[data-v-8dbab31b]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.seo-manage .page-header h2[data-v-8dbab31b]{color:#1f2937;align-items:center;gap:10px;margin:0;font-size:24px;display:flex}.seo-manage .page-header h2 i[data-v-8dbab31b]{color:#667eea}.seo-manage .page-header .header-actions[data-v-8dbab31b]{gap:12px;display:flex}.seo-manage .page-header .btn-save[data-v-8dbab31b],.seo-manage .page-header .btn-secondary[data-v-8dbab31b]{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;display:flex}.seo-manage .page-header .btn-save[data-v-8dbab31b]:disabled,.seo-manage .page-header .btn-secondary[data-v-8dbab31b]:disabled{opacity:.5;cursor:not-allowed}.seo-manage .page-header .btn-save[data-v-8dbab31b]{color:#fff;background:#667eea}.seo-manage .page-header .btn-save[data-v-8dbab31b]:hover:not(:disabled){background:#5568d3}.seo-manage .page-header .btn-secondary[data-v-8dbab31b]{color:#374151;background:#f3f4f6}.seo-manage .page-header .btn-secondary[data-v-8dbab31b]:hover:not(:disabled){background:#e5e7eb}.seo-manage .seo-score-card[data-v-8dbab31b]{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;align-items:center;gap:32px;margin-bottom:24px;padding:24px;display:flex}.seo-manage .seo-score-card .score-circle[data-v-8dbab31b]{background:#fff3;border:4px solid #ffffff80;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100px;height:100px;display:flex}.seo-manage .seo-score-card .score-circle.excellent[data-v-8dbab31b]{border-color:#10b981}.seo-manage .seo-score-card .score-circle.good[data-v-8dbab31b]{border-color:#3b82f6}.seo-manage .seo-score-card .score-circle.fair[data-v-8dbab31b]{border-color:#f59e0b}.seo-manage .seo-score-card .score-circle.poor[data-v-8dbab31b]{border-color:#ef4444}.seo-manage .seo-score-card .score-circle .score-value[data-v-8dbab31b]{font-size:32px;font-weight:700}.seo-manage .seo-score-card .score-circle .score-label[data-v-8dbab31b]{opacity:.9;font-size:12px}.seo-manage .seo-score-card .score-details[data-v-8dbab31b]{flex-wrap:wrap;flex:1;gap:12px 24px;display:flex}.seo-manage .seo-score-card .score-details .score-item[data-v-8dbab31b]{align-items:center;gap:8px;font-size:14px;display:flex}.seo-manage .tabs[data-v-8dbab31b]{background:#f3f4f6;border-radius:10px;flex-wrap:wrap;gap:8px;margin-bottom:24px;padding:8px;display:flex}.seo-manage .tabs .tab[data-v-8dbab31b]{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;transition:all .2s;display:flex}.seo-manage .tabs .tab[data-v-8dbab31b]:hover{color:#374151;background:#ffffff80}.seo-manage .tabs .tab.active[data-v-8dbab31b]{color:#667eea;background:#fff;box-shadow:0 2px 4px #0000001a}.seo-manage .tabs .tab i[data-v-8dbab31b]{font-size:14px}.seo-manage .seo-content[data-v-8dbab31b]{flex-direction:column;gap:24px;display:flex}.seo-manage .seo-section[data-v-8dbab31b]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014}.seo-manage .seo-section h3[data-v-8dbab31b]{color:#1f2937;border-bottom:2px solid #e5e7eb;align-items:center;gap:10px;margin:0 0 16px;padding-bottom:12px;font-size:18px;display:flex}.seo-manage .seo-section h3 i[data-v-8dbab31b]{color:#667eea}.seo-manage .seo-section .section-desc[data-v-8dbab31b]{color:#6b7280;margin:-8px 0 20px;font-size:14px}.seo-manage .seo-section .form-row[data-v-8dbab31b]{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (max-width:768px){.seo-manage .seo-section .form-row[data-v-8dbab31b]{grid-template-columns:1fr}}.seo-manage .seo-section .form-group[data-v-8dbab31b]{margin-bottom:20px}.seo-manage .seo-section .form-group label[data-v-8dbab31b]{color:#374151;margin-bottom:8px;font-weight:500;display:block}.seo-manage .seo-section .form-group label .required[data-v-8dbab31b]{color:#ef4444}.seo-manage .seo-section .form-group input[data-v-8dbab31b],.seo-manage .seo-section .form-group textarea[data-v-8dbab31b],.seo-manage .seo-section .form-group select[data-v-8dbab31b]{box-sizing:border-box;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s}.seo-manage .seo-section .form-group input[data-v-8dbab31b]:focus,.seo-manage .seo-section .form-group textarea[data-v-8dbab31b]:focus,.seo-manage .seo-section .form-group select[data-v-8dbab31b]:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.seo-manage .seo-section .form-group .code-textarea[data-v-8dbab31b]{background:#f8f9fa;font-family:Monaco,Menlo,Consolas,monospace;font-size:12px;line-height:1.5}.seo-manage .seo-section .form-group small[data-v-8dbab31b]{color:#6b7280;margin-top:6px;font-size:12px;display:block}.seo-manage .seo-section .form-group .char-counter[data-v-8dbab31b]{color:#6b7280;margin-top:6px;font-size:12px}.seo-manage .seo-section .form-group .char-counter.warning[data-v-8dbab31b]{color:#f59e0b}.seo-manage .seo-section .form-group .char-counter.good[data-v-8dbab31b]{color:#10b981}.seo-manage .seo-section .form-group .keywords-preview[data-v-8dbab31b]{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.seo-manage .seo-section .form-group .keywords-preview .keyword-tag[data-v-8dbab31b]{color:#4338ca;background:#e0e7ff;border-radius:20px;padding:4px 10px;font-size:12px}.seo-manage .seo-section .search-preview[data-v-8dbab31b]{background:#f9fafb;border-radius:8px;margin-top:20px;padding:16px}.seo-manage .seo-section .search-preview h4[data-v-8dbab31b]{color:#374151;align-items:center;gap:8px;margin:0 0 12px;font-size:14px;display:flex}.seo-manage .seo-section .search-preview .google-preview .preview-url[data-v-8dbab31b]{color:#202124;margin-bottom:4px;font-size:14px}.seo-manage .seo-section .search-preview .google-preview .preview-title[data-v-8dbab31b]{color:#1a0dab;margin-bottom:4px;font-size:20px;font-weight:400}.seo-manage .seo-section .search-preview .google-preview .preview-title[data-v-8dbab31b]:hover{text-decoration:underline}.seo-manage .seo-section .search-preview .google-preview .preview-desc[data-v-8dbab31b]{color:#545454;font-size:14px;line-height:1.58}.seo-manage .seo-section .social-preview[data-v-8dbab31b]{background:#f9fafb;border-radius:8px;margin-top:20px;padding:16px}.seo-manage .seo-section .social-preview h4[data-v-8dbab31b]{color:#374151;align-items:center;gap:8px;margin:0 0 12px;font-size:14px;display:flex}.seo-manage .seo-section .social-preview .facebook-preview[data-v-8dbab31b]{background:#fff;border:1px solid #dddfe2;border-radius:8px;overflow:hidden}.seo-manage .seo-section .social-preview .facebook-preview .fb-image[data-v-8dbab31b]{background:#f0f2f5;justify-content:center;align-items:center;height:200px;display:flex}.seo-manage .seo-section .social-preview .facebook-preview .fb-image img[data-v-8dbab31b]{object-fit:cover;width:100%;height:100%}.seo-manage .seo-section .social-preview .facebook-preview .fb-image.placeholder[data-v-8dbab31b]{color:#bec3c9}.seo-manage .seo-section .social-preview .facebook-preview .fb-image.placeholder i[data-v-8dbab31b]{font-size:48px}.seo-manage .seo-section .social-preview .facebook-preview .fb-content[data-v-8dbab31b]{padding:12px}.seo-manage .seo-section .social-preview .facebook-preview .fb-content .fb-domain[data-v-8dbab31b]{color:#606770;text-transform:uppercase;font-size:12px}.seo-manage .seo-section .social-preview .facebook-preview .fb-content .fb-title[data-v-8dbab31b]{color:#1d2129;margin:4px 0;font-size:16px;font-weight:600}.seo-manage .seo-section .social-preview .facebook-preview .fb-content .fb-desc[data-v-8dbab31b]{color:#606770;font-size:14px}.seo-manage .seo-section .og-image-preview[data-v-8dbab31b]{border-radius:8px;max-width:300px;margin-top:12px;overflow:hidden}.seo-manage .seo-section .og-image-preview img[data-v-8dbab31b]{width:100%;height:auto}.seo-manage .seo-section .page-seo-list .page-seo-item[data-v-8dbab31b]{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:16px;padding:20px}.seo-manage .seo-section .page-seo-list .page-seo-item .page-header-row[data-v-8dbab31b]{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.seo-manage .seo-section .page-seo-list .page-seo-item .page-header-row select[data-v-8dbab31b]{flex:1}.seo-manage .seo-section .page-seo-list .page-seo-item .page-header-row .page-actions[data-v-8dbab31b]{gap:8px;display:flex}.seo-manage .seo-section .page-seo-list .page-seo-item .page-header-row .btn-remove[data-v-8dbab31b],.seo-manage .seo-section .page-seo-list .page-seo-item .page-header-row .btn-duplicate[data-v-8dbab31b]{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex}.seo-manage .seo-section .page-seo-list .page-seo-item .page-header-row .btn-duplicate[data-v-8dbab31b]{color:#2563eb;background:#dbeafe}.seo-manage .seo-section .page-seo-list .page-seo-item .page-header-row .btn-duplicate[data-v-8dbab31b]:hover{background:#bfdbfe}.seo-manage .seo-section .page-seo-list .page-seo-item .page-header-row .btn-remove[data-v-8dbab31b]{color:#dc2626;background:#fee2e2}.seo-manage .seo-section .page-seo-list .page-seo-item .page-header-row .btn-remove[data-v-8dbab31b]:hover{background:#fecaca}.seo-manage .seo-section .page-seo-list .btn-add[data-v-8dbab31b]{color:#374151;cursor:pointer;background:#f3f4f6;border:2px dashed #d1d5db;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:14px;transition:all .2s;display:flex}.seo-manage .seo-section .page-seo-list .btn-add[data-v-8dbab31b]:hover{background:#e5e7eb;border-color:#9ca3af}.seo-manage .seo-section .schema-templates[data-v-8dbab31b]{align-items:center;gap:12px;margin-bottom:16px;display:flex}.seo-manage .seo-section .schema-templates .template-label[data-v-8dbab31b]{color:#6b7280;font-size:14px}.seo-manage .seo-section .schema-templates .btn-template[data-v-8dbab31b]{color:#4338ca;cursor:pointer;background:#e0e7ff;border:none;border-radius:20px;padding:6px 14px;font-size:13px;transition:all .2s}.seo-manage .seo-section .schema-templates .btn-template[data-v-8dbab31b]:hover{background:#c7d2fe}.seo-manage .seo-section .json-status[data-v-8dbab31b]{align-items:center;gap:6px;margin-top:8px;font-size:12px;display:flex}.seo-manage .seo-section .json-status.valid[data-v-8dbab31b]{color:#10b981}.seo-manage .seo-section .json-status.invalid[data-v-8dbab31b]{color:#ef4444}.seo-manage .seo-section .checkbox-item[data-v-8dbab31b]{align-items:center;gap:10px;display:flex}.seo-manage .seo-section .checkbox-item input[type=checkbox][data-v-8dbab31b]{cursor:pointer;width:18px;height:18px}.seo-manage .seo-section .checkbox-item label[data-v-8dbab31b]{cursor:pointer;margin:0;font-weight:400}.seo-manage .seo-section .tech-checklist[data-v-8dbab31b]{background:#f9fafb;border-radius:10px;margin-top:24px;padding:20px}.seo-manage .seo-section .tech-checklist h4[data-v-8dbab31b]{color:#374151;align-items:center;gap:8px;margin:0 0 16px;font-size:16px;display:flex}.seo-manage .seo-section .tech-checklist .checklist-items[data-v-8dbab31b]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.seo-manage .seo-section .tech-checklist .checklist-items .checklist-item[data-v-8dbab31b]{color:#6b7280;background:#fff;border-radius:6px;align-items:center;gap:10px;padding:10px 14px;font-size:14px;display:flex}.seo-manage .seo-section .tech-checklist .checklist-items .checklist-item.passed[data-v-8dbab31b]{color:#059669;background:#ecfdf5}.seo-manage .seo-section .tech-checklist .checklist-items .checklist-item i[data-v-8dbab31b]{font-size:16px}.seo-manage .seo-section .analysis-grid[data-v-8dbab31b]{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.seo-manage .seo-section .analysis-grid .analysis-card[data-v-8dbab31b]{background:#f9fafb;border-radius:10px;padding:20px}.seo-manage .seo-section .analysis-grid .analysis-card h4[data-v-8dbab31b]{color:#374151;align-items:center;gap:8px;margin:0 0 16px;font-size:15px;display:flex}.seo-manage .seo-section .analysis-grid .analysis-card .analysis-metric[data-v-8dbab31b]{align-items:center;gap:12px;margin-bottom:16px;display:flex}.seo-manage .seo-section .analysis-grid .analysis-card .analysis-metric .metric-bar[data-v-8dbab31b]{background:#e5e7eb;border-radius:4px;flex:1;height:8px;overflow:hidden}.seo-manage .seo-section .analysis-grid .analysis-card .analysis-metric .metric-bar .metric-fill[data-v-8dbab31b]{border-radius:4px;height:100%;transition:width .3s}.seo-manage .seo-section .analysis-grid .analysis-card .analysis-metric .metric-bar .metric-fill.good[data-v-8dbab31b]{background:#10b981}.seo-manage .seo-section .analysis-grid .analysis-card .analysis-metric .metric-bar .metric-fill.fair[data-v-8dbab31b]{background:#f59e0b}.seo-manage .seo-section .analysis-grid .analysis-card .analysis-metric .metric-bar .metric-fill.poor[data-v-8dbab31b]{background:#ef4444}.seo-manage .seo-section .analysis-grid .analysis-card .analysis-metric .metric-value[data-v-8dbab31b]{color:#374151;min-width:40px;font-size:14px;font-weight:600}.seo-manage .seo-section .analysis-grid .analysis-card .analysis-tips[data-v-8dbab31b]{margin:0;padding:0;list-style:none}.seo-manage .seo-section .analysis-grid .analysis-card .analysis-tips li[data-v-8dbab31b]{color:#6b7280;border-top:1px solid #e5e7eb;align-items:center;gap:8px;padding:8px 0;font-size:13px;display:flex}.seo-manage .seo-section .analysis-grid .analysis-card .analysis-tips li[data-v-8dbab31b]:first-child{border-top:none}.seo-manage .seo-section .analysis-grid .analysis-card .analysis-tips li i[data-v-8dbab31b]{color:#ef4444;font-size:14px}.seo-manage .seo-section .analysis-grid .analysis-card .analysis-tips li.passed[data-v-8dbab31b]{color:#059669}.seo-manage .seo-section .analysis-grid .analysis-card .analysis-tips li.passed i[data-v-8dbab31b]{color:#10b981}@media (max-width:768px){.seo-manage .page-header[data-v-8dbab31b]{flex-direction:column;align-items:stretch}.seo-manage .page-header .header-actions[data-v-8dbab31b]{justify-content:stretch}.seo-manage .page-header .header-actions .btn-save[data-v-8dbab31b],.seo-manage .page-header .header-actions .btn-secondary[data-v-8dbab31b]{flex:1;justify-content:center}.seo-manage .seo-score-card[data-v-8dbab31b]{text-align:center;flex-direction:column}.seo-manage .tabs .tab[data-v-8dbab31b]{flex:1;justify-content:center;padding:8px 12px;font-size:12px}.seo-manage .tabs .tab span[data-v-8dbab31b]{display:none}.seo-manage .seo-section[data-v-8dbab31b]{padding:16px}}.settings-page .page-header[data-v-b4cb6396]{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.settings-page .page-header .header-left h2[data-v-b4cb6396]{color:#1e293b;align-items:center;gap:10px;margin:0;font-size:24px;display:flex}.settings-page .page-header .header-left h2 i[data-v-b4cb6396]{color:#8b5cf6}.settings-page .page-header .header-left .subtitle[data-v-b4cb6396]{color:#64748b;margin:4px 0 0;font-size:14px}.settings-page .page-header .header-actions[data-v-b4cb6396]{gap:10px;display:flex}.settings-page .page-header .header-actions .btn-export[data-v-b4cb6396],.settings-page .page-header .header-actions .btn-import[data-v-b4cb6396]{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:40px;height:40px;transition:all .2s}.settings-page .page-header .header-actions .btn-export[data-v-b4cb6396]:hover,.settings-page .page-header .header-actions .btn-import[data-v-b4cb6396]:hover{color:#8b5cf6;background:#f1f5f9}.settings-page .page-header .header-actions .btn-save[data-v-b4cb6396]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:500;transition:all .2s;display:flex;box-shadow:0 2px 8px #8b5cf64d}.settings-page .page-header .header-actions .btn-save[data-v-b4cb6396]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}.settings-page .page-header .header-actions .btn-save[data-v-b4cb6396]:disabled{opacity:.6;cursor:not-allowed;transform:none}.settings-page .loading-state[data-v-b4cb6396],.settings-page .error-state[data-v-b4cb6396]{text-align:center;background:#fff;border-radius:12px;padding:60px 20px}.settings-page .loading-state i[data-v-b4cb6396],.settings-page .error-state i[data-v-b4cb6396]{margin-bottom:16px;font-size:48px}.settings-page .loading-state h3[data-v-b4cb6396],.settings-page .error-state h3[data-v-b4cb6396]{color:#1e293b;margin:0 0 8px}.settings-page .loading-state p[data-v-b4cb6396],.settings-page .error-state p[data-v-b4cb6396]{color:#64748b;margin:0 0 20px}.settings-page .loading-state i[data-v-b4cb6396]{color:#8b5cf6}.settings-page .error-state i[data-v-b4cb6396]{color:#f59e0b}.settings-page .btn-retry[data-v-b4cb6396]{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:8px;padding:10px 20px}.settings-page .btn-retry[data-v-b4cb6396]:hover{background:#7c3aed}.settings-page .settings-nav[data-v-b4cb6396]{gap:8px;margin-bottom:24px;padding-bottom:4px;display:flex;overflow-x:auto}.settings-page .settings-nav .nav-tab[data-v-b4cb6396]{cursor:pointer;color:#64748b;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:12px 20px;font-weight:500;transition:all .2s;display:flex}.settings-page .settings-nav .nav-tab i[data-v-b4cb6396]{font-size:14px}.settings-page .settings-nav .nav-tab[data-v-b4cb6396]:hover{color:#8b5cf6;border-color:#c4b5fd}.settings-page .settings-nav .nav-tab.active[data-v-b4cb6396]{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border-color:#0000;box-shadow:0 2px 8px #8b5cf64d}.settings-page .settings-panel[data-v-b4cb6396]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.settings-page .settings-panel .panel-header[data-v-b4cb6396]{background:linear-gradient(135deg,#faf5ff 0%,#f3e8ff 100%);border-bottom:1px solid #e9d5ff;padding:24px}.settings-page .settings-panel .panel-header h3[data-v-b4cb6396]{color:#581c87;align-items:center;gap:10px;margin:0;font-size:18px;display:flex}.settings-page .settings-panel .panel-header h3 i[data-v-b4cb6396]{color:#a855f7}.settings-page .settings-panel .panel-header p[data-v-b4cb6396]{color:#7c3aed;margin:6px 0 0;font-size:14px}.settings-page .settings-panel .panel-body[data-v-b4cb6396]{padding:24px}.settings-page .form-section[data-v-b4cb6396]{border-bottom:1px solid #f1f5f9;margin-bottom:32px;padding-bottom:32px}.settings-page .form-section[data-v-b4cb6396]:last-child{border:none;margin-bottom:0;padding-bottom:0}.settings-page .form-section h4[data-v-b4cb6396]{color:#475569;margin:0 0 16px;font-size:14px;font-weight:600}.settings-page .form-row[data-v-b4cb6396]{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:768px){.settings-page .form-row[data-v-b4cb6396]{grid-template-columns:1fr}}.settings-page .form-group[data-v-b4cb6396]{margin-bottom:16px}.settings-page .form-group label[data-v-b4cb6396]{color:#374151;align-items:center;gap:6px;margin-bottom:8px;font-size:13px;font-weight:600;display:flex}.settings-page .form-group label i[data-v-b4cb6396]{color:#8b5cf6;font-size:12px}.settings-page .form-group label .required[data-v-b4cb6396]{color:#ef4444}.settings-page .form-group input[data-v-b4cb6396],.settings-page .form-group select[data-v-b4cb6396],.settings-page .form-group textarea[data-v-b4cb6396]{border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 12px;font-size:14px;transition:all .2s}.settings-page .form-group input[data-v-b4cb6396]:focus,.settings-page .form-group select[data-v-b4cb6396]:focus,.settings-page .form-group textarea[data-v-b4cb6396]:focus{border-color:#a855f7;outline:none;box-shadow:0 0 0 3px #a855f71a}.settings-page .form-group input.error[data-v-b4cb6396],.settings-page .form-group select.error[data-v-b4cb6396],.settings-page .form-group textarea.error[data-v-b4cb6396]{border-color:#ef4444}.settings-page .form-group textarea[data-v-b4cb6396]{resize:vertical}.settings-page .form-group small[data-v-b4cb6396]{color:#94a3b8;margin-top:4px;font-size:12px;display:block}.settings-page .form-group small.error-text[data-v-b4cb6396]{color:#ef4444}.settings-page .form-group .char-count[data-v-b4cb6396]{text-align:right;color:#94a3b8;margin-top:4px;font-size:11px}.settings-page .color-input[data-v-b4cb6396]{gap:8px;display:flex}.settings-page .color-input input[type=color][data-v-b4cb6396]{cursor:pointer;border-radius:8px;width:44px;height:44px;padding:2px}.settings-page .color-input input[type=text][data-v-b4cb6396]{flex:1;font-family:monospace}.settings-page .color-presets[data-v-b4cb6396]{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.settings-page .color-presets .color-preset[data-v-b4cb6396]{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:10px;transition:all .2s;display:flex}.settings-page .color-presets .color-preset .preset-swatch[data-v-b4cb6396]{border-radius:8px;width:40px;height:40px}.settings-page .color-presets .color-preset .preset-name[data-v-b4cb6396]{color:#64748b;font-size:11px}.settings-page .color-presets .color-preset[data-v-b4cb6396]:hover{border-color:var(--preset-color)}.settings-page .color-presets .color-preset.active[data-v-b4cb6396]{border-color:var(--preset-color);box-shadow:0 0 0 3px #8b5cf633}.settings-page .social-links[data-v-b4cb6396]{gap:12px;display:grid}.settings-page .social-links .social-item[data-v-b4cb6396]{align-items:center;gap:12px;display:flex}.settings-page .social-links .social-item .social-icon[data-v-b4cb6396]{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.settings-page .social-links .social-item input[data-v-b4cb6396]{flex:1}.settings-page .password-form[data-v-b4cb6396]{max-width:400px}.settings-page .password-input[data-v-b4cb6396]{position:relative}.settings-page .password-input input[data-v-b4cb6396]{padding-right:44px}.settings-page .password-input .toggle-password[data-v-b4cb6396]{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;width:36px;height:36px;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.settings-page .password-input .toggle-password[data-v-b4cb6396]:hover{color:#64748b;background:#f1f5f9}.settings-page .password-strength[data-v-b4cb6396]{margin-top:8px}.settings-page .password-strength .strength-bar[data-v-b4cb6396]{background:#e2e8f0;border-radius:2px;height:4px;overflow:hidden}.settings-page .password-strength .strength-bar .strength-fill[data-v-b4cb6396]{height:100%;transition:width .3s,background .3s}.settings-page .password-strength .strength-bar .strength-fill.weak[data-v-b4cb6396]{background:#ef4444}.settings-page .password-strength .strength-bar .strength-fill.medium[data-v-b4cb6396]{background:#f59e0b}.settings-page .password-strength .strength-bar .strength-fill.strong[data-v-b4cb6396]{background:#10b981}.settings-page .password-strength .strength-text[data-v-b4cb6396]{margin-top:4px;font-size:11px;display:block}.settings-page .password-strength .strength-text.weak[data-v-b4cb6396]{color:#ef4444}.settings-page .password-strength .strength-text.medium[data-v-b4cb6396]{color:#f59e0b}.settings-page .password-strength .strength-text.strong[data-v-b4cb6396]{color:#10b981}.settings-page .btn-change-password[data-v-b4cb6396]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:8px;align-items:center;gap:8px;margin-top:16px;padding:12px 24px;font-weight:500;transition:all .2s;display:flex}.settings-page .btn-change-password[data-v-b4cb6396]:hover:not(:disabled){box-shadow:0 4px 12px #10b9814d}.settings-page .btn-change-password[data-v-b4cb6396]:disabled{opacity:.6;cursor:not-allowed}.settings-page .security-tips[data-v-b4cb6396]{background:#f0fdf4;border-radius:10px;padding:16px}.settings-page .security-tips .tip-item[data-v-b4cb6396]{color:#166534;align-items:center;gap:10px;padding:8px 0;font-size:13px;display:flex}.settings-page .security-tips .tip-item i[data-v-b4cb6396]{color:#22c55e}.settings-page .tags-input[data-v-b4cb6396]{border:1px solid #e2e8f0;border-radius:8px;padding:8px}.settings-page .tags-input .tags-list[data-v-b4cb6396]{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.settings-page .tags-input .tags-list .tag[data-v-b4cb6396]{color:#7c3aed;background:#f3e8ff;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;display:flex}.settings-page .tags-input .tags-list .tag button[data-v-b4cb6396]{color:#a855f7;cursor:pointer;background:0 0;border:none;padding:0}.settings-page .tags-input .tags-list .tag button[data-v-b4cb6396]:hover{color:#ef4444}.settings-page .tags-input input[data-v-b4cb6396]{border:none;width:100%;padding:4px}.settings-page .tags-input input[data-v-b4cb6396]:focus{box-shadow:none;outline:none}.settings-page .cache-actions[data-v-b4cb6396]{flex-wrap:wrap;gap:12px;display:flex}.settings-page .cache-actions .btn-action[data-v-b4cb6396]{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;transition:all .2s;display:flex}.settings-page .cache-actions .btn-action[data-v-b4cb6396]:hover{color:#8b5cf6;border-color:#a855f7}.settings-page .btn-save-section[data-v-b4cb6396]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border:none;border-radius:8px;align-items:center;gap:8px;margin-top:16px;padding:10px 20px;display:flex}.settings-page .btn-save-section[data-v-b4cb6396]:disabled{opacity:.6;cursor:not-allowed}@media (max-width:768px){.settings-page .settings-nav .nav-tab span[data-v-b4cb6396]{display:none}.settings-page .color-presets .color-preset[data-v-b4cb6396]{flex:1;min-width:calc(33% - 8px)}}.statistics-manage[data-v-c2f3cbbb]{min-height:100vh}.statistics-manage .page-header[data-v-c2f3cbbb]{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.statistics-manage .page-header .header-left h2[data-v-c2f3cbbb]{color:#1e293b;align-items:center;gap:10px;margin:0;font-size:24px;display:flex}.statistics-manage .page-header .header-left h2 i[data-v-c2f3cbbb]{color:#3b82f6}.statistics-manage .page-header .header-left .subtitle[data-v-c2f3cbbb]{color:#64748b;margin:4px 0 0;font-size:14px}.statistics-manage .page-header .header-actions[data-v-c2f3cbbb]{gap:10px;display:flex}.statistics-manage .page-header .header-actions .date-select[data-v-c2f3cbbb]{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 14px;font-size:14px}.statistics-manage .page-header .header-actions .date-select[data-v-c2f3cbbb]:focus{border-color:#3b82f6;outline:none}.statistics-manage .page-header .header-actions .btn-refresh[data-v-c2f3cbbb]{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:40px;height:40px}.statistics-manage .page-header .header-actions .btn-refresh[data-v-c2f3cbbb]:hover{color:#3b82f6;background:#f1f5f9}.statistics-manage .page-header .header-actions .btn-refresh[data-v-c2f3cbbb]:disabled{opacity:.5;cursor:not-allowed}.statistics-manage .loading-state[data-v-c2f3cbbb],.statistics-manage .error-state[data-v-c2f3cbbb]{text-align:center;background:#fff;border-radius:12px;padding:80px 20px}.statistics-manage .loading-state i[data-v-c2f3cbbb],.statistics-manage .error-state i[data-v-c2f3cbbb]{margin-bottom:16px;font-size:48px}.statistics-manage .loading-state h3[data-v-c2f3cbbb],.statistics-manage .error-state h3[data-v-c2f3cbbb]{margin:0 0 8px}.statistics-manage .loading-state p[data-v-c2f3cbbb],.statistics-manage .error-state p[data-v-c2f3cbbb]{color:#64748b;margin:0 0 16px}.statistics-manage .loading-state .btn-retry[data-v-c2f3cbbb],.statistics-manage .error-state .btn-retry[data-v-c2f3cbbb]{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;padding:10px 24px}.statistics-manage .loading-state .btn-retry[data-v-c2f3cbbb]:hover,.statistics-manage .error-state .btn-retry[data-v-c2f3cbbb]:hover{background:#2563eb}.statistics-manage .loading-state i[data-v-c2f3cbbb]{color:#3b82f6}.statistics-manage .error-state i[data-v-c2f3cbbb]{color:#ef4444}.statistics-manage .stats-overview[data-v-c2f3cbbb]{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}@media (max-width:1200px){.statistics-manage .stats-overview[data-v-c2f3cbbb]{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.statistics-manage .stats-overview[data-v-c2f3cbbb]{grid-template-columns:1fr}}.statistics-manage .stats-overview .overview-card[data-v-c2f3cbbb]{background:#fff;border-radius:16px;align-items:center;gap:16px;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000001a}.statistics-manage .stats-overview .overview-card[data-v-c2f3cbbb]:before{content:"";height:4px;position:absolute;top:0;left:0;right:0}.statistics-manage .stats-overview .overview-card.total[data-v-c2f3cbbb]:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.statistics-manage .stats-overview .overview-card.unique[data-v-c2f3cbbb]:before{background:linear-gradient(90deg,#10b981,#34d399)}.statistics-manage .stats-overview .overview-card.today[data-v-c2f3cbbb]:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.statistics-manage .stats-overview .overview-card.realtime[data-v-c2f3cbbb]:before{background:linear-gradient(90deg,#ef4444,#f87171)}.statistics-manage .stats-overview .overview-card .card-icon[data-v-c2f3cbbb]{border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;display:flex}.statistics-manage .stats-overview .overview-card.total .card-icon[data-v-c2f3cbbb]{color:#3b82f6;background:#eff6ff}.statistics-manage .stats-overview .overview-card.unique .card-icon[data-v-c2f3cbbb]{color:#10b981;background:#ecfdf5}.statistics-manage .stats-overview .overview-card.today .card-icon[data-v-c2f3cbbb]{color:#f59e0b;background:#fffbeb}.statistics-manage .stats-overview .overview-card.realtime .card-icon[data-v-c2f3cbbb]{color:#ef4444;background:#fef2f2}.statistics-manage .stats-overview .overview-card .card-info[data-v-c2f3cbbb]{flex:1}.statistics-manage .stats-overview .overview-card .card-info .card-number[data-v-c2f3cbbb]{color:#1e293b;font-size:32px;font-weight:700;display:block}.statistics-manage .stats-overview .overview-card .card-info .card-label[data-v-c2f3cbbb]{color:#64748b;font-size:13px}.statistics-manage .stats-overview .overview-card .growth-badge[data-v-c2f3cbbb]{border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:flex;position:absolute;top:16px;right:16px}.statistics-manage .stats-overview .overview-card .growth-badge.up[data-v-c2f3cbbb]{color:#16a34a;background:#dcfce7}.statistics-manage .stats-overview .overview-card .growth-badge.down[data-v-c2f3cbbb]{color:#dc2626;background:#fee2e2}.statistics-manage .stats-overview .overview-card .live-indicator[data-v-c2f3cbbb]{background:#ef4444;border-radius:50%;width:10px;height:10px;animation:2s infinite pulse-c2f3cbbb;position:absolute;top:16px;right:16px}.statistics-manage .charts-section[data-v-c2f3cbbb]{grid-template-columns:2fr 1fr 1fr;gap:16px;margin-bottom:24px;display:grid}@media (max-width:1200px){.statistics-manage .charts-section[data-v-c2f3cbbb]{grid-template-columns:1fr 1fr}.statistics-manage .charts-section .chart-card.wide[data-v-c2f3cbbb]{grid-column:1/-1}}@media (max-width:768px){.statistics-manage .charts-section[data-v-c2f3cbbb]{grid-template-columns:1fr}}.statistics-manage .charts-section .chart-card[data-v-c2f3cbbb]{background:#fff;border-radius:16px;padding:20px;box-shadow:0 1px 3px #0000001a}.statistics-manage .charts-section .chart-card .chart-header[data-v-c2f3cbbb]{margin-bottom:16px}.statistics-manage .charts-section .chart-card .chart-header h3[data-v-c2f3cbbb]{color:#1e293b;align-items:center;gap:8px;margin:0;font-size:16px;display:flex}.statistics-manage .charts-section .chart-card .chart-header h3 i[data-v-c2f3cbbb]{color:#3b82f6}.statistics-manage .charts-section .chart-card .chart-body[data-v-c2f3cbbb]{height:250px;position:relative}.statistics-manage .map-section[data-v-c2f3cbbb]{grid-template-columns:2fr 1fr;gap:16px;margin-bottom:24px;display:grid}@media (max-width:992px){.statistics-manage .map-section[data-v-c2f3cbbb]{grid-template-columns:1fr}}.statistics-manage .map-section .map-card[data-v-c2f3cbbb]{background:#fff;border-radius:16px;padding:20px;box-shadow:0 1px 3px #0000001a}.statistics-manage .map-section .map-card .chart-header[data-v-c2f3cbbb]{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.statistics-manage .map-section .map-card .chart-header h3[data-v-c2f3cbbb]{color:#1e293b;align-items:center;gap:8px;margin:0;font-size:16px;display:flex}.statistics-manage .map-section .map-card .chart-header h3 i[data-v-c2f3cbbb]{color:#3b82f6}.statistics-manage .map-section .map-card .chart-header .map-tip[data-v-c2f3cbbb]{color:#94a3b8;font-size:12px}.statistics-manage .map-section .map-card .map-container[data-v-c2f3cbbb]{border-radius:12px;height:400px;overflow:hidden}.statistics-manage .map-section .map-card .map-container #visitor-map[data-v-c2f3cbbb]{width:100%;height:100%}.statistics-manage .map-section .region-card[data-v-c2f3cbbb]{background:#fff;border-radius:16px;padding:20px;box-shadow:0 1px 3px #0000001a}.statistics-manage .map-section .region-card .chart-header[data-v-c2f3cbbb]{margin-bottom:16px}.statistics-manage .map-section .region-card .chart-header h3[data-v-c2f3cbbb]{color:#1e293b;align-items:center;gap:8px;margin:0;font-size:16px;display:flex}.statistics-manage .map-section .region-card .chart-header h3 i[data-v-c2f3cbbb]{color:#3b82f6}.statistics-manage .map-section .region-card .region-list[data-v-c2f3cbbb]{max-height:360px;overflow-y:auto}.statistics-manage .map-section .region-card .region-item[data-v-c2f3cbbb]{border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;padding:10px 0;display:flex}.statistics-manage .map-section .region-card .region-item[data-v-c2f3cbbb]:last-child{border-bottom:none}.statistics-manage .map-section .region-card .region-item .region-rank[data-v-c2f3cbbb]{color:#64748b;background:#f1f5f9;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:600;display:flex}.statistics-manage .map-section .region-card .region-item .region-rank.gold[data-v-c2f3cbbb]{color:#d97706;background:#fef3c7}.statistics-manage .map-section .region-card .region-item .region-rank.silver[data-v-c2f3cbbb]{color:#475569;background:#e2e8f0}.statistics-manage .map-section .region-card .region-item .region-rank.bronze[data-v-c2f3cbbb]{color:#c2410c;background:#fed7aa}.statistics-manage .map-section .region-card .region-item .region-name[data-v-c2f3cbbb]{color:#1e293b;width:80px;font-size:14px}.statistics-manage .map-section .region-card .region-item .region-bar[data-v-c2f3cbbb]{background:#f1f5f9;border-radius:4px;flex:1;height:8px;overflow:hidden}.statistics-manage .map-section .region-card .region-item .region-bar .bar-fill[data-v-c2f3cbbb]{background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:4px;height:100%;transition:width .5s}.statistics-manage .map-section .region-card .region-item .region-count[data-v-c2f3cbbb]{text-align:right;color:#3b82f6;width:50px;font-size:14px;font-weight:600}.statistics-manage .details-section[data-v-c2f3cbbb]{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}@media (max-width:768px){.statistics-manage .details-section[data-v-c2f3cbbb]{grid-template-columns:1fr}}.statistics-manage .details-section .detail-card[data-v-c2f3cbbb]{background:#fff;border-radius:16px;padding:20px;box-shadow:0 1px 3px #0000001a}.statistics-manage .details-section .detail-card .chart-header[data-v-c2f3cbbb]{margin-bottom:16px}.statistics-manage .details-section .detail-card .chart-header h3[data-v-c2f3cbbb]{color:#1e293b;align-items:center;gap:8px;margin:0;font-size:16px;display:flex}.statistics-manage .details-section .detail-card .chart-header h3 i[data-v-c2f3cbbb]{color:#3b82f6}.statistics-manage .details-section .detail-card .detail-list[data-v-c2f3cbbb]{max-height:300px;overflow-y:auto}.statistics-manage .details-section .detail-card .detail-item[data-v-c2f3cbbb]{border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;padding:10px 0;display:flex}.statistics-manage .details-section .detail-card .detail-item[data-v-c2f3cbbb]:last-child{border-bottom:none}.statistics-manage .details-section .detail-card .detail-item .detail-rank[data-v-c2f3cbbb]{color:#64748b;background:#f1f5f9;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:600;display:flex}.statistics-manage .details-section .detail-card .detail-item .detail-rank.gold[data-v-c2f3cbbb]{color:#d97706;background:#fef3c7}.statistics-manage .details-section .detail-card .detail-item .detail-rank.silver[data-v-c2f3cbbb]{color:#475569;background:#e2e8f0}.statistics-manage .details-section .detail-card .detail-item .detail-rank.bronze[data-v-c2f3cbbb]{color:#c2410c;background:#fed7aa}.statistics-manage .details-section .detail-card .detail-item .detail-name[data-v-c2f3cbbb]{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;overflow:hidden}.statistics-manage .details-section .detail-card .detail-item .detail-count[data-v-c2f3cbbb]{color:#64748b;font-size:14px;font-weight:500}.statistics-manage .recent-section .recent-card[data-v-c2f3cbbb]{background:#fff;border-radius:16px;padding:20px;box-shadow:0 1px 3px #0000001a}.statistics-manage .recent-section .recent-card .chart-header[data-v-c2f3cbbb]{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.statistics-manage .recent-section .recent-card .chart-header h3[data-v-c2f3cbbb]{color:#1e293b;align-items:center;gap:8px;margin:0;font-size:16px;display:flex}.statistics-manage .recent-section .recent-card .chart-header h3 i[data-v-c2f3cbbb]{color:#3b82f6}.statistics-manage .recent-section .recent-card .chart-header .visitor-count[data-v-c2f3cbbb]{color:#64748b;font-size:13px}.statistics-manage .recent-section .recent-card .recent-table-wrapper[data-v-c2f3cbbb]{overflow-x:auto}.statistics-manage .recent-section .recent-card .recent-table[data-v-c2f3cbbb]{border-collapse:collapse;width:100%;font-size:14px}.statistics-manage .recent-section .recent-card .recent-table th[data-v-c2f3cbbb],.statistics-manage .recent-section .recent-card .recent-table td[data-v-c2f3cbbb]{text-align:left;border-bottom:1px solid #f1f5f9;padding:12px}.statistics-manage .recent-section .recent-card .recent-table th[data-v-c2f3cbbb]{color:#64748b;background:#f8fafc;font-size:13px;font-weight:600}.statistics-manage .recent-section .recent-card .recent-table .ip-badge[data-v-c2f3cbbb]{color:#3b82f6;background:#eff6ff;border-radius:20px;padding:4px 10px;font-family:monospace;font-size:12px;display:inline-block}.statistics-manage .recent-section .recent-card .recent-table .page-cell[data-v-c2f3cbbb]{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.statistics-manage .recent-section .recent-card .recent-table .time-cell[data-v-c2f3cbbb]{color:#64748b;white-space:nowrap}.statistics-manage .recent-section .recent-card .recent-table .empty-cell[data-v-c2f3cbbb]{text-align:center;color:#94a3b8;padding:40px}.statistics-manage .empty-list[data-v-c2f3cbbb]{text-align:center;color:#94a3b8;padding:40px 20px}@keyframes pulse-c2f3cbbb{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.visitor-marker{background:0 0!important;border:none!important}.marker-content{color:#fff;text-align:center;background:linear-gradient(135deg,#3b82f6,#6366f1);border:2px solid #fff;border-radius:50%;font-size:12px;font-weight:600;box-shadow:0 2px 8px #3b82f666}.popup-content{text-align:center;color:#3b82f6;background:#eff6ff;border-radius:20px;margin:8px 0 4px;padding:4px 12px;font-size:12px;font-weight:600;display:block}.leaflet-popup-content-wrapper{border-radius:12px!important;box-shadow:0 4px 12px #00000026!important}.system-monitor[data-v-6711ec43]{padding:24px}.page-header[data-v-6711ec43]{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-header .header-left[data-v-6711ec43]{align-items:center;gap:12px;display:flex}.page-header .header-left i[data-v-6711ec43]{color:#6366f1;font-size:28px}.page-header .header-left h2[data-v-6711ec43]{color:#1e293b;margin:0;font-size:24px}.page-header .btn-refresh[data-v-6711ec43]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-weight:500;transition:all .3s;display:flex}.page-header .btn-refresh[data-v-6711ec43]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.page-header .btn-refresh[data-v-6711ec43]:disabled{opacity:.6;cursor:not-allowed}.status-cards[data-v-6711ec43]{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:24px;display:grid}.status-cards .status-card[data-v-6711ec43]{background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:16px;padding:20px;display:flex;box-shadow:0 4px 12px #0000000d}.status-cards .status-card .card-icon[data-v-6711ec43]{border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.status-cards .status-card .card-icon i[data-v-6711ec43]{color:#fff;font-size:24px}.status-cards .status-card.server .card-icon[data-v-6711ec43]{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%)}.status-cards .status-card.memory .card-icon[data-v-6711ec43]{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.status-cards .status-card.cpu .card-icon[data-v-6711ec43]{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.status-cards .status-card.database .card-icon[data-v-6711ec43]{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)}.status-cards .status-card .card-info[data-v-6711ec43]{flex:1}.status-cards .status-card .card-info h4[data-v-6711ec43]{color:#64748b;margin:0 0 8px;font-size:14px}.status-cards .status-card .card-info .status-badge[data-v-6711ec43]{border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.status-cards .status-card .card-info .status-badge.online[data-v-6711ec43],.status-cards .status-card .card-info .status-badge.connected[data-v-6711ec43]{color:#16a34a;background:#dcfce7}.status-cards .status-card .card-info .status-badge.error[data-v-6711ec43]{color:#dc2626;background:#fee2e2}.status-cards .status-card .card-info .uptime[data-v-6711ec43],.status-cards .status-card .card-info p[data-v-6711ec43]{color:#64748b;margin:8px 0 0;font-size:13px}.status-cards .status-card .card-info .load-value[data-v-6711ec43]{color:#1e293b;font-size:28px;font-weight:700}.status-cards .status-card .card-info .progress-bar[data-v-6711ec43]{background:#e2e8f0;border-radius:4px;height:8px;overflow:hidden}.status-cards .status-card .card-info .progress-bar .progress[data-v-6711ec43]{background:linear-gradient(90deg,#3b82f6 0%,#8b5cf6 100%);border-radius:4px;height:100%;transition:width .5s}.section-grid[data-v-6711ec43]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:24px;display:grid}.section-card[data-v-6711ec43]{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;box-shadow:0 4px 12px #0000000d}.section-card h3[data-v-6711ec43]{color:#1e293b;align-items:center;gap:10px;margin:0 0 16px;font-size:16px;display:flex}.section-card h3 i[data-v-6711ec43]{color:#6366f1}.section-card .section-header[data-v-6711ec43]{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-card .section-header h3[data-v-6711ec43]{margin:0}.service-list[data-v-6711ec43]{flex-direction:column;gap:12px;display:flex}.service-list .service-item[data-v-6711ec43]{background:#f8fafc;border-radius:10px;justify-content:space-between;align-items:center;padding:12px;display:flex}.service-list .service-item .service-name[data-v-6711ec43]{color:#475569;align-items:center;gap:10px;display:flex}.service-list .service-item .service-name i[data-v-6711ec43]{color:#6366f1}.service-list .service-item .service-status[data-v-6711ec43]{border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500}.service-list .service-item .service-status.active[data-v-6711ec43]{color:#16a34a;background:#dcfce7}.service-list .service-item .service-status.memory[data-v-6711ec43]{color:#d97706;background:#fef3c7}.service-list .service-item .service-status.inactive[data-v-6711ec43]{color:#64748b;background:#f1f5f9}.task-list[data-v-6711ec43]{flex-direction:column;gap:10px;display:flex}.task-list .task-item[data-v-6711ec43]{background:#f8fafc;border-radius:10px;justify-content:space-between;align-items:center;padding:12px;display:flex}.task-list .task-item .task-name[data-v-6711ec43]{color:#475569}.task-list .task-item .btn-run[data-v-6711ec43]{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;width:32px;height:32px;transition:all .2s}.task-list .task-item .btn-run[data-v-6711ec43]:hover:not(:disabled){background:#4f46e5}.task-list .task-item .btn-run[data-v-6711ec43]:disabled{opacity:.5;cursor:not-allowed}.info-grid[data-v-6711ec43]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.info-grid .info-item[data-v-6711ec43]{background:#f8fafc;border-radius:10px;flex-direction:column;gap:4px;padding:12px;display:flex}.info-grid .info-item .label[data-v-6711ec43]{color:#64748b;font-size:12px}.info-grid .info-item .value[data-v-6711ec43]{color:#1e293b;font-size:14px;font-weight:500}.log-list[data-v-6711ec43]{max-height:300px;overflow-y:auto}.log-list .log-item[data-v-6711ec43]{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:10px;padding:12px;display:flex}.log-list .log-item[data-v-6711ec43]:last-child{border-bottom:none}.log-list .log-item .log-time[data-v-6711ec43]{color:#64748b;width:160px;font-size:12px}.log-list .log-item .log-message[data-v-6711ec43]{color:#ef4444;flex:1;font-size:13px}.log-list .log-item .log-context[data-v-6711ec43]{color:#94a3b8;background:#f1f5f9;border-radius:4px;padding:2px 8px;font-size:11px}.empty-state[data-v-6711ec43]{text-align:center;color:#94a3b8;padding:40px}.empty-state i[data-v-6711ec43]{color:#22c55e;margin-bottom:12px;font-size:48px}.empty-state p[data-v-6711ec43]{margin:0}.btn-clear[data-v-6711ec43]{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;transition:all .2s;display:flex}.btn-clear[data-v-6711ec43]:hover:not(:disabled){background:#fecaca}.btn-clear[data-v-6711ec43]:disabled{opacity:.5;cursor:not-allowed}.test-form[data-v-6711ec43]{gap:12px;display:flex}.test-form .email-input[data-v-6711ec43]{border:1px solid #e2e8f0;border-radius:10px;flex:1;padding:12px 16px;font-size:14px}.test-form .email-input[data-v-6711ec43]:focus{border-color:#6366f1;outline:none}.test-form .btn-send[data-v-6711ec43]{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 20px;font-weight:500;transition:all .3s;display:flex}.test-form .btn-send[data-v-6711ec43]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.test-form .btn-send[data-v-6711ec43]:disabled{opacity:.6;cursor:not-allowed}@media (max-width:768px){.system-monitor[data-v-6711ec43]{padding:16px}.page-header[data-v-6711ec43]{flex-direction:column;align-items:flex-start;gap:12px}.test-form[data-v-6711ec43]{flex-direction:column}}.system-update[data-v-c035fc05]{background:linear-gradient(135deg,#f5f7fa 0%,#e4e8ec 100%);min-height:calc(100vh - 60px);padding:24px}.page-header[data-v-c035fc05]{margin-bottom:24px}.page-header .header-content[data-v-c035fc05]{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:16px;justify-content:space-between;align-items:center;padding:24px 32px;display:flex;box-shadow:0 10px 30px #667eea4d}.page-header h1[data-v-c035fc05]{align-items:center;gap:12px;margin:0;font-size:28px;font-weight:700;display:flex}.page-header h1 i[data-v-c035fc05]{font-size:32px}.page-header .subtitle[data-v-c035fc05]{opacity:.9;margin:8px 0 0;font-size:14px}.page-header .btn-outline[data-v-c035fc05]{color:#fff;cursor:pointer;background:#fff3;border:1px solid #fff6;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;transition:all .3s;display:flex}.page-header .btn-outline[data-v-c035fc05]:hover:not(:disabled){background:#ffffff4d;transform:translateY(-2px)}.page-header .btn-outline[data-v-c035fc05]:disabled{opacity:.6;cursor:not-allowed}.info-cards[data-v-c035fc05]{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px;display:grid}@media (max-width:1200px){.info-cards[data-v-c035fc05]{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.info-cards[data-v-c035fc05]{grid-template-columns:1fr}}.info-card[data-v-c035fc05]{background:#fff;border-radius:16px;align-items:center;gap:16px;padding:20px;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 4px 20px #0000000d}.info-card[data-v-c035fc05]:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001a}.info-card .card-icon[data-v-c035fc05]{color:#fff;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;display:flex}.info-card .card-icon.version[data-v-c035fc05]{background:linear-gradient(135deg,#667eea,#764ba2)}.info-card .card-icon.node[data-v-c035fc05]{background:linear-gradient(135deg,#11998e,#38ef7d)}.info-card .card-icon.uptime[data-v-c035fc05]{background:linear-gradient(135deg,#f093fb,#f5576c)}.info-card .card-icon.memory[data-v-c035fc05]{background:linear-gradient(135deg,#4facfe,#00f2fe)}.info-card .card-content[data-v-c035fc05]{flex-direction:column;gap:4px;display:flex}.info-card .card-content .label[data-v-c035fc05]{color:#64748b;font-size:13px}.info-card .card-content .value[data-v-c035fc05]{color:#1e293b;font-size:18px;font-weight:600}.main-content[data-v-c035fc05]{grid-template-columns:1.2fr 1fr;gap:24px;display:grid}@media (max-width:1024px){.main-content[data-v-c035fc05]{grid-template-columns:1fr}}.upload-section[data-v-c035fc05],.backup-section[data-v-c035fc05]{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000000d}.section-header[data-v-c035fc05]{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.section-header h2[data-v-c035fc05]{color:#1e293b;align-items:center;gap:10px;margin:0;font-size:18px;display:flex}.section-header h2 i[data-v-c035fc05]{color:#667eea}.section-header .badge[data-v-c035fc05]{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500}.section-header .btn-primary[data-v-c035fc05]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;transition:all .3s;display:flex}.section-header .btn-primary[data-v-c035fc05]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.section-header .btn-primary[data-v-c035fc05]:disabled{opacity:.7;cursor:not-allowed}.upload-zone[data-v-c035fc05]{text-align:center;cursor:pointer;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:16px;padding:48px 24px;transition:all .3s}.upload-zone[data-v-c035fc05]:hover,.upload-zone.drag-over[data-v-c035fc05]{background:#667eea0d;border-color:#667eea}.upload-zone.uploading[data-v-c035fc05]{cursor:default;border-style:solid;border-color:#667eea}.upload-zone .upload-placeholder i[data-v-c035fc05]{color:#94a3b8;margin-bottom:16px;font-size:56px}.upload-zone .upload-placeholder p[data-v-c035fc05]{color:#475569;margin:0 0 8px;font-size:16px}.upload-zone .upload-placeholder span[data-v-c035fc05]{color:#94a3b8;font-size:13px}.upload-zone .upload-progress .progress-circle[data-v-c035fc05]{width:100px;height:100px;margin:0 auto 16px;position:relative}.upload-zone .upload-progress .progress-circle svg[data-v-c035fc05]{width:100%;height:100%;transform:rotate(-90deg)}.upload-zone .upload-progress .progress-circle svg circle[data-v-c035fc05]{fill:none;stroke-width:8px;stroke-linecap:round}.upload-zone .upload-progress .progress-circle svg circle.bg[data-v-c035fc05]{stroke:#e2e8f0}.upload-zone .upload-progress .progress-circle svg circle.progress[data-v-c035fc05]{stroke:#667eea;stroke-dasharray:283;transition:stroke-dashoffset .3s}.upload-zone .upload-progress .progress-circle .percent[data-v-c035fc05]{color:#667eea;font-size:20px;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.upload-zone .upload-progress p[data-v-c035fc05]{color:#64748b;margin:0;font-size:14px}.packages-list[data-v-c035fc05]{margin-top:24px}.packages-list h3[data-v-c035fc05]{color:#64748b;margin:0 0 12px;font-size:14px;font-weight:500}.package-item[data-v-c035fc05],.backup-item[data-v-c035fc05]{background:#f8fafc;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:16px;transition:all .3s;display:flex}.package-item[data-v-c035fc05]:hover,.backup-item[data-v-c035fc05]:hover{background:#f1f5f9}.package-item[data-v-c035fc05]:last-child,.backup-item[data-v-c035fc05]:last-child{margin-bottom:0}.package-info[data-v-c035fc05],.backup-info[data-v-c035fc05]{align-items:center;gap:14px;display:flex}.package-info>i[data-v-c035fc05],.backup-info>i[data-v-c035fc05]{color:#667eea;font-size:28px}.package-info .package-details[data-v-c035fc05],.package-info .backup-details[data-v-c035fc05],.backup-info .package-details[data-v-c035fc05],.backup-info .backup-details[data-v-c035fc05]{flex-direction:column;gap:4px;display:flex}.package-info .package-details .name[data-v-c035fc05],.package-info .backup-details .name[data-v-c035fc05],.backup-info .package-details .name[data-v-c035fc05],.backup-info .backup-details .name[data-v-c035fc05]{color:#1e293b;font-size:14px;font-weight:600}.package-info .package-details .meta[data-v-c035fc05],.package-info .backup-details .meta[data-v-c035fc05],.backup-info .package-details .meta[data-v-c035fc05],.backup-info .backup-details .meta[data-v-c035fc05]{color:#64748b;font-size:12px}.package-actions[data-v-c035fc05],.backup-actions[data-v-c035fc05]{gap:8px;display:flex}.package-actions button[data-v-c035fc05],.package-actions a[data-v-c035fc05],.backup-actions button[data-v-c035fc05],.backup-actions a[data-v-c035fc05]{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;text-decoration:none;transition:all .3s;display:flex}.package-actions button[data-v-c035fc05]:hover:not(:disabled),.package-actions a[data-v-c035fc05]:hover:not(:disabled),.backup-actions button[data-v-c035fc05]:hover:not(:disabled),.backup-actions a[data-v-c035fc05]:hover:not(:disabled){transform:translateY(-2px)}.package-actions button[data-v-c035fc05]:disabled,.package-actions a[data-v-c035fc05]:disabled,.backup-actions button[data-v-c035fc05]:disabled,.backup-actions a[data-v-c035fc05]:disabled{opacity:.5;cursor:not-allowed}.package-actions .btn-install[data-v-c035fc05],.backup-actions .btn-install[data-v-c035fc05]{color:#fff;background:linear-gradient(135deg,#11998e,#38ef7d);width:auto;padding:0 14px}.package-actions .btn-install i[data-v-c035fc05],.backup-actions .btn-install i[data-v-c035fc05]{margin-right:6px}.package-actions .btn-restore[data-v-c035fc05],.backup-actions .btn-restore[data-v-c035fc05]{color:#3b82f6;background:#dbeafe}.package-actions .btn-download[data-v-c035fc05],.backup-actions .btn-download[data-v-c035fc05]{color:#22c55e;background:#dcfce7}.package-actions .btn-delete[data-v-c035fc05],.backup-actions .btn-delete[data-v-c035fc05]{color:#ef4444;background:#fee2e2}.empty-packages[data-v-c035fc05],.empty-backups[data-v-c035fc05]{text-align:center;color:#94a3b8;padding:40px 20px}.empty-packages i[data-v-c035fc05],.empty-backups i[data-v-c035fc05]{margin-bottom:12px;font-size:48px;display:block}.empty-packages p[data-v-c035fc05],.empty-backups p[data-v-c035fc05]{margin:0;font-size:14px}.backups-list[data-v-c035fc05]{max-height:300px;overflow-y:auto}.last-update[data-v-c035fc05]{border-top:1px solid #f1f5f9;margin-top:24px;padding-top:20px}.last-update h3[data-v-c035fc05]{color:#64748b;align-items:center;gap:8px;margin:0 0 12px;font-size:14px;display:flex}.last-update h3 i[data-v-c035fc05]{color:#667eea}.last-update .update-record[data-v-c035fc05]{background:#f8fafc;border-radius:12px;padding:16px}.last-update .record-item[data-v-c035fc05]{border-bottom:1px dashed #e2e8f0;justify-content:space-between;padding:8px 0;font-size:13px;display:flex}.last-update .record-item[data-v-c035fc05]:last-child{border:none}.last-update .record-item .label[data-v-c035fc05]{color:#64748b}.last-update .record-item .value[data-v-c035fc05]{color:#1e293b;font-weight:500}.modal-overlay[data-v-c035fc05]{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content[data-v-c035fc05]{background:#fff;border-radius:20px;width:90%;max-width:520px;max-height:90vh;animation:.3s modalIn-c035fc05;overflow:hidden;box-shadow:0 20px 60px #0000004d}@keyframes modalIn-c035fc05{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header[data-v-c035fc05]{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header.success[data-v-c035fc05]{background:linear-gradient(135deg,#11998e,#38ef7d)}.modal-header.error[data-v-c035fc05]{background:linear-gradient(135deg,#f5576c,#f093fb)}.modal-header h3[data-v-c035fc05]{align-items:center;gap:10px;margin:0;font-size:18px;display:flex}.modal-header .close-btn[data-v-c035fc05]{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .3s;display:flex}.modal-header .close-btn[data-v-c035fc05]:hover{background:#ffffff4d}.modal-body[data-v-c035fc05]{max-height:60vh;padding:24px;overflow-y:auto}.modal-footer[data-v-c035fc05]{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.modal-footer button[data-v-c035fc05]{cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;transition:all .3s;display:flex}.modal-footer button.btn-cancel[data-v-c035fc05]{color:#64748b;background:#f1f5f9;border:none}.modal-footer button.btn-cancel[data-v-c035fc05]:hover{background:#e2e8f0}.modal-footer button.btn-confirm[data-v-c035fc05],.modal-footer button.btn-primary[data-v-c035fc05]{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none}.modal-footer button.btn-confirm[data-v-c035fc05]:hover:not(:disabled),.modal-footer button.btn-primary[data-v-c035fc05]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.modal-footer button.btn-confirm[data-v-c035fc05]:disabled,.modal-footer button.btn-primary[data-v-c035fc05]:disabled{opacity:.7;cursor:not-allowed}.install-info .package-preview[data-v-c035fc05]{background:#f8fafc;border-radius:12px;align-items:center;gap:16px;margin-bottom:20px;padding:16px;display:flex}.install-info .package-preview>i[data-v-c035fc05]{color:#667eea;font-size:36px}.install-info .package-preview>div[data-v-c035fc05]{flex-direction:column;gap:4px;display:flex}.install-info .package-preview>div strong[data-v-c035fc05]{color:#1e293b;font-size:15px}.install-info .package-preview>div span[data-v-c035fc05]{color:#64748b;font-size:12px}.install-info .update-type-selector[data-v-c035fc05]{margin-bottom:20px}.install-info .update-type-selector>label[data-v-c035fc05]{color:#475569;margin-bottom:12px;font-size:14px;font-weight:500;display:block}.install-info .update-type-selector .type-options[data-v-c035fc05]{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.install-info .update-type-selector .type-option[data-v-c035fc05]{text-align:center;cursor:pointer;border:2px solid #e2e8f0;border-radius:12px;padding:16px 12px;transition:all .3s}.install-info .update-type-selector .type-option[data-v-c035fc05]:hover{background:#f8fafc;border-color:#cbd5e1}.install-info .update-type-selector .type-option.active[data-v-c035fc05]{background:#667eea0d;border-color:#667eea}.install-info .update-type-selector .type-option i[data-v-c035fc05]{color:#667eea;margin-bottom:8px;font-size:24px;display:block}.install-info .update-type-selector .type-option span[data-v-c035fc05]{color:#1e293b;margin-bottom:4px;font-size:14px;font-weight:600;display:block}.install-info .update-type-selector .type-option small[data-v-c035fc05]{color:#94a3b8;font-size:11px}.install-info .warning-box[data-v-c035fc05]{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:12px;gap:14px;padding:16px;display:flex}.install-info .warning-box>i[data-v-c035fc05]{color:#f59e0b;flex-shrink:0;font-size:20px}.install-info .warning-box strong[data-v-c035fc05]{color:#92400e;margin-bottom:8px;font-size:14px;display:block}.install-info .warning-box ul[data-v-c035fc05]{color:#a16207;margin:0;padding-left:18px;font-size:13px}.install-info .warning-box ul li[data-v-c035fc05]{margin-bottom:4px}.result-modal .result-summary[data-v-c035fc05]{background:#f8fafc;border-radius:12px;margin-bottom:16px;padding:16px}.result-modal .result-item[data-v-c035fc05]{border-bottom:1px dashed #e2e8f0;justify-content:space-between;padding:8px 0;font-size:14px;display:flex}.result-modal .result-item[data-v-c035fc05]:last-child{border:none}.result-modal .result-item .label[data-v-c035fc05]{color:#64748b}.result-modal .result-item .value[data-v-c035fc05]{font-weight:600}.result-modal .result-item .value.success[data-v-c035fc05]{color:#22c55e}.result-modal .result-item .value.error[data-v-c035fc05]{color:#ef4444}.result-modal .error-details[data-v-c035fc05]{margin-bottom:16px}.result-modal .error-details h4[data-v-c035fc05]{color:#ef4444;margin:0 0 10px;font-size:14px}.result-modal .error-details .error-item[data-v-c035fc05]{background:#fef2f2;border-radius:8px;margin-bottom:8px;padding:10px;font-size:12px}.result-modal .error-details .error-item code[data-v-c035fc05]{color:#dc2626;margin-bottom:4px;font-weight:600;display:block}.result-modal .error-details .error-item span[data-v-c035fc05]{color:#991b1b}.result-modal .restart-notice[data-v-c035fc05]{text-align:center;background:#dbeafe;border-radius:12px;padding:16px}.result-modal .restart-notice>i[data-v-c035fc05]{color:#3b82f6;margin-bottom:8px;font-size:24px}.result-modal .restart-notice p[data-v-c035fc05]{color:#1e40af;margin:0 0 12px;font-size:14px}.result-modal .restart-notice .btn-restart[data-v-c035fc05]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;transition:all .3s;display:inline-flex}.result-modal .restart-notice .btn-restart[data-v-c035fc05]:hover{transform:translateY(-2px);box-shadow:0 4px 15px #3b82f666}.template-manage[data-v-8d5bf9ac]{max-width:1400px;margin:0 auto;padding:24px}.page-header[data-v-8d5bf9ac]{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.page-header .header-left[data-v-8d5bf9ac]{align-items:center;gap:16px;display:flex}.page-header .header-left>i[data-v-8d5bf9ac]{background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:32px}.page-header .header-left h2[data-v-8d5bf9ac]{color:#1e293b;margin:0;font-size:24px}.page-header .header-left .subtitle[data-v-8d5bf9ac]{color:#64748b;margin:4px 0 0;font-size:14px}.page-header .btn-preview[data-v-8d5bf9ac]{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-weight:500;transition:all .3s;display:flex}.page-header .btn-preview[data-v-8d5bf9ac]:hover{color:#8b5cf6;border-color:#8b5cf6}.current-template-card[data-v-8d5bf9ac]{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:2px solid #8b5cf6;border-radius:20px;gap:32px;margin-bottom:32px;padding:24px;display:flex;position:relative}.current-template-card .card-badge[data-v-8d5bf9ac]{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);border-radius:20px;padding:6px 16px;font-size:12px;font-weight:600;position:absolute;top:-12px;left:24px}.current-template-card .template-preview[data-v-8d5bf9ac]{border-radius:12px;flex-shrink:0;width:300px;height:180px;overflow:hidden}.current-template-card .template-info[data-v-8d5bf9ac]{flex:1;padding:8px 0}.current-template-card .template-info h3[data-v-8d5bf9ac]{color:#1e293b;margin:0 0 12px;font-size:22px}.current-template-card .template-info p[data-v-8d5bf9ac]{color:#64748b;margin:0 0 16px;line-height:1.6}.current-template-card .template-colors[data-v-8d5bf9ac]{gap:8px;margin-bottom:16px;display:flex}.current-template-card .template-colors .color-dot[data-v-8d5bf9ac]{border:3px solid #fff;border-radius:50%;width:28px;height:28px;box-shadow:0 2px 8px #00000026}.current-template-card .template-tags[data-v-8d5bf9ac]{flex-wrap:wrap;gap:8px;display:flex}.current-template-card .template-tags .tag[data-v-8d5bf9ac]{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:6px 14px;font-size:13px}.filter-bar[data-v-8d5bf9ac]{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.filter-bar .filter-btn[data-v-8d5bf9ac]{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:10px 20px;font-size:14px;transition:all .2s}.filter-bar .filter-btn[data-v-8d5bf9ac]:hover{color:#8b5cf6;border-color:#8b5cf6}.filter-bar .filter-btn.active[data-v-8d5bf9ac]{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);border-color:#0000}.templates-grid[data-v-8d5bf9ac]{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.template-card[data-v-8d5bf9ac]{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:16px;transition:all .3s;overflow:hidden;box-shadow:0 4px 12px #0000000d}.template-card[data-v-8d5bf9ac]:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.template-card:hover .preview-overlay[data-v-8d5bf9ac]{opacity:1}.template-card.active[data-v-8d5bf9ac]{border-color:#22c55e}.template-card.active[data-v-8d5bf9ac]:after{content:"✓";color:#fff;background:#22c55e;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex;position:absolute;top:12px;right:12px}.template-card .template-preview[data-v-8d5bf9ac]{height:200px;position:relative}.template-card .template-info[data-v-8d5bf9ac]{padding:16px 20px}.template-card .template-info h4[data-v-8d5bf9ac]{color:#1e293b;margin:0 0 8px;font-size:16px}.template-card .template-info p[data-v-8d5bf9ac]{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 12px;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.template-card .template-meta[data-v-8d5bf9ac]{justify-content:space-between;align-items:center;display:flex}.template-card .template-meta .colors[data-v-8d5bf9ac]{gap:4px;display:flex}.template-card .template-meta .colors .color-dot[data-v-8d5bf9ac]{border:2px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 3px #0003}.template-card .template-meta .category[data-v-8d5bf9ac]{color:#8b5cf6;background:#f5f3ff;border-radius:12px;padding:4px 10px;font-size:12px}.preview-content[data-v-8d5bf9ac]{background:var(--t-bg,#fff);height:100%;padding:12px}.preview-content .preview-nav[data-v-8d5bf9ac]{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.preview-content .preview-nav .nav-logo[data-v-8d5bf9ac]{color:var(--t-primary);font-size:12px;font-weight:700}.preview-content .preview-nav .nav-links[data-v-8d5bf9ac]{gap:8px;display:flex}.preview-content .preview-nav .nav-links span[data-v-8d5bf9ac]{background:var(--t-text,#1e293b);opacity:.2;border-radius:3px;width:24px;height:6px}.preview-content .preview-hero[data-v-8d5bf9ac]{text-align:center;padding:20px 0}.preview-content .preview-hero .hero-text[data-v-8d5bf9ac]{background:var(--t-text,#1e293b);opacity:.1;border-radius:5px;width:60%;height:10px;margin:0 auto 12px}.preview-content .preview-hero .hero-btn[data-v-8d5bf9ac]{background:linear-gradient(135deg,var(--t-primary)0%,var(--t-secondary)100%);border-radius:4px;width:60px;height:20px;margin:0 auto}.preview-content .preview-hero h2[data-v-8d5bf9ac],.preview-content .preview-hero p[data-v-8d5bf9ac]{color:var(--t-text,#1e293b)}.preview-content .preview-hero h2[data-v-8d5bf9ac]{margin:0 0 8px;font-size:18px}.preview-content .preview-hero p[data-v-8d5bf9ac]{opacity:.7;margin:0 0 16px;font-size:12px}.preview-content .preview-hero button[data-v-8d5bf9ac]{background:linear-gradient(135deg,var(--t-primary)0%,var(--t-secondary)100%);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 20px;font-size:12px}.preview-content .preview-cards[data-v-8d5bf9ac]{gap:8px;display:flex}.preview-content .preview-cards .card[data-v-8d5bf9ac]{background:var(--t-primary);opacity:.1;border-radius:6px;flex:1;height:40px}.preview-content.large[data-v-8d5bf9ac]{padding:20px}.preview-content.large .preview-nav .nav-logo[data-v-8d5bf9ac]{font-size:16px}.preview-content.large .preview-nav .nav-links span[data-v-8d5bf9ac]{opacity:.7;width:auto;height:auto;color:var(--t-text);background:0 0;font-size:13px}.preview-content.large .preview-section[data-v-8d5bf9ac]{margin-top:24px}.preview-content.large .preview-section .section-title[data-v-8d5bf9ac]{color:var(--t-text);text-align:center;margin-bottom:16px;font-size:14px;font-weight:600}.preview-content.large .preview-cards .card[data-v-8d5bf9ac]{background:var(--t-bg);opacity:1;border:1px solid #0000001a;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:80px;display:flex}.preview-content.large .preview-cards .card .card-icon[data-v-8d5bf9ac]{background:linear-gradient(135deg,var(--t-primary)0%,var(--t-secondary)100%);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.preview-content.large .preview-cards .card .card-title[data-v-8d5bf9ac]{color:var(--t-text);font-size:11px}.preview-overlay[data-v-8d5bf9ac]{opacity:0;background:#00000080;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.preview-overlay .btn-apply[data-v-8d5bf9ac]{color:#1e293b;cursor:pointer;background:#fff;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:500;display:flex}.preview-overlay .btn-apply[data-v-8d5bf9ac]:hover{background:#f1f5f9}.preview-overlay .current-badge[data-v-8d5bf9ac]{color:#fff;background:#22c55e;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:500;display:flex}.modal-overlay[data-v-8d5bf9ac]{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.template-modal[data-v-8d5bf9ac]{background:#fff;border-radius:20px;width:100%;max-width:900px;max-height:90vh;display:flex;position:relative;overflow:hidden}.template-modal .modal-close[data-v-8d5bf9ac]{cursor:pointer;z-index:10;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:16px;right:16px;box-shadow:0 2px 8px #0000001a}.template-modal .modal-close[data-v-8d5bf9ac]:hover{background:#f1f5f9}.template-modal .modal-preview[data-v-8d5bf9ac]{width:55%;min-height:400px}.template-modal .modal-info[data-v-8d5bf9ac]{width:45%;padding:32px;overflow-y:auto}.template-modal .modal-info h3[data-v-8d5bf9ac]{color:#1e293b;margin:0 0 12px;font-size:24px}.template-modal .modal-info .description[data-v-8d5bf9ac]{color:#64748b;margin:0 0 24px;line-height:1.6}.template-modal .info-section[data-v-8d5bf9ac]{margin-bottom:24px}.template-modal .info-section h5[data-v-8d5bf9ac]{color:#1e293b;margin:0 0 12px;font-size:14px;font-weight:600}.template-modal .color-palette[data-v-8d5bf9ac]{flex-direction:column;gap:10px;display:flex}.template-modal .color-palette .color-item[data-v-8d5bf9ac]{align-items:center;gap:12px;display:flex}.template-modal .color-palette .color-item .color-box[data-v-8d5bf9ac]{border:2px solid #0000001a;border-radius:8px;width:32px;height:32px}.template-modal .color-palette .color-item .color-name[data-v-8d5bf9ac]{color:#64748b;width:60px;font-size:13px}.template-modal .color-palette .color-item .color-value[data-v-8d5bf9ac]{color:#94a3b8;font-family:monospace;font-size:12px}.template-modal .features[data-v-8d5bf9ac]{flex-direction:column;gap:8px;display:flex}.template-modal .features .feature[data-v-8d5bf9ac]{color:#475569;align-items:center;gap:8px;font-size:14px;display:flex}.template-modal .features .feature i[data-v-8d5bf9ac]{color:#22c55e}.template-modal .tags[data-v-8d5bf9ac]{flex-wrap:wrap;gap:8px;display:flex}.template-modal .tags .tag[data-v-8d5bf9ac]{color:#64748b;background:#f1f5f9;border-radius:20px;padding:6px 14px;font-size:13px}.template-modal .modal-actions[data-v-8d5bf9ac]{gap:12px;margin-top:24px;display:flex}.template-modal .modal-actions button[data-v-8d5bf9ac]{cursor:pointer;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-weight:500;transition:all .2s;display:flex}.template-modal .modal-actions .btn-primary[data-v-8d5bf9ac]{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);border:none}.template-modal .modal-actions .btn-primary[data-v-8d5bf9ac]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf666}.template-modal .modal-actions .btn-current[data-v-8d5bf9ac]{color:#16a34a;background:#dcfce7;border:none}.template-modal .modal-actions .btn-secondary[data-v-8d5bf9ac]{color:#64748b;background:#f1f5f9;border:none}.template-modal .modal-actions .btn-secondary[data-v-8d5bf9ac]:hover{background:#e2e8f0}@media (max-width:768px){.template-manage[data-v-8d5bf9ac]{padding:16px}.page-header[data-v-8d5bf9ac]{flex-direction:column;align-items:flex-start;gap:16px}.current-template-card[data-v-8d5bf9ac]{flex-direction:column}.current-template-card .template-preview[data-v-8d5bf9ac]{width:100%}.template-modal[data-v-8d5bf9ac]{flex-direction:column;max-height:95vh}.template-modal .modal-preview[data-v-8d5bf9ac],.template-modal .modal-info[data-v-8d5bf9ac]{width:100%}.template-modal .modal-preview[data-v-8d5bf9ac]{min-height:200px}}.theme-settings[data-v-75f9e38b]{max-width:1400px;margin:0 auto;padding:24px}.page-header[data-v-75f9e38b]{justify-content:space-between;align-items:flex-start;margin-bottom:32px;display:flex}.page-header .header-left h1[data-v-75f9e38b]{color:#1e293b;align-items:center;gap:12px;margin:0;font-size:28px;font-weight:700;display:flex}.page-header .header-left h1 i[data-v-75f9e38b]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.page-header .header-left .subtitle[data-v-75f9e38b]{color:#64748b;margin:8px 0 0;font-size:14px}.page-header .header-actions[data-v-75f9e38b]{gap:12px;display:flex}.page-header .header-actions button[data-v-75f9e38b]{cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.page-header .header-actions .btn-reset[data-v-75f9e38b]{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0}.page-header .header-actions .btn-reset[data-v-75f9e38b]:hover{color:#475569;background:#e2e8f0}.page-header .header-actions .btn-save[data-v-75f9e38b]{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;box-shadow:0 4px 15px #667eea4d}.page-header .header-actions .btn-save[data-v-75f9e38b]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.page-header .header-actions .btn-save[data-v-75f9e38b]:disabled{opacity:.7;cursor:not-allowed}.settings-grid[data-v-75f9e38b]{grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:32px;display:grid}.settings-card[data-v-75f9e38b]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000000d}.settings-card .card-header[data-v-75f9e38b]{background:linear-gradient(135deg,#667eea14 0%,#764ba214 100%);border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;padding:20px 24px;display:flex}.settings-card .card-header i[data-v-75f9e38b]{color:#667eea;font-size:18px}.settings-card .card-header h3[data-v-75f9e38b]{color:#1e293b;margin:0;font-size:16px;font-weight:600}.settings-card .card-body[data-v-75f9e38b]{padding:24px}.form-group[data-v-75f9e38b]{margin-bottom:20px}.form-group[data-v-75f9e38b]:last-child{margin-bottom:0}.form-group>label[data-v-75f9e38b]{color:#475569;margin-bottom:10px;font-size:13px;font-weight:600;display:block}.form-group input[type=text][data-v-75f9e38b]{border:1px solid #e2e8f0;border-radius:10px;width:100%;padding:12px 16px;font-size:14px;transition:all .2s}.form-group input[type=text][data-v-75f9e38b]:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.form-group input[type=range][data-v-75f9e38b]{appearance:none;cursor:pointer;background:#e2e8f0;border-radius:3px;width:100%;height:6px}.form-group input[type=range][data-v-75f9e38b]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;width:20px;height:20px;box-shadow:0 2px 8px #667eea66}.theme-presets[data-v-75f9e38b]{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.theme-presets .preset-item[data-v-75f9e38b]{cursor:pointer;text-align:center;border:2px solid #e2e8f0;border-radius:12px;padding:12px;transition:all .2s}.theme-presets .preset-item[data-v-75f9e38b]:hover{border-color:#667eea}.theme-presets .preset-item.active[data-v-75f9e38b]{background:#667eea0d;border-color:#667eea}.theme-presets .preset-item .preset-preview[data-v-75f9e38b]{border-radius:8px;height:40px;margin-bottom:8px}.theme-presets .preset-item span[data-v-75f9e38b]{color:#64748b;font-size:12px;font-weight:500}.color-row[data-v-75f9e38b]{gap:16px;display:flex}.color-input[data-v-75f9e38b]{flex:1}.color-input label[data-v-75f9e38b]{color:#94a3b8;margin-bottom:6px;font-size:11px;display:block}.color-input input[type=color][data-v-75f9e38b]{cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;width:100%;height:40px;padding:2px}.color-input span[data-v-75f9e38b]{text-align:center;color:#94a3b8;margin-top:4px;font-family:monospace;font-size:11px;display:block}.radio-group[data-v-75f9e38b]{gap:12px;display:flex}.radio-group .radio-item[data-v-75f9e38b]{cursor:pointer;text-align:center;border:2px solid #e2e8f0;border-radius:10px;flex:1;padding:12px;transition:all .2s}.radio-group .radio-item input[data-v-75f9e38b]{display:none}.radio-group .radio-item span[data-v-75f9e38b]{color:#64748b;font-size:13px}.radio-group .radio-item.active[data-v-75f9e38b]{background:#667eea0d;border-color:#667eea}.radio-group .radio-item.active span[data-v-75f9e38b]{color:#667eea;font-weight:600}.icon-selector[data-v-75f9e38b]{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.icon-selector .icon-item[data-v-75f9e38b]{aspect-ratio:1;cursor:pointer;border:2px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.icon-selector .icon-item i[data-v-75f9e38b]{color:#64748b;font-size:18px}.icon-selector .icon-item[data-v-75f9e38b]:hover{border-color:#667eea}.icon-selector .icon-item:hover i[data-v-75f9e38b]{color:#667eea}.icon-selector .icon-item.active[data-v-75f9e38b]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#667eea}.icon-selector .icon-item.active i[data-v-75f9e38b]{color:#fff}.preview-section[data-v-75f9e38b]{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000000d}.preview-section>h3[data-v-75f9e38b]{color:#1e293b;align-items:center;gap:10px;margin:0 0 20px;font-size:16px;display:flex}.preview-section>h3 i[data-v-75f9e38b]{color:#667eea}.preview-container[data-v-75f9e38b]{border-radius:16px;min-height:300px;display:flex;overflow:hidden}.preview-sidebar[data-v-75f9e38b]{color:#fff;padding:16px}.preview-sidebar .preview-logo[data-v-75f9e38b]{border-bottom:1px solid #fff3;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:16px;display:flex}.preview-sidebar .preview-logo .logo-icon[data-v-75f9e38b]{background:#fff3;border-radius:10px;justify-content:center;align-items:center;display:flex}.preview-sidebar .preview-logo .logo-icon i[data-v-75f9e38b]{font-size:16px}.preview-sidebar .preview-logo .logo-text[data-v-75f9e38b]{flex-direction:column;display:flex}.preview-sidebar .preview-logo .logo-text span[data-v-75f9e38b]{font-weight:700}.preview-sidebar .preview-logo .logo-text small[data-v-75f9e38b]{opacity:.7;font-size:10px}.preview-sidebar .preview-nav-item[data-v-75f9e38b]{border-radius:10px;align-items:center;gap:10px;margin-bottom:4px;padding:10px 12px;transition:background .2s;display:flex}.preview-sidebar .preview-nav-item .nav-icon[data-v-75f9e38b]{background:#ffffff1a;border-radius:8px;justify-content:center;align-items:center;display:flex}.preview-sidebar .preview-nav-item .nav-icon i[data-v-75f9e38b]{font-size:12px}.preview-sidebar .preview-nav-item.active[data-v-75f9e38b]{background:#fff3}.preview-sidebar .preview-nav-item.active .nav-icon[data-v-75f9e38b]{background:#fff}.preview-sidebar .preview-nav-item.active .nav-icon i[data-v-75f9e38b]{color:#667eea}.preview-content[data-v-75f9e38b]{background:#fff;flex:1}.preview-content .preview-header[data-v-75f9e38b]{border-bottom:1px solid #f1f5f9;padding:16px 20px}.preview-content .preview-header h2[data-v-75f9e38b]{margin:0;font-weight:700}.preview-content .preview-body[data-v-75f9e38b]{gap:16px;padding:20px;display:flex}.preview-content .preview-body .preview-card[data-v-75f9e38b]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex:1;height:80px}@media (max-width:992px){.settings-grid[data-v-75f9e38b]{grid-template-columns:1fr}.page-header[data-v-75f9e38b]{flex-direction:column;gap:16px}.page-header .header-actions[data-v-75f9e38b]{width:100%}.page-header .header-actions button[data-v-75f9e38b]{flex:1;justify-content:center}.theme-presets[data-v-75f9e38b]{grid-template-columns:repeat(2,1fr)}.icon-selector[data-v-75f9e38b]{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.page-header[data-v-c1ef7ba3]{flex-direction:column;gap:15px;margin-bottom:20px;align-items:flex-start!important}.page-header h2[data-v-c1ef7ba3]{font-size:20px!important}.page-header .header-actions[data-v-c1ef7ba3]{flex-direction:column;gap:10px;width:100%;align-items:stretch!important}.page-header .header-actions .search-box[data-v-c1ef7ba3],.page-header .header-actions .filter-select[data-v-c1ef7ba3],.page-header .header-actions .section-select[data-v-c1ef7ba3],.page-header .header-actions .action-buttons[data-v-c1ef7ba3]{width:100%!important;max-width:none!important;margin:0!important}.page-header .header-actions .search-box input[data-v-c1ef7ba3]{width:100%}.page-header .header-actions .btn-primary[data-v-c1ef7ba3],.page-header .header-actions button[data-v-c1ef7ba3]{justify-content:center;width:100%;padding:12px!important}}@media (max-width:576px){.section-padding[data-v-c1ef7ba3]{padding:40px 0}.container[data-v-c1ef7ba3]{padding:0 15px}}[data-v-c1ef7ba3]{box-sizing:border-box;margin:0;padding:0}body[data-v-c1ef7ba3]{color:#111827;background-color:#f9fafb;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;border:none!important;outline:none!important;margin:0!important;padding:0!important}.container[data-v-c1ef7ba3]{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}a[data-v-c1ef7ba3]{color:inherit;text-decoration:none}ul[data-v-c1ef7ba3]{list-style:none}.btn-primary[data-v-c1ef7ba3]{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:4px;padding:12px 24px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block}.btn-primary[data-v-c1ef7ba3]:hover{background-color:#2563eb;transform:translateY(-2px)}.btn-secondary[data-v-c1ef7ba3]{color:#2563eb;cursor:pointer;background-color:#0000;border:2px solid #2563eb;border-radius:4px;padding:12px 24px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block}.btn-secondary[data-v-c1ef7ba3]:hover{color:#fff;background-color:#2563eb;transform:translateY(-2px)}h1[data-v-c1ef7ba3],h2[data-v-c1ef7ba3],h3[data-v-c1ef7ba3],h4[data-v-c1ef7ba3],h5[data-v-c1ef7ba3],h6[data-v-c1ef7ba3]{margin-bottom:16px;font-weight:700;line-height:1.3}h1[data-v-c1ef7ba3]{font-size:48px}h2[data-v-c1ef7ba3]{font-size:36px}h3[data-v-c1ef7ba3]{font-size:24px}.section-header[data-v-c1ef7ba3]{text-align:center;margin-bottom:60px}.section-header h2[data-v-c1ef7ba3]{margin-bottom:10px;display:inline-block;position:relative}.section-header h2[data-v-c1ef7ba3]:after{content:"";background-color:#2563eb;width:80px;height:3px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.section-header .separator[data-v-c1ef7ba3]{width:50px;height:2px;margin:0 auto 15px}.section-header p[data-v-c1ef7ba3]{color:#4b5563;max-width:600px;margin:0 auto}.navbar[data-v-c1ef7ba3]{z-index:1000;width:100%;box-shadow:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0000;border-bottom:none;padding:15px 0;transition:all .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0}.navbar.scrolled[data-v-c1ef7ba3]{background-color:#2563eb;border-bottom:1px solid #ffffff1a;padding:12px 0;box-shadow:0 4px 24px #2563eb4d}.navbar.navbar-transparent[data-v-c1ef7ba3]{box-shadow:none;background-color:#0000;border-bottom:none}.navbar.navbar-transparent .logo .text-primary[data-v-c1ef7ba3],.navbar.navbar-transparent .logo .text-secondary[data-v-c1ef7ba3],.navbar.navbar-transparent .nav-desktop .nav-links li a[data-v-c1ef7ba3]{background:linear-gradient(135deg,#1a1a1a 0%,#000 100%);-webkit-text-fill-color:transparent;text-shadow:none;-webkit-background-clip:text;background-clip:text}.navbar.navbar-transparent .nav-desktop .nav-links li a[data-v-c1ef7ba3]:hover{background:linear-gradient(135deg,#000 0%,#333 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar.navbar-transparent .nav-desktop .nav-links li a.active[data-v-c1ef7ba3]{background:linear-gradient(135deg,#000 0%,#1a1a1a 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar.navbar-transparent .nav-desktop .nav-links li a.active[data-v-c1ef7ba3]:after{background:linear-gradient(135deg,#000 0%,#333 100%)}.navbar.navbar-transparent .menu-toggle[data-v-c1ef7ba3]{background:linear-gradient(135deg,#1a1a1a 0%,#000 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar.navbar-transparent .menu-toggle[data-v-c1ef7ba3]:hover{background:linear-gradient(135deg,#000 0%,#333 100%);-webkit-text-fill-color:transparent;background-color:#0000000d;-webkit-background-clip:text;background-clip:text}.navbar.navbar-transparent .nav-links li a.admin-link[data-v-c1ef7ba3]{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d}.navbar.navbar-transparent .nav-links li a.admin-link[data-v-c1ef7ba3]:hover{color:#fff;background:#ffffff4d;border-color:#ffffff80}.navbar[data-v-c1ef7ba3]:not(.navbar-transparent){background-color:#2563eb;border-bottom:1px solid #ffffff1a;box-shadow:0 2px 12px #2563eb33}.navbar:not(.navbar-transparent) .logo .text-primary[data-v-c1ef7ba3]{background:linear-gradient(135deg,#fff 0%,#e0e0e0 100%);-webkit-text-fill-color:transparent;text-shadow:none;-webkit-background-clip:text;background-clip:text}.navbar:not(.navbar-transparent) .logo .text-secondary[data-v-c1ef7ba3]{background:linear-gradient(135deg,#fff 0%,#e0e0e0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:600}.navbar:not(.navbar-transparent) .nav-desktop .nav-links li a[data-v-c1ef7ba3]{background:linear-gradient(135deg,#fff 0%,#e0e0e0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar:not(.navbar-transparent) .nav-desktop .nav-links li a[data-v-c1ef7ba3]:hover{background:linear-gradient(135deg,#fff 0%,#f5f5f5 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar:not(.navbar-transparent) .nav-desktop .nav-links li a.active[data-v-c1ef7ba3]{background:linear-gradient(135deg,#fff 0%,#e0e0e0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar:not(.navbar-transparent) .nav-desktop .nav-links li a.active[data-v-c1ef7ba3]:after{background:linear-gradient(135deg,#fff 0%,#e0e0e0 100%)}.navbar:not(.navbar-transparent) .menu-toggle[data-v-c1ef7ba3]{background:linear-gradient(135deg,#fff 0%,#e0e0e0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar:not(.navbar-transparent) .menu-toggle[data-v-c1ef7ba3]:hover{background:linear-gradient(135deg,#fff 0%,#f5f5f5 100%);-webkit-text-fill-color:transparent;background-color:#ffffff1a;-webkit-background-clip:text;background-clip:text}.navbar .container[data-v-c1ef7ba3]{justify-content:space-between;align-items:center;display:flex}.navbar .logo[data-v-c1ef7ba3]{font-size:24px;font-weight:700}.navbar .logo .text-primary[data-v-c1ef7ba3]{color:#2563eb;text-shadow:0 1px 2px #2563eb1a}.navbar .logo .text-secondary[data-v-c1ef7ba3]{color:#000;font-weight:600}.navbar .nav-desktop[data-v-c1ef7ba3]{display:block}.navbar .nav-desktop .nav-links[data-v-c1ef7ba3]{gap:30px;display:flex}.navbar .nav-desktop .nav-links li a[data-v-c1ef7ba3]{color:#000;letter-spacing:.3px;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.navbar .nav-desktop .nav-links li a[data-v-c1ef7ba3]:hover{color:#2563eb}.navbar .nav-desktop .nav-links li a.active[data-v-c1ef7ba3]{color:#2563eb;font-weight:700}.navbar .nav-desktop .nav-links li a.active[data-v-c1ef7ba3]:after{content:"";background-color:#2563eb;border-radius:2px;width:100%;height:3px;position:absolute;bottom:-5px;left:0}.navbar .nav-desktop .nav-links li a.admin-link[data-v-c1ef7ba3]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:6px;padding:8px 16px;font-weight:600;color:#fff!important;-webkit-text-fill-color:#fff!important}.navbar .nav-desktop .nav-links li a.admin-link[data-v-c1ef7ba3]:hover{background:linear-gradient(135deg,#5568d3 0%,#6b3fa0 100%);transform:translateY(-2px);box-shadow:0 4px 12px #667eea66;color:#fff!important;-webkit-text-fill-color:#fff!important}.navbar .menu-toggle[data-v-c1ef7ba3]{color:#000;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px;font-size:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:none}.navbar .menu-toggle[data-v-c1ef7ba3]:hover{color:#2563eb;background-color:#0000000d}.mobile-menu[data-v-c1ef7ba3]{z-index:999;-webkit-overflow-scrolling:touch;background-color:#fff;border-top:1px solid #00000014;width:100%;max-height:calc(100vh - 70px);padding:20px 0;animation:.3s ease-out slideDown-c1ef7ba3;position:fixed;top:70px;left:0;overflow-y:auto;box-shadow:0 10px 25px #00000026}.mobile-menu .mobile-nav-links[data-v-c1ef7ba3]{flex-direction:column;gap:8px;padding:0 20px;display:flex}.mobile-menu .mobile-nav-links li a[data-v-c1ef7ba3]{color:#000;border-radius:8px;padding:12px 16px;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:block}.mobile-menu .mobile-nav-links li a[data-v-c1ef7ba3]:hover{color:#2563eb;background-color:#2563eb14;padding-left:20px}.mobile-menu .mobile-nav-links li a.active[data-v-c1ef7ba3]{color:#2563eb;background-color:#2563eb1a;font-weight:700}.mobile-menu .mobile-nav-links li a.admin-link[data-v-c1ef7ba3]{text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:6px;margin-top:10px;padding:12px 20px;font-weight:600;color:#fff!important;-webkit-text-fill-color:#fff!important}.mobile-menu .mobile-nav-links li a.admin-link[data-v-c1ef7ba3]:hover{background:linear-gradient(135deg,#5568d3 0%,#6b3fa0 100%);padding-left:20px;transform:translate(5px);color:#fff!important;-webkit-text-fill-color:#fff!important}.hero[data-v-c1ef7ba3]{background:linear-gradient(135deg,#f9fafb 0%,#ccf8ff 100%);padding:120px 0 80px;position:relative;overflow:hidden}.hero .container[data-v-c1ef7ba3]{flex-wrap:wrap;align-items:center;gap:40px;display:flex}.hero .hero-content[data-v-c1ef7ba3]{flex:1;min-width:300px}.hero .hero-content h1[data-v-c1ef7ba3]{margin-bottom:20px;line-height:1.2}.hero .hero-content p[data-v-c1ef7ba3]{color:#4b5563;max-width:500px;margin-bottom:30px;font-size:18px}.hero .hero-content .cta-buttons[data-v-c1ef7ba3]{flex-wrap:wrap;gap:15px;display:flex}.hero .hero-image[data-v-c1ef7ba3]{flex:1;justify-content:center;align-items:center;min-width:300px;display:flex}.hero .hero-image i[data-v-c1ef7ba3]{color:#2563eb;opacity:.9}.about[data-v-c1ef7ba3]{padding:80px 0}@media (max-width:768px){.about[data-v-c1ef7ba3]{padding:60px 0}}@media (max-width:576px){.about[data-v-c1ef7ba3]{padding:40px 0}}.about .section-header[data-v-c1ef7ba3]{text-align:center;margin-bottom:60px}.about .section-header h2[data-v-c1ef7ba3]{margin-bottom:10px;display:inline-block;position:relative}.about .section-header h2[data-v-c1ef7ba3]:after{content:"";background-color:#2563eb;width:80px;height:3px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.about .section-header .separator[data-v-c1ef7ba3]{width:50px;height:2px;margin:0 auto 15px}.about .section-header p[data-v-c1ef7ba3]{color:#4b5563;max-width:600px;margin:0 auto}.about .about-content[data-v-c1ef7ba3]{flex-wrap:wrap;gap:40px;display:flex}.about .about-content .about-image[data-v-c1ef7ba3]{flex:1;justify-content:center;align-items:center;min-width:300px;display:flex}.about .about-content .about-image i[data-v-c1ef7ba3]{color:#2563eb;opacity:.9}.about .about-content .about-text[data-v-c1ef7ba3]{flex:1;min-width:300px}.about .about-content .about-text h3[data-v-c1ef7ba3]{color:#111827;margin-bottom:15px}.about .about-content .about-text p[data-v-c1ef7ba3]{color:#4b5563;margin-bottom:20px}.about .about-content .about-text .stats[data-v-c1ef7ba3]{flex-wrap:wrap;gap:30px;margin-top:30px;display:flex}.about .about-content .about-text .stats .stat-item[data-v-c1ef7ba3]{text-align:center}.about .about-content .about-text .stats .stat-item .stat-value[data-v-c1ef7ba3]{color:#2563eb;margin-bottom:5px;font-size:36px;font-weight:700}.about .about-content .about-text .stats .stat-item .stat-label[data-v-c1ef7ba3]{color:#4b5563;font-size:16px}.services[data-v-c1ef7ba3]{padding:80px 0}@media (max-width:768px){.services[data-v-c1ef7ba3]{padding:60px 0}}@media (max-width:576px){.services[data-v-c1ef7ba3]{padding:40px 0}}.services[data-v-c1ef7ba3]{background-color:#f9fafb}.services .section-header[data-v-c1ef7ba3]{text-align:center;margin-bottom:60px}.services .section-header h2[data-v-c1ef7ba3]{margin-bottom:10px;display:inline-block;position:relative}.services .section-header h2[data-v-c1ef7ba3]:after{content:"";background-color:#2563eb;width:80px;height:3px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.services .section-header .separator[data-v-c1ef7ba3]{width:50px;height:2px;margin:0 auto 15px}.services .section-header p[data-v-c1ef7ba3]{color:#4b5563;max-width:600px;margin:0 auto}.services .services-grid[data-v-c1ef7ba3]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.services .services-grid .service-item[data-v-c1ef7ba3]{background-color:#fff;border-radius:8px;padding:30px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.services .services-grid .service-item[data-v-c1ef7ba3]:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.services .services-grid .service-item[data-v-c1ef7ba3]{text-align:center}.services .services-grid .service-item .service-icon[data-v-c1ef7ba3]{background-color:#3b82f61a;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;display:flex}.services .services-grid .service-item h3[data-v-c1ef7ba3]{margin-bottom:15px}.services .services-grid .service-item p[data-v-c1ef7ba3]{color:#4b5563}@media (max-width:992px){.navbar[data-v-c1ef7ba3]{padding:12px 0}.navbar .nav-desktop[data-v-c1ef7ba3]{display:none}.navbar .menu-toggle[data-v-c1ef7ba3]{-webkit-tap-highlight-color:transparent;padding:5px;font-size:28px;display:block}.navbar .logo[data-v-c1ef7ba3]{font-size:20px}.hero[data-v-c1ef7ba3]{padding:100px 0 60px}.hero .hero-content h1[data-v-c1ef7ba3]{margin-bottom:15px;font-size:36px}.hero .hero-content p[data-v-c1ef7ba3]{margin-bottom:25px;font-size:16px}.hero .hero-content .cta-buttons[data-v-c1ef7ba3]{flex-direction:column;width:100%}.hero .hero-content .cta-buttons .btn-primary[data-v-c1ef7ba3],.hero .hero-content .cta-buttons .btn-secondary[data-v-c1ef7ba3]{text-align:center;width:100%}.section-header[data-v-c1ef7ba3]{margin-bottom:40px}.section-header h2[data-v-c1ef7ba3]{font-size:32px}.section-header p[data-v-c1ef7ba3]{font-size:14px}}@media (max-width:768px){.container[data-v-c1ef7ba3]{padding:0 15px}h1[data-v-c1ef7ba3]{font-size:32px;line-height:1.3}h2[data-v-c1ef7ba3]{font-size:28px;line-height:1.3}h3[data-v-c1ef7ba3]{font-size:20px}.navbar[data-v-c1ef7ba3]{padding:10px 0}.navbar .logo[data-v-c1ef7ba3]{font-size:18px}.mobile-menu[data-v-c1ef7ba3]{padding:15px 0;top:60px}.mobile-menu .mobile-nav-links[data-v-c1ef7ba3]{gap:10px;padding:0 15px}.mobile-menu .mobile-nav-links li a[data-v-c1ef7ba3]{-webkit-tap-highlight-color:#2563eb1a;padding:12px 0;font-size:16px}.hero[data-v-c1ef7ba3]{padding:80px 0 50px}.hero .hero-content h1[data-v-c1ef7ba3]{font-size:28px}.hero .hero-content p[data-v-c1ef7ba3]{font-size:15px}.hero .hero-image[data-v-c1ef7ba3]{margin-top:30px}.about .about-content[data-v-c1ef7ba3]{flex-direction:column;gap:30px}.about .about-content .about-text .stats[data-v-c1ef7ba3]{flex-wrap:wrap;justify-content:center;gap:20px}.about .about-content .about-text .stat-item[data-v-c1ef7ba3]{min-width:120px;margin:0}.about .about-content .about-text .stat-item .stat-value[data-v-c1ef7ba3]{font-size:28px}.about .about-content .about-text .stat-item .stat-label[data-v-c1ef7ba3]{font-size:14px}.services .services-grid[data-v-c1ef7ba3]{grid-template-columns:1fr;gap:20px}.services .services-grid .service-item[data-v-c1ef7ba3]{padding:25px 20px}.portfolio .portfolio-filter[data-v-c1ef7ba3]{flex-wrap:wrap;gap:10px;margin-bottom:30px}.portfolio .portfolio-filter .filter-btn[data-v-c1ef7ba3]{-webkit-tap-highlight-color:transparent;padding:8px 14px;font-size:14px}.portfolio .portfolio-grid[data-v-c1ef7ba3]{grid-template-columns:1fr;gap:20px}.contact .contact-content[data-v-c1ef7ba3]{flex-direction:column;gap:30px}.contact .contact-content .contact-form[data-v-c1ef7ba3],.contact .contact-content .contact-info[data-v-c1ef7ba3]{padding:25px 20px}.contact .contact-content .contact-item[data-v-c1ef7ba3]{flex-direction:column;align-items:flex-start;gap:10px}.contact .contact-content .contact-item .contact-icon[data-v-c1ef7ba3]{width:45px;height:45px}.footer[data-v-c1ef7ba3]{padding:50px 0 20px}.footer .footer-content[data-v-c1ef7ba3]{flex-direction:column;gap:30px}.footer .footer-content .footer-logo[data-v-c1ef7ba3],.footer .footer-content .footer-links[data-v-c1ef7ba3],.footer .footer-content .footer-services[data-v-c1ef7ba3],.footer .footer-content .footer-contact[data-v-c1ef7ba3]{min-width:100%}.btn-primary[data-v-c1ef7ba3],.btn-secondary[data-v-c1ef7ba3]{-webkit-tap-highlight-color:transparent;touch-action:manipulation;padding:14px 24px;font-size:16px}.service-item[data-v-c1ef7ba3],.portfolio-item[data-v-c1ef7ba3]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}}@media (max-width:576px){.container[data-v-c1ef7ba3]{padding:0 12px}h1[data-v-c1ef7ba3]{margin-bottom:12px;font-size:26px}h2[data-v-c1ef7ba3]{margin-bottom:12px;font-size:24px}h3[data-v-c1ef7ba3]{font-size:18px}.navbar[data-v-c1ef7ba3]{padding:8px 0}.navbar .logo[data-v-c1ef7ba3]{font-size:16px}.navbar .menu-toggle[data-v-c1ef7ba3]{font-size:24px}.mobile-menu[data-v-c1ef7ba3]{padding:12px 0;top:55px}.mobile-menu .mobile-nav-links[data-v-c1ef7ba3]{gap:8px;padding:0 12px}.mobile-menu .mobile-nav-links li a[data-v-c1ef7ba3]{padding:10px 0;font-size:15px}.hero[data-v-c1ef7ba3]{padding:70px 0 40px}.hero .hero-content h1[data-v-c1ef7ba3]{font-size:24px;line-height:1.4}.hero .hero-content p[data-v-c1ef7ba3]{font-size:14px;line-height:1.6}.section-header[data-v-c1ef7ba3]{margin-bottom:30px}.section-header h2[data-v-c1ef7ba3]{font-size:22px}.section-header h2[data-v-c1ef7ba3]:after{width:60px;height:2px}.section-header p[data-v-c1ef7ba3]{font-size:13px}.about[data-v-c1ef7ba3],.services[data-v-c1ef7ba3],.portfolio[data-v-c1ef7ba3],.contact[data-v-c1ef7ba3]{padding:40px 0}.services-grid[data-v-c1ef7ba3],.portfolio-grid[data-v-c1ef7ba3]{gap:15px}.service-item[data-v-c1ef7ba3],.portfolio-item[data-v-c1ef7ba3],.contact .contact-form[data-v-c1ef7ba3],.contact .contact-info[data-v-c1ef7ba3]{padding:20px 15px}.contact .form-group[data-v-c1ef7ba3]{margin-bottom:15px}.contact .form-group input[data-v-c1ef7ba3],.contact .form-group textarea[data-v-c1ef7ba3]{padding:10px;font-size:16px}.footer[data-v-c1ef7ba3]{padding:40px 0 15px}.footer .footer-content[data-v-c1ef7ba3]{gap:25px}.footer .footer-content h4[data-v-c1ef7ba3]{margin-bottom:15px;font-size:16px}.footer .footer-content ul li[data-v-c1ef7ba3]{margin-bottom:8px}.footer .footer-content ul li a[data-v-c1ef7ba3]{font-size:14px}.footer .footer-bottom[data-v-c1ef7ba3]{padding-top:15px}.footer .footer-bottom p[data-v-c1ef7ba3]{font-size:12px}}@media (max-width:375px){.container[data-v-c1ef7ba3]{padding:0 10px}h1[data-v-c1ef7ba3]{font-size:22px}h2[data-v-c1ef7ba3]{font-size:20px}.hero[data-v-c1ef7ba3]{padding:60px 0 30px}.section-header h2[data-v-c1ef7ba3]{font-size:20px}}@media (max-width:992px) and (orientation:landscape){.hero[data-v-c1ef7ba3]{padding:60px 0 40px}.hero .hero-content h1[data-v-c1ef7ba3]{font-size:28px}.navbar[data-v-c1ef7ba3]{padding:8px 0}}@keyframes slideDown-c1ef7ba3{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (hover:none) and (pointer:coarse){.btn-primary[data-v-c1ef7ba3],.btn-secondary[data-v-c1ef7ba3],.nav-links a[data-v-c1ef7ba3],.mobile-nav-links a[data-v-c1ef7ba3]{justify-content:center;align-items:center;min-height:44px;display:flex}.btn-primary[data-v-c1ef7ba3]:hover,.btn-secondary[data-v-c1ef7ba3]:hover{transform:none}.btn-primary[data-v-c1ef7ba3]:active,.btn-secondary[data-v-c1ef7ba3]:active{opacity:.9;transform:scale(.98)}.service-item[data-v-c1ef7ba3]:active,.portfolio-item[data-v-c1ef7ba3]:active{transform:scale(.98)}}.portfolio[data-v-c1ef7ba3]{padding:80px 0}@media (max-width:768px){.portfolio[data-v-c1ef7ba3]{padding:60px 0}}@media (max-width:576px){.portfolio[data-v-c1ef7ba3]{padding:40px 0}}.portfolio .section-header[data-v-c1ef7ba3]{text-align:center;margin-bottom:60px}.portfolio .section-header h2[data-v-c1ef7ba3]{margin-bottom:10px;display:inline-block;position:relative}.portfolio .section-header h2[data-v-c1ef7ba3]:after{content:"";background-color:#2563eb;width:80px;height:3px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.portfolio .section-header .separator[data-v-c1ef7ba3]{width:50px;height:2px;margin:0 auto 15px}.portfolio .section-header p[data-v-c1ef7ba3]{color:#4b5563;max-width:600px;margin:0 auto}.portfolio .portfolio-filter[data-v-c1ef7ba3]{justify-content:center;gap:15px;margin-bottom:40px;display:flex}.portfolio .portfolio-filter .filter-btn[data-v-c1ef7ba3]{cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:8px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.portfolio .portfolio-filter .filter-btn.active[data-v-c1ef7ba3]{color:#fff;background-color:#2563eb;border-color:#2563eb}.portfolio .portfolio-filter .filter-btn[data-v-c1ef7ba3]:hover:not(.active){color:#2563eb;border-color:#2563eb}.portfolio .portfolio-grid[data-v-c1ef7ba3]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.portfolio .portfolio-grid .portfolio-item[data-v-c1ef7ba3]{background-color:#fff;border-radius:8px;padding:30px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.portfolio .portfolio-grid .portfolio-item[data-v-c1ef7ba3]:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.portfolio .portfolio-grid .portfolio-item[data-v-c1ef7ba3]{cursor:pointer;position:relative;overflow:hidden}.portfolio .portfolio-grid .portfolio-item .portfolio-image[data-v-c1ef7ba3]{background-color:#3b82f60d;justify-content:center;align-items:center;height:200px;display:flex}.portfolio .portfolio-grid .portfolio-item .portfolio-image i[data-v-c1ef7ba3]{color:#2563eb}.portfolio .portfolio-grid .portfolio-item .portfolio-info[data-v-c1ef7ba3]{text-align:center;padding:20px 0}.contact[data-v-c1ef7ba3]{padding:80px 0}@media (max-width:768px){.contact[data-v-c1ef7ba3]{padding:60px 0}}@media (max-width:576px){.contact[data-v-c1ef7ba3]{padding:40px 0}}.contact .section-header[data-v-c1ef7ba3]{text-align:center;margin-bottom:60px}.contact .section-header h2[data-v-c1ef7ba3]{margin-bottom:10px;display:inline-block;position:relative}.contact .section-header h2[data-v-c1ef7ba3]:after{content:"";background-color:#2563eb;width:80px;height:3px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.contact .section-header .separator[data-v-c1ef7ba3]{width:50px;height:2px;margin:0 auto 15px}.contact .section-header p[data-v-c1ef7ba3]{color:#4b5563;max-width:600px;margin:0 auto}.contact .contact-content[data-v-c1ef7ba3]{flex-wrap:wrap;gap:40px;display:flex}.contact .contact-content .contact-form[data-v-c1ef7ba3]{background-color:#fff;border-radius:8px;flex:1;min-width:300px;padding:30px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.contact .contact-content .contact-form[data-v-c1ef7ba3]:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.contact .contact-content .contact-form h3[data-v-c1ef7ba3],.contact .contact-content .contact-form .form-group[data-v-c1ef7ba3]{margin-bottom:20px}.contact .contact-content .contact-form .form-group label[data-v-c1ef7ba3]{margin-bottom:8px;font-weight:500;display:block}.contact .contact-content .contact-form .form-group input[data-v-c1ef7ba3],.contact .contact-content .contact-form .form-group textarea[data-v-c1ef7ba3]{border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:12px;font-family:inherit;transition:all .3s cubic-bezier(.4,0,.2,1)}.contact .contact-content .contact-form .form-group input[data-v-c1ef7ba3]:focus,.contact .contact-content .contact-form .form-group textarea[data-v-c1ef7ba3]:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #3b82f61a}.contact .contact-content .contact-form .form-group textarea[data-v-c1ef7ba3]{resize:vertical}.contact .contact-content .contact-info[data-v-c1ef7ba3]{flex:1;min-width:300px}.contact .contact-content .contact-info h3[data-v-c1ef7ba3]{margin-bottom:20px}.contact .contact-content .contact-info .contact-item[data-v-c1ef7ba3]{gap:15px;margin-bottom:20px;display:flex}.contact .contact-content .contact-info .contact-item .contact-icon[data-v-c1ef7ba3]{background-color:#3b82f61a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.contact .contact-content .contact-info .contact-item .contact-icon i[data-v-c1ef7ba3]{color:#2563eb}.contact .contact-content .contact-info .contact-item .contact-text p[data-v-c1ef7ba3]{color:#4b5563}.contact .contact-content .contact-info .social-links[data-v-c1ef7ba3]{gap:15px;margin-top:30px;display:flex}.contact .contact-content .contact-info .social-links a[data-v-c1ef7ba3]{color:#2563eb;background-color:#3b82f61a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.contact .contact-content .contact-info .social-links a[data-v-c1ef7ba3]:hover{color:#fff;background-color:#2563eb}.footer[data-v-c1ef7ba3]{color:#fff;background-color:#111827;padding:80px 0 20px}@media (max-width:768px){.footer[data-v-c1ef7ba3]{padding:60px 0 20px}}.footer .footer-content[data-v-c1ef7ba3]{flex-wrap:wrap;gap:40px;margin-bottom:40px;display:flex}@media (max-width:768px){.footer .footer-content[data-v-c1ef7ba3]{gap:30px}}.footer .footer-content .footer-logo[data-v-c1ef7ba3]{flex:1;min-width:250px}@media (max-width:576px){.footer .footer-content .footer-logo[data-v-c1ef7ba3]{min-width:100%}}.footer .footer-content .footer-logo .text-primary[data-v-c1ef7ba3]{color:#2563eb}.footer .footer-content .footer-logo .text-secondary[data-v-c1ef7ba3]{color:#fff}.footer .footer-content .footer-logo p[data-v-c1ef7ba3]{color:#ffffffb3;margin-top:10px}.footer .footer-content .footer-links[data-v-c1ef7ba3],.footer .footer-content .footer-services[data-v-c1ef7ba3],.footer .footer-content .footer-contact[data-v-c1ef7ba3]{flex:1;min-width:200px}@media (max-width:576px){.footer .footer-content .footer-links[data-v-c1ef7ba3],.footer .footer-content .footer-services[data-v-c1ef7ba3],.footer .footer-content .footer-contact[data-v-c1ef7ba3]{min-width:100%}}.footer .footer-content .footer-links h4[data-v-c1ef7ba3],.footer .footer-content .footer-services h4[data-v-c1ef7ba3],.footer .footer-content .footer-contact h4[data-v-c1ef7ba3]{margin-bottom:20px;padding-bottom:10px;font-size:18px;position:relative}.footer .footer-content .footer-links h4[data-v-c1ef7ba3]:after,.footer .footer-content .footer-services h4[data-v-c1ef7ba3]:after,.footer .footer-content .footer-contact h4[data-v-c1ef7ba3]:after{content:"";background-color:#2563eb;width:40px;height:2px;position:absolute;bottom:0;left:0}.footer .footer-content .footer-links ul li[data-v-c1ef7ba3],.footer .footer-content .footer-services ul li[data-v-c1ef7ba3],.footer .footer-content .footer-contact ul li[data-v-c1ef7ba3]{margin-bottom:10px}.footer .footer-content .footer-links ul li a[data-v-c1ef7ba3],.footer .footer-content .footer-services ul li a[data-v-c1ef7ba3],.footer .footer-content .footer-contact ul li a[data-v-c1ef7ba3]{color:#ffffffb3;transition:all .3s cubic-bezier(.4,0,.2,1)}.footer .footer-content .footer-links ul li a[data-v-c1ef7ba3]:hover,.footer .footer-content .footer-services ul li a[data-v-c1ef7ba3]:hover,.footer .footer-content .footer-contact ul li a[data-v-c1ef7ba3]:hover{color:#2563eb;padding-left:5px}.footer .footer-content .footer-links ul li i[data-v-c1ef7ba3],.footer .footer-content .footer-services ul li i[data-v-c1ef7ba3],.footer .footer-content .footer-contact ul li i[data-v-c1ef7ba3]{color:#2563eb;margin-right:10px}.footer .footer-bottom[data-v-c1ef7ba3]{text-align:center;border-top:1px solid #ffffff1a;padding-top:20px}.footer .footer-bottom p[data-v-c1ef7ba3]{color:#ffffff80;margin:0;font-size:14px}.footer .footer-bottom p.icp-number[data-v-c1ef7ba3]{margin-top:8px;font-size:12px}.footer .footer-bottom p.icp-number a[data-v-c1ef7ba3]{color:#ffffff80;text-decoration:none}.footer .footer-bottom p.icp-number a[data-v-c1ef7ba3]:hover{color:#fffc}@keyframes float-c1ef7ba3{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(5deg)}}@keyframes shimmer-c1ef7ba3{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-glow-c1ef7ba3{0%,to{box-shadow:0 0 20px #4f46e54d}50%{box-shadow:0 0 40px #4f46e580}}@keyframes countUp-c1ef7ba3{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes borderGlow-c1ef7ba3{0%,to{border-color:#4f46e533}50%{border-color:#4f46e580}}@keyframes slideInCard-c1ef7ba3{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.user-manage-modern[data-v-c1ef7ba3]{background:linear-gradient(#f8fafc 0%,#f1f5f9 100%);min-height:100vh;padding:0 0 40px}.user-manage-modern .page-header-modern[data-v-c1ef7ba3]{background:linear-gradient(135deg,#1e1b4b 0%,#312e81 40%,#4f46e5 100%) 0 0/200% 200%;border-radius:0 0 32px 32px;margin-bottom:32px;padding:32px 36px;animation:15s infinite shimmer-c1ef7ba3;position:relative;overflow:hidden;box-shadow:0 10px 40px #1e1b4b4d}.user-manage-modern .page-header-modern[data-v-c1ef7ba3]:before{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.user-manage-modern .page-header-modern .header-bg[data-v-c1ef7ba3]{position:absolute;inset:0;overflow:hidden}.user-manage-modern .page-header-modern .header-bg .bg-circle[data-v-c1ef7ba3]{background:radial-gradient(circle,#ffffff26 0%,#0000 70%);border-radius:50%;position:absolute}.user-manage-modern .page-header-modern .header-bg .bg-circle.circle-1[data-v-c1ef7ba3]{width:300px;height:300px;animation:8s ease-in-out infinite float-c1ef7ba3;top:-100px;right:-50px}.user-manage-modern .page-header-modern .header-bg .bg-circle.circle-2[data-v-c1ef7ba3]{width:200px;height:200px;animation:6s ease-in-out infinite reverse float-c1ef7ba3;bottom:-80px;right:150px}.user-manage-modern .page-header-modern .header-bg .bg-circle.circle-3[data-v-c1ef7ba3]{width:120px;height:120px;animation:7s ease-in-out 1s infinite float-c1ef7ba3;top:30px;right:350px}.user-manage-modern .page-header-modern .header-content[data-v-c1ef7ba3]{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex;position:relative}.user-manage-modern .page-header-modern .header-left[data-v-c1ef7ba3]{align-items:center;gap:20px;display:flex}.user-manage-modern .page-header-modern .header-left .header-icon[data-v-c1ef7ba3]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff26;border:1px solid #fff3;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;animation:3s infinite pulse-glow-c1ef7ba3;display:flex}.user-manage-modern .page-header-modern .header-left .header-icon i[data-v-c1ef7ba3]{color:#fff;text-shadow:0 2px 10px #0003;font-size:28px}.user-manage-modern .page-header-modern .header-left .header-text h1[data-v-c1ef7ba3]{color:#fff;letter-spacing:-.5px;text-shadow:0 2px 10px #0003;margin:0;font-size:28px;font-weight:800}.user-manage-modern .page-header-modern .header-left .header-text p[data-v-c1ef7ba3]{color:#ffffffb3;letter-spacing:.3px;margin:6px 0 0;font-size:14px}.user-manage-modern .page-header-modern .header-actions[data-v-c1ef7ba3]{gap:14px;display:flex}.user-manage-modern .page-header-modern .header-actions button[data-v-c1ef7ba3]{cursor:pointer;border:none;border-radius:14px;align-items:center;gap:10px;padding:14px 24px;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.user-manage-modern .page-header-modern .header-actions .btn-refresh[data-v-c1ef7ba3]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#ffffff1a;border:1px solid #ffffff26}.user-manage-modern .page-header-modern .header-actions .btn-refresh[data-v-c1ef7ba3]:hover{background:#fff3;transform:translateY(-3px);box-shadow:0 8px 20px #0003}.user-manage-modern .page-header-modern .header-actions .btn-refresh[data-v-c1ef7ba3]:disabled{opacity:.5}.user-manage-modern .page-header-modern .header-actions .btn-create[data-v-c1ef7ba3]{color:#4f46e5;background:linear-gradient(135deg,#fff 0%,#f0f0ff 100%);box-shadow:0 6px 20px #0003}.user-manage-modern .page-header-modern .header-actions .btn-create[data-v-c1ef7ba3]:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 12px 30px #00000040}.user-manage-modern .stats-grid-modern[data-v-c1ef7ba3]{z-index:10;grid-template-columns:repeat(4,1fr);gap:24px;margin:-60px 24px 32px;display:grid;position:relative}.user-manage-modern .stat-card-modern[data-v-c1ef7ba3]{background:#fff;border:1px solid #00000008;border-radius:20px;padding:24px;transition:all .4s cubic-bezier(.4,0,.2,1);animation:.5s backwards slideInCard-c1ef7ba3;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000f}.user-manage-modern .stat-card-modern[data-v-c1ef7ba3]:first-child{animation-delay:.1s}.user-manage-modern .stat-card-modern[data-v-c1ef7ba3]:nth-child(2){animation-delay:.2s}.user-manage-modern .stat-card-modern[data-v-c1ef7ba3]:nth-child(3){animation-delay:.3s}.user-manage-modern .stat-card-modern[data-v-c1ef7ba3]:nth-child(4){animation-delay:.4s}.user-manage-modern .stat-card-modern[data-v-c1ef7ba3]:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 20px 50px #0000001f}.user-manage-modern .stat-card-modern .stat-bar[data-v-c1ef7ba3]{border-radius:0 5px 5px 0;width:5px;position:absolute;top:0;bottom:0;left:0}.user-manage-modern .stat-card-modern .stat-body[data-v-c1ef7ba3]{align-items:center;gap:18px;display:flex}.user-manage-modern .stat-card-modern .stat-icon[data-v-c1ef7ba3]{border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;display:flex;position:relative}.user-manage-modern .stat-card-modern .stat-icon[data-v-c1ef7ba3]:after{content:"";border:2px dashed #0000;border-radius:20px;transition:all .3s;position:absolute;inset:-4px}.user-manage-modern .stat-card-modern:hover .stat-icon[data-v-c1ef7ba3]:after{animation:1.5s infinite borderGlow-c1ef7ba3}.user-manage-modern .stat-card-modern .stat-content[data-v-c1ef7ba3]{flex:1}.user-manage-modern .stat-card-modern .stat-content .stat-value[data-v-c1ef7ba3]{color:#1e293b;letter-spacing:-1px;font-size:32px;font-weight:800;line-height:1.2;animation:.6s backwards countUp-c1ef7ba3;display:block}.user-manage-modern .stat-card-modern .stat-content .stat-label[data-v-c1ef7ba3]{color:#64748b;margin-top:4px;font-size:13px;font-weight:500}.user-manage-modern .stat-card-modern .stat-progress[data-v-c1ef7ba3]{width:52px;height:52px}.user-manage-modern .stat-card-modern .stat-progress svg[data-v-c1ef7ba3]{filter:drop-shadow(0 2px 4px #0000001a);width:100%;height:100%}.user-manage-modern .stat-card-modern .stat-progress svg circle[data-v-c1ef7ba3]:last-child{transition:stroke-dasharray 1s}.user-manage-modern .stat-card-modern.total .stat-bar[data-v-c1ef7ba3]{background:linear-gradient(#4f46e5,#7c3aed,#a855f7)}.user-manage-modern .stat-card-modern.total .stat-icon[data-v-c1ef7ba3]{color:#4f46e5;background:linear-gradient(135deg,#eef2ff 0%,#e0e7ff 100%);box-shadow:0 4px 12px #4f46e526}.user-manage-modern .stat-card-modern.admin .stat-bar[data-v-c1ef7ba3]{background:linear-gradient(#f59e0b,#d97706,#b45309)}.user-manage-modern .stat-card-modern.admin .stat-icon[data-v-c1ef7ba3]{color:#d97706;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);box-shadow:0 4px 12px #f59e0b33}.user-manage-modern .stat-card-modern.editor .stat-bar[data-v-c1ef7ba3]{background:linear-gradient(#10b981,#059669,#047857)}.user-manage-modern .stat-card-modern.editor .stat-icon[data-v-c1ef7ba3]{color:#059669;background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);box-shadow:0 4px 12px #10b98133}.user-manage-modern .stat-card-modern.viewer .stat-bar[data-v-c1ef7ba3]{background:linear-gradient(#3b82f6,#2563eb,#1d4ed8)}.user-manage-modern .stat-card-modern.viewer .stat-icon[data-v-c1ef7ba3]{color:#2563eb;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);box-shadow:0 4px 12px #3b82f633}.user-manage-modern .filter-bar-modern[data-v-c1ef7ba3]{background:#fff;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin:0 24px 24px;padding:20px 24px;display:flex;box-shadow:0 2px 12px #0000000a}.user-manage-modern .filter-bar-modern .search-box-modern[data-v-c1ef7ba3]{flex:1;max-width:420px;position:relative}.user-manage-modern .filter-bar-modern .search-box-modern .search-icon[data-v-c1ef7ba3]{background:linear-gradient(135deg,#1e1b4b 0%,#4f46e5 100%);border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex;position:absolute;top:50%;left:14px;transform:translateY(-50%);box-shadow:0 4px 12px #4f46e54d}.user-manage-modern .filter-bar-modern .search-box-modern .search-icon i[data-v-c1ef7ba3]{color:#fff;font-size:15px}.user-manage-modern .filter-bar-modern .search-box-modern input[data-v-c1ef7ba3]{background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;width:100%;padding:16px 48px 16px 70px;font-size:14px;transition:all .3s}.user-manage-modern .filter-bar-modern .search-box-modern input[data-v-c1ef7ba3]:focus{background:#fff;border-color:#4f46e5;outline:none;box-shadow:0 0 0 4px #4f46e51a}.user-manage-modern .filter-bar-modern .search-box-modern input[data-v-c1ef7ba3]::placeholder{color:#94a3b8}.user-manage-modern .filter-bar-modern .search-box-modern .clear-btn[data-v-c1ef7ba3]{color:#64748b;cursor:pointer;background:#e2e8f0;border:none;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.user-manage-modern .filter-bar-modern .search-box-modern .clear-btn[data-v-c1ef7ba3]:hover{color:#fff;background:#4f46e5}.user-manage-modern .filter-bar-modern .filter-controls[data-v-c1ef7ba3]{align-items:center;gap:16px;display:flex}.user-manage-modern .filter-bar-modern .role-filter-chips[data-v-c1ef7ba3]{background:#f1f5f9;border-radius:16px;gap:10px;padding:6px;display:flex}.user-manage-modern .filter-bar-modern .role-filter-chips .chip[data-v-c1ef7ba3]{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 18px;font-size:13px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.user-manage-modern .filter-bar-modern .role-filter-chips .chip i[data-v-c1ef7ba3]{font-size:12px}.user-manage-modern .filter-bar-modern .role-filter-chips .chip[data-v-c1ef7ba3]:before{content:"";opacity:0;z-index:-1;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);transition:opacity .3s;position:absolute;inset:0}.user-manage-modern .filter-bar-modern .role-filter-chips .chip[data-v-c1ef7ba3]:hover{color:#1e293b;background:#fff;box-shadow:0 2px 8px #0000000d}.user-manage-modern .filter-bar-modern .role-filter-chips .chip.active[data-v-c1ef7ba3]{color:#fff;background:0 0;box-shadow:0 6px 16px #4f46e559}.user-manage-modern .filter-bar-modern .role-filter-chips .chip.active[data-v-c1ef7ba3]:before{opacity:1}.user-manage-modern .filter-bar-modern .role-filter-chips .chip.admin.active[data-v-c1ef7ba3]:before{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.user-manage-modern .filter-bar-modern .role-filter-chips .chip.admin.active[data-v-c1ef7ba3]{box-shadow:0 6px 16px #f59e0b59}.user-manage-modern .filter-bar-modern .role-filter-chips .chip.editor.active[data-v-c1ef7ba3]:before{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.user-manage-modern .filter-bar-modern .role-filter-chips .chip.editor.active[data-v-c1ef7ba3]{box-shadow:0 6px 16px #10b98159}.user-manage-modern .filter-bar-modern .role-filter-chips .chip.viewer.active[data-v-c1ef7ba3]:before{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.user-manage-modern .filter-bar-modern .role-filter-chips .chip.viewer.active[data-v-c1ef7ba3]{box-shadow:0 6px 16px #3b82f659}.user-manage-modern .filter-bar-modern .view-toggle-modern[data-v-c1ef7ba3]{background:#f1f5f9;border-radius:14px;padding:5px;display:flex}.user-manage-modern .filter-bar-modern .view-toggle-modern button[data-v-c1ef7ba3]{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:12px 16px;font-size:15px;transition:all .3s}.user-manage-modern .filter-bar-modern .view-toggle-modern button.active[data-v-c1ef7ba3]{color:#4f46e5;background:#fff;box-shadow:0 4px 12px #00000014}.user-manage-modern .filter-bar-modern .view-toggle-modern button[data-v-c1ef7ba3]:hover:not(.active){color:#4f46e5}.user-manage-modern .batch-bar-modern[data-v-c1ef7ba3]{color:#fff;background:linear-gradient(135deg,#1e1b4b 0%,#4f46e5 50%,#7c3aed 100%);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 24px 24px;padding:18px 28px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 30px #4f46e54d}.user-manage-modern .batch-bar-modern[data-v-c1ef7ba3]:before{content:"";background:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='3'/%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.user-manage-modern .batch-bar-modern .batch-info[data-v-c1ef7ba3]{z-index:1;align-items:center;gap:14px;font-size:14px;display:flex;position:relative}.user-manage-modern .batch-bar-modern .batch-info .batch-icon[data-v-c1ef7ba3]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex}.user-manage-modern .batch-bar-modern .batch-info strong[data-v-c1ef7ba3]{text-shadow:0 2px 4px #0003;font-size:22px;font-weight:800}.user-manage-modern .batch-bar-modern .batch-actions[data-v-c1ef7ba3]{z-index:1;flex-wrap:wrap;align-items:center;gap:12px;display:flex;position:relative}.user-manage-modern .batch-bar-modern .batch-select[data-v-c1ef7ba3]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:12px 18px;font-size:14px;transition:all .3s}.user-manage-modern .batch-bar-modern .batch-select[data-v-c1ef7ba3]:hover{background:#fff3}.user-manage-modern .batch-bar-modern .batch-select option[data-v-c1ef7ba3]{color:#1e293b}.user-manage-modern .batch-bar-modern .batch-btn[data-v-c1ef7ba3]{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.user-manage-modern .batch-bar-modern .batch-btn.apply[data-v-c1ef7ba3]{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#10b98166 0%,#05966966 100%);border:1px solid #10b9814d}.user-manage-modern .batch-bar-modern .batch-btn.apply[data-v-c1ef7ba3]:hover{background:linear-gradient(135deg,#10b98199 0%,#05966999 100%);transform:translateY(-2px)}.user-manage-modern .batch-bar-modern .batch-btn.danger[data-v-c1ef7ba3]{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ef444466 0%,#dc262666 100%);border:1px solid #ef44444d}.user-manage-modern .batch-bar-modern .batch-btn.danger[data-v-c1ef7ba3]:hover{background:linear-gradient(135deg,#ef444499 0%,#dc262699 100%);transform:translateY(-2px)}.user-manage-modern .batch-bar-modern .batch-btn.cancel[data-v-c1ef7ba3]{color:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a}.user-manage-modern .batch-bar-modern .batch-btn.cancel[data-v-c1ef7ba3]:hover{color:#fff;background:#fff3}.user-manage-modern .batch-bar-modern .batch-btn[data-v-c1ef7ba3]:disabled{opacity:.5;cursor:not-allowed}.user-manage-modern .slide-down-enter-active[data-v-c1ef7ba3],.user-manage-modern .slide-down-leave-active[data-v-c1ef7ba3]{transition:all .4s cubic-bezier(.4,0,.2,1)}.user-manage-modern .slide-down-enter-from[data-v-c1ef7ba3],.user-manage-modern .slide-down-leave-to[data-v-c1ef7ba3]{opacity:0;transform:translateY(-15px)scale(.98)}.user-manage-modern .content-modern[data-v-c1ef7ba3]{min-height:400px}.user-manage-modern .loading-state-modern[data-v-c1ef7ba3]{background:#fff;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;margin:0 24px;padding:100px 20px;display:flex;box-shadow:0 4px 20px #0000000a}.user-manage-modern .loading-state-modern .loading-spinner[data-v-c1ef7ba3]{width:100px;height:100px;margin-bottom:28px;position:relative}.user-manage-modern .loading-state-modern .loading-spinner .spinner-ring[data-v-c1ef7ba3]{border:4px solid #4f46e5;border-color:#4f46e5 #7c3aed #e2e8f0 #e2e8f0;border-radius:50%;animation:.8s linear infinite spin-c1ef7ba3;position:absolute;inset:0}.user-manage-modern .loading-state-modern .loading-spinner[data-v-c1ef7ba3]:before{content:"";border:3px solid #f1f5f9;border-top-color:#a855f7;border-radius:50%;animation:1.2s linear infinite reverse spin-c1ef7ba3;position:absolute;inset:10px}.user-manage-modern .loading-state-modern .loading-spinner i[data-v-c1ef7ba3]{color:#4f46e5;font-size:32px;animation:1.5s ease-in-out infinite pulse-c1ef7ba3;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.user-manage-modern .loading-state-modern p[data-v-c1ef7ba3]{color:#64748b;font-size:16px;font-weight:500}@keyframes spin-c1ef7ba3{to{transform:rotate(360deg)}}@keyframes pulse-c1ef7ba3{0%,to{opacity:1}50%{opacity:.5}}.user-manage-modern .empty-state-modern[data-v-c1ef7ba3]{background:#fff;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;margin:0 24px;padding:100px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000a}.user-manage-modern .empty-state-modern[data-v-c1ef7ba3]:before{content:"";background:radial-gradient(circle,#4f46e508 0%,#0000 50%);width:200%;height:200%;animation:10s ease-in-out infinite float-c1ef7ba3;position:absolute;top:-50%;left:-50%}.user-manage-modern .empty-state-modern .empty-icon[data-v-c1ef7ba3]{z-index:1;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:28px;display:flex;position:relative}.user-manage-modern .empty-state-modern .empty-icon[data-v-c1ef7ba3]:after{content:"";border:2px dashed #cbd5e1;border-radius:50%;animation:20s linear infinite spin-c1ef7ba3;position:absolute;inset:-8px}.user-manage-modern .empty-state-modern .empty-icon i[data-v-c1ef7ba3]{color:#94a3b8;font-size:48px}.user-manage-modern .empty-state-modern.error .empty-icon[data-v-c1ef7ba3]{background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%)}.user-manage-modern .empty-state-modern.error .empty-icon i[data-v-c1ef7ba3]{color:#ef4444}.user-manage-modern .empty-state-modern.error .empty-icon[data-v-c1ef7ba3]:after{border-color:#fecaca}.user-manage-modern .empty-state-modern h3[data-v-c1ef7ba3]{color:#1e293b;z-index:1;margin:0 0 12px;font-size:22px;font-weight:700;position:relative}.user-manage-modern .empty-state-modern p[data-v-c1ef7ba3]{color:#64748b;z-index:1;margin:0 0 28px;font-size:15px;position:relative}.user-manage-modern .empty-state-modern .btn-retry[data-v-c1ef7ba3],.user-manage-modern .empty-state-modern .btn-create-empty[data-v-c1ef7ba3],.user-manage-modern .empty-state-modern .btn-clear-filter[data-v-c1ef7ba3]{cursor:pointer;z-index:1;border:none;border-radius:14px;align-items:center;gap:10px;padding:14px 28px;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.user-manage-modern .empty-state-modern .btn-retry[data-v-c1ef7ba3]{color:#475569;background:#f1f5f9}.user-manage-modern .empty-state-modern .btn-retry[data-v-c1ef7ba3]:hover{background:#e2e8f0;transform:translateY(-2px)}.user-manage-modern .empty-state-modern .btn-create-empty[data-v-c1ef7ba3]{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);box-shadow:0 6px 20px #4f46e54d}.user-manage-modern .empty-state-modern .btn-create-empty[data-v-c1ef7ba3]:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 12px 30px #4f46e566}.user-manage-modern .empty-state-modern .btn-clear-filter[data-v-c1ef7ba3]{color:#475569;background:#f1f5f9}.user-manage-modern .empty-state-modern .btn-clear-filter[data-v-c1ef7ba3]:hover{background:#e2e8f0;transform:translateY(-2px)}.user-manage-modern .table[data-v-c1ef7ba3]{border-collapse:separate;border-spacing:0;background:#fff;border-radius:20px;width:calc(100% - 48px);margin:0 24px;overflow:hidden;box-shadow:0 4px 20px #0000000d}@media (max-width:768px){.user-manage-modern .table[data-v-c1ef7ba3]{width:100%;display:block}.user-manage-modern .table thead[data-v-c1ef7ba3]{display:none}.user-manage-modern .table tbody[data-v-c1ef7ba3],.user-manage-modern .table tr[data-v-c1ef7ba3],.user-manage-modern .table td[data-v-c1ef7ba3]{width:100%;display:block}.user-manage-modern .table tr[data-v-c1ef7ba3]{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:15px;padding:10px;box-shadow:0 1px 2px #0000000d}.user-manage-modern .table td[data-v-c1ef7ba3]{text-align:right;border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;min-height:40px;padding:10px 8px;display:flex;position:relative}.user-manage-modern .table td[data-v-c1ef7ba3]:last-child{border-bottom:none;flex-wrap:wrap;justify-content:center;gap:8px}.user-manage-modern .table td[data-v-c1ef7ba3]:before{content:attr(data-label);color:#4b5563;text-align:left;margin-right:15px;font-size:13px;font-weight:600}}.user-manage-modern .table th[data-v-c1ef7ba3],.user-manage-modern .table td[data-v-c1ef7ba3]{text-align:left;color:#374151;border-bottom:1px solid #f1f5f9;padding:18px 16px}.user-manage-modern .table th[data-v-c1ef7ba3]{color:#ffffffe6;text-transform:uppercase;letter-spacing:.8px;z-index:10;background:linear-gradient(#1e1b4b 0%,#312e81 100%);font-size:11px;font-weight:600;position:sticky;top:0}.user-manage-modern .table th.sortable[data-v-c1ef7ba3]{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s}.user-manage-modern .table th.sortable[data-v-c1ef7ba3]:hover{color:#fff;background:#4f46e5}.user-manage-modern .table th.sortable i[data-v-c1ef7ba3]{opacity:.7;margin-left:6px;font-size:10px}.user-manage-modern .table th.checkbox-col[data-v-c1ef7ba3]{text-align:center;width:50px}.user-manage-modern .table th[data-v-c1ef7ba3]:first-child{border-radius:20px 0 0}.user-manage-modern .table th[data-v-c1ef7ba3]:last-child{border-radius:0 20px 0 0}.user-manage-modern .table tbody tr[data-v-c1ef7ba3]{transition:all .3s cubic-bezier(.4,0,.2,1)}.user-manage-modern .table tbody tr[data-v-c1ef7ba3]:hover{background:linear-gradient(90deg,#f8fafc 0%,#f1f5f9 100%);transform:scale(1.002)}.user-manage-modern .table tbody tr:hover td[data-v-c1ef7ba3]:first-child{box-shadow:inset 4px 0 #4f46e5}.user-manage-modern .table tbody tr.selected[data-v-c1ef7ba3]{background:linear-gradient(90deg,#eef2ff 0%,#e0e7ff 100%)}.user-manage-modern .table tbody tr.selected td[data-v-c1ef7ba3]:first-child{box-shadow:inset 4px 0 #4f46e5}.user-manage-modern .table tbody tr:last-child td[data-v-c1ef7ba3]{border-bottom:none}.user-manage-modern .table tbody tr:last-child td[data-v-c1ef7ba3]:first-child{border-radius:0 0 0 20px}.user-manage-modern .table tbody tr:last-child td[data-v-c1ef7ba3]:last-child{border-radius:0 0 20px}.user-manage-modern .table .checkbox-col[data-v-c1ef7ba3]{text-align:center}.user-manage-modern .table .checkbox-col input[type=checkbox][data-v-c1ef7ba3]{accent-color:#4f46e5;cursor:pointer;width:18px;height:18px}.user-manage-modern .user-cell[data-v-c1ef7ba3]{align-items:center;gap:14px;display:flex}.user-manage-modern .user-cell .user-avatar[data-v-c1ef7ba3]{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:16px;font-weight:800;transition:all .3s;display:flex;position:relative;box-shadow:0 4px 12px #00000026}.user-manage-modern .user-cell .user-avatar.admin[data-v-c1ef7ba3]{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.user-manage-modern .user-cell .user-avatar.editor[data-v-c1ef7ba3]{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.user-manage-modern .user-cell .user-avatar.viewer[data-v-c1ef7ba3]{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.user-manage-modern .user-cell .user-avatar[data-v-c1ef7ba3]:after{content:"";background:inherit;opacity:.3;z-index:-1;filter:blur(6px);border-radius:14px;position:absolute;inset:-2px}tr:hover .user-manage-modern .user-cell .user-avatar[data-v-c1ef7ba3]{transform:scale(1.1)}.user-manage-modern .user-cell span[data-v-c1ef7ba3]{color:#1e293b;font-size:14px;font-weight:600}.user-manage-modern .user-cell .super-admin[data-v-c1ef7ba3]{color:#f59e0b;filter:drop-shadow(0 2px 4px #f59e0b66);margin-left:6px;font-size:14px;animation:2s infinite pulse-crown-c1ef7ba3}@keyframes pulse-crown-c1ef7ba3{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.user-manage-modern .email-link[data-v-c1ef7ba3],.user-manage-modern .phone-link[data-v-c1ef7ba3]{color:#4f46e5;align-items:center;gap:6px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.user-manage-modern .email-link[data-v-c1ef7ba3]:hover,.user-manage-modern .phone-link[data-v-c1ef7ba3]:hover{color:#7c3aed;text-decoration:underline}.user-manage-modern .empty-value[data-v-c1ef7ba3]{color:#cbd5e1;font-size:13px;font-style:italic}.user-manage-modern .login-time[data-v-c1ef7ba3]{color:#475569;align-items:center;gap:6px;font-size:13px;display:inline-flex}.user-manage-modern .login-time[data-v-c1ef7ba3]:before{content:"";background:#10b981;border-radius:50%;width:6px;height:6px}.user-manage-modern .never-login[data-v-c1ef7ba3]{color:#94a3b8;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-style:italic;display:inline-flex}.user-manage-modern .never-login[data-v-c1ef7ba3]:before{content:"";background:#cbd5e1;border-radius:50%;width:6px;height:6px}.user-manage-modern .login-ip[data-v-c1ef7ba3]{color:#64748b;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-family:Monaco,Consolas,monospace;font-size:11px;display:inline-flex}.user-manage-modern .login-ip i[data-v-c1ef7ba3]{color:#94a3b8;font-size:11px}.user-manage-modern .badge[data-v-c1ef7ba3]{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:11px;font-weight:700;display:inline-flex}.user-manage-modern .badge[data-v-c1ef7ba3]:before{content:"";border-radius:50%;width:6px;height:6px}.user-manage-modern .badge.admin[data-v-c1ef7ba3]{color:#92400e;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);box-shadow:0 3px 10px #f59e0b40}.user-manage-modern .badge.admin[data-v-c1ef7ba3]:before{background:#d97706}.user-manage-modern .badge.editor[data-v-c1ef7ba3]{color:#065f46;background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);box-shadow:0 3px 10px #10b98140}.user-manage-modern .badge.editor[data-v-c1ef7ba3]:before{background:#059669}.user-manage-modern .badge.viewer[data-v-c1ef7ba3]{color:#1e40af;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);box-shadow:0 3px 10px #3b82f640}.user-manage-modern .badge.viewer[data-v-c1ef7ba3]:before{background:#2563eb}.user-manage-modern .action-btns[data-v-c1ef7ba3]{flex-wrap:wrap;gap:8px;display:flex}.user-manage-modern .btn-sm[data-v-c1ef7ba3]{cursor:pointer;border:none;border-radius:10px;padding:10px 12px;font-size:13px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.user-manage-modern .btn-sm[data-v-c1ef7ba3]:before{content:"";background:#ffffff4d;border-radius:50%;width:0;height:0;transition:width .3s,height .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.user-manage-modern .btn-sm[data-v-c1ef7ba3]:hover:before{width:100px;height:100px}.user-manage-modern .btn-sm.primary[data-v-c1ef7ba3]{color:#4338ca;background:linear-gradient(135deg,#e0e7ff 0%,#c7d2fe 100%)}.user-manage-modern .btn-sm.primary[data-v-c1ef7ba3]:hover{transform:translateY(-2px)scale(1.05);box-shadow:0 6px 16px #4f46e540}.user-manage-modern .btn-sm.info[data-v-c1ef7ba3]{color:#1d4ed8;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%)}.user-manage-modern .btn-sm.info[data-v-c1ef7ba3]:hover{transform:translateY(-2px)scale(1.05);box-shadow:0 6px 16px #3b82f640}.user-manage-modern .btn-sm.danger[data-v-c1ef7ba3]{color:#dc2626;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%)}.user-manage-modern .btn-sm.danger[data-v-c1ef7ba3]:hover{transform:translateY(-2px)scale(1.05);box-shadow:0 6px 16px #dc262640}.user-manage-modern .btn-sm.wechat[data-v-c1ef7ba3]{color:#16a34a;background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);position:relative}.user-manage-modern .btn-sm.wechat[data-v-c1ef7ba3]:hover{transform:translateY(-2px)scale(1.05);box-shadow:0 6px 16px #16a34a40}.user-manage-modern .btn-sm.wechat .bind-dot[data-v-c1ef7ba3]{background:#16a34a;border:2px solid #fff;border-radius:50%;width:10px;height:10px;animation:2s infinite pulse-c1ef7ba3;position:absolute;top:-3px;right:-3px;box-shadow:0 2px 6px #16a34a66}.user-manage-modern .btn-sm.face[data-v-c1ef7ba3]:hover{transform:translateY(-2px)scale(1.05);box-shadow:0 6px 16px #7c3aed40}.user-manage-modern .btn-sm.face .bind-dot[data-v-c1ef7ba3]{background:#7c3aed;border:2px solid #fff;border-radius:50%;width:10px;height:10px;animation:2s infinite pulse-c1ef7ba3;position:absolute;top:-3px;right:-3px;box-shadow:0 2px 6px #7c3aed66}.user-manage-modern .btn-sm.fingerprint[data-v-c1ef7ba3]:hover{transform:translateY(-2px)scale(1.05);box-shadow:0 6px 16px #d9770640}.user-manage-modern .btn-sm.fingerprint .bind-dot[data-v-c1ef7ba3]{background:#d97706;border:2px solid #fff;border-radius:50%;width:10px;height:10px;animation:2s infinite pulse-c1ef7ba3;position:absolute;top:-3px;right:-3px;box-shadow:0 2px 6px #d9770666}.user-manage-modern .btn-sm[data-v-c1ef7ba3]:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.user-manage-modern .user-cards[data-v-c1ef7ba3]{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;padding:0 24px;display:grid}.user-manage-modern .user-cards .user-card[data-v-c1ef7ba3]{background:#fff;border:2px solid #0000;border-radius:24px;padding:28px;transition:all .4s cubic-bezier(.4,0,.2,1);animation:.5s backwards slideInCard-c1ef7ba3;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000a}.user-manage-modern .user-cards .user-card[data-v-c1ef7ba3]:before{content:"";opacity:0;background:linear-gradient(90deg,#4f46e5,#7c3aed,#a855f7);height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.user-manage-modern .user-cards .user-card[data-v-c1ef7ba3]:hover{transform:translateY(-10px)scale(1.01);box-shadow:0 24px 50px #0000001f}.user-manage-modern .user-cards .user-card[data-v-c1ef7ba3]:hover:before{opacity:1}.user-manage-modern .user-cards .user-card.selected[data-v-c1ef7ba3]{background:linear-gradient(135deg,#faf5ff 0%,#f5f3ff 100%);border-color:#4f46e5}.user-manage-modern .user-cards .user-card.selected[data-v-c1ef7ba3]:before{opacity:1}.user-manage-modern .user-cards .user-card .card-checkbox[data-v-c1ef7ba3]{z-index:10;position:absolute;top:20px;right:20px}.user-manage-modern .user-cards .user-card .card-checkbox input[data-v-c1ef7ba3]{cursor:pointer;accent-color:#4f46e5;width:22px;height:22px}.user-manage-modern .user-cards .user-card .card-header[data-v-c1ef7ba3]{align-items:center;gap:18px;margin-bottom:24px;display:flex}.user-manage-modern .user-cards .user-card .card-header .card-avatar[data-v-c1ef7ba3]{color:#fff;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;font-size:26px;font-weight:800;display:flex;position:relative;box-shadow:0 8px 20px #0003}.user-manage-modern .user-cards .user-card .card-header .card-avatar.admin[data-v-c1ef7ba3]{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.user-manage-modern .user-cards .user-card .card-header .card-avatar.editor[data-v-c1ef7ba3]{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.user-manage-modern .user-cards .user-card .card-header .card-avatar.viewer[data-v-c1ef7ba3]{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.user-manage-modern .user-cards .user-card .card-header .card-avatar[data-v-c1ef7ba3]:after{content:"";background:inherit;opacity:.3;z-index:-1;filter:blur(8px);border-radius:21px;position:absolute;inset:-3px}.user-manage-modern .user-cards .user-card .card-header .card-info[data-v-c1ef7ba3]{flex:1}.user-manage-modern .user-cards .user-card .card-header .card-info h4[data-v-c1ef7ba3]{color:#1e293b;align-items:center;gap:10px;margin:0 0 10px;font-size:18px;font-weight:700;display:flex}.user-manage-modern .user-cards .user-card .card-body[data-v-c1ef7ba3]{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-radius:16px;margin-bottom:20px;padding:18px}.user-manage-modern .user-cards .user-card .card-body .card-field[data-v-c1ef7ba3]{color:#475569;border-bottom:1px solid #0000000d;align-items:center;gap:14px;padding:12px 0;font-size:14px;transition:all .2s;display:flex}.user-manage-modern .user-cards .user-card .card-body .card-field i[data-v-c1ef7ba3]{color:#94a3b8;text-align:center;width:20px;font-size:15px}.user-manage-modern .user-cards .user-card .card-body .card-field[data-v-c1ef7ba3]:last-child{border-bottom:none}.user-manage-modern .user-cards .user-card .card-body .card-field[data-v-c1ef7ba3]:hover{color:#1e293b}.user-manage-modern .user-cards .user-card .card-body .card-field:hover i[data-v-c1ef7ba3]{color:#4f46e5}.user-manage-modern .user-cards .user-card .card-actions[data-v-c1ef7ba3]{flex-wrap:wrap;gap:10px;display:flex}.user-manage-modern .detail-modal[data-v-c1ef7ba3]{width:520px}.user-manage-modern .detail-body[data-v-c1ef7ba3]{text-align:center;background:linear-gradient(#f8fafc 0%,#fff 100%);padding:32px 24px}.user-manage-modern .detail-body .detail-avatar[data-v-c1ef7ba3]{color:#fff;border-radius:22px;justify-content:center;align-items:center;width:90px;height:90px;margin:0 auto 20px;font-size:36px;font-weight:700;display:flex;box-shadow:0 8px 24px #00000026}.user-manage-modern .detail-body .detail-avatar.admin[data-v-c1ef7ba3]{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.user-manage-modern .detail-body .detail-avatar.editor[data-v-c1ef7ba3]{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.user-manage-modern .detail-body .detail-avatar.viewer[data-v-c1ef7ba3]{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.user-manage-modern .detail-body .detail-name[data-v-c1ef7ba3]{color:#1e293b;justify-content:center;align-items:center;gap:12px;margin:0 0 24px;font-size:22px;font-weight:700;display:flex}.user-manage-modern .detail-body .detail-grid[data-v-c1ef7ba3]{text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:16px;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px;padding:20px;display:grid}.user-manage-modern .detail-body .detail-grid .detail-item label[data-v-c1ef7ba3]{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px;display:block}.user-manage-modern .detail-body .detail-grid .detail-item span[data-v-c1ef7ba3]{color:#1e293b;font-size:14px;font-weight:500}.user-manage-modern .detail-body .detail-permissions[data-v-c1ef7ba3]{text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.user-manage-modern .detail-body .detail-permissions>label[data-v-c1ef7ba3]{color:#64748b;margin-bottom:12px;font-size:12px;font-weight:600;display:block}.user-manage-modern .detail-body .detail-permissions .perm-tags[data-v-c1ef7ba3]{flex-wrap:wrap;gap:8px;display:flex}.user-manage-modern .detail-body .detail-permissions .perm-tags .perm-tag[data-v-c1ef7ba3]{color:#4338ca;background:linear-gradient(135deg,#e0e7ff 0%,#c7d2fe 100%);border-radius:20px;padding:6px 12px;font-size:12px;font-weight:500}.user-manage-modern .detail-body .detail-permissions .perm-tags .perm-tag.all[data-v-c1ef7ba3]{color:#059669;background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%)}.user-manage-modern .detail-body .detail-permissions .login-methods-badges[data-v-c1ef7ba3]{flex-wrap:wrap;gap:8px;display:flex}.user-manage-modern .detail-body .detail-permissions .login-methods-badges .method-badge[data-v-c1ef7ba3]{border-radius:20px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:500;display:inline-flex}.user-manage-modern .detail-body .detail-permissions .login-methods-badges .method-badge.password[data-v-c1ef7ba3]{color:#4338ca;background:linear-gradient(135deg,#e0e7ff 0%,#c7d2fe 100%)}.user-manage-modern .detail-body .detail-permissions .login-methods-badges .method-badge.sms[data-v-c1ef7ba3]{color:#1d4ed8;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%)}.user-manage-modern .detail-body .detail-permissions .login-methods-badges .method-badge.wechat[data-v-c1ef7ba3]{color:#059669;background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%)}.user-manage-modern .detail-body .detail-permissions .login-methods-badges .method-badge.face[data-v-c1ef7ba3]{color:#7c3aed;background:linear-gradient(135deg,#f3e8ff 0%,#e9d5ff 100%)}.user-manage-modern .modal-overlay[data-v-c1ef7ba3]{z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#0f172ab3 0%,#1e1b4bcc 100%);justify-content:center;align-items:center;animation:.3s fadeIn-c1ef7ba3;display:flex;position:fixed;inset:0}@keyframes fadeIn-c1ef7ba3{0%{opacity:0}to{opacity:1}}.user-manage-modern .modal[data-v-c1ef7ba3]{background:#fff;border-radius:28px;width:600px;max-height:90vh;animation:.4s cubic-bezier(.4,0,.2,1) slideUp-c1ef7ba3;overflow-y:auto;box-shadow:0 30px 80px #0000004d,0 0 0 1px #ffffff1a}.user-manage-modern .modal[data-v-c1ef7ba3]::-webkit-scrollbar{width:6px}.user-manage-modern .modal[data-v-c1ef7ba3]::-webkit-scrollbar-track{background:0 0}.user-manage-modern .modal[data-v-c1ef7ba3]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}@keyframes slideUp-c1ef7ba3{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.user-manage-modern .modal-header[data-v-c1ef7ba3]{background:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);justify-content:space-between;align-items:center;padding:24px 32px;display:flex;position:relative}.user-manage-modern .modal-header[data-v-c1ef7ba3]:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);height:1px;position:absolute;bottom:0;left:32px;right:32px}.user-manage-modern .modal-header h3[data-v-c1ef7ba3]{color:#fff;align-items:center;gap:14px;margin:0;font-size:20px;font-weight:700;display:flex}.user-manage-modern .modal-header h3 i[data-v-c1ef7ba3]{color:#fffc;font-size:18px}.user-manage-modern .modal-header .btn-close[data-v-c1ef7ba3]{cursor:pointer;color:#ffffffb3;background:#ffffff1a;border:none;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;transition:all .3s;display:flex}.user-manage-modern .modal-header .btn-close[data-v-c1ef7ba3]:hover{color:#fff;background:#fff3;transform:rotate(90deg)}.user-manage-modern .modal-body[data-v-c1ef7ba3]{grid-template-columns:repeat(2,1fr);gap:20px 24px;padding:28px 32px;display:grid}.user-manage-modern .modal-body .user-info-readonly[data-v-c1ef7ba3]{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:12px;grid-column:span 2;gap:20px;margin-bottom:10px;padding:20px;display:flex}.user-manage-modern .modal-body .user-info-readonly .readonly-avatar[data-v-c1ef7ba3]{color:#fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:70px;height:70px;font-size:28px;font-weight:700;display:flex}.user-manage-modern .modal-body .user-info-readonly .readonly-avatar.admin[data-v-c1ef7ba3]{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.user-manage-modern .modal-body .user-info-readonly .readonly-avatar.editor[data-v-c1ef7ba3]{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.user-manage-modern .modal-body .user-info-readonly .readonly-avatar.viewer[data-v-c1ef7ba3]{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.user-manage-modern .modal-body .user-info-readonly .readonly-details[data-v-c1ef7ba3]{flex:1}.user-manage-modern .modal-body .user-info-readonly .readonly-details h4[data-v-c1ef7ba3]{color:#1f2937;align-items:center;gap:10px;margin:0 0 10px;font-size:18px;display:flex}.user-manage-modern .modal-body .user-info-readonly .readonly-details h4 .badge[data-v-c1ef7ba3]{padding:3px 8px;font-size:11px}.user-manage-modern .modal-body .user-info-readonly .readonly-details .readonly-meta[data-v-c1ef7ba3]{flex-wrap:wrap;gap:15px;margin-bottom:12px;display:flex}.user-manage-modern .modal-body .user-info-readonly .readonly-details .readonly-meta span[data-v-c1ef7ba3]{color:#64748b;align-items:center;gap:6px;font-size:13px;display:flex}.user-manage-modern .modal-body .user-info-readonly .readonly-details .readonly-meta span i[data-v-c1ef7ba3]{color:#94a3b8;font-size:12px}.user-manage-modern .modal-body .user-info-readonly .readonly-details .readonly-tip[data-v-c1ef7ba3]{color:#94a3b8;background:#94a3b81a;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;display:inline-flex}.user-manage-modern .modal-body .user-info-readonly .readonly-details .readonly-tip i[data-v-c1ef7ba3]{color:#60a5fa}.user-manage-modern .modal-body .form-group[data-v-c1ef7ba3]{flex-direction:column;gap:8px;display:flex}.user-manage-modern .modal-body .form-group label[data-v-c1ef7ba3]{color:#374151;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.user-manage-modern .modal-body .form-group label i[data-v-c1ef7ba3]{color:#6b7280;font-size:13px}.user-manage-modern .modal-body .form-group label .required[data-v-c1ef7ba3]{color:#ef4444;font-weight:400}.user-manage-modern .modal-body .form-group input[data-v-c1ef7ba3],.user-manage-modern .modal-body .form-group select[data-v-c1ef7ba3]{border:1px solid #e5e7eb;border-radius:10px;width:100%;padding:12px 14px;font-size:14px;transition:all .2s}.user-manage-modern .modal-body .form-group input[data-v-c1ef7ba3]:focus,.user-manage-modern .modal-body .form-group select[data-v-c1ef7ba3]:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 3px #4f46e51a}.user-manage-modern .modal-body .form-group input.error-input[data-v-c1ef7ba3],.user-manage-modern .modal-body .form-group select.error-input[data-v-c1ef7ba3]{border-color:#ef4444}.user-manage-modern .modal-body .form-group .error-tip[data-v-c1ef7ba3]{color:#ef4444;font-size:12px}.user-manage-modern .modal-body .form-group .checking-tip[data-v-c1ef7ba3]{color:#6b7280;font-size:12px}.user-manage-modern .modal-body .form-group.full[data-v-c1ef7ba3]{grid-column:span 2}.user-manage-modern .modal-body .login-methods-section[data-v-c1ef7ba3]{flex-direction:column;gap:10px;display:flex}.user-manage-modern .modal-body .login-methods-section .login-method-item[data-v-c1ef7ba3]{cursor:pointer;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:2px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;transition:all .2s;display:flex}.user-manage-modern .modal-body .login-methods-section .login-method-item[data-v-c1ef7ba3]:hover{background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);border-color:#94a3b8}.user-manage-modern .modal-body .login-methods-section .login-method-item.active[data-v-c1ef7ba3]{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border-color:#10b981}.user-manage-modern .modal-body .login-methods-section .login-method-item.active i.fa-sms[data-v-c1ef7ba3]{color:#3b82f6}.user-manage-modern .modal-body .login-methods-section .login-method-item.active i.fa-weixin[data-v-c1ef7ba3]{color:#07c160}.user-manage-modern .modal-body .login-methods-section .login-method-item input[type=checkbox][data-v-c1ef7ba3]{accent-color:#10b981;width:18px;height:18px}.user-manage-modern .modal-body .login-methods-section .login-method-item>i[data-v-c1ef7ba3]{text-align:center;color:#94a3b8;width:32px;font-size:24px}.user-manage-modern .modal-body .login-methods-section .login-method-item .method-info[data-v-c1ef7ba3]{flex-direction:column;flex:1;gap:2px;display:flex}.user-manage-modern .modal-body .login-methods-section .login-method-item .method-info .method-name[data-v-c1ef7ba3]{color:#1e293b;font-size:14px;font-weight:600}.user-manage-modern .modal-body .login-methods-section .login-method-item .method-info .method-desc[data-v-c1ef7ba3]{color:#64748b;font-size:12px}.user-manage-modern .modal-body .login-methods-section .login-method-tip[data-v-c1ef7ba3]{color:#64748b;align-items:center;gap:6px;margin-top:4px;font-size:12px;display:flex}.user-manage-modern .modal-body .login-methods-section .login-method-tip i[data-v-c1ef7ba3]{color:#3b82f6}.user-manage-modern .modal-body .perm-section[data-v-c1ef7ba3]{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:12px;padding:16px}.user-manage-modern .modal-body .perm-section .perm-header[data-v-c1ef7ba3]{border-bottom:1px dashed #cbd5e1;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:12px;display:flex}.user-manage-modern .modal-body .perm-section .perm-header .perm-title[data-v-c1ef7ba3]{color:#64748b;font-size:13px}.user-manage-modern .modal-body .perm-section .perm-header .perm-actions[data-v-c1ef7ba3]{gap:8px;display:flex}.user-manage-modern .modal-body .perm-section .perm-header .perm-btn[data-v-c1ef7ba3]{cursor:pointer;color:#64748b;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;transition:all .2s;display:inline-flex}.user-manage-modern .modal-body .perm-section .perm-header .perm-btn[data-v-c1ef7ba3]:hover{color:#4f46e5;background:#eef2ff;border-color:#4f46e5}.user-manage-modern .modal-body .perm-section .perm-grid[data-v-c1ef7ba3]{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.user-manage-modern .modal-body .perm-section .perm-grid .perm-item[data-v-c1ef7ba3]{cursor:pointer;color:#475569;background:#fff;border:2px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;transition:all .2s;display:flex}.user-manage-modern .modal-body .perm-section .perm-grid .perm-item input[data-v-c1ef7ba3]{display:none}.user-manage-modern .modal-body .perm-section .perm-grid .perm-item i[data-v-c1ef7ba3]{text-align:center;color:#94a3b8;width:18px;transition:color .2s}.user-manage-modern .modal-body .perm-section .perm-grid .perm-item span[data-v-c1ef7ba3]{flex:1}.user-manage-modern .modal-body .perm-section .perm-grid .perm-item[data-v-c1ef7ba3]:hover{background:#f5f3ff;border-color:#a5b4fc}.user-manage-modern .modal-body .perm-section .perm-grid .perm-item.active[data-v-c1ef7ba3]{color:#4338ca;background:linear-gradient(135deg,#eef2ff 0%,#e0e7ff 100%);border-color:#4f46e5}.user-manage-modern .modal-body .perm-section .perm-grid .perm-item.active i[data-v-c1ef7ba3]{color:#4f46e5}.user-manage-modern .modal-body .perm-section .perm-grid .perm-item.active[data-v-c1ef7ba3]:after{content:"";color:#4f46e5;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-family:"Font Awesome 5 Free";font-size:10px;font-weight:900;display:flex;box-shadow:0 1px 3px #4f46e54d}.user-manage-modern .modal-body .perm-section .perm-tip[data-v-c1ef7ba3]{color:#94a3b8;border-top:1px dashed #cbd5e1;margin-top:14px;padding-top:12px;font-size:12px;display:block}.user-manage-modern .modal-body .perm-section .perm-tip i[data-v-c1ef7ba3]{margin-right:6px}.user-manage-modern .modal-footer[data-v-c1ef7ba3]{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;padding:18px 28px;display:flex}.user-manage-modern .modal-footer .btn-cancel[data-v-c1ef7ba3],.user-manage-modern .modal-footer .btn-save[data-v-c1ef7ba3]{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.user-manage-modern .modal-footer .btn-cancel[data-v-c1ef7ba3]{color:#64748b;background:#fff;border:1px solid #e2e8f0}.user-manage-modern .modal-footer .btn-cancel[data-v-c1ef7ba3]:hover{color:#1e293b;background:#f1f5f9}.user-manage-modern .modal-footer .btn-save[data-v-c1ef7ba3]{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);box-shadow:0 4px 12px #4f46e540}.user-manage-modern .modal-footer .btn-save[data-v-c1ef7ba3]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #4f46e559}.user-manage-modern .modal-footer .btn-save[data-v-c1ef7ba3]:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}@media (max-width:1200px){.user-manage-modern .stats-grid-modern[data-v-c1ef7ba3]{grid-template-columns:repeat(2,1fr);gap:20px;margin:-50px 20px 28px}}@media (max-width:992px){.user-manage-modern .filter-bar-modern[data-v-c1ef7ba3]{margin:0 20px 20px}.user-manage-modern .filter-bar-modern .role-filter-chips .chip[data-v-c1ef7ba3]{padding:10px 14px;font-size:12px}.user-manage-modern .filter-bar-modern .role-filter-chips .chip span[data-v-c1ef7ba3]{display:none}.user-manage-modern .table[data-v-c1ef7ba3]{width:calc(100% - 40px);margin:0 20px}.user-manage-modern .user-cards[data-v-c1ef7ba3]{padding:0 20px}}@media (max-width:768px){.user-manage-modern .page-header-modern[data-v-c1ef7ba3]{border-radius:0 0 24px 24px;padding:24px 20px}.user-manage-modern .page-header-modern .header-content[data-v-c1ef7ba3]{flex-direction:column;align-items:stretch;gap:20px}.user-manage-modern .page-header-modern .header-left[data-v-c1ef7ba3]{text-align:center;justify-content:center}.user-manage-modern .page-header-modern .header-left .header-icon[data-v-c1ef7ba3]{width:56px;height:56px}.user-manage-modern .page-header-modern .header-left .header-text h1[data-v-c1ef7ba3]{font-size:22px}.user-manage-modern .page-header-modern .header-actions[data-v-c1ef7ba3]{justify-content:center}.user-manage-modern .page-header-modern .header-actions button[data-v-c1ef7ba3]{flex:1;justify-content:center;padding:12px 16px}.user-manage-modern .stats-grid-modern[data-v-c1ef7ba3]{grid-template-columns:repeat(2,1fr);gap:16px;margin:-40px 16px 24px}.user-manage-modern .stat-card-modern[data-v-c1ef7ba3]{padding:18px}.user-manage-modern .stat-card-modern .stat-icon[data-v-c1ef7ba3]{width:44px;height:44px;font-size:18px}.user-manage-modern .stat-card-modern .stat-content .stat-value[data-v-c1ef7ba3]{font-size:24px}.user-manage-modern .stat-card-modern .stat-progress[data-v-c1ef7ba3]{display:none}.user-manage-modern .filter-bar-modern[data-v-c1ef7ba3]{flex-direction:column;margin:0 16px 20px;padding:16px}.user-manage-modern .filter-bar-modern .search-box-modern[data-v-c1ef7ba3]{width:100%;max-width:none}.user-manage-modern .filter-bar-modern .filter-controls[data-v-c1ef7ba3]{flex-wrap:wrap;justify-content:center;width:100%}.user-manage-modern .filter-bar-modern .role-filter-chips[data-v-c1ef7ba3]{display:none}.user-manage-modern .batch-bar-modern[data-v-c1ef7ba3]{text-align:center;flex-direction:column;margin:0 16px 20px;padding:16px 20px}.user-manage-modern .batch-bar-modern .batch-info[data-v-c1ef7ba3]{justify-content:center}.user-manage-modern .batch-bar-modern .batch-actions[data-v-c1ef7ba3]{flex-wrap:wrap;justify-content:center;width:100%}.user-manage-modern .table[data-v-c1ef7ba3]{width:calc(100% - 32px);margin:0 16px}.user-manage-modern .user-cards[data-v-c1ef7ba3]{grid-template-columns:1fr;padding:0 16px}.user-manage-modern .loading-state-modern[data-v-c1ef7ba3],.user-manage-modern .empty-state-modern[data-v-c1ef7ba3]{margin:0 16px;padding:60px 20px}.user-manage-modern .modal-overlay[data-v-c1ef7ba3]{align-items:center;padding:16px}.user-manage-modern .modal[data-v-c1ef7ba3]{border-radius:20px;max-height:85vh;margin:0;width:100%!important;max-width:none!important}.user-manage-modern .modal-header[data-v-c1ef7ba3]{padding:18px 20px}.user-manage-modern .modal-header h3[data-v-c1ef7ba3]{font-size:17px}.user-manage-modern .modal-body[data-v-c1ef7ba3]{grid-template-columns:1fr;padding:20px}.user-manage-modern .modal-body .form-group.full[data-v-c1ef7ba3]{grid-column:span 1}.user-manage-modern .modal-body .user-info-readonly[data-v-c1ef7ba3]{text-align:center;flex-direction:column;grid-column:span 1}.user-manage-modern .modal-body .user-info-readonly .readonly-avatar[data-v-c1ef7ba3]{margin:0 auto}.user-manage-modern .modal-body .user-info-readonly .readonly-meta[data-v-c1ef7ba3]{justify-content:center}.user-manage-modern .modal-body .perm-section .perm-header[data-v-c1ef7ba3]{flex-direction:column;align-items:stretch;gap:10px}.user-manage-modern .modal-body .perm-section .perm-header .perm-actions[data-v-c1ef7ba3]{justify-content:center}.user-manage-modern .modal-body .perm-section .perm-grid[data-v-c1ef7ba3],.user-manage-modern .detail-modal .detail-grid[data-v-c1ef7ba3],.user-manage-modern .user-cards[data-v-c1ef7ba3]{grid-template-columns:1fr}}.user-manage-modern .btn-sm.face[data-v-c1ef7ba3]{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#a855f7 100%);position:relative}.user-manage-modern .btn-sm.face .bind-dot[data-v-c1ef7ba3]{background:#22c55e;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:-2px;right:-2px}.user-manage-modern .btn-sm.fingerprint[data-v-c1ef7ba3]{color:#fff;background:linear-gradient(135deg,#ec4899 0%,#f472b6 100%);position:relative}.user-manage-modern .btn-sm.fingerprint .bind-dot[data-v-c1ef7ba3]{background:#22c55e;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:-2px;right:-2px}.user-manage-modern .method-badge.fingerprint[data-v-c1ef7ba3]{color:#fff;background:linear-gradient(135deg,#ec4899 0%,#f472b6 100%);border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;display:inline-flex}.user-manage-modern .face-modal[data-v-c1ef7ba3]{max-width:500px}.user-manage-modern .face-header[data-v-c1ef7ba3]{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#a855f7 100%)}.user-manage-modern .face-header h3[data-v-c1ef7ba3]{color:#fff}.user-manage-modern .face-body[data-v-c1ef7ba3]{padding:24px}.user-manage-modern .face-user-info[data-v-c1ef7ba3]{text-align:center;margin-bottom:20px}.user-manage-modern .face-user-info .face-avatar[data-v-c1ef7ba3]{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 10px;font-size:24px;font-weight:700;display:flex}.user-manage-modern .face-user-info .face-avatar.admin[data-v-c1ef7ba3]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.user-manage-modern .face-user-info .face-avatar.editor[data-v-c1ef7ba3]{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%)}.user-manage-modern .face-user-info .face-avatar.viewer[data-v-c1ef7ba3]{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.user-manage-modern .face-user-info h4[data-v-c1ef7ba3]{color:#1e293b;margin:0 0 8px}.user-manage-modern .face-user-info .face-status[data-v-c1ef7ba3]{border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;display:inline-flex}.user-manage-modern .face-user-info .face-status.enabled[data-v-c1ef7ba3]{color:#16a34a;background:#dcfce7}.user-manage-modern .face-user-info .face-status.disabled[data-v-c1ef7ba3]{color:#dc2626;background:#fee2e2}.user-manage-modern .camera-section[data-v-c1ef7ba3]{background:#f8fafc;border-radius:12px;margin-bottom:16px;padding:16px}.user-manage-modern .camera-container[data-v-c1ef7ba3]{aspect-ratio:4/3;background:#1e293b;border-radius:8px;width:100%;margin-bottom:12px;position:relative;overflow:hidden}.user-manage-modern .camera-container .camera-video[data-v-c1ef7ba3]{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.user-manage-modern .camera-container .camera-placeholder[data-v-c1ef7ba3]{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.user-manage-modern .camera-container .camera-placeholder i[data-v-c1ef7ba3]{margin-bottom:12px;font-size:48px}.user-manage-modern .camera-container .camera-placeholder p[data-v-c1ef7ba3]{font-size:14px}.user-manage-modern .camera-container .captured-preview[data-v-c1ef7ba3]{position:absolute;inset:0}.user-manage-modern .camera-container .captured-preview img[data-v-c1ef7ba3]{object-fit:cover;width:100%;height:100%}.user-manage-modern .camera-controls[data-v-c1ef7ba3]{justify-content:center;gap:10px;display:flex}.user-manage-modern .camera-controls .btn-camera[data-v-c1ef7ba3]{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;transition:all .2s;display:flex}.user-manage-modern .camera-controls .btn-camera.start[data-v-c1ef7ba3]{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.user-manage-modern .camera-controls .btn-camera.capture[data-v-c1ef7ba3]{color:#fff;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%)}.user-manage-modern .camera-controls .btn-camera.stop[data-v-c1ef7ba3]{color:#fff;background:#64748b}.user-manage-modern .camera-controls .btn-camera[data-v-c1ef7ba3]:hover{transform:translateY(-1px)}.user-manage-modern .camera-controls .btn-camera[data-v-c1ef7ba3]:disabled{opacity:.6;cursor:not-allowed}.user-manage-modern .capture-actions[data-v-c1ef7ba3]{justify-content:center;gap:10px;margin-top:12px;display:flex}.user-manage-modern .capture-actions .btn-retake[data-v-c1ef7ba3]{color:#64748b;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:10px 20px;display:flex}.user-manage-modern .capture-actions .btn-retake[data-v-c1ef7ba3]:hover{background:#e2e8f0}.user-manage-modern .capture-actions .btn-save-face[data-v-c1ef7ba3]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#a855f7 100%);border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 20px;display:flex}.user-manage-modern .capture-actions .btn-save-face[data-v-c1ef7ba3]:hover{transform:translateY(-1px)}.user-manage-modern .capture-actions .btn-save-face[data-v-c1ef7ba3]:disabled{opacity:.6;cursor:not-allowed}.user-manage-modern .existing-face[data-v-c1ef7ba3]{border-top:1px solid #e2e8f0;margin-top:16px;padding-top:16px}.user-manage-modern .existing-face .face-info[data-v-c1ef7ba3]{color:#64748b;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;display:flex}.user-manage-modern .existing-face .face-info i[data-v-c1ef7ba3]{color:#8b5cf6}.user-manage-modern .existing-face .btn-delete-face[data-v-c1ef7ba3]{color:#dc2626;cursor:pointer;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px;display:flex}.user-manage-modern .existing-face .btn-delete-face[data-v-c1ef7ba3]:hover{background:#fecaca}.user-manage-modern .existing-face .btn-delete-face[data-v-c1ef7ba3]:disabled{opacity:.6;cursor:not-allowed}.user-manage-modern .fingerprint-modal[data-v-c1ef7ba3]{max-width:420px}.user-manage-modern .fingerprint-header[data-v-c1ef7ba3]{color:#fff;background:linear-gradient(135deg,#ec4899 0%,#f472b6 100%)}.user-manage-modern .fingerprint-header h3[data-v-c1ef7ba3],.user-manage-modern .fingerprint-header .btn-close[data-v-c1ef7ba3]{color:#fff}.user-manage-modern .fingerprint-header .btn-close[data-v-c1ef7ba3]:hover{background:#fff3}.user-manage-modern .fingerprint-body[data-v-c1ef7ba3]{padding:24px}.user-manage-modern .fingerprint-user-info[data-v-c1ef7ba3]{text-align:center;margin-bottom:24px}.user-manage-modern .fingerprint-user-info .fingerprint-avatar[data-v-c1ef7ba3]{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 10px;font-size:24px;font-weight:700;display:flex}.user-manage-modern .fingerprint-user-info .fingerprint-avatar.admin[data-v-c1ef7ba3]{background:linear-gradient(135deg,#7c3aed,#a855f7)}.user-manage-modern .fingerprint-user-info .fingerprint-avatar.editor[data-v-c1ef7ba3]{background:linear-gradient(135deg,#2563eb,#3b82f6)}.user-manage-modern .fingerprint-user-info .fingerprint-avatar.viewer[data-v-c1ef7ba3]{background:linear-gradient(135deg,#6b7280,#9ca3af)}.user-manage-modern .fingerprint-user-info h4[data-v-c1ef7ba3]{color:#1e293b;margin:0 0 8px;font-size:18px}.user-manage-modern .fingerprint-user-info .fingerprint-status[data-v-c1ef7ba3]{border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:inline-flex}.user-manage-modern .fingerprint-user-info .fingerprint-status.enabled[data-v-c1ef7ba3]{color:#16a34a;background:#dcfce7}.user-manage-modern .fingerprint-user-info .fingerprint-status.disabled[data-v-c1ef7ba3]{color:#dc2626;background:#fee2e2}.user-manage-modern .fingerprint-section[data-v-c1ef7ba3]{text-align:center;background:#fdf2f8;border-radius:12px;margin-bottom:16px;padding:20px}.user-manage-modern .fingerprint-section .fingerprint-icon-container[data-v-c1ef7ba3]{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 16px;display:flex;position:relative;box-shadow:0 4px 20px #ec489933}.user-manage-modern .fingerprint-section .fingerprint-icon-container i[data-v-c1ef7ba3]{color:#ec4899;font-size:48px;transition:transform .3s}.user-manage-modern .fingerprint-section .fingerprint-icon-container.scanning[data-v-c1ef7ba3]{animation:1.5s infinite pulse-fingerprint-c1ef7ba3}.user-manage-modern .fingerprint-section .fingerprint-icon-container.scanning i[data-v-c1ef7ba3]{transform:scale(1.1)}.user-manage-modern .fingerprint-section .fingerprint-icon-container .scan-ring[data-v-c1ef7ba3]{border:3px solid #ec4899;border-radius:50%;animation:1.5s infinite scan-ring-c1ef7ba3;position:absolute;inset:-5px}.user-manage-modern .fingerprint-section .fingerprint-hint[data-v-c1ef7ba3]{color:#64748b;margin:0 0 16px;font-size:14px}.user-manage-modern .fingerprint-section .fingerprint-hint.success[data-v-c1ef7ba3]{color:#16a34a}.user-manage-modern .fingerprint-section .fingerprint-hint.success i[data-v-c1ef7ba3]{margin-right:4px}.user-manage-modern .fingerprint-section .fingerprint-actions[data-v-c1ef7ba3]{justify-content:center;gap:12px;display:flex}.user-manage-modern .fingerprint-section .btn-register-fingerprint[data-v-c1ef7ba3]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ec4899 0%,#f472b6 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:15px;transition:all .2s;display:flex}.user-manage-modern .fingerprint-section .btn-register-fingerprint[data-v-c1ef7ba3]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ec48994d}.user-manage-modern .fingerprint-section .btn-register-fingerprint[data-v-c1ef7ba3]:disabled{opacity:.6;cursor:not-allowed;transform:none}.user-manage-modern .fingerprint-section .btn-delete-fingerprint[data-v-c1ef7ba3]{color:#dc2626;cursor:pointer;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:15px;display:flex}.user-manage-modern .fingerprint-section .btn-delete-fingerprint[data-v-c1ef7ba3]:hover{background:#fecaca}.user-manage-modern .fingerprint-section .btn-delete-fingerprint[data-v-c1ef7ba3]:disabled{opacity:.6;cursor:not-allowed}.user-manage-modern .fingerprint-section .fingerprint-error[data-v-c1ef7ba3]{color:#dc2626;background:#fee2e2;border-radius:6px;margin:12px 0 0;padding:8px 12px;font-size:13px}.user-manage-modern .fingerprint-section .fingerprint-error i[data-v-c1ef7ba3]{margin-right:4px}.user-manage-modern .fingerprint-note[data-v-c1ef7ba3]{color:#64748b;background:#f8fafc;border-radius:8px;align-items:flex-start;gap:10px;padding:12px;font-size:13px;display:flex}.user-manage-modern .fingerprint-note i[data-v-c1ef7ba3]{color:#3b82f6;margin-top:2px}@keyframes pulse-fingerprint-c1ef7ba3{0%,to{box-shadow:0 4px 20px #ec489933}50%{box-shadow:0 4px 30px #ec489966}}@keyframes scan-ring-c1ef7ba3{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}.user-manage-modern .wechat-modal[data-v-c1ef7ba3]{max-width:420px}.user-manage-modern .wechat-header[data-v-c1ef7ba3]{color:#fff;background:linear-gradient(135deg,#16a34a 0%,#22c55e 100%)}.user-manage-modern .wechat-header h3[data-v-c1ef7ba3],.user-manage-modern .wechat-header .btn-close[data-v-c1ef7ba3]{color:#fff}.user-manage-modern .wechat-header .btn-close[data-v-c1ef7ba3]:hover{background:#fff3}.user-manage-modern .wechat-body[data-v-c1ef7ba3]{text-align:center;padding:30px 20px}.user-manage-modern .wechat-user-info[data-v-c1ef7ba3]{margin-bottom:24px}.user-manage-modern .wechat-user-info .wechat-avatar[data-v-c1ef7ba3]{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 12px;font-size:24px;font-weight:700;display:flex}.user-manage-modern .wechat-user-info .wechat-avatar.admin[data-v-c1ef7ba3]{background:linear-gradient(135deg,#7c3aed,#a855f7)}.user-manage-modern .wechat-user-info .wechat-avatar.editor[data-v-c1ef7ba3]{background:linear-gradient(135deg,#2563eb,#3b82f6)}.user-manage-modern .wechat-user-info .wechat-avatar.viewer[data-v-c1ef7ba3]{background:linear-gradient(135deg,#6b7280,#9ca3af)}.user-manage-modern .wechat-user-info h4[data-v-c1ef7ba3]{color:#1e293b;margin:0;font-size:18px}.user-manage-modern .wechat-bound[data-v-c1ef7ba3]{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:20px}.user-manage-modern .wechat-bound .bound-info[data-v-c1ef7ba3]{align-items:center;gap:16px;margin-bottom:16px;display:flex}.user-manage-modern .wechat-bound .bound-info .wechat-bound-avatar[data-v-c1ef7ba3]{border:2px solid #22c55e;border-radius:50%;width:50px;height:50px}.user-manage-modern .wechat-bound .bound-info .wechat-icon-large[data-v-c1ef7ba3]{color:#22c55e;font-size:50px}.user-manage-modern .wechat-bound .bound-info .bound-details[data-v-c1ef7ba3]{text-align:left}.user-manage-modern .wechat-bound .bound-info .bound-details .bound-nickname[data-v-c1ef7ba3]{color:#1e293b;font-size:16px;font-weight:600;display:block}.user-manage-modern .wechat-bound .bound-info .bound-details .bound-status[data-v-c1ef7ba3]{color:#16a34a;align-items:center;gap:4px;font-size:13px;display:flex}.user-manage-modern .wechat-bound .bound-info .bound-details .bound-status i[data-v-c1ef7ba3]{color:#22c55e}.user-manage-modern .wechat-bound .btn-unbind[data-v-c1ef7ba3]{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:8px 16px;transition:all .2s}.user-manage-modern .wechat-bound .btn-unbind[data-v-c1ef7ba3]:hover{background:#fee2e2}.user-manage-modern .wechat-bound .btn-unbind[data-v-c1ef7ba3]:disabled{opacity:.5;cursor:not-allowed}.user-manage-modern .wechat-unbound .unbound-icon[data-v-c1ef7ba3]{background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 16px;display:flex}.user-manage-modern .wechat-unbound .unbound-icon i[data-v-c1ef7ba3]{color:#94a3b8;font-size:40px}.user-manage-modern .wechat-unbound .unbound-text[data-v-c1ef7ba3]{color:#64748b;margin-bottom:8px;font-size:16px}.user-manage-modern .wechat-unbound .unbound-hint[data-v-c1ef7ba3]{color:#94a3b8;font-size:13px;line-height:1.6}.user-manage-modern .wechat-unbound .wechat-config-tip[data-v-c1ef7ba3]{text-align:left;color:#92400e;background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;align-items:flex-start;gap:8px;margin-top:16px;padding:12px;font-size:12px;display:flex}.user-manage-modern .wechat-unbound .wechat-config-tip i[data-v-c1ef7ba3]{color:#f59e0b;margin-top:2px}.user-manage-modern .wechat-unbound .manual-bind-section[data-v-c1ef7ba3]{text-align:left;background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:1px solid #bbf7d0;border-radius:12px;margin-top:20px;padding:16px}.user-manage-modern .wechat-unbound .manual-bind-section h4[data-v-c1ef7ba3]{color:#166534;align-items:center;gap:8px;margin:0 0 12px;font-size:14px;display:flex}.user-manage-modern .wechat-unbound .manual-bind-section h4 i[data-v-c1ef7ba3]{color:#22c55e}.user-manage-modern .wechat-unbound .manual-bind-section .bind-form .form-group[data-v-c1ef7ba3]{margin-bottom:12px}.user-manage-modern .wechat-unbound .manual-bind-section .bind-form .form-group label[data-v-c1ef7ba3]{color:#374151;margin-bottom:4px;font-size:12px;display:block}.user-manage-modern .wechat-unbound .manual-bind-section .bind-form .form-group input[data-v-c1ef7ba3]{border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px 12px;font-size:14px}.user-manage-modern .wechat-unbound .manual-bind-section .bind-form .form-group input[data-v-c1ef7ba3]:focus{border-color:#22c55e;outline:none;box-shadow:0 0 0 3px #22c55e1a}.user-manage-modern .wechat-unbound .manual-bind-section .bind-form .btn-bind[data-v-c1ef7ba3]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.user-manage-modern .wechat-unbound .manual-bind-section .bind-form .btn-bind[data-v-c1ef7ba3]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.user-manage-modern .wechat-unbound .manual-bind-section .bind-form .btn-bind[data-v-c1ef7ba3]:disabled{opacity:.6;cursor:not-allowed}.user-manage-modern .wechat-unbound .bind-divider[data-v-c1ef7ba3]{align-items:center;margin:16px 0;display:flex}.user-manage-modern .wechat-unbound .bind-divider[data-v-c1ef7ba3]:before,.user-manage-modern .wechat-unbound .bind-divider[data-v-c1ef7ba3]:after{content:"";background:#e5e7eb;flex:1;height:1px}.user-manage-modern .wechat-unbound .bind-divider span[data-v-c1ef7ba3]{color:#9ca3af;padding:0 12px;font-size:12px}.user-manage-modern .wechat-unbound .unbound-hint[data-v-c1ef7ba3]{align-items:center;gap:6px;display:flex}.user-manage-modern .wechat-unbound .unbound-hint i[data-v-c1ef7ba3]{color:#3b82f6;font-size:12px}