.sidebar[data-v-2017c5a5]{width:240px;height:100vh;background:linear-gradient(180deg,#fffffff2,#ffffffe6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(230,232,240,.8);display:flex;flex-direction:column;position:fixed;top:0;left:0;z-index:100;box-shadow:2px 0 12px #0000000d;transition:width .3s ease}.sidebar.collapsed[data-v-2017c5a5]{width:70px}.sidebar-header[data-v-2017c5a5]{padding:24px 20px;border-bottom:1px solid rgba(230,232,240,.6);display:flex;align-items:center;gap:12px;position:relative}.sidebar.collapsed .sidebar-header[data-v-2017c5a5]{padding:24px 10px;justify-content:center}.toggle-btn[data-v-2017c5a5]{background:transparent;border:none;padding:8px;border-radius:8px;cursor:pointer;color:#64748b;transition:all .2s;display:flex;align-items:center;justify-content:center;margin-left:auto}.sidebar.collapsed .toggle-btn[data-v-2017c5a5]{margin-left:0;position:absolute;right:-40px;background:#fffffff2;border:1px solid rgba(230,232,240,.8);box-shadow:2px 0 8px #00000014}.toggle-btn[data-v-2017c5a5]:hover{background:#6366f114;color:#6366f1}.toggle-btn svg[data-v-2017c5a5]{transition:all .3s ease}.toggle-btn:hover svg[data-v-2017c5a5]{animation:wiggle-2017c5a5 .5s ease}@keyframes wiggle-2017c5a5{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.brand-logo[data-v-2017c5a5]{width:40px;height:40px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #6366f14d;cursor:pointer;transition:all .3s ease}.brand-logo[data-v-2017c5a5]:hover{animation:bounce-2017c5a5 .6s ease;box-shadow:0 6px 16px #6366f166}@keyframes bounce-2017c5a5{0%,to{transform:translateY(0)}25%{transform:translateY(-8px)}50%{transform:translateY(-4px)}75%{transform:translateY(-6px)}}.brand-title[data-v-2017c5a5]{margin:0;font-size:20px;font-weight:700;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-nav[data-v-2017c5a5]{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.nav-item[data-v-2017c5a5]{display:flex;align-items:center;gap:12px;padding:12px 16px;border:none;background:transparent;border-radius:10px;color:#64748b;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-align:left;width:100%;white-space:nowrap}.sidebar.collapsed .nav-item[data-v-2017c5a5]{justify-content:center;padding:12px}.sidebar.collapsed .nav-item span[data-v-2017c5a5]{display:none}.nav-item[data-v-2017c5a5]:hover{background:#6366f114;color:#6366f1}.nav-item.active[data-v-2017c5a5]{background:linear-gradient(135deg,#6366f11f,#8b5cf61f);color:#6366f1;font-weight:600}.nav-item svg[data-v-2017c5a5]{flex-shrink:0;transition:all .3s ease}.nav-item:nth-child(1):hover svg[data-v-2017c5a5]{animation:float-2017c5a5 .6s ease-in-out infinite}@keyframes float-2017c5a5{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.nav-item:nth-child(2):hover svg[data-v-2017c5a5]{animation:fly-2017c5a5 .6s ease-in-out}@keyframes fly-2017c5a5{0%{transform:translate(0)}50%{transform:translate(8px,-8px)}to{transform:translate(0)}}.nav-item:nth-child(3):hover svg[data-v-2017c5a5]{animation:spin-2017c5a5 1s ease-in-out}@keyframes spin-2017c5a5{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nav-item:nth-child(4):hover svg[data-v-2017c5a5]{animation:spinReverse-2017c5a5 1s ease-in-out}@keyframes spinReverse-2017c5a5{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.nav-item:nth-child(5):hover svg[data-v-2017c5a5]{animation:rise-2017c5a5 .5s ease}@keyframes rise-2017c5a5{0%,to{transform:translateY(0)}25%{transform:translateY(-6px)}75%{transform:translateY(-2px)}}.nav-item:nth-child(6):hover svg[data-v-2017c5a5]{animation:scaleUp-2017c5a5 .4s ease}@keyframes scaleUp-2017c5a5{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.nav-item:nth-child(7):hover svg[data-v-2017c5a5]{animation:download-2017c5a5 .6s ease}@keyframes download-2017c5a5{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.nav-item:nth-last-child(1):hover svg[data-v-2017c5a5]{animation:rotate-2017c5a5 .6s ease}@keyframes rotate-2017c5a5{0%{transform:rotate(0)}to{transform:rotate(90deg)}}.sidebar-footer[data-v-2017c5a5]{padding:12px;border-top:1px solid rgba(230,232,240,.6);display:flex;flex-direction:column;gap:4px}.footer-item[data-v-2017c5a5]{display:flex;align-items:center;gap:10px;padding:10px 14px;border:none;background:transparent;border-radius:8px;color:#64748b;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;text-align:left;width:100%;white-space:nowrap}.sidebar.collapsed .footer-item[data-v-2017c5a5]{justify-content:center;padding:10px}.sidebar.collapsed .footer-item span[data-v-2017c5a5]{display:none}.footer-item[data-v-2017c5a5]:hover{background:#64748b14;color:#475569}.footer-item.settings-item svg[data-v-2017c5a5]{transition:transform .6s ease}.footer-item.settings-item:hover svg[data-v-2017c5a5]{transform:rotate(90deg)}.footer-item.logout-item[data-v-2017c5a5]{color:#ef4444}.footer-item.logout-item[data-v-2017c5a5]:hover{background:#ef444414;color:#dc2626}.footer-item svg[data-v-2017c5a5]{flex-shrink:0;transition:all .3s ease}.footer-item:not(.settings-item):not(.logout-item):hover svg[data-v-2017c5a5]{animation:pulse-2017c5a5 .6s ease}@keyframes pulse-2017c5a5{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.footer-item.logout-item:hover svg[data-v-2017c5a5]{animation:slideRight-2017c5a5 .4s ease}@keyframes slideRight-2017c5a5{0%,to{transform:translate(0)}50%{transform:translate(6px)}}.footer-item span[data-v-2017c5a5]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.sidebar[data-v-2017c5a5]:not(.collapsed){width:200px}.sidebar.collapsed[data-v-2017c5a5]{width:60px}}.mode-selector[data-v-d2515f3f]{display:flex;gap:8px;margin-bottom:16px;padding:4px;background:var(--muted);border-radius:12px;width:fit-content}.mode-btn[data-v-d2515f3f]{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;background:transparent;color:var(--text-sub);border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.mode-btn[data-v-d2515f3f]:hover{background:#6c7bff1a;color:var(--text-main)}.mode-btn.active[data-v-d2515f3f]{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-2) 100%);color:#fff;box-shadow:0 2px 8px #6c7bff4d}.mode-btn svg[data-v-d2515f3f]{flex-shrink:0}.actions[data-v-d2515f3f]{display:flex;gap:10px;flex-wrap:wrap}.email-builder[data-v-d2515f3f]{display:flex;align-items:flex-start;gap:8px;flex:1;min-width:300px}.prefix-input[data-v-d2515f3f]{flex:1;min-width:120px;position:relative}.prefix-input input[data-v-d2515f3f]{width:100%}.prefix-input input.readonly-input[data-v-d2515f3f]{background:var(--muted);cursor:not-allowed;color:var(--text-sub)}.error-hint[data-v-d2515f3f]{position:absolute;top:100%;left:0;font-size:.75rem;color:#dc3545;margin-top:4px;white-space:nowrap}.at-symbol[data-v-d2515f3f]{font-weight:700;font-size:1.1rem;color:var(--text-main);margin-top:10px}.custom-select[data-v-d2515f3f]{flex:1.2;min-width:150px;position:relative;-webkit-user-select:none;user-select:none}.select-trigger[data-v-d2515f3f]{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:2px solid var(--border);border-radius:12px;font-size:.95rem;color:var(--text-main);background:var(--card);cursor:pointer;transition:all .2s ease;font-weight:600;gap:8px}.select-trigger[data-v-d2515f3f]:hover{border-color:var(--brand);transform:translateY(-1px);box-shadow:0 4px 12px #6c7bff26}.selected-value[data-v-d2515f3f]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-arrow[data-v-d2515f3f]{flex-shrink:0;transition:transform .3s ease;color:var(--brand)}.select-arrow.open[data-v-d2515f3f]{transform:rotate(180deg)}.select-dropdown[data-v-d2515f3f]{background:var(--card);border:2px solid var(--brand);border-radius:12px;box-shadow:0 8px 24px #00000040;overflow-y:auto;animation:dropdownSlide-d2515f3f .2s ease;max-height:300px}.select-dropdown[data-v-d2515f3f]::-webkit-scrollbar{width:6px}.select-dropdown[data-v-d2515f3f]::-webkit-scrollbar-track{background:var(--muted);border-radius:0 10px 10px 0}.select-dropdown[data-v-d2515f3f]::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px;transition:background .2s ease}.select-dropdown[data-v-d2515f3f]::-webkit-scrollbar-thumb:hover{background:var(--brand)}@keyframes dropdownSlide-d2515f3f{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.select-option[data-v-d2515f3f]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;transition:all .2s ease;font-weight:600;color:var(--text-main);position:relative}.select-option[data-v-d2515f3f]:not(.selected):hover{background:#6c7bff1a;color:var(--brand)}.select-option.selected[data-v-d2515f3f]{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-2) 100%);color:#fff}.select-option.selected[data-v-d2515f3f]:hover{background:linear-gradient(135deg,#7a8fff,#8a5fc2);color:#fff}.select-option span[data-v-d2515f3f]{flex:1}.select-option svg[data-v-d2515f3f]{flex-shrink:0;opacity:.9}@media (max-width: 768px){.mode-selector[data-v-d2515f3f]{width:100%}.mode-btn[data-v-d2515f3f]{flex:1;justify-content:center}.actions[data-v-d2515f3f]{width:100%}.email-builder[data-v-d2515f3f]{width:100%;flex-wrap:wrap}.actions .btn[data-v-d2515f3f]{flex:1}}.skeleton-loader[data-v-c83aaabe]{animation:fadeIn-c83aaabe .3s ease-in}@keyframes fadeIn-c83aaabe{0%{opacity:0}to{opacity:1}}.skeleton-loader [class^=skeleton-][data-v-c83aaabe]{background:linear-gradient(90deg,var(--skeleton-base, #e0e0e0) 25%,var(--skeleton-highlight, #f0f0f0) 50%,var(--skeleton-base, #e0e0e0) 75%);background-size:200% 100%;animation:shimmer-c83aaabe 1.5s infinite;border-radius:4px}@keyframes shimmer-c83aaabe{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-email-list[data-v-c83aaabe]{display:flex;flex-direction:column;gap:12px}.skeleton-email-item[data-v-c83aaabe]{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border)}.skeleton-checkbox[data-v-c83aaabe]{width:18px;height:18px;flex-shrink:0}.skeleton-content[data-v-c83aaabe]{flex:1;display:flex;flex-direction:column;gap:8px}.skeleton-email-address[data-v-c83aaabe]{height:18px;width:60%}.skeleton-meta[data-v-c83aaabe]{display:flex;gap:12px}.skeleton-count[data-v-c83aaabe]{height:14px;width:60px}.skeleton-time[data-v-c83aaabe]{height:14px;width:80px}.skeleton-star[data-v-c83aaabe]{width:24px;height:24px;flex-shrink:0}.skeleton-message-list[data-v-c83aaabe]{display:flex;flex-direction:column;gap:12px}.skeleton-message-item[data-v-c83aaabe]{display:flex;gap:12px;padding:16px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border)}.skeleton-header[data-v-c83aaabe]{display:flex;justify-content:space-between;margin-bottom:8px}.skeleton-sender[data-v-c83aaabe]{height:16px;width:150px}.skeleton-subject[data-v-c83aaabe]{height:18px;width:80%;margin-bottom:6px}.skeleton-preview[data-v-c83aaabe]{height:14px;width:90%}.skeleton-stats-card[data-v-c83aaabe]{display:flex;align-items:center;gap:16px;padding:24px;background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border)}.skeleton-card-icon[data-v-c83aaabe]{width:48px;height:48px;border-radius:12px;flex-shrink:0}.skeleton-card-content[data-v-c83aaabe]{flex:1;display:flex;flex-direction:column;gap:8px}.skeleton-card-label[data-v-c83aaabe]{height:14px;width:80px}.skeleton-card-value[data-v-c83aaabe]{height:28px;width:60px}.skeleton-user-list[data-v-c83aaabe]{display:flex;flex-direction:column;gap:8px}.skeleton-user-item[data-v-c83aaabe]{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border)}.skeleton-avatar[data-v-c83aaabe]{width:40px;height:40px;border-radius:50%;flex-shrink:0}.skeleton-username[data-v-c83aaabe]{height:18px;width:120px}.skeleton-role[data-v-c83aaabe],.skeleton-status[data-v-c83aaabe]{height:24px;width:60px;border-radius:12px}.skeleton-actions[data-v-c83aaabe]{height:32px;width:100px;margin-left:auto}.skeleton-sent-list[data-v-c83aaabe]{display:flex;flex-direction:column;gap:12px}.skeleton-sent-item[data-v-c83aaabe]{display:grid;grid-template-columns:1fr 1fr 2fr auto;gap:16px;align-items:center;padding:16px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border)}.skeleton-from[data-v-c83aaabe],.skeleton-to[data-v-c83aaabe]{height:16px;width:90%}.skeleton-subject[data-v-c83aaabe]{height:16px;width:80%}.skeleton-generic[data-v-c83aaabe]{display:flex;flex-direction:column;gap:12px}.skeleton-line[data-v-c83aaabe]{height:20px;width:100%}.skeleton-line[data-v-c83aaabe]:nth-child(2n){width:80%}.skeleton-loader.compact .skeleton-email-item[data-v-c83aaabe],.skeleton-loader.compact .skeleton-message-item[data-v-c83aaabe],.skeleton-loader.compact .skeleton-user-item[data-v-c83aaabe]{padding:12px}:root[data-theme=dark] .skeleton-loader [class^=skeleton-][data-v-c83aaabe]{--skeleton-base: #2a2a2a;--skeleton-highlight: #3a3a3a}.fade-enter-active[data-v-211b72bb],.fade-leave-active[data-v-211b72bb]{transition:opacity .3s ease}.fade-enter-from[data-v-211b72bb],.fade-leave-to[data-v-211b72bb]{opacity:0}.slide-fade-enter-active[data-v-211b72bb]{transition:all .3s ease-out}.slide-fade-leave-active[data-v-211b72bb]{transition:all .2s cubic-bezier(1,.5,.8,1)}.slide-fade-enter-from[data-v-211b72bb]{transform:translateY(20px);opacity:0}.slide-fade-leave-to[data-v-211b72bb]{transform:translateY(-20px);opacity:0}.scale-fade-enter-active[data-v-211b72bb],.scale-fade-leave-active[data-v-211b72bb]{transition:all .3s ease}.scale-fade-enter-from[data-v-211b72bb]{transform:scale(.95);opacity:0}.scale-fade-leave-to[data-v-211b72bb]{transform:scale(1.05);opacity:0}.list-enter-active[data-v-211b72bb],.list-leave-active[data-v-211b72bb]{transition:all .3s ease}.list-enter-from[data-v-211b72bb]{opacity:0;transform:translate(-30px)}.list-leave-to[data-v-211b72bb]{opacity:0;transform:translate(30px)}.list-move[data-v-211b72bb]{transition:transform .3s ease}.email-list-card .card-body[data-v-143221ac]{overflow:visible}.drag-handle[data-v-143221ac]{cursor:grab;padding:4px;color:#37352f4d;border-radius:3px;transition:all .15s ease;flex-shrink:0}.drag-handle[data-v-143221ac]:hover{color:#37352f99;background:#37352f14}.drag-handle[data-v-143221ac]:active{cursor:grabbing}.email-item-ghost[data-v-143221ac]{opacity:.5;background:#2383e21a!important;border:2px dashed rgba(35,131,226,.4)!important}.email-item-drag[data-v-143221ac]{opacity:.9;box-shadow:0 8px 24px #00000026;transform:rotate(2deg)}.list-header[data-v-143221ac]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(55,53,47,.09);gap:12px}.list-header h2[data-v-143221ac]{font-size:16px;font-weight:600;color:#37352f;flex-shrink:0;display:flex;align-items:center;gap:8px}.list-header h2 .title-icon[data-v-143221ac]{color:#37352f73;flex-shrink:0;width:18px;height:18px}.header-actions[data-v-143221ac]{display:flex;gap:4px;align-items:center;flex-shrink:0}.header-actions .btn-icon[data-v-143221ac]{min-width:28px;width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:all .12s ease;border:none;background:#37352f0f;color:#37352fa6}.header-actions .btn-icon[data-v-143221ac]:hover{background:#37352f1a}.header-actions .btn-icon.btn-danger[data-v-143221ac]{background:#eb57571a;color:#eb5757}.header-actions .btn-icon.btn-danger[data-v-143221ac]:hover{background:#eb575726}.header-actions .btn-icon.btn-secondary[data-v-143221ac]{background:#2383e21a;color:#2383e2}.header-actions .btn-icon.btn-secondary[data-v-143221ac]:hover{background:#2383e226}.header-actions .btn-icon svg[data-v-143221ac]{flex-shrink:0;width:16px;height:16px}.search-box[data-v-143221ac]{display:flex;align-items:center;background:#37352f0f;border-radius:4px;padding:4px 8px;gap:6px;min-width:140px;transition:all .15s ease}.search-box[data-v-143221ac]:focus-within{background:#fff;box-shadow:inset 0 0 0 1px #2383e280}.search-icon[data-v-143221ac]{color:#37352f73;flex-shrink:0}.search-input[data-v-143221ac]{border:none;background:transparent;outline:none;font-size:13px;color:#37352f;flex:1;min-width:0;width:80px}.search-input[data-v-143221ac]::placeholder{color:#37352f73}.search-clear-btn[data-v-143221ac]{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;background:#37352f1a;border-radius:50%;cursor:pointer;color:#37352fa6;transition:all .12s ease;flex-shrink:0}.search-clear-btn[data-v-143221ac]:hover{background:#37352f33}.empty-state[data-v-143221ac]{text-align:center;padding:60px 20px;color:#37352f73}.empty-icon[data-v-143221ac]{font-size:3rem;opacity:.3;margin-bottom:12px}.email-items[data-v-143221ac]{display:flex;flex-direction:column;gap:2px}.email-item[data-v-143221ac]{padding:12px;background:#fff;border:1px solid rgba(55,53,47,.09);border-radius:3px;cursor:pointer;transition:all .12s ease}.email-item[data-v-143221ac]:hover{background:#37352f08}.email-item.active[data-v-143221ac]{background:#2383e214;border-color:#2383e23d}.email-item-header[data-v-143221ac]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:8px}.email-item-header label[data-v-143221ac]{display:flex;align-items:center;cursor:pointer;margin:0;flex-shrink:0}.email-item-header input[type=checkbox][data-v-143221ac]{cursor:pointer;width:16px;height:16px;margin:0;border-radius:3px;border:1.5px solid rgba(55,53,47,.3);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;position:relative;transition:all .12s ease}.email-item-header input[type=checkbox][data-v-143221ac]:checked{background:#2383e2;border-color:#2383e2}.email-item-header input[type=checkbox][data-v-143221ac]:checked:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.email-item-header input[type=checkbox][data-v-143221ac]:disabled{cursor:not-allowed;opacity:.4}.checkbox-disabled[data-v-143221ac]{cursor:not-allowed!important;opacity:.5}.email-address[data-v-143221ac]{font-weight:500;color:#37352f;word-break:break-all;flex:1;line-height:1.4;display:flex;align-items:center;gap:6px;font-size:14px}.protected-email[data-v-143221ac]{color:#2383e2}.protected-badge[data-v-143221ac]{font-size:.9rem;animation:shield-pulse-143221ac 2s ease-in-out infinite}@keyframes shield-pulse-143221ac{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.hover-actions[data-v-143221ac]{display:flex;gap:4px;align-items:center;opacity:0;visibility:hidden;transition:all .15s ease}.email-item:hover .hover-actions[data-v-143221ac]{opacity:1;visibility:visible}.btn-action[data-v-143221ac]{width:26px;height:26px;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s ease;flex-shrink:0}.btn-action svg[data-v-143221ac]{width:14px;height:14px}.btn-copy[data-v-143221ac]{background:#2383e21a;color:#2383e2}.btn-copy[data-v-143221ac]:hover{background:#2383e233;transform:scale(1.05)}.btn-delete-small[data-v-143221ac]{background:#eb57571a;color:#eb5757}.btn-delete-small[data-v-143221ac]:hover:not(:disabled){background:#eb575733;transform:scale(1.05)}.btn-delete-small[data-v-143221ac]:disabled{background:#37352f0d;color:#37352f4d;cursor:not-allowed}.btn-star[data-v-143221ac]{width:24px;height:24px;border:none;background:transparent;color:#37352f59;border-radius:3px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s ease;flex-shrink:0;font-size:16px}.btn-star[data-v-143221ac]:hover{background:#ffc1071a;color:#ffc107}.btn-star.starred[data-v-143221ac]{color:#ffc107}.btn-star.starred[data-v-143221ac]:hover{background:#ffc10726}@keyframes starPulse-143221ac{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.email-item-meta[data-v-143221ac]{display:flex;gap:16px;flex-wrap:wrap;font-size:.9rem;color:var(--text-sub)}.meta-item[data-v-143221ac]{display:flex;align-items:center;gap:4px}.meta-item .meta-icon[data-v-143221ac]{color:#37352f73;flex-shrink:0}.last-received[data-v-143221ac]{margin-top:8px;font-size:.85rem;color:var(--text-sub);padding-top:8px;border-top:1px solid var(--border);min-height:1.5em}.last-received .placeholder[data-v-143221ac]{visibility:hidden}.pagination[data-v-143221ac]{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:20px;padding-top:20px;border-top:1px solid rgba(99,102,241,.1);flex-wrap:wrap}.pagination-btn[data-v-143221ac]{min-width:28px;height:28px;padding:0 8px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:3px;color:#37352fa6;cursor:pointer;transition:all .12s ease;outline:none}.pagination-btn[data-v-143221ac]:focus{outline:none;box-shadow:0 0 0 2px #2383e233}.pagination-btn[data-v-143221ac]:hover:not(:disabled){background:#37352f14}.pagination-btn[data-v-143221ac]:disabled{opacity:.3;cursor:not-allowed}.pagination-btn svg[data-v-143221ac]{margin:0!important}.page-numbers[data-v-143221ac]{display:flex;gap:4px;align-items:center}.page-number-btn[data-v-143221ac]{min-width:28px;height:28px;padding:0 8px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:3px;color:#37352fa6;font-size:13px;font-weight:400;cursor:pointer;transition:all .12s ease;outline:none}.page-number-btn[data-v-143221ac]:focus{outline:none;box-shadow:0 0 0 2px #2383e233}.page-number-btn[data-v-143221ac]:hover:not(:disabled):not(.active){background:#37352f14}.page-number-btn.active[data-v-143221ac]{background:#2383e21a;color:#2383e2;font-weight:500}.page-number-btn[data-v-143221ac]:disabled{cursor:default;opacity:.5;pointer-events:none}.page-info-detail[data-v-143221ac]{font-size:.85rem;color:var(--text-sub);margin-left:8px;white-space:nowrap}@media (max-width: 768px){.list-header[data-v-143221ac]{flex-wrap:wrap;gap:12px}.list-header h2[data-v-143221ac]{font-size:1.2rem;width:100%}.header-actions[data-v-143221ac]{width:100%;justify-content:flex-start;gap:6px}.header-actions .btn-icon[data-v-143221ac]{min-width:32px;width:32px;height:32px}.header-actions .btn-icon svg[data-v-143221ac]{width:16px;height:16px}.hover-actions[data-v-143221ac]{opacity:1;visibility:visible}.btn-action[data-v-143221ac]{width:28px;height:28px}.pagination[data-v-143221ac]{gap:6px}.page-numbers[data-v-143221ac]{gap:4px}.page-number-btn[data-v-143221ac]{min-width:32px;height:32px;padding:0 8px;font-size:.85rem}.pagination-btn[data-v-143221ac]{min-width:32px!important;height:32px}.page-info-detail[data-v-143221ac]{width:100%;text-align:center;margin:4px 0 0;font-size:.8rem}}.fade-in-item[data-v-143221ac]{animation:fadeInUp-143221ac .4s ease-out backwards}.fade-in-item[data-v-143221ac]:nth-child(1){animation-delay:.05s}.fade-in-item[data-v-143221ac]:nth-child(2){animation-delay:.1s}.fade-in-item[data-v-143221ac]:nth-child(3){animation-delay:.15s}.fade-in-item[data-v-143221ac]:nth-child(4){animation-delay:.2s}.fade-in-item[data-v-143221ac]:nth-child(5){animation-delay:.25s}@keyframes fadeInUp-143221ac{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.batch-tag-container[data-v-143221ac]{position:relative}.batch-tag-dropdown[data-v-143221ac]{position:absolute;top:100%;right:0;z-index:100;min-width:160px;background:#fff;border-radius:6px;box-shadow:0 4px 12px #00000026;margin-top:4px;overflow:hidden}.batch-tag-header[data-v-143221ac]{padding:8px 12px;font-size:12px;color:#37352f99;border-bottom:1px solid rgba(55,53,47,.09)}.batch-tag-option[data-v-143221ac]{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;background:transparent;color:#37352f;font-size:13px;cursor:pointer;transition:all .12s ease;text-align:left}.batch-tag-option[data-v-143221ac]:hover{background:#37352f0f}.batch-tag-option .tag-icon[data-v-143221ac]{font-size:14px}.batch-tag-option .tag-name[data-v-143221ac]{flex:1}.batch-tag-clear[data-v-143221ac]{color:#eb5757;border-top:1px solid rgba(55,53,47,.09)}.batch-tag-clear[data-v-143221ac]:hover{background:#eb575714}.tag-filter-bar[data-v-143221ac]{display:flex;align-items:center;gap:8px;padding:8px 0;margin-bottom:8px;border-bottom:1px solid rgba(55,53,47,.09);flex-wrap:wrap}.tag-filter-label[data-v-143221ac]{font-size:12px;color:#37352f80;flex-shrink:0}.tag-filter-btn[data-v-143221ac]{display:flex;align-items:center;gap:4px;padding:4px 8px;border:none;border-radius:4px;background:#37352f0f;color:#37352fb3;font-size:12px;cursor:pointer;transition:all .15s ease}.tag-filter-btn[data-v-143221ac]:hover{background:#37352f1a}.tag-filter-btn.active[data-v-143221ac]{background:var(--tag-color, #6366f1);color:#fff}.tag-filter-btn .tag-icon[data-v-143221ac]{font-size:12px}.tag-filter-clear[data-v-143221ac]{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;border-radius:50%;background:#eb57571a;color:#eb5757;cursor:pointer;transition:all .15s ease}.tag-filter-clear[data-v-143221ac]:hover{background:#eb575733}.email-item-tags[data-v-143221ac]{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.tag-menu-container[data-v-143221ac]{position:relative}.tag-select-btn[data-v-143221ac]{display:flex;align-items:center;gap:4px;padding:3px 8px;border:1px dashed rgba(55,53,47,.2);border-radius:4px;background:transparent;color:#37352f80;font-size:12px;cursor:pointer;transition:all .15s ease}.tag-select-btn[data-v-143221ac]:hover{border-color:#37352f66;background:#37352f0a}.tag-select-btn.has-tag[data-v-143221ac]{border:none;background:var(--tag-color, #6366f1);color:#fff;padding:3px 8px}.tag-select-btn .tag-badge[data-v-143221ac],.tag-select-btn .tag-placeholder[data-v-143221ac]{display:flex;align-items:center;gap:4px}.tag-dropdown[data-v-143221ac]{position:absolute;top:100%;left:0;z-index:100;min-width:180px;background:#fff;border-radius:6px;box-shadow:0 4px 12px #00000026;margin-top:4px;overflow:hidden}.tag-dropdown-header[data-v-143221ac]{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid rgba(55,53,47,.09);font-size:12px;color:#37352f99}.tag-manage-btn[data-v-143221ac]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:4px;background:transparent;color:#37352f80;cursor:pointer;transition:all .15s ease}.tag-manage-btn[data-v-143221ac]:hover{background:#37352f14;color:#37352fcc}.tag-dropdown-list[data-v-143221ac]{max-height:200px;overflow-y:auto;padding:4px}.tag-option[data-v-143221ac]{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;border-radius:4px;background:transparent;color:#37352f;font-size:13px;cursor:pointer;transition:all .12s ease;text-align:left}.tag-option[data-v-143221ac]:hover{background:#37352f0f}.tag-option.selected[data-v-143221ac]{background:#2383e214}.tag-option .tag-icon[data-v-143221ac]{font-size:14px}.tag-option .tag-name[data-v-143221ac]{flex:1}.tag-option-clear[data-v-143221ac]{color:#eb5757}.tag-option-clear[data-v-143221ac]:hover{background:#eb575714}.tag-empty[data-v-143221ac]{padding:12px;text-align:center;font-size:12px;color:#37352f80}.note-container[data-v-143221ac]{display:flex;align-items:center;gap:4px;flex:1;min-width:0}.note-edit-btn[data-v-143221ac]{display:flex;align-items:center;gap:4px;padding:3px 8px;border:1px dashed rgba(55,53,47,.2);border-radius:4px;background:transparent;color:#37352f80;font-size:12px;cursor:pointer;transition:all .15s ease;max-width:200px;overflow:hidden}.note-edit-btn[data-v-143221ac]:hover{border-color:#37352f66;background:#37352f0a}.note-edit-btn.has-note[data-v-143221ac]{border-style:solid;border-color:#37352f26;color:#37352f}.note-text[data-v-143221ac]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-placeholder[data-v-143221ac]{color:#37352f66}.note-input[data-v-143221ac]{flex:1;min-width:100px;max-width:180px;padding:4px 8px;border:1px solid rgba(35,131,226,.5);border-radius:4px;font-size:12px;outline:none;background:#fff}.note-input[data-v-143221ac]:focus{border-color:#2383e2;box-shadow:0 0 0 2px #2383e21a}.note-save-btn[data-v-143221ac],.note-cancel-btn[data-v-143221ac]{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;border-radius:4px;cursor:pointer;transition:all .12s ease}.note-save-btn[data-v-143221ac]{background:#22c55e1a;color:#22c55e}.note-save-btn[data-v-143221ac]:hover{background:#22c55e33}.note-cancel-btn[data-v-143221ac]{background:#eb57571a;color:#eb5757}.note-cancel-btn[data-v-143221ac]:hover{background:#eb575733}.tag-manager-overlay[data-v-143221ac]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.tag-manager-modal[data-v-143221ac]{background:#fff;border-radius:8px;width:90%;max-width:400px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 32px #0003}.tag-manager-header[data-v-143221ac]{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid rgba(55,53,47,.09)}.tag-manager-header h3[data-v-143221ac]{margin:0;font-size:16px;font-weight:600;color:#37352f}.tag-manager-close[data-v-143221ac]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:4px;background:transparent;color:#37352f80;cursor:pointer;transition:all .12s ease}.tag-manager-close[data-v-143221ac]:hover{background:#37352f14}.tag-create-form[data-v-143221ac]{padding:16px;border-bottom:1px solid rgba(55,53,47,.09)}.tag-create-row[data-v-143221ac]{display:flex;align-items:center;gap:8px;margin-bottom:12px}.tag-create-row[data-v-143221ac]:last-child{margin-bottom:0}.tag-name-row[data-v-143221ac]{margin-bottom:16px}.picker-label[data-v-143221ac]{font-size:12px;color:#37352f99;width:32px;flex-shrink:0}.tag-icon-picker[data-v-143221ac]{display:flex;flex-wrap:wrap;gap:6px;flex:1}.icon-option[data-v-143221ac]{width:32px;height:32px;border:1px solid rgba(55,53,47,.1);border-radius:6px;background:#fff;font-size:16px;cursor:pointer;transition:all .12s ease;display:flex;align-items:center;justify-content:center}.icon-option[data-v-143221ac]:hover{background:#37352f0f;transform:scale(1.05)}.icon-option.selected[data-v-143221ac]{border-color:#2383e2;background:#2383e214;box-shadow:0 0 0 2px #2383e233}.tag-name-input[data-v-143221ac]{flex:1;min-width:0;padding:10px 14px;border:1px solid rgba(55,53,47,.2);border-radius:6px;font-size:14px;outline:none}.tag-name-input[data-v-143221ac]:focus{border-color:#2383e2;box-shadow:0 0 0 2px #2383e21a}.tag-color-picker[data-v-143221ac]{display:flex;gap:8px;flex-wrap:wrap;flex:1}.color-option[data-v-143221ac]{width:24px;height:24px;border:2px solid transparent;border-radius:50%;cursor:pointer;transition:all .12s ease}.color-option[data-v-143221ac]:hover{transform:scale(1.15)}.color-option.selected[data-v-143221ac]{border-color:#37352f;box-shadow:0 0 0 2px #37352f1a}.tag-create-btn[data-v-143221ac]{padding:8px 16px;border:none;border-radius:4px;background:#2383e2;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .12s ease;white-space:nowrap}.tag-create-btn[data-v-143221ac]:hover{background:#1a6fc9}.tag-manager-list[data-v-143221ac]{flex:1;overflow-y:auto;padding:8px}.tag-manager-empty[data-v-143221ac]{padding:24px;text-align:center;color:#37352f80;font-size:13px}.tag-manager-item[data-v-143221ac]{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:4px;transition:all .12s ease}.tag-manager-item[data-v-143221ac]:hover{background:#37352f0a}.tag-manager-item .tag-icon[data-v-143221ac]{font-size:16px}.tag-manager-item .tag-name[data-v-143221ac]{flex:1;font-size:14px;color:#37352f}.tag-manager-item[data-v-143221ac]:before{content:"";width:4px;height:16px;border-radius:2px;background:var(--tag-color, #6366f1)}.tag-delete-btn[data-v-143221ac]{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;border-radius:4px;background:transparent;color:#37352f66;cursor:pointer;transition:all .12s ease;opacity:0}.tag-manager-item:hover .tag-delete-btn[data-v-143221ac]{opacity:1}.tag-delete-btn[data-v-143221ac]:hover{background:#eb57571a;color:#eb5757}@media (max-width: 768px){.tag-filter-bar[data-v-143221ac]{padding:6px 0}.tag-filter-btn[data-v-143221ac]{padding:3px 6px;font-size:11px}.email-item-tags[data-v-143221ac]{flex-direction:column;align-items:flex-start;gap:6px}.note-container[data-v-143221ac]{width:100%}.note-edit-btn[data-v-143221ac]{max-width:none;width:100%}.tag-manager-modal[data-v-143221ac]{width:95%;max-height:90vh}.tag-color-picker[data-v-143221ac]{flex-wrap:wrap}.tag-delete-btn[data-v-143221ac]{opacity:1}}.modal-overlay[data-v-453a3a9e]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000;animation:fadeIn-453a3a9e .25s ease}.modal-content[data-v-453a3a9e]{background:var(--card);border-radius:16px;max-width:800px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp-453a3a9e .25s ease;box-shadow:0 20px 60px #0000004d}.modal-header[data-v-453a3a9e]{background:linear-gradient(135deg,var(--bg-start),var(--bg-end));color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-453a3a9e]{font-size:1.4rem;font-weight:800}.header-actions[data-v-453a3a9e]{display:flex;align-items:center;gap:12px}.reply-btn[data-v-453a3a9e]{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;background:#fff3;color:#fff;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.reply-btn[data-v-453a3a9e]:hover,.reply-btn.active[data-v-453a3a9e]{background:#ffffff4d}.reply-btn svg[data-v-453a3a9e]{flex-shrink:0}.close-btn[data-v-453a3a9e]{width:36px;height:36px;border:none;background:#fff3;color:#fff;border-radius:50%;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-btn[data-v-453a3a9e]:hover{background:#ffffff4d;transform:rotate(90deg)}.reply-form[data-v-453a3a9e]{background:#f8f9fa;border-radius:12px;padding:16px;margin-bottom:20px;border:1px solid var(--border)}.reply-header[data-v-453a3a9e]{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:14px}.reply-label[data-v-453a3a9e]{color:var(--text-sub);font-weight:600}.reply-to[data-v-453a3a9e]{color:var(--text-main)}.reply-subject[data-v-453a3a9e]{margin-bottom:12px}.reply-input[data-v-453a3a9e]{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;background:#fff;transition:border-color .2s}.reply-input[data-v-453a3a9e]:focus{outline:none;border-color:var(--brand)}.reply-textarea[data-v-453a3a9e]{width:100%;padding:12px;border:1px solid var(--border);border-radius:8px;font-size:14px;resize:vertical;min-height:120px;background:#fff;font-family:inherit;transition:border-color .2s}.reply-textarea[data-v-453a3a9e]:focus{outline:none;border-color:var(--brand)}.reply-actions[data-v-453a3a9e]{display:flex;justify-content:flex-end;gap:12px;margin-top:12px}.btn-cancel[data-v-453a3a9e]{padding:10px 20px;border:1px solid var(--border);background:#fff;color:var(--text-sub);border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel[data-v-453a3a9e]:hover{background:#f5f5f5}.btn-send[data-v-453a3a9e]{display:flex;align-items:center;gap:8px;padding:10px 24px;border:none;background:linear-gradient(135deg,var(--bg-start),var(--bg-end));color:#fff;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-send[data-v-453a3a9e]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.btn-send[data-v-453a3a9e]:disabled{opacity:.6;cursor:not-allowed}.btn-send .spinning[data-v-453a3a9e]{animation:spin-453a3a9e 1s linear infinite}@keyframes spin-453a3a9e{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-body[data-v-453a3a9e]{flex:1;overflow-y:auto;overflow-x:hidden;padding:24px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;min-height:0}.detail-subject[data-v-453a3a9e]{font-size:1.5rem;font-weight:800;color:var(--text-main);margin-bottom:16px}.detail-meta[data-v-453a3a9e]{display:grid;gap:10px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.meta-row[data-v-453a3a9e]{display:flex;gap:12px;color:var(--text-sub)}.meta-label[data-v-453a3a9e]{font-weight:700;min-width:80px;color:var(--text-main)}.detail-code[data-v-453a3a9e]{background:linear-gradient(135deg,var(--bg-start),var(--bg-end));border-radius:12px;padding:16px;margin-bottom:20px}.code-header[data-v-453a3a9e]{color:#ffffffe6;font-size:.9rem;font-weight:600;margin-bottom:10px}.code-display[data-v-453a3a9e]{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#fff;font-size:1.8rem;font-weight:800;font-family:Courier New,monospace;letter-spacing:3px}.btn-copy[data-v-453a3a9e]{background:#fff3;border:none;color:#fff;padding:10px 16px;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s ease;white-space:nowrap}.btn-copy[data-v-453a3a9e]:hover{background:#ffffff4d;transform:scale(1.05)}.attachments-section[data-v-453a3a9e]{background:#f8f9fa;border-radius:12px;padding:16px;margin-bottom:20px;border:1px solid var(--border)}.attachments-header[data-v-453a3a9e]{font-weight:700;color:var(--text-main);margin-bottom:12px;font-size:14px}.attachments-list[data-v-453a3a9e]{display:flex;flex-wrap:wrap;gap:10px}.attachment-item[data-v-453a3a9e]{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fff;border:1px solid var(--border);border-radius:8px;text-decoration:none;color:var(--text-main);font-size:13px;transition:all .2s ease}.attachment-item[data-v-453a3a9e]:hover{border-color:var(--brand);background:#f0f4ff;transform:translateY(-1px)}.attachment-icon[data-v-453a3a9e]{font-size:18px}.attachment-name[data-v-453a3a9e]{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-size[data-v-453a3a9e]{color:var(--text-sub);font-size:12px;white-space:nowrap}.detail-body[data-v-453a3a9e]{line-height:1.75;color:var(--text-main)}.text-body[data-v-453a3a9e]{white-space:pre-wrap;word-wrap:break-word}.html-body[data-v-453a3a9e]{width:100%;overflow-x:auto;background:#f5f7fa;padding:20px;border-radius:8px;box-sizing:border-box;max-height:none;min-height:auto}.html-body[data-v-453a3a9e] *{max-width:100%!important;box-sizing:border-box}.html-body[data-v-453a3a9e] table{border-collapse:collapse;margin:0 auto;background:#fff}.html-body[data-v-453a3a9e] td{padding:inherit}.html-body[data-v-453a3a9e] img{max-width:100%;height:auto;display:block}.html-body[data-v-453a3a9e] a{color:#6c7bff;text-decoration:underline;word-break:break-all}.html-body[data-v-453a3a9e] a:hover{opacity:.8}.html-body[data-v-453a3a9e] table[width]{width:100%!important;max-width:600px!important}.modal-body[data-v-453a3a9e]::-webkit-scrollbar{width:8px}.modal-body[data-v-453a3a9e]::-webkit-scrollbar-track{background:var(--muted);border-radius:4px}.modal-body[data-v-453a3a9e]::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px;transition:background .2s ease}.modal-body[data-v-453a3a9e]::-webkit-scrollbar-thumb:hover{background:var(--brand)}@media (prefers-color-scheme: dark){.html-body[data-v-453a3a9e]{background:#1a1a1a}.html-body[data-v-453a3a9e] table{background:#2d2d2d}}@keyframes fadeIn-453a3a9e{0%{opacity:0}to{opacity:1}}@keyframes slideUp-453a3a9e{0%{transform:translateY(30px);opacity:.6}to{transform:none;opacity:1}}@media (max-width: 768px){.modal-overlay[data-v-453a3a9e]{padding:0}.modal-content[data-v-453a3a9e]{max-width:100%;max-height:100%;border-radius:0;height:100vh}.modal-header[data-v-453a3a9e]{padding:16px}.modal-header h3[data-v-453a3a9e]{font-size:1.2rem}.header-actions[data-v-453a3a9e]{gap:8px}.reply-btn[data-v-453a3a9e]{padding:6px 12px;font-size:13px}.close-btn[data-v-453a3a9e]{width:32px;height:32px;font-size:20px}.modal-body[data-v-453a3a9e]{padding:16px}.detail-subject[data-v-453a3a9e]{font-size:1.2rem}.detail-meta[data-v-453a3a9e]{font-size:13px}.meta-label[data-v-453a3a9e]{min-width:60px}.code-display[data-v-453a3a9e]{font-size:1.4rem;flex-wrap:wrap;gap:8px}.btn-copy[data-v-453a3a9e]{padding:8px 12px;font-size:.85rem}.html-body[data-v-453a3a9e],.attachments-section[data-v-453a3a9e]{padding:12px}.attachments-list[data-v-453a3a9e]{flex-direction:column}.attachment-item[data-v-453a3a9e]{width:100%}.attachment-name[data-v-453a3a9e]{max-width:none;flex:1}.reply-form[data-v-453a3a9e]{padding:12px}.reply-actions[data-v-453a3a9e]{flex-direction:column}.reply-actions .btn-cancel[data-v-453a3a9e],.reply-actions .btn-send[data-v-453a3a9e]{width:100%;justify-content:center}}@media (max-width: 480px){.modal-header[data-v-453a3a9e],.modal-body[data-v-453a3a9e]{padding:12px}.detail-subject[data-v-453a3a9e]{font-size:1.1rem}.code-display[data-v-453a3a9e]{font-size:1.2rem;letter-spacing:2px}}.message-list-card[data-v-7e1b230e]{max-width:100%}.message-list-card .card-body[data-v-7e1b230e]{overflow:visible}.list-header[data-v-7e1b230e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(55,53,47,.09);flex-wrap:wrap;gap:12px}.list-header h2[data-v-7e1b230e]{font-size:16px;font-weight:600;color:#37352f;flex-shrink:0;display:flex;align-items:center;gap:8px}.list-header h2 .title-icon[data-v-7e1b230e]{color:#37352f73;flex-shrink:0;width:18px;height:18px}.header-actions[data-v-7e1b230e]{display:flex;align-items:center;gap:4px;flex-wrap:wrap;flex:1;min-width:0;justify-content:flex-end}.header-actions .btn[data-v-7e1b230e]{display:flex;align-items:center;gap:5px;padding:5px 10px;min-height:28px;border-radius:3px;font-size:13px;transition:all .12s ease}.header-actions .btn svg[data-v-7e1b230e]{flex-shrink:0;width:16px;height:16px}.header-actions .btn-danger[data-v-7e1b230e]{background:#eb57571a;color:#eb5757;border:none}.header-actions .btn-danger[data-v-7e1b230e]:hover{background:#eb575726}.header-actions .btn-secondary[data-v-7e1b230e]{background:#37352f0f;color:#37352fa6;border:none}.header-actions .btn-secondary[data-v-7e1b230e]:hover{background:#37352f1a}.count-badge[data-v-7e1b230e]{background:#37352f0f;color:#37352fa6;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.search-box[data-v-7e1b230e]{display:flex;align-items:center;background:#37352f0f;border-radius:4px;padding:4px 8px;gap:6px;min-width:180px;transition:all .15s ease}.search-box[data-v-7e1b230e]:focus-within{background:#fff;box-shadow:inset 0 0 0 1px #2383e280}.search-icon[data-v-7e1b230e]{color:#37352f73;flex-shrink:0}.search-input[data-v-7e1b230e]{border:none;background:transparent;outline:none;font-size:13px;color:#37352f;flex:1;min-width:0}.search-input[data-v-7e1b230e]::placeholder{color:#37352f73}.search-clear-btn[data-v-7e1b230e]{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;background:#37352f1a;border-radius:50%;cursor:pointer;color:#37352fa6;transition:all .12s ease;flex-shrink:0}.search-clear-btn[data-v-7e1b230e]:hover{background:#37352f33}.empty-state[data-v-7e1b230e]{text-align:center;padding:60px 20px;color:#37352f73}.empty-icon[data-v-7e1b230e]{font-size:3rem;opacity:.3;margin-bottom:12px}.message-items[data-v-7e1b230e]{display:flex;flex-direction:column;gap:2px}.message-item[data-v-7e1b230e]{padding:12px;background:#fff;border:1px solid rgba(55,53,47,.09);border-radius:3px;cursor:pointer;transition:all .12s ease;position:relative;overflow:hidden}.message-item.read[data-v-7e1b230e]{background:#37352f05}.message-item.read .sender[data-v-7e1b230e],.message-item.read .subject[data-v-7e1b230e]{color:#37352fa6;font-weight:400}.message-item.read .preview[data-v-7e1b230e]{color:#37352f73}.select-box[data-v-7e1b230e]{display:inline-flex;align-items:center;float:left;margin-right:10px;margin-top:2px;cursor:pointer}.select-box input[type=checkbox][data-v-7e1b230e]{cursor:pointer;width:16px;height:16px;margin:0;border-radius:3px;border:1.5px solid rgba(55,53,47,.3);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;position:relative;transition:all .12s ease}.select-box input[type=checkbox][data-v-7e1b230e]:checked{background:#2383e2;border-color:#2383e2}.select-box input[type=checkbox][data-v-7e1b230e]:checked:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.row-actions[data-v-7e1b230e]{margin-top:8px;display:flex;gap:4px}.message-item[data-v-7e1b230e]:hover{background:#37352f08}.message-item.unread[data-v-7e1b230e]{background:#2383e20f;border-left:3px solid #2383e2;box-shadow:0 1px 3px #2383e21a}.message-item.unread .sender[data-v-7e1b230e],.message-item.unread .subject[data-v-7e1b230e]{font-weight:600;color:#37352f}.message-item.unread[data-v-7e1b230e]:hover{background:#2383e214}.message-header[data-v-7e1b230e]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;gap:12px}.sender[data-v-7e1b230e]{font-weight:500;color:#37352f;display:flex;align-items:center;gap:6px;flex:1;min-width:0;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-dot[data-v-7e1b230e]{display:inline-block;width:8px;height:8px;background:#2383e2;border-radius:50%;flex-shrink:0;animation:pulse-7e1b230e 2s ease-in-out infinite}@keyframes pulse-7e1b230e{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.9)}}.time[data-v-7e1b230e]{color:#37352f73;font-size:12px;white-space:nowrap}.subject[data-v-7e1b230e]{font-weight:500;color:#37352f;margin-bottom:6px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.verification-code[data-v-7e1b230e]{display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(135deg,var(--bg-start),var(--bg-end));border-radius:10px;margin-top:8px}.code-label[data-v-7e1b230e]{color:#ffffffe6;font-size:.9rem;font-weight:600}.code-value[data-v-7e1b230e]{flex:1;color:#fff;font-size:1.2rem;font-weight:800;font-family:Courier New,monospace;letter-spacing:2px}.btn-copy-code[data-v-7e1b230e]{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-copy-code[data-v-7e1b230e]:hover{background:#ffffff4d;transform:scale(1.1)}.preview[data-v-7e1b230e]{color:#37352fa6;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.delete-msg-btn[data-v-7e1b230e]{background:#eb57571a;color:#eb5757;border:none;padding:4px 8px;border-radius:3px;font-size:12px;display:flex;align-items:center;gap:4px;transition:all .12s ease}.delete-msg-btn[data-v-7e1b230e]:hover{background:#eb575726}.delete-msg-btn svg[data-v-7e1b230e]{width:14px;height:14px}.pagination[data-v-7e1b230e]{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:20px;padding-top:20px;border-top:1px solid rgba(99,102,241,.1);flex-wrap:wrap}.pagination-btn[data-v-7e1b230e]{min-width:28px;height:28px;padding:0 8px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:3px;color:#37352fa6;cursor:pointer;transition:all .12s ease}.pagination-btn[data-v-7e1b230e]:hover:not(:disabled){background:#37352f14}.pagination-btn[data-v-7e1b230e]:disabled{opacity:.3;cursor:not-allowed}.pagination-btn svg[data-v-7e1b230e]{margin:0!important}.page-numbers[data-v-7e1b230e]{display:flex;gap:4px;align-items:center}.page-number-btn[data-v-7e1b230e]{min-width:28px;height:28px;padding:0 8px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:3px;color:#37352fa6;font-size:13px;font-weight:400;cursor:pointer;transition:all .12s ease}.page-number-btn[data-v-7e1b230e]:hover:not(:disabled):not(.active){background:#37352f14}.page-number-btn.active[data-v-7e1b230e]{background:#2383e21a;color:#2383e2;font-weight:500}.page-number-btn[data-v-7e1b230e]:disabled{cursor:default;opacity:.5;pointer-events:none}.page-info-detail[data-v-7e1b230e]{font-size:.85rem;color:var(--text-sub);margin-left:8px;white-space:nowrap}.page-info[data-v-7e1b230e]{color:var(--text-sub);font-weight:600}@media (max-width: 1024px){.search-box[data-v-7e1b230e]{min-width:150px}.header-actions .btn span[data-v-7e1b230e]{display:none}.header-actions .btn[data-v-7e1b230e]{padding:6px 8px}}@media (max-width: 768px){.message-list-card[data-v-7e1b230e]{min-height:auto}.list-header[data-v-7e1b230e]{gap:10px;flex-direction:column;align-items:flex-start}.list-header h2[data-v-7e1b230e]{font-size:1.1rem;width:100%}.header-actions[data-v-7e1b230e]{width:100%;justify-content:flex-start;gap:6px;flex-wrap:wrap}.search-box[data-v-7e1b230e]{flex:1;min-width:120px;max-width:100%}.header-actions .btn[data-v-7e1b230e]{padding:8px 10px;font-size:.85rem;min-height:36px}.header-actions .btn svg[data-v-7e1b230e]{width:16px;height:16px}.header-actions .btn span[data-v-7e1b230e]{display:none}.count-badge[data-v-7e1b230e]{padding:4px 10px;font-size:.8rem}.message-item[data-v-7e1b230e]{padding:14px 12px}.message-item.unread[data-v-7e1b230e]{border-left-width:4px}.select-box[data-v-7e1b230e]{margin-right:8px}.select-box input[type=checkbox][data-v-7e1b230e]{width:18px;height:18px}.message-header[data-v-7e1b230e]{flex-direction:column;gap:4px;margin-bottom:6px}.sender[data-v-7e1b230e]{font-size:13px}.time[data-v-7e1b230e]{font-size:11px}.subject[data-v-7e1b230e]{font-size:13px;margin-bottom:4px}.preview[data-v-7e1b230e]{font-size:12px}.unread-dot[data-v-7e1b230e]{width:6px;height:6px}.verification-code[data-v-7e1b230e]{padding:8px 12px;flex-wrap:wrap;gap:8px}.code-label[data-v-7e1b230e]{font-size:.8rem}.code-value[data-v-7e1b230e]{font-size:1.1rem;letter-spacing:1px}.btn-copy-code[data-v-7e1b230e]{width:28px;height:28px}.row-actions[data-v-7e1b230e]{margin-top:10px}.delete-msg-btn[data-v-7e1b230e]{padding:6px 10px;font-size:12px}.pagination[data-v-7e1b230e]{gap:4px;padding-top:16px;margin-top:16px}.page-numbers[data-v-7e1b230e]{gap:2px}.page-number-btn[data-v-7e1b230e]{min-width:32px;height:32px;padding:0 6px;font-size:.85rem}.pagination-btn[data-v-7e1b230e]{min-width:32px!important;height:32px}.page-info-detail[data-v-7e1b230e]{width:100%;text-align:center;margin:8px 0 0;font-size:.75rem}}@media (max-width: 480px){.list-header h2[data-v-7e1b230e]{font-size:1rem}.header-actions[data-v-7e1b230e]{gap:4px}.search-box[data-v-7e1b230e]{padding:3px 6px;font-size:12px}.search-input[data-v-7e1b230e]{font-size:12px}.message-item[data-v-7e1b230e]{padding:12px 10px}.sender[data-v-7e1b230e],.subject[data-v-7e1b230e]{font-size:12px}.preview[data-v-7e1b230e]{font-size:11px}.page-numbers[data-v-7e1b230e]{display:none}.pagination[data-v-7e1b230e]{justify-content:space-between}.page-info-detail[data-v-7e1b230e]{font-size:.7rem}}.refresh-btn-inbox[data-v-7e1b230e]{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.refresh-btn-inbox.success[data-v-7e1b230e]{background:linear-gradient(135deg,#10b981,#059669)!important;border-color:#10b981!important;color:#fff!important;animation:successPulse-7e1b230e .6s ease-out}.refresh-btn-inbox.transitioning[data-v-7e1b230e]{animation:fadeOutToBlue-7e1b230e .5s cubic-bezier(.4,0,.2,1) forwards}.refresh-btn-inbox svg.spinning[data-v-7e1b230e]{animation:spin-7e1b230e 1s linear infinite}.refresh-btn-inbox .check-icon[data-v-7e1b230e]{animation:checkIn-7e1b230e .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes spin-7e1b230e{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes checkIn-7e1b230e{0%{transform:scale(0) rotate(-45deg);opacity:0}50%{transform:scale(1.2) rotate(5deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes successPulse-7e1b230e{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes fadeOutToBlue-7e1b230e{to{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;border-color:#6366f1!important}}.icon-fade-enter-active[data-v-7e1b230e],.icon-fade-leave-active[data-v-7e1b230e],.text-fade-enter-active[data-v-7e1b230e],.text-fade-leave-active[data-v-7e1b230e]{transition:all .2s ease}.icon-fade-enter-from[data-v-7e1b230e],.text-fade-enter-from[data-v-7e1b230e],.icon-fade-leave-to[data-v-7e1b230e],.text-fade-leave-to[data-v-7e1b230e]{opacity:0;transform:scale(.8)}.fade-in-item[data-v-7e1b230e]{animation:fadeInUp-7e1b230e .4s ease-out backwards}.fade-in-item[data-v-7e1b230e]:nth-child(1){animation-delay:.05s}.fade-in-item[data-v-7e1b230e]:nth-child(2){animation-delay:.1s}.fade-in-item[data-v-7e1b230e]:nth-child(3){animation-delay:.15s}.fade-in-item[data-v-7e1b230e]:nth-child(4){animation-delay:.2s}@keyframes fadeInUp-7e1b230e{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.notification-container[data-v-3cbb33a5]{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:12px;max-width:500px;width:calc(100% - 40px)}.notification[data-v-3cbb33a5]{display:flex;align-items:center;gap:14px;padding:16px 20px;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014;border:1px solid rgba(255,255,255,.8);animation:slideInDown-3cbb33a5 .4s cubic-bezier(.16,1,.3,1)}.notification-success[data-v-3cbb33a5]{border-left:3px solid #10b981}.notification-success .notification-icon[data-v-3cbb33a5]{color:#10b981}.notification-error[data-v-3cbb33a5]{border-left:3px solid #ef4444}.notification-error .notification-icon[data-v-3cbb33a5]{color:#ef4444}.notification-warning[data-v-3cbb33a5]{border-left:3px solid #f59e0b}.notification-warning .notification-icon[data-v-3cbb33a5]{color:#f59e0b}.notification-info[data-v-3cbb33a5]{border-left:3px solid #6366f1}.notification-info .notification-icon[data-v-3cbb33a5]{color:#6366f1}.notification-icon[data-v-3cbb33a5]{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#fffc}.notification-content[data-v-3cbb33a5]{flex:1}.notification-message[data-v-3cbb33a5]{color:#1e293b;font-weight:600;font-size:14px;line-height:1.5}.notification-close[data-v-3cbb33a5]{width:28px;height:28px;border:none;background:transparent;color:#64748b;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.notification-close[data-v-3cbb33a5]:hover{background:#64748b1a;color:#1e293b}.notification-enter-active[data-v-3cbb33a5],.notification-leave-active[data-v-3cbb33a5]{transition:all .4s cubic-bezier(.16,1,.3,1)}.notification-enter-from[data-v-3cbb33a5]{opacity:0;transform:translateY(-20px) scale(.95)}.notification-leave-to[data-v-3cbb33a5]{opacity:0;transform:translateY(-10px) scale(.98)}@keyframes slideInDown-3cbb33a5{0%{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 640px){.notification-container[data-v-3cbb33a5]{top:16px;width:calc(100% - 32px)}.notification[data-v-3cbb33a5]{padding:14px 16px}}.modal-overlay[data-v-1e640e32]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000;animation:fadeIn-1e640e32 .2s ease}.modal-content[data-v-1e640e32]{background:var(--card);border-radius:16px;max-width:600px;width:100%;max-height:85vh;display:flex;flex-direction:column;animation:slideUp-1e640e32 .25s ease;box-shadow:0 20px 60px #0000004d}.modal-header[data-v-1e640e32]{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-1e640e32]{font-size:1.3rem;font-weight:700;color:var(--text-main);display:flex;align-items:center;gap:10px}.modal-header h3 .header-icon[data-v-1e640e32]{color:#6366f1;flex-shrink:0}.close-btn[data-v-1e640e32]{width:32px;height:32px;border:none;background:var(--muted);color:var(--text-main);border-radius:8px;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-btn[data-v-1e640e32]:hover{background:var(--border);transform:rotate(90deg)}.modal-body[data-v-1e640e32]{flex:1;overflow-y:auto;padding:24px}.config-section[data-v-1e640e32]{margin-bottom:28px}.config-section[data-v-1e640e32]:last-of-type{margin-bottom:0}.config-section h4[data-v-1e640e32]{font-size:1rem;font-weight:700;color:var(--text-main);margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--border)}.form-group[data-v-1e640e32]{margin-bottom:18px}.form-group[data-v-1e640e32]:last-child{margin-bottom:0}.form-group label[data-v-1e640e32]{display:block;margin-bottom:8px}.label-text[data-v-1e640e32]{display:block;font-weight:600;color:var(--text-main);font-size:.95rem;margin-bottom:4px}.label-desc[data-v-1e640e32]{display:block;font-size:.85rem;color:var(--text-sub)}.form-input[data-v-1e640e32]{width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:8px;font-size:.95rem;color:var(--text-main);background:var(--card);transition:all .2s ease}.form-input[data-v-1e640e32]:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #6c7bff1a}.form-input[data-v-1e640e32]::placeholder{color:var(--text-sub);opacity:.6}.field-hint[data-v-1e640e32]{margin-top:6px;font-size:.85rem;color:var(--text-sub);line-height:1.4}.domain-tags[data-v-1e640e32]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;padding:12px;background:var(--muted);border-radius:8px;min-height:48px}.domain-tag[data-v-1e640e32]{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:linear-gradient(135deg,#6c7bff,#8b5cf6);color:#fff;border-radius:6px;font-size:.9rem;font-weight:500;transition:all .2s ease;animation:tagSlideIn-1e640e32 .3s ease}.domain-tag[data-v-1e640e32]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6c7bff66}.domain-text[data-v-1e640e32]{-webkit-user-select:all;user-select:all}.domain-remove[data-v-1e640e32]{background:#fff3;border:none;color:#fff;width:20px;height:20px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s ease}.domain-remove[data-v-1e640e32]:hover{background:#ffffff4d;transform:rotate(90deg)}.domain-remove[data-v-1e640e32]:disabled{cursor:not-allowed;opacity:.5}.domain-input-wrapper[data-v-1e640e32]{display:flex;gap:8px;align-items:center}.domain-input-wrapper .form-input[data-v-1e640e32]{flex:1}.add-domain-btn[data-v-1e640e32]{padding:10px 18px;background:linear-gradient(135deg,#6c7bff,#8b5cf6);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.add-domain-btn[data-v-1e640e32]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #6c7bff66}.add-domain-btn[data-v-1e640e32]:disabled{opacity:.6;cursor:not-allowed}@keyframes tagSlideIn-1e640e32{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.config-tips[data-v-1e640e32]{background:var(--muted);border-radius:8px;padding:14px 16px;margin-top:20px}.config-tips p[data-v-1e640e32]{font-weight:600;color:var(--text-main);margin-bottom:8px}.config-tips ul[data-v-1e640e32]{margin:0;padding-left:20px}.config-tips li[data-v-1e640e32]{font-size:.9rem;color:var(--text-sub);line-height:1.6;margin-bottom:4px}.modal-footer[data-v-1e640e32]{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px}@keyframes fadeIn-1e640e32{0%{opacity:0}to{opacity:1}}@keyframes slideUp-1e640e32{0%{transform:translateY(30px);opacity:.6}to{transform:translateY(0);opacity:1}}.admin-login-section[data-v-1e640e32]{padding:20px;background:var(--muted);border-radius:12px;margin-bottom:20px}.admin-badge[data-v-1e640e32]{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:linear-gradient(135deg,gold,#ffed4e);color:#000;border-radius:8px;margin-bottom:20px;font-weight:600;box-shadow:0 2px 8px #ffd7004d}.admin-badge .badge-content[data-v-1e640e32]{display:flex;align-items:center;gap:8px}.admin-badge .badge-icon[data-v-1e640e32]{fill:#000;animation:starPulse-1e640e32 2s ease-in-out infinite}@keyframes starPulse-1e640e32{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(5deg)}}.btn-link[data-v-1e640e32]{background:transparent;border:none;color:#000;text-decoration:underline;cursor:pointer;font-size:.9em;font-weight:600}.btn-link[data-v-1e640e32]:hover{opacity:.8}.password-input-group[data-v-1e640e32]{display:flex;gap:8px}.password-input-group input[data-v-1e640e32]{flex:1}.toggle-password-btn[data-v-1e640e32]{padding:10px 14px;background:var(--muted);border:1.5px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;color:#6366f1}.toggle-password-btn[data-v-1e640e32]:hover{background:#6366f11a;border-color:#6366f1}.toggle-password-btn svg[data-v-1e640e32]{transition:all .2s ease}.info-box[data-v-1e640e32]{padding:16px;border-radius:8px;margin-bottom:20px}.info-box.warning[data-v-1e640e32]{background:#fff3cd;border:2px solid #ffc107;color:#856404}.info-box strong[data-v-1e640e32]{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:1.05em}.info-box strong .lock-icon[data-v-1e640e32]{flex-shrink:0;color:#f59e0b}.info-box p[data-v-1e640e32]{margin:0;line-height:1.5}.form-input[data-v-1e640e32]:disabled{background:var(--muted);cursor:not-allowed;opacity:.6}@media (max-width: 640px){.modal-content[data-v-1e640e32]{max-height:90vh}.modal-body[data-v-1e640e32]{padding:20px}.modal-footer[data-v-1e640e32]{flex-direction:column-reverse}.modal-footer .btn[data-v-1e640e32]{width:100%}.admin-badge[data-v-1e640e32]{flex-direction:column;gap:10px}}.email-service-info[data-v-1e640e32]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:.9em}.email-service-info p[data-v-1e640e32]{margin:0;display:flex;align-items:center;gap:8px}.field-hint a[data-v-1e640e32]{color:var(--primary);text-decoration:none;font-weight:600}.field-hint a[data-v-1e640e32]:hover{text-decoration:underline}.modal-overlay[data-v-30143fb7]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-30143fb7 .2s ease}@keyframes fadeIn-30143fb7{0%{opacity:0}to{opacity:1}}.modal-content[data-v-30143fb7]{background:#fff;border-radius:16px;width:90%;max-width:420px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp-30143fb7 .3s ease}@keyframes slideUp-30143fb7{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-30143fb7]{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #e5e7eb}.modal-header h2[data-v-30143fb7]{margin:0;font-size:20px;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:10px}.header-icon[data-v-30143fb7]{color:#6366f1;animation:iconPulse-30143fb7 2s ease-in-out infinite}@keyframes iconPulse-30143fb7{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.btn-close[data-v-30143fb7]{background:none;border:none;font-size:28px;color:#9ca3af;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.btn-close[data-v-30143fb7]:hover{background:#f3f4f6;color:#1f2937}.modal-body[data-v-30143fb7]{padding:24px}.form-group[data-v-30143fb7]{margin-bottom:20px}.form-group label[data-v-30143fb7]{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#374151}.form-group input[data-v-30143fb7]{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:15px;transition:all .2s;box-sizing:border-box}.form-group input[data-v-30143fb7]:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.password-wrapper[data-v-30143fb7]{position:relative}.password-wrapper input[data-v-30143fb7]{padding-right:48px}.toggle-password[data-v-30143fb7]{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:#6366f114;border:none;border-radius:6px;cursor:pointer;padding:6px 8px;color:#6366f1;display:flex;align-items:center;justify-content:center;transition:all .2s}.toggle-password[data-v-30143fb7]:hover{background:#6366f126;transform:translateY(-50%) scale(1.05)}.toggle-password svg[data-v-30143fb7]{transition:transform .2s}.toggle-password:hover svg[data-v-30143fb7]{transform:rotate(10deg)}.error-message[data-v-30143fb7]{margin-bottom:16px;padding:12px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px}.btn[data-v-30143fb7]{border:none;border-radius:8px;padding:12px 24px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary[data-v-30143fb7]{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.btn-primary[data-v-30143fb7]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #6366f14d}.btn-primary[data-v-30143fb7]:disabled{opacity:.6;cursor:not-allowed}.btn-block[data-v-30143fb7]{width:100%}.modal-footer[data-v-30143fb7]{text-align:center;padding-top:16px;border-top:1px solid #e5e7eb;margin-top:20px}.btn-link[data-v-30143fb7]{background:none;border:none;color:#6366f1;cursor:pointer;font-size:14px;font-weight:500;padding:8px;text-decoration:none;transition:color .2s}.btn-link[data-v-30143fb7]:hover{color:#4f46e5;text-decoration:underline}.captcha-wrapper[data-v-30143fb7]{display:flex;gap:8px;align-items:center}.captcha-input[data-v-30143fb7]{flex:1;min-width:0}.captcha-image[data-v-30143fb7]{width:120px;height:40px;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#f9fafb;transition:all .2s;overflow:hidden}.captcha-image[data-v-30143fb7]:hover{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.captcha-svg[data-v-30143fb7]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.captcha-svg[data-v-30143fb7] svg{width:100%;height:100%}.captcha-loading[data-v-30143fb7],.captcha-placeholder[data-v-30143fb7]{font-size:12px;color:#9ca3af;text-align:center}.btn-refresh-captcha[data-v-30143fb7]{background:#6366f114;border:none;border-radius:8px;cursor:pointer;padding:10px;color:#6366f1;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.btn-refresh-captcha[data-v-30143fb7]:hover:not(:disabled){background:#6366f126;transform:rotate(180deg)}.btn-refresh-captcha[data-v-30143fb7]:disabled{opacity:.5;cursor:not-allowed}.btn-refresh-captcha svg[data-v-30143fb7]{transition:transform .3s}.login-page[data-v-e889bbf9]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;overflow-y:auto;overflow-x:hidden;background:#f5f7fa}.gradient-blob[data-v-e889bbf9]{position:absolute;border-radius:50%;pointer-events:none;will-change:transform,opacity,filter}.gradient-blob-1[data-v-e889bbf9]{width:350px;height:350px;background:radial-gradient(circle,rgba(255,105,180,.5) 0%,rgba(255,182,203,.25) 70%,transparent 100%);top:-150px;left:-100px;filter:blur(50px);animation:breathe1-e889bbf9 6s ease-in-out infinite}.gradient-blob-2[data-v-e889bbf9]{width:320px;height:320px;background:radial-gradient(circle,rgba(138,92,246,.4) 0%,rgba(167,139,250,.25) 70%,transparent 100%);bottom:-150px;right:-100px;filter:blur(45px);animation:breathe2-e889bbf9 8s ease-in-out infinite 1s}.gradient-blob-3[data-v-e889bbf9]{width:300px;height:300px;background:radial-gradient(circle,rgba(59,130,246,.4) 0%,rgba(96,165,250,.25) 70%,transparent 100%);top:40%;right:-80px;filter:blur(40px);animation:breathe3-e889bbf9 7s ease-in-out infinite 2s}@keyframes breathe1-e889bbf9{0%{transform:translate(0) scale(1);opacity:.7;filter:blur(50px)}25%{transform:translate(180px,120px) scale(1.5);opacity:.9;filter:blur(65px)}50%{transform:translate(150px,-100px) scale(1.3);opacity:.75;filter:blur(58px)}75%{transform:translate(-120px,80px) scale(1.4);opacity:.85;filter:blur(62px)}to{transform:translate(0) scale(1);opacity:.7;filter:blur(50px)}}@keyframes breathe2-e889bbf9{0%{transform:translate(0) scale(1);opacity:.65;filter:blur(45px)}25%{transform:translate(-150px,-130px) scale(1.45);opacity:.85;filter:blur(60px)}50%{transform:translate(120px,-90px) scale(1.25);opacity:.7;filter:blur(52px)}75%{transform:translate(-100px,110px) scale(1.35);opacity:.8;filter:blur(56px)}to{transform:translate(0) scale(1);opacity:.65;filter:blur(45px)}}@keyframes breathe3-e889bbf9{0%{transform:translate(0) scale(1);opacity:.6;filter:blur(40px)}25%{transform:translate(-130px,150px) scale(1.4);opacity:.8;filter:blur(55px)}50%{transform:translate(140px,100px) scale(1.2);opacity:.65;filter:blur(48px)}75%{transform:translate(-160px,-120px) scale(1.35);opacity:.75;filter:blur(52px)}to{transform:translate(0) scale(1);opacity:.6;filter:blur(40px)}}.login-container[data-v-e889bbf9]{position:relative;z-index:1;max-width:520px;width:100%;animation:fadeInUp-e889bbf9 .6s ease;margin:auto 0;flex-shrink:0}.brand-section[data-v-e889bbf9]{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:28px}.logo[data-v-e889bbf9]{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:16px;box-shadow:0 4px 16px #6366f14d;transition:all .3s ease;flex-shrink:0}.logo[data-v-e889bbf9]:hover{animation:logoBreathe-e889bbf9 2s ease-in-out infinite}@keyframes logoBreathe-e889bbf9{0%,to{transform:scale(1);box-shadow:0 4px 16px #6366f14d}50%{transform:scale(1.05);box-shadow:0 8px 24px #6366f180}}.logo svg[data-v-e889bbf9]{color:#fff}.brand-info[data-v-e889bbf9]{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.brand-name[data-v-e889bbf9]{font-size:1.5rem;font-weight:700;color:#1a202c;margin:0;line-height:1.2;letter-spacing:-.3px}.brand-subtitle[data-v-e889bbf9]{font-size:.8125rem;color:#a0aec0;margin:0;font-weight:400;line-height:1.2}.welcome-section[data-v-e889bbf9]{text-align:center;margin-bottom:32px}.welcome-title[data-v-e889bbf9]{font-size:1.5rem;font-weight:600;color:#2d3748;margin:0 0 8px;letter-spacing:0}.welcome-subtitle[data-v-e889bbf9]{font-size:.9rem;color:#a0aec0;margin:0;font-weight:400}.login-card[data-v-e889bbf9]{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:40px 36px;box-shadow:0 16px 48px #0000001a,0 0 1px #0000000d;margin-bottom:24px;border:1px solid rgba(255,255,255,.6)}.login-title[data-v-e889bbf9]{font-size:1.1rem;font-weight:600;color:#2c3e50;text-align:center;margin:0 0 20px}.password-section[data-v-e889bbf9]{margin-bottom:28px}.password-input-wrapper[data-v-e889bbf9]{position:relative;margin-bottom:16px}.password-input[data-v-e889bbf9]{width:100%;padding:14px 48px 14px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:.95rem;color:#2c3e50;background:#fff;transition:all .3s ease;outline:none}.password-input[data-v-e889bbf9]:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.password-input[data-v-e889bbf9]::placeholder{color:#94a3b8}.toggle-password-btn[data-v-e889bbf9]{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#94a3b8;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.toggle-password-btn[data-v-e889bbf9]:hover{color:#6366f1}.login-submit-btn[data-v-e889bbf9]{width:100%;padding:14px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 14px #6366f14d}.login-submit-btn[data-v-e889bbf9]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.login-submit-btn[data-v-e889bbf9]:active:not(:disabled){transform:translateY(0)}.login-submit-btn[data-v-e889bbf9]:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-spinner[data-v-e889bbf9]{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-e889bbf9 .8s linear infinite}@keyframes spin-e889bbf9{to{transform:rotate(360deg)}}.divider[data-v-e889bbf9]{position:relative;text-align:center;margin:28px 0 24px}.divider[data-v-e889bbf9]:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,#e2e8f0 20%,#e2e8f0 80%,transparent)}.divider span[data-v-e889bbf9]{position:relative;display:inline-block;padding:0 16px;background:#fff;color:#94a3b8;font-size:.85rem;font-weight:500}.oauth-grid[data-v-e889bbf9]{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:28px;justify-content:center}.oauth-btn[data-v-e889bbf9]{display:flex;flex-direction:column;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;cursor:pointer;padding:16px 14px;border-radius:12px;transition:all .25s cubic-bezier(.4,0,.2,1);width:calc(20% - 11.2px);box-shadow:0 2px 4px #0000000a}.oauth-btn[data-v-e889bbf9]:hover{transform:translateY(-4px);background:#fafbfc;border-color:#cbd5e0;box-shadow:0 8px 20px #0000001f}.oauth-btn[data-v-e889bbf9]:active{transform:translateY(-2px)}.oauth-btn-wide[data-v-e889bbf9]{width:calc(40% - 7px)}.oauth-icon[data-v-e889bbf9]{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000014;transition:all .25s ease}.oauth-btn:hover .oauth-icon[data-v-e889bbf9]{box-shadow:0 8px 24px #00000026;animation:iconBreathe-e889bbf9 1.5s ease-in-out infinite}@keyframes iconBreathe-e889bbf9{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.qq-icon[data-v-e889bbf9]{background:linear-gradient(135deg,#12b7f5,#0e9fe0);box-shadow:0 4px 12px #12b7f54d}.wechat-icon[data-v-e889bbf9]{background:linear-gradient(135deg,#09bb07,#07a002);box-shadow:0 4px 12px #09bb074d}.alipay-icon[data-v-e889bbf9],.weibo-icon[data-v-e889bbf9]{background:#fff;border:1px solid #dadce0;box-shadow:0 2px 8px #0000001a}.account-icon[data-v-e889bbf9]{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 12px #6366f14d}.douyin-icon[data-v-e889bbf9]{background:linear-gradient(135deg,#000,#2b2b2b);box-shadow:0 4px 12px #0006}.huawei-icon[data-v-e889bbf9]{background:#fff;border:1px solid #dadce0;box-shadow:0 2px 8px #0000001a}.xiaomi-icon[data-v-e889bbf9]{background:linear-gradient(135deg,#ff6900,#f34f00);box-shadow:0 4px 12px #ff69004d}.google-icon[data-v-e889bbf9],.microsoft-icon[data-v-e889bbf9]{background:#fff;border:1px solid #dadce0;box-shadow:0 2px 8px #0000001a}.gitee-icon[data-v-e889bbf9]{background:linear-gradient(135deg,#c71d23,#a01519);box-shadow:0 4px 12px #c71d234d}.github-icon[data-v-e889bbf9]{background:linear-gradient(135deg,#24292e,#1a1e22);box-shadow:0 4px 12px #24292e4d}.icon-text[data-v-e889bbf9]{font-size:13px;font-weight:500;color:#fff}.oauth-label[data-v-e889bbf9]{font-size:.8125rem;color:#4a5568;font-weight:400}.login-footer[data-v-e889bbf9]{text-align:center;padding-top:20px;border-top:1px solid #e2e8f0}.footer-text[data-v-e889bbf9]{font-size:.8125rem;color:#a0aec0;margin:0 0 6px}.footer-links[data-v-e889bbf9]{display:flex;align-items:center;justify-content:center;gap:4px;font-size:.8125rem}.footer-link[data-v-e889bbf9]{color:#6366f1;text-decoration:none;font-weight:500;transition:color .2s ease}.footer-link[data-v-e889bbf9]:hover{color:#4f46e5;text-decoration:underline}.divider[data-v-e889bbf9]{color:#a0aec0}.features[data-v-e889bbf9]{display:flex;flex-direction:column;gap:14px}.feature-card[data-v-e889bbf9]{background:#fff;border-radius:16px;padding:20px;text-align:left;border:1px solid #e2e8f0;transition:all .3s ease;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000a}.feature-card[data-v-e889bbf9]:hover{transform:translate(4px);box-shadow:0 4px 16px #00000014;border-color:#cbd5e0}.feature-icon[data-v-e889bbf9]{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;flex-shrink:0;color:#fff}.feature-content[data-v-e889bbf9]{flex:1}.feature-title[data-v-e889bbf9]{font-size:.9rem;font-weight:600;color:#2d3748;margin:0 0 4px}.feature-desc[data-v-e889bbf9]{font-size:.8125rem;color:#a0aec0;margin:0;line-height:1.4}@media (max-width: 768px){.login-page[data-v-e889bbf9]{padding:40px 20px 20px;align-items:flex-start}.login-container[data-v-e889bbf9]{margin-top:0}.login-card[data-v-e889bbf9]{padding:28px 20px}.oauth-btn[data-v-e889bbf9],.oauth-btn-wide[data-v-e889bbf9]{width:calc(33.333% - 9.33px)}.welcome-title[data-v-e889bbf9]{font-size:1.5rem}.brand-section[data-v-e889bbf9]{flex-direction:column;gap:8px}.brand-info[data-v-e889bbf9]{align-items:center}.brand-name[data-v-e889bbf9]{font-size:1.5rem}}@media (max-width: 480px){.login-page[data-v-e889bbf9]{padding:20px 12px}.oauth-btn[data-v-e889bbf9],.oauth-btn-wide[data-v-e889bbf9]{width:calc(50% - 7px)}.login-title[data-v-e889bbf9]{font-size:1rem}.oauth-icon[data-v-e889bbf9]{width:48px;height:48px}.oauth-label[data-v-e889bbf9]{font-size:.8rem}.welcome-title[data-v-e889bbf9]{font-size:1.5rem}.features[data-v-e889bbf9]{gap:10px}}@keyframes fadeInUp-e889bbf9{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.user-manager-overlay[data-v-5a6378e5]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn-5a6378e5 .3s ease}.user-manager-card[data-v-5a6378e5]{background:#fffffff2;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:20px;border:1px solid rgba(255,255,255,.5);box-shadow:0 20px 60px #0003,0 10px 30px #00000026,inset 0 1px #fffc;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;overflow-x:hidden;animation:slideUp-5a6378e5 .3s ease;scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.5) transparent}.user-manager-card[data-v-5a6378e5]::-webkit-scrollbar{width:6px}.user-manager-card[data-v-5a6378e5]::-webkit-scrollbar-track{background:transparent;margin:20px 0}.user-manager-card[data-v-5a6378e5]::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:3px;transition:background .2s ease}.user-manager-card[data-v-5a6378e5]::-webkit-scrollbar-thumb:hover{background:#6366f180}.card-header[data-v-5a6378e5]{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(230,232,240,.6);border-radius:20px 20px 0 0}.card-header h3[data-v-5a6378e5]{margin:0;font-size:20px;font-weight:600;color:#2c3e50;display:flex;align-items:center;gap:10px}.card-header h3 .header-icon[data-v-5a6378e5]{color:#6366f1;flex-shrink:0}.btn-close[data-v-5a6378e5]{background:transparent;border:none;cursor:pointer;padding:8px;border-radius:8px;color:#64748b;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-close[data-v-5a6378e5]:hover{background:#64748b1a;color:#475569}.current-user-section[data-v-5a6378e5]{padding:24px 28px;background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border-bottom:1px solid rgba(230,232,240,.6)}.section-title[data-v-5a6378e5]{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#64748b;margin-bottom:12px}.user-id-display[data-v-5a6378e5]{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fffc;border-radius:12px;border:1px solid rgba(230,232,240,.8);margin-bottom:12px}.user-id-label[data-v-5a6378e5]{font-size:14px;color:#64748b;font-weight:500}.user-id-value[data-v-5a6378e5]{flex:1;font-family:Courier New,monospace;font-size:13px;color:#6366f1;background:#6366f114;padding:6px 10px;border-radius:6px;word-break:break-all}.btn-copy[data-v-5a6378e5]{background:#6366f11a;border:none;padding:8px;border-radius:8px;cursor:pointer;color:#6366f1;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-copy[data-v-5a6378e5]:hover{background:#6366f133;transform:scale(1.05)}.user-tip[data-v-5a6378e5]{margin:0;font-size:13px;color:#64748b;line-height:1.6}.actions-section[data-v-5a6378e5]{padding:24px 28px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.action-btn[data-v-5a6378e5]{display:flex;align-items:center;gap:10px;padding:14px 16px;border:1px solid rgba(230,232,240,.8);border-radius:12px;background:#fffc;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.action-btn[data-v-5a6378e5]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.action-btn.btn-new[data-v-5a6378e5]{color:#10b981;border-color:#10b98133}.action-btn.btn-new[data-v-5a6378e5]:hover{background:#10b9810d;border-color:#10b9814d}.action-btn.btn-switch[data-v-5a6378e5]{color:#6366f1;border-color:#6366f133}.action-btn.btn-switch[data-v-5a6378e5]:hover{background:#6366f10d;border-color:#6366f14d}.action-btn.btn-export[data-v-5a6378e5]{color:#f59e0b;border-color:#f59e0b33}.action-btn.btn-export[data-v-5a6378e5]:hover{background:#f59e0b0d;border-color:#f59e0b4d}.action-btn.btn-import[data-v-5a6378e5]{color:#8b5cf6;border-color:#8b5cf633}.action-btn.btn-import[data-v-5a6378e5]:hover{background:#8b5cf60d;border-color:#8b5cf64d}.input-section[data-v-5a6378e5]{padding:20px 28px;background:#f8fafc99;border-top:1px solid rgba(230,232,240,.6);border-bottom:1px solid rgba(230,232,240,.6);animation:slideDown-5a6378e5 .3s ease}.input-label[data-v-5a6378e5]{display:block;font-size:14px;font-weight:500;color:#475569;margin-bottom:10px}.input-field[data-v-5a6378e5],.textarea-field[data-v-5a6378e5]{width:100%;padding:12px 14px;border:1px solid rgba(203,213,225,.8);border-radius:10px;font-size:14px;font-family:Courier New,monospace;background:#ffffffe6;color:#334155;transition:all .2s;box-sizing:border-box}.input-field[data-v-5a6378e5]:focus,.textarea-field[data-v-5a6378e5]:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.textarea-field[data-v-5a6378e5]{resize:vertical;min-height:100px}.input-actions[data-v-5a6378e5]{display:flex;gap:10px;margin-top:12px;justify-content:flex-end}.btn[data-v-5a6378e5]{padding:10px 20px;border-radius:8px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary[data-v-5a6378e5]{background:#64748b1a;color:#64748b}.btn-secondary[data-v-5a6378e5]:hover{background:#64748b26}.btn-primary[data-v-5a6378e5]{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.btn-primary[data-v-5a6378e5]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.info-section[data-v-5a6378e5]{padding:24px 28px;background:#f8fafc66;border-radius:0 0 20px 20px}.info-section h4[data-v-5a6378e5]{margin:0 0 14px;font-size:15px;font-weight:600;color:#334155}.info-section ul[data-v-5a6378e5]{margin:0 0 14px;padding-left:20px;list-style:none}.info-section li[data-v-5a6378e5]{font-size:13px;color:#64748b;line-height:1.8;position:relative;padding-left:8px}.info-section li[data-v-5a6378e5]:before{content:"•";position:absolute;left:-8px;color:#6366f1}.info-section strong[data-v-5a6378e5]{color:#475569;font-weight:600}.warning-text[data-v-5a6378e5]{margin:0;padding:10px 14px;background:#f59e0b1a;border-left:3px solid #f59e0b;border-radius:6px;font-size:13px;color:#92400e;line-height:1.6}@keyframes fadeIn-5a6378e5{0%{opacity:0}to{opacity:1}}@keyframes slideUp-5a6378e5{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown-5a6378e5{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}@media (max-width: 640px){.actions-section[data-v-5a6378e5]{grid-template-columns:1fr}.card-header[data-v-5a6378e5],.current-user-section[data-v-5a6378e5],.actions-section[data-v-5a6378e5],.input-section[data-v-5a6378e5],.info-section[data-v-5a6378e5]{padding-left:20px;padding-right:20px}}.stats-page[data-v-fdb0418b]{padding:32px;max-width:1400px;margin:0 auto}.stats-header[data-v-fdb0418b]{margin-bottom:32px;display:flex;justify-content:space-between;align-items:center}.stats-header h2[data-v-fdb0418b]{margin:0 0 8px;font-size:28px;font-weight:700;color:#1e293b}.subtitle[data-v-fdb0418b]{margin:0;font-size:14px;color:#64748b}.refresh-btn[data-v-fdb0418b]{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #6366f14d}.refresh-btn[data-v-fdb0418b]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #6366f166}.refresh-btn[data-v-fdb0418b]:disabled{opacity:.6;cursor:not-allowed}.refresh-btn.success[data-v-fdb0418b]{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 16px #10b9814d;animation:successPulse-fdb0418b .6s ease-out}.refresh-btn.success[data-v-fdb0418b]:hover:not(:disabled){background:linear-gradient(135deg,#10b981,#059669);transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}.refresh-btn.success:hover:not(:disabled) .check-icon[data-v-fdb0418b]{transform:none!important}.refresh-btn.transitioning[data-v-fdb0418b]{animation:fadeOutToBlue-fdb0418b .5s cubic-bezier(.4,0,.2,1) forwards}.refresh-btn svg.spinning[data-v-fdb0418b]{animation:spin-fdb0418b 1s linear infinite}.check-icon[data-v-fdb0418b]{animation:checkIn-fdb0418b .5s cubic-bezier(.175,.885,.32,1.275)}.icon-fade-enter-active[data-v-fdb0418b],.icon-fade-leave-active[data-v-fdb0418b]{transition:all .3s cubic-bezier(.4,0,.2,1)}.icon-fade-enter-from[data-v-fdb0418b]{opacity:0;transform:scale(.8) rotate(-90deg)}.icon-fade-leave-to[data-v-fdb0418b]{opacity:0;transform:scale(.8) rotate(90deg)}.text-fade-enter-active[data-v-fdb0418b],.text-fade-leave-active[data-v-fdb0418b]{transition:all .3s cubic-bezier(.4,0,.2,1)}.text-fade-enter-from[data-v-fdb0418b]{opacity:0;transform:translateY(-10px)}.text-fade-leave-to[data-v-fdb0418b]{opacity:0;transform:translateY(10px)}@keyframes spin-fdb0418b{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes successPulse-fdb0418b{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes checkIn-fdb0418b{0%{transform:scale(0) rotate(-45deg);opacity:0}50%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes fadeOutToBlue-fdb0418b{0%{background:linear-gradient(135deg,#10b981,#059669);opacity:1}to{background:linear-gradient(135deg,#6366f1,#8b5cf6);opacity:1}}.stats-cards[data-v-fdb0418b]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:32px}.stat-card[data-v-fdb0418b]{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:24px;border:1px solid rgba(230,232,240,.8);box-shadow:0 4px 12px #0000000d;display:flex;gap:16px;transition:all .3s}.stat-card[data-v-fdb0418b]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.card-icon[data-v-fdb0418b]{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.email-icon[data-v-fdb0418b]{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.unread-icon[data-v-fdb0418b]{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.message-icon[data-v-fdb0418b]{background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff}.user-icon[data-v-fdb0418b]{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.card-info[data-v-fdb0418b]{flex:1;min-width:0}.card-label[data-v-fdb0418b]{margin:0 0 4px;font-size:13px;color:#64748b;font-weight:500}.card-value[data-v-fdb0418b]{margin:0 0 4px;font-size:32px;font-weight:700;color:#1e293b;line-height:1}.card-desc[data-v-fdb0418b]{margin:0;font-size:12px;color:#94a3b8}.charts-row[data-v-fdb0418b]{display:grid;grid-template-columns:repeat(auto-fit,minmax(480px,1fr));gap:20px;margin-bottom:20px}.chart-card[data-v-fdb0418b]{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:24px;border:1px solid rgba(230,232,240,.8);box-shadow:0 4px 12px #0000000d}.chart-card.full-width[data-v-fdb0418b]{grid-column:1 / -1}.chart-card h4[data-v-fdb0418b]{margin:0 0 20px;font-size:16px;font-weight:600;color:#1e293b}.chart-header[data-v-fdb0418b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.chart-header h4[data-v-fdb0418b]{margin:0}.chart-legend-inline[data-v-fdb0418b]{display:flex;gap:16px}.chart-legend-inline .legend-item[data-v-fdb0418b]{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b}.line-chart[data-v-fdb0418b]{height:360px;padding:10px;background:linear-gradient(135deg,#6366f105,#8b5cf605);border-radius:12px;display:flex;align-items:center;justify-content:center}.line-chart svg[data-v-fdb0418b]{width:100%;height:100%;max-width:700px}.pie-chart-container[data-v-fdb0418b]{display:flex;align-items:center;gap:32px;padding:20px;min-height:280px}.pie-chart-left[data-v-fdb0418b]{flex-shrink:0}.pie-svg[data-v-fdb0418b]{width:200px;height:200px}.pie-segment[data-v-fdb0418b]{cursor:pointer;transition:opacity .2s}.pie-segment[data-v-fdb0418b]:hover{opacity:.8}.pie-legend-right[data-v-fdb0418b]{flex:1;display:flex;flex-direction:column;gap:12px}.legend-item-right[data-v-fdb0418b]{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#f8fafc;border-radius:8px;transition:all .2s;cursor:pointer}.legend-item-right[data-v-fdb0418b]:hover,.legend-item-right.hovered[data-v-fdb0418b]{background:#e0e7ff;transform:translate(4px)}.legend-domain[data-v-fdb0418b]{display:flex;align-items:center;gap:10px}.dot[data-v-fdb0418b]{width:12px;height:12px;border-radius:50%;flex-shrink:0}.domain-text[data-v-fdb0418b]{font-size:13px;color:#475569;font-weight:500}.percent-text[data-v-fdb0418b]{font-size:14px;font-weight:600;color:#1e293b}.pie-chart[data-v-fdb0418b]{height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:20px}.pie-chart svg[data-v-fdb0418b]{width:200px;height:200px}.pie-legend[data-v-fdb0418b]{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.legend-item[data-v-fdb0418b]{display:flex;align-items:center;gap:8px;font-size:13px;color:#64748b}.line[data-v-fdb0418b]{width:20px;height:3px;border-radius:2px}.pie-center[data-v-fdb0418b]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.pie-value[data-v-fdb0418b]{font-size:32px;font-weight:700;color:#1e293b}.pie-label[data-v-fdb0418b]{font-size:12px;color:#64748b;margin-top:4px}.bar-chart[data-v-fdb0418b]{height:360px;padding:10px;background:linear-gradient(135deg,#6366f105,#8b5cf605);border-radius:12px;display:flex;align-items:center;justify-content:center}.bar-chart svg[data-v-fdb0418b]{width:100%;height:100%;max-width:700px}.bar-group[data-v-fdb0418b]{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px}.bar[data-v-fdb0418b]{width:100%;max-width:40px;border-radius:6px 6px 0 0;position:relative;transition:all .3s}.bar.received[data-v-fdb0418b]{background:linear-gradient(180deg,#6366f1,#8b5cf6)}.bar.sent[data-v-fdb0418b]{background:linear-gradient(180deg,#f59e0b,#d97706)}.bar-label[data-v-fdb0418b]{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:11px;color:#64748b;white-space:nowrap}.area-chart[data-v-fdb0418b]{height:360px;padding:20px;background:linear-gradient(135deg,#6366f105,#8b5cf605);border-radius:12px;position:relative}.area-chart svg[data-v-fdb0418b]{width:100%;height:calc(100% - 30px)}.chart-legend[data-v-fdb0418b]{display:flex;gap:24px;justify-content:center;margin-top:10px}@media (max-width: 1200px){.charts-row[data-v-fdb0418b]{grid-template-columns:1fr}}@media (max-width: 768px){.stats-page[data-v-fdb0418b]{padding:20px}.stats-cards[data-v-fdb0418b]{grid-template-columns:1fr}}.quota-section[data-v-fdb0418b]{margin-top:30px}.section-title[data-v-fdb0418b]{font-size:20px;font-weight:600;color:#1e293b;margin-bottom:20px}.quota-cards[data-v-fdb0418b]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.quota-card[data-v-fdb0418b]{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000000d;border:1px solid #e2e8f0;transition:all .3s ease}.quota-card[data-v-fdb0418b]:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.quota-card.quota-error[data-v-fdb0418b]{border-color:#fecaca;background:#fef2f2}.quota-card.quota-disabled[data-v-fdb0418b]{opacity:.6;border-color:#cbd5e1;background:#f8fafc}.quota-card.quota-summary[data-v-fdb0418b]{border:2px solid #6366f1;background:linear-gradient(135deg,#6366f10d,#8b5cf60d)}.quota-header[data-v-fdb0418b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.quota-title[data-v-fdb0418b]{display:flex;align-items:center;gap:8px}.quota-header h4[data-v-fdb0418b]{font-size:18px;font-weight:600;color:#1e293b;margin:0}.disabled-badge[data-v-fdb0418b]{padding:2px 8px;background:#cbd5e1;color:#475569;font-size:11px;font-weight:600;border-radius:8px;text-transform:uppercase}.quota-actions[data-v-fdb0418b]{display:flex;align-items:center;gap:8px}.toggle-btn[data-v-fdb0418b]{padding:6px;background:transparent;border:1px solid #cbd5e1;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;color:#64748b}.toggle-btn[data-v-fdb0418b]:hover{background:#f1f5f9;border-color:#94a3b8;color:#475569}.toggle-btn.disabled[data-v-fdb0418b]{border-color:#10b981;color:#10b981}.toggle-btn.disabled[data-v-fdb0418b]:hover{background:#d1fae5;border-color:#059669;color:#059669}.toggle-btn svg[data-v-fdb0418b]{display:block}.quota-badge[data-v-fdb0418b]{padding:4px 12px;border-radius:12px;font-size:13px;font-weight:600}.quota-badge.success[data-v-fdb0418b]{background:#d1fae5;color:#065f46}.quota-badge.warning[data-v-fdb0418b]{background:#fef3c7;color:#92400e}.quota-badge.danger[data-v-fdb0418b]{background:#fee2e2;color:#991b1b}.quota-badge.error[data-v-fdb0418b]{background:#fecaca;color:#991b1b}.quota-body[data-v-fdb0418b]{display:flex;flex-direction:column;gap:16px}.quota-progress[data-v-fdb0418b]{width:100%}.progress-bar[data-v-fdb0418b]{width:100%;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.progress-fill[data-v-fdb0418b]{height:100%;border-radius:4px;transition:width .5s ease}.progress-fill.success[data-v-fdb0418b]{background:linear-gradient(90deg,#10b981,#059669)}.progress-fill.warning[data-v-fdb0418b]{background:linear-gradient(90deg,#f59e0b,#d97706)}.progress-fill.danger[data-v-fdb0418b]{background:linear-gradient(90deg,#ef4444,#dc2626)}.quota-stats[data-v-fdb0418b]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quota-stat[data-v-fdb0418b]{display:flex;flex-direction:column;gap:4px}.stat-label[data-v-fdb0418b]{font-size:12px;color:#64748b}.stat-value[data-v-fdb0418b]{font-size:18px;font-weight:600;color:#1e293b}.stat-value.highlight[data-v-fdb0418b]{color:#6366f1}.quota-unit[data-v-fdb0418b]{font-size:13px;color:#64748b;margin:0}.quota-note[data-v-fdb0418b]{font-size:12px;color:#94a3b8;margin:0;font-style:italic}.quota-update[data-v-fdb0418b]{font-size:12px;color:#94a3b8;margin:0;text-align:right}.quota-error-msg[data-v-fdb0418b]{padding:12px;background:#fee2e2;border-radius:8px;color:#991b1b;font-size:14px}.quota-loading[data-v-fdb0418b]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.loading-spinner[data-v-fdb0418b]{width:40px;height:40px;border:4px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;animation:spin-fdb0418b 1s linear infinite}@keyframes spin-fdb0418b{to{transform:rotate(360deg)}}.quota-empty[data-v-fdb0418b]{text-align:center;padding:60px 20px;color:#94a3b8;font-size:14px}.send-email-page[data-v-dbdc86bf]{padding:32px;max-width:1400px;margin:0 auto}.send-email-header[data-v-dbdc86bf]{margin-bottom:32px}.send-email-header h2[data-v-dbdc86bf]{margin:0 0 8px;font-size:28px;font-weight:700;color:#1e293b}.subtitle[data-v-dbdc86bf]{margin:0;font-size:14px;color:#64748b}.send-email-container[data-v-dbdc86bf]{display:grid;grid-template-columns:1fr 1.2fr;gap:24px}.send-email-card[data-v-dbdc86bf],.send-history-card[data-v-dbdc86bf]{background:#fff;border:1px solid rgba(55,53,47,.09);border-radius:3px;box-shadow:#0f0f0f0d 0 0 0 1px;padding:24px}.send-email-card[data-v-dbdc86bf]{max-height:800px;overflow-y:auto;display:flex;flex-direction:column}.send-history-card[data-v-dbdc86bf]{min-height:600px;max-height:800px;display:flex;flex-direction:column;overflow:hidden}.send-history-card h3[data-v-dbdc86bf]{margin:0;font-size:16px;font-weight:600;color:#37352f}.email-form[data-v-dbdc86bf]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-dbdc86bf]{display:flex;flex-direction:column;gap:8px}.form-group label[data-v-dbdc86bf]{font-size:14px;font-weight:500;color:#475569}.form-input[data-v-dbdc86bf],.form-select[data-v-dbdc86bf],.form-textarea[data-v-dbdc86bf]{padding:12px 16px;border:1px solid #cbd5e1;border-radius:10px;font-size:14px;color:#1e293b;background:#fff;transition:all .2s}.form-input[data-v-dbdc86bf]:focus,.form-select[data-v-dbdc86bf]:focus,.form-textarea[data-v-dbdc86bf]:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.email-select-wrapper[data-v-dbdc86bf]{position:relative}.email-select-display[data-v-dbdc86bf]{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000a}.email-select-display[data-v-dbdc86bf]:hover{border-color:#6366f1;box-shadow:0 4px 16px #6366f126;transform:translateY(-1px)}.email-select-display.open[data-v-dbdc86bf]{border-color:#6366f1;border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:0 4px 16px #6366f133}.select-value[data-v-dbdc86bf]{display:flex;align-items:center;gap:12px;flex:1}.email-icon[data-v-dbdc86bf]{color:#6366f1;flex-shrink:0}.select-text[data-v-dbdc86bf]{font-size:15px;font-weight:500;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow[data-v-dbdc86bf]{color:#64748b;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.dropdown-arrow.rotate[data-v-dbdc86bf]{transform:rotate(180deg);color:#6366f1}.email-dropdown[data-v-dbdc86bf]{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #6366f1;border-top:none;border-bottom-left-radius:12px;border-bottom-right-radius:12px;box-shadow:0 8px 24px #6366f133;max-height:320px;overflow:hidden;z-index:10;animation:dropdownSlideIn-dbdc86bf .3s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column}.email-search[data-v-dbdc86bf]{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid #e2e8f0;background:#f8fafc;flex-shrink:0}.search-icon[data-v-dbdc86bf]{color:#64748b;flex-shrink:0}.search-input[data-v-dbdc86bf]{flex:1;border:none;background:transparent;font-size:14px;color:#1e293b;outline:none}.search-input[data-v-dbdc86bf]::placeholder{color:#94a3b8}.clear-search[data-v-dbdc86bf]{width:20px;height:20px;border:none;background:#e2e8f0;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .2s;flex-shrink:0}.clear-search[data-v-dbdc86bf]:hover{background:#cbd5e1;color:#1e293b}.email-options-list[data-v-dbdc86bf]{overflow-y:auto;max-height:240px}.email-option[data-v-dbdc86bf]{display:flex;align-items:center;gap:10px;padding:12px 18px;cursor:pointer;transition:all .2s;border-bottom:1px solid #f1f5f9}.email-option[data-v-dbdc86bf]:last-child{border-bottom:none}.email-option[data-v-dbdc86bf]:hover{background:linear-gradient(135deg,#6366f114,#8b5cf614)}.email-option.selected[data-v-dbdc86bf]{background:linear-gradient(135deg,#6366f11f,#8b5cf61f);font-weight:600}.email-option .email-icon[data-v-dbdc86bf]{color:#6366f1;flex-shrink:0}.email-option .email-text[data-v-dbdc86bf]{flex:1;font-size:14px;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-option.selected .email-text[data-v-dbdc86bf]{color:#6366f1}.email-option .check-icon[data-v-dbdc86bf]{color:#10b981;flex-shrink:0;animation:checkBounce-dbdc86bf .3s ease-out}.email-option.empty[data-v-dbdc86bf]{color:#94a3b8;font-style:italic;cursor:default;justify-content:center}.email-option.empty[data-v-dbdc86bf]:hover{background:transparent}@keyframes dropdownSlideIn-dbdc86bf{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes checkBounce-dbdc86bf{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.form-textarea[data-v-dbdc86bf]{resize:none;font-family:inherit;line-height:1.6;height:280px;overflow-y:auto}.form-hint[data-v-dbdc86bf]{font-size:13px;color:#64748b;margin:0}.form-hint a[data-v-dbdc86bf]{color:#6366f1;text-decoration:none}.form-hint a[data-v-dbdc86bf]:hover{text-decoration:underline}.form-actions[data-v-dbdc86bf]{display:flex;gap:12px;margin-top:8px}.btn-primary[data-v-dbdc86bf],.btn-secondary[data-v-dbdc86bf]{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.btn-primary[data-v-dbdc86bf]{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;flex:1;box-shadow:0 4px 12px #6366f14d}.btn-primary[data-v-dbdc86bf]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #6366f166}.btn-primary[data-v-dbdc86bf]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-dbdc86bf]{background:#f1f5f9;color:#475569}.btn-secondary[data-v-dbdc86bf]:hover:not(:disabled){background:#e2e8f0}.spinner[data-v-dbdc86bf]{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-dbdc86bf .8s linear infinite}@keyframes spin-dbdc86bf{to{transform:rotate(360deg)}}.empty-state[data-v-dbdc86bf]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#37352f73}.empty-state svg[data-v-dbdc86bf]{opacity:.3;margin-bottom:12px}.empty-state p[data-v-dbdc86bf]{margin:0;font-size:14px;color:#37352f73}.history-header-row[data-v-dbdc86bf]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:16px;flex-wrap:wrap}.history-header-left[data-v-dbdc86bf]{display:flex;align-items:center;gap:12px}.history-header-row h3[data-v-dbdc86bf]{margin:0;font-size:16px;font-weight:600;color:#37352f}.history-count[data-v-dbdc86bf]{font-size:12px;color:#37352fa6;background:#37352f0f;padding:4px 8px;border-radius:4px;font-weight:500}.history-header-actions[data-v-dbdc86bf]{display:flex;align-items:center;gap:6px}.select-all-checkbox[data-v-dbdc86bf]{display:flex;align-items:center;gap:6px;font-size:13px;color:#37352fa6;cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px 8px;border-radius:3px;transition:background .15s ease}.select-all-checkbox[data-v-dbdc86bf]:hover{background:#37352f0f}.select-all-checkbox input[type=checkbox][data-v-dbdc86bf]{width:15px;height:15px;cursor:pointer;border-radius:3px;border:1.5px solid rgba(55,53,47,.3)}.batch-delete-btn[data-v-dbdc86bf],.clear-all-btn[data-v-dbdc86bf]{display:flex;align-items:center;gap:5px;padding:5px 10px;border:none;border-radius:3px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.batch-delete-btn[data-v-dbdc86bf]{background:#eb57571a;color:#eb5757}.batch-delete-btn[data-v-dbdc86bf]:hover:not(:disabled){background:#eb575726}.batch-delete-btn[data-v-dbdc86bf]:active:not(:disabled){background:#eb575733}.batch-delete-btn[data-v-dbdc86bf]:disabled{opacity:.4;cursor:not-allowed}.clear-all-btn[data-v-dbdc86bf]{background:#37352f0f;color:#37352fa6}.clear-all-btn[data-v-dbdc86bf]:hover{background:#37352f1a}.clear-all-btn[data-v-dbdc86bf]:active{background:#37352f24}.history-list[data-v-dbdc86bf]{display:flex;flex-direction:column;gap:2px;margin-bottom:16px;flex:1;overflow-y:auto;min-height:400px}.history-item[data-v-dbdc86bf]{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid rgba(55,53,47,.09);border-radius:3px;transition:all .12s ease;overflow:hidden}.history-item.selected[data-v-dbdc86bf]{background:#2383e214;border-color:#2383e23d}.history-checkbox[data-v-dbdc86bf]{display:flex;align-items:center;padding:0 10px;flex-shrink:0}.history-checkbox input[type=checkbox][data-v-dbdc86bf]{width:16px;height:16px;cursor:pointer;border-radius:3px;border:1.5px solid rgba(55,53,47,.3);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;position:relative;transition:all .12s ease}.history-checkbox input[type=checkbox][data-v-dbdc86bf]:checked{background:#2383e2;border-color:#2383e2}.history-checkbox input[type=checkbox][data-v-dbdc86bf]:checked:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.history-content[data-v-dbdc86bf]{flex:1;padding:12px 8px;cursor:pointer;min-width:0;overflow:hidden}.history-item[data-v-dbdc86bf]:hover{background:#37352f08}.history-actions[data-v-dbdc86bf]{display:flex;align-items:center;gap:2px;padding-right:6px;flex-shrink:0;min-width:70px;opacity:0;transition:opacity .12s ease}.history-item:hover .history-actions[data-v-dbdc86bf]{opacity:1}.resend-history-btn[data-v-dbdc86bf],.delete-history-btn[data-v-dbdc86bf]{padding:6px;background:transparent;border:none;cursor:pointer;transition:all .12s ease;border-radius:3px;display:flex;align-items:center;justify-content:center}.resend-history-btn[data-v-dbdc86bf]{color:#37352f73}.resend-history-btn[data-v-dbdc86bf]:hover{background:#37352f14;color:#37352fcc}.delete-history-btn[data-v-dbdc86bf]{color:#37352f73}.delete-history-btn[data-v-dbdc86bf]:hover{background:#eb57571a;color:#eb5757}.resend-history-btn[data-v-dbdc86bf]:active,.delete-history-btn[data-v-dbdc86bf]:active{transform:scale(.96)}.history-header[data-v-dbdc86bf]{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;gap:12px;min-width:0}.history-subject[data-v-dbdc86bf]{font-size:14px;font-weight:500;color:#37352f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.history-time[data-v-dbdc86bf]{font-size:12px;color:#37352f73;white-space:nowrap;flex-shrink:0}.history-meta[data-v-dbdc86bf]{display:flex;align-items:center;gap:6px;font-size:12px;color:#37352fa6;overflow:hidden}.meta-item[data-v-dbdc86bf]{display:flex;align-items:center;gap:4px;max-width:200px;min-width:0}.meta-item svg[data-v-dbdc86bf]{flex-shrink:0;opacity:.5}.meta-text[data-v-dbdc86bf]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.meta-arrow[data-v-dbdc86bf]{color:#37352f4d;flex-shrink:0;font-size:11px}.modal-overlay[data-v-dbdc86bf]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-dbdc86bf .3s ease-out}.modal-content[data-v-dbdc86bf]{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:700px;width:90%;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn-dbdc86bf .4s cubic-bezier(.175,.885,.32,1.275)}.modal-header[data-v-dbdc86bf]{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:2px solid #f1f5f9;background:linear-gradient(135deg,#6366f10d,#8b5cf60d)}.modal-header h3[data-v-dbdc86bf]{margin:0;font-size:22px;font-weight:700;color:#1e293b;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.close-btn[data-v-dbdc86bf]{width:36px;height:36px;border:none;background:#94a3b81a;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;color:#64748b}.close-btn[data-v-dbdc86bf]:hover{background:#ef44441a;color:#ef4444;transform:rotate(90deg)}.modal-body[data-v-dbdc86bf]{padding:28px;overflow-y:auto;flex:1}.detail-group[data-v-dbdc86bf]{margin-bottom:24px}.detail-group[data-v-dbdc86bf]:last-child{margin-bottom:0}.detail-group label[data-v-dbdc86bf]{display:block;font-size:13px;font-weight:600;color:#64748b;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.detail-value[data-v-dbdc86bf]{padding:14px 18px;background:linear-gradient(135deg,#6366f108,#8b5cf608);border:1px solid rgba(99,102,241,.15);border-radius:12px;font-size:15px;color:#1e293b;font-weight:500;word-break:break-all}.detail-content[data-v-dbdc86bf]{padding:18px;background:linear-gradient(135deg,#6366f108,#8b5cf608);border:1px solid rgba(99,102,241,.15);border-radius:12px;font-size:14px;color:#475569;line-height:1.8;white-space:pre-wrap;word-break:break-word;min-height:150px;max-height:300px;overflow-y:auto}.pagination[data-v-dbdc86bf]{display:flex;justify-content:center;align-items:center;gap:8px;padding:20px 0;border-top:1px solid rgba(99,102,241,.1)}.pagination-btn[data-v-dbdc86bf]{min-width:28px;height:28px;padding:0 8px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:3px;color:#37352fa6;cursor:pointer;transition:all .12s ease}.pagination-btn[data-v-dbdc86bf]:hover:not(:disabled){background:#37352f14}.pagination-btn[data-v-dbdc86bf]:disabled{opacity:.3;cursor:not-allowed}.page-numbers[data-v-dbdc86bf]{display:flex;gap:4px;align-items:center}.page-number-btn[data-v-dbdc86bf]{min-width:28px;height:28px;padding:0 8px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:3px;color:#37352fa6;font-size:13px;font-weight:400;cursor:pointer;transition:all .12s ease}.page-number-btn[data-v-dbdc86bf]:hover:not(:disabled):not(.active){background:#37352f14}.page-number-btn.active[data-v-dbdc86bf]{background:#2383e21a;color:#2383e2;font-weight:500}.page-number-btn.ellipsis[data-v-dbdc86bf]{cursor:default;pointer-events:none}@keyframes fadeIn-dbdc86bf{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn-dbdc86bf{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 1200px){.send-email-container[data-v-dbdc86bf]{grid-template-columns:1fr}}@media (max-width: 768px){.send-email-page[data-v-dbdc86bf],.send-email-card[data-v-dbdc86bf],.send-history-card[data-v-dbdc86bf]{padding:20px}.modal-content[data-v-dbdc86bf]{width:95%;max-height:90vh}.modal-header[data-v-dbdc86bf],.modal-body[data-v-dbdc86bf]{padding:20px}}.fade-in-item[data-v-dbdc86bf]{animation:fadeInUp-dbdc86bf .4s ease-out backwards}.fade-in-item[data-v-dbdc86bf]:nth-child(1){animation-delay:.05s}.fade-in-item[data-v-dbdc86bf]:nth-child(2){animation-delay:.1s}.fade-in-item[data-v-dbdc86bf]:nth-child(3){animation-delay:.15s}.fade-in-item[data-v-dbdc86bf]:nth-child(4){animation-delay:.2s}.fade-in-item[data-v-dbdc86bf]:nth-child(5){animation-delay:.25s}.fade-in-item[data-v-dbdc86bf]:nth-child(6){animation-delay:.3s}.fade-in-item[data-v-dbdc86bf]:nth-child(7){animation-delay:.35s}@keyframes fadeInUp-dbdc86bf{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.users-management[data-v-8f63ea22]{padding:32px;max-width:1600px;margin:0 auto;background:#f8f9fa;min-height:100vh}.page-header[data-v-8f63ea22]{margin-bottom:24px}.page-header h2[data-v-8f63ea22]{font-size:28px;font-weight:700;color:#1e293b;margin:0 0 4px}.page-subtitle[data-v-8f63ea22]{font-size:14px;color:#64748b;margin:0}.filters-section[data-v-8f63ea22]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.filter-group[data-v-8f63ea22]{display:flex;flex-direction:column;gap:8px}.filter-group label[data-v-8f63ea22]{font-size:13px;font-weight:500;color:#475569}.search-input-wrapper[data-v-8f63ea22],.date-input-wrapper[data-v-8f63ea22]{position:relative;display:flex;align-items:center}.search-icon[data-v-8f63ea22],.calendar-icon[data-v-8f63ea22]{position:absolute;left:12px;color:#94a3b8;pointer-events:none}.filter-input[data-v-8f63ea22]{width:100%;padding:10px 12px 10px 36px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;background:#fff;transition:all .2s}.filter-input[data-v-8f63ea22]:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.filter-input[data-v-8f63ea22]::placeholder{color:#cbd5e1}.filter-select[data-v-8f63ea22]{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;background:#fff;cursor:pointer;transition:all .2s}.filter-select[data-v-8f63ea22]:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.stats-cards[data-v-8f63ea22]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.stat-card[data-v-8f63ea22]{background:#fff;padding:20px 24px;border-radius:12px;border:1px solid #e2e8f0;transition:all .2s}.stat-card[data-v-8f63ea22]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.stat-label[data-v-8f63ea22]{font-size:13px;color:#64748b;margin-bottom:8px}.stat-value[data-v-8f63ea22]{font-size:32px;font-weight:700;color:#1e293b;line-height:1}.users-table-container[data-v-8f63ea22]{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;min-height:500px}.users-table[data-v-8f63ea22]{width:100%;border-collapse:collapse}.users-table thead[data-v-8f63ea22]{background:#f8fafc;border-bottom:1px solid #e2e8f0}.users-table th[data-v-8f63ea22]{padding:14px 16px;text-align:left;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.users-table td[data-v-8f63ea22]{padding:16px;border-bottom:1px solid #f1f5f9;font-size:14px;color:#1e293b}.users-table tbody tr[data-v-8f63ea22]{transition:background .2s}.users-table tbody tr[data-v-8f63ea22]:hover{background:#f8fafc}.user-cell[data-v-8f63ea22]{display:flex;align-items:center;gap:12px}.user-avatar-wrapper[data-v-8f63ea22]{display:flex;flex-direction:column;align-items:center;gap:6px}.user-avatar[data-v-8f63ea22]{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;flex-shrink:0}.user-id[data-v-8f63ea22]{font-size:11px;color:#94a3b8;font-weight:500}.name-cell[data-v-8f63ea22]{display:flex;align-items:center;gap:8px}.username[data-v-8f63ea22]{font-weight:500;color:#1e293b}.user-emoji[data-v-8f63ea22]{font-size:18px}.role-badge[data-v-8f63ea22]{display:inline-block;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:500}.role-badge.admin[data-v-8f63ea22]{background:#fef3c7;color:#92400e}.role-badge.user[data-v-8f63ea22]{background:#e0e7ff;color:#3730a3}.status-badge[data-v-8f63ea22]{display:inline-block;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:500}.status-badge.normal[data-v-8f63ea22]{background:#d1fae5;color:#065f46}.status-badge.banned[data-v-8f63ea22]{background:#fee2e2;color:#991b1b}.login-method-badge[data-v-8f63ea22]{display:inline-block;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:500;background:#f1f5f9;color:#475569}.permission-text[data-v-8f63ea22],.date-text[data-v-8f63ea22]{color:#64748b;font-size:13px}.action-buttons[data-v-8f63ea22]{display:flex;gap:8px;flex-wrap:nowrap}.btn-icon[data-v-8f63ea22]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:8px;cursor:pointer;transition:all .2s;flex-shrink:0}.btn-view[data-v-8f63ea22]{background:#dbeafe;color:#1e40af}.btn-view[data-v-8f63ea22]:hover{background:#bfdbfe;transform:scale(1.1)}.btn-admin[data-v-8f63ea22]{background:#fef3c7;color:#92400e}.btn-admin[data-v-8f63ea22]:hover{background:#fde68a;transform:scale(1.1)}.btn-ban[data-v-8f63ea22]{background:#fed7aa;color:#9a3412}.btn-ban[data-v-8f63ea22]:hover{background:#fdba74;transform:scale(1.1)}.btn-delete[data-v-8f63ea22]{background:#fee2e2;color:#991b1b}.btn-delete[data-v-8f63ea22]:hover{background:#fecaca;transform:scale(1.1)}.empty-state[data-v-8f63ea22],.loading-state[data-v-8f63ea22]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;color:#9ca3af}.empty-state svg[data-v-8f63ea22]{opacity:.3;margin-bottom:16px}.empty-state p[data-v-8f63ea22]{font-size:16px;margin:0}.spinner[data-v-8f63ea22]{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#6366f1;border-radius:50%;animation:spin-8f63ea22 1s linear infinite;margin-bottom:16px}@keyframes spin-8f63ea22{to{transform:rotate(360deg)}}.pagination[data-v-8f63ea22]{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px;padding:20px 0}.pagination-btn[data-v-8f63ea22]{min-width:36px;height:36px;padding:0 12px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s;color:#64748b}.pagination-btn[data-v-8f63ea22]:hover:not(:disabled){background:#f8fafc;border-color:#6366f1;color:#6366f1}.pagination-btn[data-v-8f63ea22]:disabled{opacity:.4;cursor:not-allowed}.page-numbers[data-v-8f63ea22]{display:flex;align-items:center;gap:4px}.page-number-btn[data-v-8f63ea22]{min-width:36px;height:36px;padding:0 12px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s;font-size:14px;font-weight:500;color:#64748b}.page-number-btn[data-v-8f63ea22]:hover:not(:disabled):not(.active){background:#f8fafc;border-color:#cbd5e1}.page-number-btn.active[data-v-8f63ea22]{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.page-number-btn.ellipsis[data-v-8f63ea22]{border:none;background:transparent;cursor:default}.page-number-btn[data-v-8f63ea22]:disabled{cursor:not-allowed}.modal-overlay[data-v-8f63ea22]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-8f63ea22 .2s}.modal-content[data-v-8f63ea22]{background:#fff;border-radius:16px;width:90%;max-width:700px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp-8f63ea22 .3s;overflow:hidden}.modal-header[data-v-8f63ea22]{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #e5e7eb}.modal-header h3[data-v-8f63ea22]{margin:0;font-size:20px;font-weight:600}.btn-close[data-v-8f63ea22]{background:none;border:none;font-size:28px;color:#9ca3af;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.btn-close[data-v-8f63ea22]:hover{background:#f3f4f6;color:#1f2937}.modal-body[data-v-8f63ea22]{padding:24px;overflow-y:auto;flex:1}.modal-body[data-v-8f63ea22]::-webkit-scrollbar{width:8px}.modal-body[data-v-8f63ea22]::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.modal-body[data-v-8f63ea22]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.modal-body[data-v-8f63ea22]::-webkit-scrollbar-thumb:hover{background:#94a3b8}.detail-section[data-v-8f63ea22]{margin-bottom:24px}.detail-section[data-v-8f63ea22]:last-child{margin-bottom:0}.detail-section h4[data-v-8f63ea22]{font-size:14px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.detail-item[data-v-8f63ea22]{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f3f4f6}.detail-item[data-v-8f63ea22]:last-child{border-bottom:none}.detail-item .label[data-v-8f63ea22]{font-size:14px;color:#6b7280}.detail-item .value[data-v-8f63ea22]{font-size:14px;color:#1f2937;font-weight:500}.detail-item code[data-v-8f63ea22]{font-family:Courier New,monospace;font-size:12px;background:#f3f4f6;padding:4px 8px;border-radius:4px}.detail-stats[data-v-8f63ea22]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat-item[data-v-8f63ea22]{background:#f9fafb;padding:16px;border-radius:8px;text-align:center}.stat-number[data-v-8f63ea22]{display:block;font-size:24px;font-weight:700;color:#6366f1;margin-bottom:4px}.stat-text[data-v-8f63ea22]{display:block;font-size:12px;color:#6b7280}.email-list[data-v-8f63ea22]{display:flex;flex-direction:column;gap:8px}.email-item[data-v-8f63ea22]{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#f9fafb;border-radius:8px;font-size:13px}.email-address[data-v-8f63ea22]{font-family:monospace;color:#374151}.email-status[data-v-8f63ea22]{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.email-status.active[data-v-8f63ea22]{background:#d1fae5;color:#065f46}.email-status.expired[data-v-8f63ea22]{background:#fee2e2;color:#991b1b}@keyframes fadeIn-8f63ea22{0%{opacity:0}to{opacity:1}}@keyframes slideUp-8f63ea22{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-table[data-v-8f63ea22]{animation:fadeInTable-8f63ea22 .5s ease-out}.fade-in-table tbody tr[data-v-8f63ea22]{animation:fadeInRow-8f63ea22 .4s ease-out backwards}.fade-in-table tbody tr[data-v-8f63ea22]:nth-child(1){animation-delay:.05s}.fade-in-table tbody tr[data-v-8f63ea22]:nth-child(2){animation-delay:.1s}.fade-in-table tbody tr[data-v-8f63ea22]:nth-child(3){animation-delay:.15s}.fade-in-table tbody tr[data-v-8f63ea22]:nth-child(4){animation-delay:.2s}.fade-in-table tbody tr[data-v-8f63ea22]:nth-child(5){animation-delay:.25s}.fade-in-table tbody tr[data-v-8f63ea22]:nth-child(6){animation-delay:.3s}.fade-in-table tbody tr[data-v-8f63ea22]:nth-child(7){animation-delay:.35s}.fade-in-table tbody tr[data-v-8f63ea22]:nth-child(8){animation-delay:.4s}.fade-in-table tbody tr[data-v-8f63ea22]:nth-child(9){animation-delay:.45s}.fade-in-table tbody tr[data-v-8f63ea22]:nth-child(10){animation-delay:.5s}@keyframes fadeInTable-8f63ea22{0%{opacity:0}to{opacity:1}}@keyframes fadeInRow-8f63ea22{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.refresh-btn[data-v-c2896228]{display:flex;align-items:center;gap:10px;padding:12px 24px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #6366f14d;position:relative;overflow:hidden}.refresh-btn[data-v-c2896228]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#fff0);opacity:0;transition:opacity .3s ease}.refresh-btn[data-v-c2896228]:hover:not(:disabled):before{opacity:1}.refresh-btn[data-v-c2896228]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #6366f166}.refresh-btn[data-v-c2896228]:active:not(:disabled){transform:translateY(0)}.refresh-btn[data-v-c2896228]:disabled{opacity:.6;cursor:not-allowed;transform:none}.refresh-btn.success[data-v-c2896228]{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 16px #10b9814d;animation:successPulse-c2896228 .6s ease-out}.refresh-btn.success[data-v-c2896228]:hover:not(:disabled){background:linear-gradient(135deg,#10b981,#059669);transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}.refresh-btn.success:hover:not(:disabled) .check-icon[data-v-c2896228]{transform:none!important}.refresh-btn.transitioning[data-v-c2896228]{animation:fadeOutToBlue-c2896228 .5s cubic-bezier(.4,0,.2,1) forwards}.refresh-btn svg.spinning[data-v-c2896228]{animation:spin-c2896228 1s linear infinite}.check-icon[data-v-c2896228]{animation:checkIn-c2896228 .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes spin-c2896228{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes checkIn-c2896228{0%{transform:scale(0) rotate(-45deg);opacity:0}50%{transform:scale(1.2) rotate(5deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes successPulse-c2896228{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes fadeOutToBlue-c2896228{to{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 12px #6366f14d}}.icon-fade-enter-active[data-v-c2896228],.icon-fade-leave-active[data-v-c2896228],.text-fade-enter-active[data-v-c2896228],.text-fade-leave-active[data-v-c2896228]{transition:all .2s ease}.icon-fade-enter-from[data-v-c2896228],.text-fade-enter-from[data-v-c2896228],.icon-fade-leave-to[data-v-c2896228],.text-fade-leave-to[data-v-c2896228]{opacity:0;transform:scale(.8)}.backup-management[data-v-f0ef4168]{padding:32px;max-width:1400px;margin:0 auto}.page-header[data-v-f0ef4168]{margin-bottom:24px}.page-header h2[data-v-f0ef4168]{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:600;color:#1f2937;margin:0}.page-header h2 svg[data-v-f0ef4168]{color:#6366f1}.stats-cards[data-v-f0ef4168]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.stat-card[data-v-f0ef4168]{background:#fff;padding:24px;border-radius:12px;border:1px solid #e5e7eb;display:flex;align-items:center;gap:16px;transition:all .2s}.stat-card[data-v-f0ef4168]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.stat-icon[data-v-f0ef4168]{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.db-icon[data-v-f0ef4168]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.backup-icon[data-v-f0ef4168]{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.time-icon[data-v-f0ef4168]{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.stat-info[data-v-f0ef4168]{flex:1}.stat-value[data-v-f0ef4168]{font-size:28px;font-weight:700;color:#1f2937;line-height:1}.stat-label[data-v-f0ef4168]{font-size:14px;color:#6b7280;margin-top:4px}.action-section[data-v-f0ef4168]{display:flex;gap:12px;margin-bottom:32px;flex-wrap:wrap}.btn-primary[data-v-f0ef4168],.btn-secondary[data-v-f0ef4168],.btn-upload[data-v-f0ef4168]{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-primary[data-v-f0ef4168]{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 12px #6366f14d}.btn-primary[data-v-f0ef4168]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn-primary[data-v-f0ef4168]:hover:before{left:100%}.btn-primary[data-v-f0ef4168]:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#7c3aed);transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #6366f166}.btn-primary[data-v-f0ef4168]:active:not(:disabled){transform:translateY(0) scale(.98)}.btn-primary svg[data-v-f0ef4168]{transition:transform .3s}.btn-primary:hover:not(:disabled) svg[data-v-f0ef4168]{transform:rotate(-10deg) scale(1.1)}.btn-secondary[data-v-f0ef4168]{background:#fff;color:#374151;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000d}.btn-secondary[data-v-f0ef4168]:hover:not(:disabled){background:#f9fafb;border-color:#6366f1;transform:translateY(-2px);box-shadow:0 4px 12px #6366f133}.btn-secondary[data-v-f0ef4168]:active:not(:disabled){transform:translateY(0) scale(.98)}.btn-secondary svg[data-v-f0ef4168]{transition:transform .3s}.btn-secondary:hover:not(:disabled) svg[data-v-f0ef4168]{transform:rotate(180deg)}.btn-upload[data-v-f0ef4168]{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.btn-upload[data-v-f0ef4168]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn-upload[data-v-f0ef4168]:hover:before{left:100%}.btn-upload[data-v-f0ef4168]:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #10b98166}.btn-upload[data-v-f0ef4168]:active{transform:translateY(0) scale(.98)}.btn-upload svg[data-v-f0ef4168]{transition:transform .3s}.btn-upload:hover svg[data-v-f0ef4168]{transform:translateY(-3px)}.btn-primary[data-v-f0ef4168]:disabled,.btn-secondary[data-v-f0ef4168]:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary[data-v-f0ef4168]:disabled:before,.btn-upload[data-v-f0ef4168]:before{display:none}.button-text[data-v-f0ef4168]{transition:all .3s ease;display:inline-block}.state-success .button-text[data-v-f0ef4168]{color:#10b981}.btn-primary.state-success .button-text[data-v-f0ef4168],.btn-upload.state-success .button-text[data-v-f0ef4168]{color:#fff}.spinning[data-v-f0ef4168]{animation:spin-f0ef4168 1s linear infinite}.check-icon[data-v-f0ef4168]{animation:checkIn-f0ef4168 .5s ease}@keyframes spin-f0ef4168{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes checkIn-f0ef4168{0%{transform:scale(0) rotate(-45deg);opacity:0}50%{transform:scale(1.2) rotate(0)}to{transform:scale(1) rotate(0);opacity:1}}.btn-primary.state-success[data-v-f0ef4168]{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.btn-secondary.state-success[data-v-f0ef4168]{border-color:#10b981;color:#10b981}.btn-upload.state-success[data-v-f0ef4168]{background:linear-gradient(135deg,#10b981,#059669)}.db-stats-section[data-v-f0ef4168]{background:#fff;padding:24px;border-radius:12px;border:1px solid #e5e7eb;margin-bottom:32px}.db-stats-section h3[data-v-f0ef4168]{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#1f2937;margin:0 0 16px}.db-stats-grid[data-v-f0ef4168]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.stat-item[data-v-f0ef4168]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f9fafb;border-radius:8px}.stat-name[data-v-f0ef4168]{font-size:14px;color:#6b7280}.stat-count[data-v-f0ef4168]{font-size:18px;font-weight:700;color:#6366f1}.backups-section[data-v-f0ef4168]{background:#fff;padding:24px;border-radius:12px;border:1px solid #e5e7eb}.backups-section h3[data-v-f0ef4168]{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#1f2937;margin:0 0 16px}.backups-list[data-v-f0ef4168]{display:flex;flex-direction:column;gap:12px}.backup-item[data-v-f0ef4168]{display:flex;align-items:center;gap:16px;padding:16px;background:#f9fafb;border-radius:8px;transition:all .2s}.backup-item[data-v-f0ef4168]:hover{background:#f3f4f6}.backup-icon[data-v-f0ef4168]{color:#6366f1}.backup-info[data-v-f0ef4168]{flex:1}.backup-name[data-v-f0ef4168]{font-size:14px;font-weight:500;color:#1f2937;font-family:monospace}.backup-meta[data-v-f0ef4168]{font-size:12px;color:#6b7280;margin-top:4px}.backup-actions[data-v-f0ef4168]{display:flex;gap:8px}.btn-action[data-v-f0ef4168]{width:32px;height:32px;border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-download[data-v-f0ef4168]{background:#dbeafe;color:#1e40af}.btn-download[data-v-f0ef4168]:hover{background:#bfdbfe}.modal-overlay[data-v-f0ef4168]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-f0ef4168 .2s}.modal-content[data-v-f0ef4168]{background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp-f0ef4168 .3s}.modal-header[data-v-f0ef4168]{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #e5e7eb}.modal-header h3[data-v-f0ef4168]{margin:0;font-size:20px;font-weight:600;color:#dc2626}.btn-close[data-v-f0ef4168]{background:none;border:none;font-size:28px;color:#9ca3af;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.btn-close[data-v-f0ef4168]:hover{background:#f3f4f6;color:#1f2937}.modal-body[data-v-f0ef4168]{padding:24px}.warning-box[data-v-f0ef4168]{background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;padding:16px;margin-bottom:24px;text-align:center}.warning-box svg[data-v-f0ef4168]{color:#dc2626;margin-bottom:12px}.warning-box p[data-v-f0ef4168]{margin:8px 0;color:#92400e}.warning-box ul[data-v-f0ef4168]{text-align:left;margin:12px 0;padding-left:24px}.warning-box li[data-v-f0ef4168]{margin:4px 0;color:#92400e}.form-group[data-v-f0ef4168]{margin-bottom:16px}.form-group label[data-v-f0ef4168]{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.checkbox-label[data-v-f0ef4168]{display:flex!important;align-items:center;gap:8px;cursor:pointer}.checkbox-label input[type=checkbox][data-v-f0ef4168]{width:18px;height:18px;cursor:pointer}.backup-preview[data-v-f0ef4168]{background:#f9fafb;padding:12px;border-radius:6px;font-size:13px;color:#6b7280}.backup-preview p[data-v-f0ef4168]{margin:4px 0}.modal-actions[data-v-f0ef4168]{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.btn-cancel[data-v-f0ef4168],.btn-danger[data-v-f0ef4168]{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-cancel[data-v-f0ef4168]{background:#fff;color:#374151;border:1px solid #e5e7eb}.btn-cancel[data-v-f0ef4168]:hover{background:#f9fafb}.btn-danger[data-v-f0ef4168]{background:#dc2626;color:#fff}.btn-danger[data-v-f0ef4168]:hover:not(:disabled){background:#b91c1c}.btn-danger[data-v-f0ef4168]:disabled{opacity:.6;cursor:not-allowed}@keyframes fadeIn-f0ef4168{0%{opacity:0}to{opacity:1}}@keyframes slideUp-f0ef4168{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.email-generator[data-v-72ef9a64]{display:flex;align-items:center;gap:1rem}.domain-selector[data-v-72ef9a64]{display:flex;align-items:center;gap:1rem;flex:1}.domain-selector label[data-v-72ef9a64]{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#37352fd9;white-space:nowrap}.domain-selector .label-icon[data-v-72ef9a64]{color:#37352f73}.custom-select[data-v-72ef9a64]{flex:1;max-width:400px;position:relative;-webkit-user-select:none;user-select:none}.select-trigger[data-v-72ef9a64]{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:2px solid rgba(55,53,47,.16);border-radius:12px;font-size:.95rem;color:#37352fd9;background:#fff;cursor:pointer;transition:all .2s ease;font-weight:600;gap:8px}.select-trigger[data-v-72ef9a64]:hover{border-color:var(--brand, #6c7bff);transform:translateY(-1px);box-shadow:0 4px 12px #6c7bff26}.selected-value[data-v-72ef9a64]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-arrow[data-v-72ef9a64]{flex-shrink:0;transition:transform .3s ease;color:var(--brand, #6c7bff)}.select-arrow.open[data-v-72ef9a64]{transform:rotate(180deg)}.select-dropdown[data-v-72ef9a64]{background:#fff;border:2px solid var(--brand, #6c7bff);border-radius:12px;box-shadow:0 8px 24px #00000040;overflow-y:auto;animation:dropdownSlide-72ef9a64 .2s ease;max-height:300px}.select-dropdown[data-v-72ef9a64]::-webkit-scrollbar{width:6px}.select-dropdown[data-v-72ef9a64]::-webkit-scrollbar-track{background:#37352f0f;border-radius:0 10px 10px 0}.select-dropdown[data-v-72ef9a64]::-webkit-scrollbar-thumb{background:#37352f29;border-radius:3px;transition:background .2s ease}.select-dropdown[data-v-72ef9a64]::-webkit-scrollbar-thumb:hover{background:var(--brand, #6c7bff)}@keyframes dropdownSlide-72ef9a64{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.select-option[data-v-72ef9a64]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;transition:all .2s ease;font-weight:600;color:#37352fd9;position:relative}.select-option[data-v-72ef9a64]:not(.selected):hover{background:#6c7bff1a;color:var(--brand, #6c7bff)}.select-option.selected[data-v-72ef9a64]{background:linear-gradient(135deg,var(--brand, #6c7bff) 0%,#8a5fc2 100%);color:#fff}.select-option.selected[data-v-72ef9a64]:hover{background:linear-gradient(135deg,#7a8fff,#8a5fc2);color:#fff}.select-option span[data-v-72ef9a64]{flex:1}.select-option svg[data-v-72ef9a64]{flex-shrink:0;opacity:.9}.actions[data-v-72ef9a64]{display:flex;gap:.75rem}.email-item[data-v-72ef9a64]{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:.5rem;transition:all .2s}.email-item[data-v-72ef9a64]:hover{border-color:var(--primary-color, #3b82f6);box-shadow:0 2px 8px #3b82f61a}.email-item.active[data-v-72ef9a64],.email-item.selected[data-v-72ef9a64]{background:var(--primary-bg, #eff6ff);border-color:var(--primary-color, #3b82f6)}.email-info[data-v-72ef9a64]{flex:1;min-width:0;cursor:pointer}.email-address[data-v-72ef9a64]{font-weight:600;color:var(--text-primary, #111827);margin-bottom:.25rem;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.email-meta[data-v-72ef9a64]{display:flex;gap:1rem;font-size:.75rem;color:var(--text-secondary, #6b7280)}.meta-item[data-v-72ef9a64]{display:flex;align-items:center;gap:.25rem}.message-content-wrapper[data-v-72ef9a64]{flex:1;cursor:pointer}.message-actions[data-v-72ef9a64]{display:flex;gap:.5rem;align-items:center;opacity:0;transition:opacity .2s}.btn-action-badge[data-v-72ef9a64]{padding:.25rem .75rem;background:var(--primary-color, #3b82f6);color:#fff;border:none;border-radius:1rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-action-badge[data-v-72ef9a64]:hover{background:var(--primary-dark, #2563eb);transform:scale(1.05)}.verification-badge[data-v-72ef9a64]{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;background:var(--primary-bg, #eff6ff);border:1px solid var(--primary-color, #3b82f6);border-radius:.25rem;font-size:.75rem;font-weight:600;color:var(--primary-color, #3b82f6)}.domain-section[data-v-72ef9a64]{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color, #e5e7eb)}.domain-header h3[data-v-72ef9a64]{font-size:.875rem;font-weight:600;color:var(--text-secondary, #6b7280);margin-bottom:.75rem}.domain-tags[data-v-72ef9a64]{display:flex;flex-wrap:wrap;gap:.5rem}.domain-tag[data-v-72ef9a64]{display:inline-block;padding:.25rem .75rem;background:var(--bg-secondary, #f3f4f6);border:1px solid var(--border-color, #e5e7eb);border-radius:1rem;font-size:.75rem;color:var(--text-secondary, #6b7280);transition:all .2s}.domain-tag.free[data-v-72ef9a64]{background:var(--success-bg, #d1fae5);border-color:var(--success-border, #6ee7b7);color:var(--success-text, #047857)}.domain-tag.more[data-v-72ef9a64]{background:transparent;border-style:dashed}.auto-refresh-label[data-v-72ef9a64]{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary, #6b7280);cursor:pointer;-webkit-user-select:none;user-select:none}.auto-refresh-label input[type=checkbox][data-v-72ef9a64]{cursor:pointer}.message-items[data-v-72ef9a64]{display:flex;flex-direction:column;gap:.5rem}.message-item[data-v-72ef9a64]{padding:1rem;background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:.5rem;cursor:pointer;transition:all .2s}.message-item[data-v-72ef9a64]:hover{border-color:var(--primary-color, #3b82f6);box-shadow:0 2px 8px #3b82f61a}.message-header-row[data-v-72ef9a64]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.message-from[data-v-72ef9a64]{font-weight:600;color:var(--text-primary, #111827);font-size:.875rem}.message-time[data-v-72ef9a64]{font-size:.75rem;color:var(--text-secondary, #6b7280)}.message-subject[data-v-72ef9a64]{font-weight:500;color:var(--text-primary, #111827);margin-bottom:.25rem;font-size:.875rem}.message-preview[data-v-72ef9a64]{font-size:.8125rem;color:var(--text-secondary, #6b7280);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:.5rem}.message-meta[data-v-72ef9a64]{display:flex;align-items:center;gap:.5rem}.attachment-badge[data-v-72ef9a64]{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;background:var(--info-bg, #dbeafe);border-radius:.25rem;font-size:.75rem;color:var(--info-text, #1e40af)}.modal-overlay[data-v-72ef9a64]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-dialog[data-v-72ef9a64]{background:var(--bg-primary, #ffffff);border-radius:.75rem;max-width:600px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-dialog.small[data-v-72ef9a64]{max-width:400px}.modal-header[data-v-72ef9a64]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.modal-header h3[data-v-72ef9a64]{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary, #111827)}.modal-close[data-v-72ef9a64]{background:none;border:none;padding:.5rem;cursor:pointer;color:var(--text-secondary, #6b7280);border-radius:.375rem;transition:all .2s}.modal-close[data-v-72ef9a64]:hover{background:var(--bg-secondary, #f3f4f6);color:var(--text-primary, #111827)}.modal-body[data-v-72ef9a64]{padding:1.5rem;overflow-y:auto}.detail-row[data-v-72ef9a64]{margin-bottom:1rem;display:flex;gap:.5rem}.detail-row strong[data-v-72ef9a64]{min-width:4rem;color:var(--text-secondary, #6b7280);font-size:.875rem}.detail-row span[data-v-72ef9a64]{color:var(--text-primary, #111827);font-size:.875rem}.attachments-section[data-v-72ef9a64]{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color, #e5e7eb)}.attachment-item[data-v-72ef9a64]{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--bg-secondary, #f3f4f6);border-radius:.375rem;margin-top:.5rem}.message-content[data-v-72ef9a64]{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color, #e5e7eb)}.body-html[data-v-72ef9a64]{margin-top:.5rem;padding:1rem;background:var(--bg-secondary, #f9fafb);border-radius:.375rem;font-size:.875rem;line-height:1.6;max-height:400px;overflow-y:auto}.form-group[data-v-72ef9a64]{margin-bottom:1rem}.form-group label[data-v-72ef9a64]{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--text-primary, #111827)}.form-input[data-v-72ef9a64],.form-select[data-v-72ef9a64]{width:100%;padding:.625rem .875rem;border:1px solid var(--border-color, #e5e7eb);border-radius:.375rem;font-size:.875rem;transition:all .2s}.form-input[data-v-72ef9a64]:focus,.form-select[data-v-72ef9a64]:focus{outline:none;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.form-actions[data-v-72ef9a64]{display:flex;gap:.75rem;margin-top:1.5rem}.form-actions .btn[data-v-72ef9a64]{flex:1}@keyframes spin-72ef9a64{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning[data-v-72ef9a64]{animation:spin-72ef9a64 1s linear infinite}.list-header[data-v-72ef9a64]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px}.list-header h2[data-v-72ef9a64]{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#37352ff2;margin:0;flex:1}.list-header h2 .title-icon[data-v-72ef9a64]{color:#37352f73;flex-shrink:0}.header-actions[data-v-72ef9a64]{display:flex;gap:4px;align-items:center;flex-shrink:0}.header-actions .btn-icon[data-v-72ef9a64]{min-width:28px;width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:all .12s ease;border:none;background:#37352f0f;color:#37352fa6;cursor:pointer}.header-actions .btn-icon[data-v-72ef9a64]:hover{background:#37352f1a}.header-actions .btn-icon.btn-danger[data-v-72ef9a64]{background:#eb57571a;color:#eb5757}.header-actions .btn-icon.btn-danger[data-v-72ef9a64]:hover{background:#eb575726}.header-actions .btn-icon.btn-secondary[data-v-72ef9a64]{background:#2383e21a;color:#2383e2}.header-actions .btn-icon.btn-secondary[data-v-72ef9a64]:hover{background:#2383e226}.header-actions .btn-icon[data-v-72ef9a64]:disabled{opacity:.5;cursor:not-allowed}.header-actions .btn-icon svg[data-v-72ef9a64]{flex-shrink:0;width:16px;height:16px}.auto-refresh-label[data-v-72ef9a64]{display:flex;align-items:center;gap:6px;padding:0 8px;font-size:13px;color:#37352fa6;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.auto-refresh-label input[type=checkbox][data-v-72ef9a64]{width:14px;height:14px;cursor:pointer;accent-color:#2383e2}.auto-refresh-label[data-v-72ef9a64]:hover{color:#37352ff2}.selection-count[data-v-72ef9a64]{margin-left:8px;font-size:13px;font-weight:500;color:#2383e2}.message-count-badge[data-v-72ef9a64]{margin-left:8px;font-size:13px;font-weight:500;color:#37352fa6}.message-count-badge .unread-count[data-v-72ef9a64]{margin-left:8px;padding:2px 8px;background:#2383e2;color:#fff;border-radius:10px;font-size:12px}.email-items[data-v-72ef9a64]{display:flex;flex-direction:column;gap:2px}.email-item[data-v-72ef9a64]{background:#fff;border:1px solid rgba(55,53,47,.09);border-radius:3px;transition:all .12s ease}.email-item[data-v-72ef9a64]:hover{background:#37352f08}.email-item.active[data-v-72ef9a64],.email-item.selected[data-v-72ef9a64]{background:#2383e214;border-color:#2383e23d}.email-item-header[data-v-72ef9a64]{display:flex;align-items:center;gap:8px;padding:12px;width:100%}.email-item-header label[data-v-72ef9a64]{display:flex;align-items:center;cursor:pointer;margin:0;flex-shrink:0}.email-item-header input[type=checkbox][data-v-72ef9a64]{cursor:pointer;width:16px;height:16px;margin:0;border-radius:3px;border:1.5px solid rgba(55,53,47,.3);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;position:relative;transition:all .12s ease}.email-item-header input[type=checkbox][data-v-72ef9a64]:checked{background:#2383e2;border-color:#2383e2}.email-item-header input[type=checkbox][data-v-72ef9a64]:checked:after{content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.btn-star[data-v-72ef9a64]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:3px;color:#37352f59;cursor:pointer;transition:all .12s ease;flex-shrink:0}.btn-star[data-v-72ef9a64]:hover{background:#37352f0f;color:#37352fa6}.btn-star svg[data-v-72ef9a64]{width:16px;height:16px}.email-info[data-v-72ef9a64]{flex:1;min-width:0;cursor:pointer;overflow:hidden}.email-actions[data-v-72ef9a64]{display:flex;gap:4px;margin-left:auto;opacity:0;transition:opacity .12s ease;flex-shrink:0}.email-item:hover .email-actions[data-v-72ef9a64]{opacity:1}.btn-icon-small[data-v-72ef9a64]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:3px;color:#37352f73;cursor:pointer;transition:all .12s ease}.btn-icon-small[data-v-72ef9a64]:hover{background:#37352f14;color:#37352ff2}.btn-icon-small svg[data-v-72ef9a64]{width:16px;height:16px}.message-items[data-v-72ef9a64]{display:flex;flex-direction:column;gap:2px}.message-item[data-v-72ef9a64]{display:flex;align-items:center;gap:8px;padding:12px;background:#fff;border:1px solid rgba(55,53,47,.09);border-radius:3px;transition:all .12s ease}.message-item[data-v-72ef9a64]:hover{background:#37352f08}.message-item.selected[data-v-72ef9a64]{background:#2383e214;border-color:#2383e23d}.message-item.unread[data-v-72ef9a64]{background:#3b82f60d;border-left:3px solid #3b82f6}.message-item.unread .message-from[data-v-72ef9a64],.message-item.unread .message-subject[data-v-72ef9a64]{font-weight:600}.message-checkbox[data-v-72ef9a64]{display:flex;align-items:center;cursor:pointer;margin:0;flex-shrink:0}.message-checkbox input[type=checkbox][data-v-72ef9a64]{cursor:pointer;width:16px;height:16px;margin:0;border-radius:3px;border:1.5px solid rgba(55,53,47,.3);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;position:relative;transition:all .12s ease}.message-checkbox input[type=checkbox][data-v-72ef9a64]:checked{background:#2383e2;border-color:#2383e2}.message-checkbox input[type=checkbox][data-v-72ef9a64]:checked:after{content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.message-content-wrapper[data-v-72ef9a64]{flex:1;min-width:0;cursor:pointer}.message-actions[data-v-72ef9a64]{display:flex;gap:4px;opacity:0;transition:opacity .12s ease;flex-shrink:0;align-items:center}.message-item:hover .message-actions[data-v-72ef9a64]{opacity:1}.btn-action-badge[data-v-72ef9a64]{display:inline-flex;align-items:center;padding:4px 8px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:4px;color:#f59e0b;font-size:12px;font-weight:500;cursor:pointer;transition:all .12s ease;white-space:nowrap}.btn-action-badge[data-v-72ef9a64]:hover{background:#f59e0b26;border-color:#f59e0b4d}.checkbox-disabled[data-v-72ef9a64]{opacity:.5;cursor:not-allowed!important}.checkbox-disabled input[type=checkbox][data-v-72ef9a64]{cursor:not-allowed!important}.fade-in-item[data-v-72ef9a64]{animation:fadeInUp-72ef9a64 .4s ease-out backwards}.fade-in-item[data-v-72ef9a64]:nth-child(1){animation-delay:.05s}.fade-in-item[data-v-72ef9a64]:nth-child(2){animation-delay:.1s}.fade-in-item[data-v-72ef9a64]:nth-child(3){animation-delay:.15s}.fade-in-item[data-v-72ef9a64]:nth-child(4){animation-delay:.2s}.fade-in-item[data-v-72ef9a64]:nth-child(5){animation-delay:.25s}@keyframes fadeInUp-72ef9a64{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pagination[data-v-72ef9a64]{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:20px;padding-top:20px;border-top:1px solid rgba(99,102,241,.1);flex-wrap:wrap}.pagination-btn[data-v-72ef9a64]{min-width:28px;height:28px;padding:0 8px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:3px;color:#37352fa6;cursor:pointer;transition:all .12s ease}.pagination-btn[data-v-72ef9a64]:hover:not(:disabled){background:#37352f14}.pagination-btn[data-v-72ef9a64]:disabled{opacity:.3;cursor:not-allowed}.pagination-btn svg[data-v-72ef9a64]{margin:0!important}.page-numbers[data-v-72ef9a64]{display:flex;gap:4px;align-items:center}.page-number-btn[data-v-72ef9a64]{min-width:28px;height:28px;padding:0 8px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:3px;color:#37352fa6;font-size:13px;font-weight:400;cursor:pointer;transition:all .12s ease}.page-number-btn[data-v-72ef9a64]:hover:not(:disabled):not(.active){background:#37352f14}.page-number-btn.active[data-v-72ef9a64]{background:#2383e21a;color:#2383e2;font-weight:500}.page-number-btn[data-v-72ef9a64]:disabled{cursor:default;opacity:.5;pointer-events:none}.page-info-detail[data-v-72ef9a64]{font-size:.85rem;color:var(--text-sub);margin-left:8px;white-space:nowrap}@media (max-width: 768px){.pagination[data-v-72ef9a64]{gap:6px}.page-numbers[data-v-72ef9a64]{gap:4px}.page-number-btn[data-v-72ef9a64]{min-width:32px;height:32px;padding:0 8px;font-size:.85rem}.pagination-btn[data-v-72ef9a64]{min-width:32px!important;height:32px}.page-info-detail[data-v-72ef9a64]{width:100%;text-align:center;margin:4px 0 0;font-size:.8rem}}.modal-overlay[data-v-72ef9a64]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn-72ef9a64 .2s ease}.modal-content[data-v-72ef9a64]{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%;animation:slideUp-72ef9a64 .3s ease}.modal-header[data-v-72ef9a64]{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid rgba(55,53,47,.09)}.modal-header h3[data-v-72ef9a64]{margin:0;font-size:1.25rem;font-weight:600;color:#37352ff2}.close-btn[data-v-72ef9a64]{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease;color:#37352f99}.close-btn[data-v-72ef9a64]:hover{background:#37352f14;color:#37352fe6}.modal-body[data-v-72ef9a64]{padding:1.5rem}.hint-text[data-v-72ef9a64]{margin:0 0 1rem;color:#37352fa6;font-size:.9rem;line-height:1.5}.restore-input[data-v-72ef9a64]{width:100%;padding:.75rem 1rem;border:2px solid rgba(55,53,47,.16);border-radius:8px;font-size:1rem;transition:all .2s ease;font-family:Consolas,Monaco,monospace}.restore-input[data-v-72ef9a64]:focus{outline:none;border-color:var(--brand, #6c7bff);box-shadow:0 0 0 3px #6c7bff1a}.modal-footer[data-v-72ef9a64]{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid rgba(55,53,47,.09)}.btn-secondary[data-v-72ef9a64]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}.btn-secondary[data-v-72ef9a64]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}@keyframes fadeIn-72ef9a64{0%{opacity:0}to{opacity:1}}@keyframes slideUp-72ef9a64{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.email-list-card[data-v-72ef9a64],.message-list-card[data-v-72ef9a64]{min-height:600px}.empty-state[data-v-72ef9a64]{text-align:center;padding:60px 20px;color:#37352f73}.empty-icon[data-v-72ef9a64]{font-size:3rem;opacity:.3;margin-bottom:12px}.empty-state p[data-v-72ef9a64]{margin:0;line-height:1.6}.empty-state .text-muted[data-v-72ef9a64]{font-size:.9rem;margin-top:8px}.config-page[data-v-f3a031ab]{padding:2rem;max-width:1400px;margin:0 auto}.config-header[data-v-f3a031ab]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.config-header h2[data-v-f3a031ab]{margin:0;font-size:1.75rem;color:#111827}.subtitle[data-v-f3a031ab]{margin:.25rem 0 0;color:#6b7280;font-size:.9rem}.header-actions[data-v-f3a031ab]{display:flex;gap:.75rem}.system-info-card[data-v-f3a031ab]{background:#fff;border-radius:.5rem;padding:1.5rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a}.system-info-card h3[data-v-f3a031ab]{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1.1rem;color:#111827}.info-grid[data-v-f3a031ab]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.info-item[data-v-f3a031ab]{display:flex;flex-direction:column;gap:.25rem}.info-item .label[data-v-f3a031ab]{font-size:.875rem;color:#6b7280}.info-item .value[data-v-f3a031ab]{font-size:1.1rem;font-weight:600;color:#111827}.info-item .value.status-ok[data-v-f3a031ab]{color:#059669}.validation-card[data-v-f3a031ab]{background:#fff;border-radius:.5rem;padding:1.5rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a}.validation-card h3[data-v-f3a031ab]{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1.1rem;color:#111827}.validation-summary[data-v-f3a031ab]{margin-left:auto;display:flex;gap:.5rem}.badge[data-v-f3a031ab]{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.badge.error[data-v-f3a031ab]{background:#fee2e2;color:#dc2626}.badge.warning[data-v-f3a031ab]{background:#fef3c7;color:#d97706}.badge.success[data-v-f3a031ab]{background:#d1fae5;color:#059669}.validation-messages[data-v-f3a031ab]{display:flex;flex-direction:column;gap:.75rem}.validation-item[data-v-f3a031ab]{display:flex;align-items:start;gap:.75rem;padding:1rem;border-radius:.375rem}.validation-item.error[data-v-f3a031ab]{background:#fef2f2;border-left:4px solid #dc2626}.validation-item.warning[data-v-f3a031ab]{background:#fffbeb;border-left:4px solid #d97706}.validation-item.info[data-v-f3a031ab]{background:#eff6ff;border-left:4px solid #3b82f6}.validation-item svg[data-v-f3a031ab]{flex-shrink:0;margin-top:.25rem}.validation-item.error svg[data-v-f3a031ab]{stroke:#dc2626}.validation-item.warning svg[data-v-f3a031ab]{stroke:#d97706}.validation-item.info svg[data-v-f3a031ab]{stroke:#3b82f6}.validation-item strong[data-v-f3a031ab]{display:block;margin-bottom:.25rem;color:#111827}.validation-item p[data-v-f3a031ab]{margin:0;color:#6b7280;font-size:.875rem}.config-sections[data-v-f3a031ab]{display:flex;flex-direction:column;gap:1.5rem}.config-section[data-v-f3a031ab]{background:#fff;border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.section-header[data-v-f3a031ab]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.section-header h3[data-v-f3a031ab]{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.1rem;color:#111827}.btn-test[data-v-f3a031ab]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s}.btn-test[data-v-f3a031ab]:hover:not(:disabled){background:#e5e7eb}.btn-test[data-v-f3a031ab]:disabled{opacity:.5;cursor:not-allowed}.form-grid[data-v-f3a031ab]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.form-group[data-v-f3a031ab]{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width[data-v-f3a031ab]{grid-column:1 / -1}.form-group label[data-v-f3a031ab]{font-weight:500;color:#374151;font-size:.875rem}.form-group input[data-v-f3a031ab]{padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:all .2s}.form-group input[data-v-f3a031ab]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group small[data-v-f3a031ab]{color:#6b7280;font-size:.75rem}.readonly-field[data-v-f3a031ab]{display:flex;flex-direction:column;gap:.5rem}.readonly-value[data-v-f3a031ab]{padding:.625rem .875rem;background:#f3f4f6;border:1px solid #d1d5db;border-radius:.375rem;color:#6b7280;font-size:.875rem}.config-footer[data-v-f3a031ab]{display:flex;gap:1rem;padding-top:2rem;border-top:1px solid #e5e7eb;margin-top:2rem}.btn-primary[data-v-f3a031ab],.btn-secondary[data-v-f3a031ab]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:.375rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary[data-v-f3a031ab]{background:#3b82f6;color:#fff}.btn-primary[data-v-f3a031ab]:hover:not(:disabled){background:#2563eb}.btn-primary[data-v-f3a031ab]:disabled{opacity:.5;cursor:not-allowed}.btn-secondary[data-v-f3a031ab]{background:#fff;color:#374151;border:1px solid #d1d5db}.btn-secondary[data-v-f3a031ab]:hover:not(:disabled){background:#f3f4f6}.btn-secondary[data-v-f3a031ab]:disabled{opacity:.5;cursor:not-allowed}.modal[data-v-f3a031ab]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-f3a031ab]{background:#fff;border-radius:.5rem;max-width:600px;width:90%;max-height:80vh;overflow:auto;box-shadow:0 20px 25px -5px #0000001a}.modal-header[data-v-f3a031ab]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h3[data-v-f3a031ab]{margin:0;font-size:1.25rem;color:#111827}.close-btn[data-v-f3a031ab]{background:none;border:none;cursor:pointer;color:#6b7280;padding:.25rem;border-radius:.25rem;transition:all .2s}.close-btn[data-v-f3a031ab]:hover{background:#f3f4f6;color:#111827}.modal-body[data-v-f3a031ab]{padding:1.5rem}.test-result[data-v-f3a031ab]{text-align:center;padding:2rem}.test-result.success[data-v-f3a031ab]{color:#059669}.test-result.error[data-v-f3a031ab]{color:#dc2626}.result-icon[data-v-f3a031ab]{margin-bottom:1rem}.test-result h4[data-v-f3a031ab]{margin:0 0 .5rem;font-size:1.5rem}.test-result p[data-v-f3a031ab]{margin:0 0 1rem;color:#6b7280}.result-data[data-v-f3a031ab]{margin-top:1.5rem;text-align:left}.result-data pre[data-v-f3a031ab]{background:#f3f4f6;padding:1rem;border-radius:.375rem;overflow-x:auto;font-size:.75rem;color:#374151}.config-source-badge[data-v-f3a031ab]{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500;margin-left:.5rem}.source-database[data-v-f3a031ab]{background:#dbeafe;color:#1e40af}.source-env[data-v-f3a031ab]{background:#fef3c7;color:#92400e}.source-default[data-v-f3a031ab]{background:#e5e7eb;color:#374151}.source-none[data-v-f3a031ab]{background:#fee2e2;color:#991b1b}.domain-tags[data-v-f3a031ab]{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;padding:.5rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;min-height:2.5rem}.domain-tag[data-v-f3a031ab]{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:.375rem;font-size:.875rem;font-weight:500;box-shadow:0 2px 4px #667eea33;animation:tag-fade-in-f3a031ab .3s ease-out;transition:all .2s}@keyframes tag-fade-in-f3a031ab{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.domain-tag[data-v-f3a031ab]:hover{transform:translateY(-2px);box-shadow:0 4px 8px #667eea4d}.domain-tag svg[data-v-f3a031ab]{flex-shrink:0}.domain-tag span[data-v-f3a031ab]{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.domain-tag-remove[data-v-f3a031ab]{display:flex;align-items:center;justify-content:center;padding:.125rem;background:#fff3;border:none;border-radius:.25rem;cursor:pointer;transition:all .2s;flex-shrink:0}.domain-tag-remove[data-v-f3a031ab]:hover{background:#fff6;transform:rotate(90deg)}.domain-tag-remove svg[data-v-f3a031ab]{display:block}.domain-input-container[data-v-f3a031ab]{position:relative}.domain-input[data-v-f3a031ab]{width:100%}.domain-dropdown[data-v-f3a031ab]{position:absolute;top:calc(100% + .25rem);left:0;right:0;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;max-height:250px;overflow-y:auto;z-index:1000;animation:dropdown-fade-in-f3a031ab .2s ease-out}@keyframes dropdown-fade-in-f3a031ab{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.domain-option[data-v-f3a031ab]{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:all .15s;border-bottom:1px solid #f3f4f6;position:relative}.domain-option[data-v-f3a031ab]:last-child{border-bottom:none}.domain-option[data-v-f3a031ab]:hover,.domain-option.selected[data-v-f3a031ab]{background:#eff6ff;color:#2563eb}.domain-option.is-selected[data-v-f3a031ab]{background:#f0fdf4;color:#16a34a}.domain-info[data-v-f3a031ab]{display:flex;align-items:center;gap:.75rem;flex:1;cursor:pointer;min-width:0}.domain-option .domain-icon[data-v-f3a031ab]{flex-shrink:0;stroke:currentColor;transition:transform .2s}.domain-option:hover .domain-icon[data-v-f3a031ab],.domain-option.selected .domain-icon[data-v-f3a031ab]{transform:rotate(360deg)}.domain-option .domain-name[data-v-f3a031ab]{flex:1;font-size:.875rem;font-weight:500}.domain-option .check-icon[data-v-f3a031ab]{flex-shrink:0;stroke:#16a34a;animation:check-in-f3a031ab .3s ease-out}@keyframes check-in-f3a031ab{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.domain-delete-btn[data-v-f3a031ab]{display:flex;align-items:center;justify-content:center;padding:.25rem;background:transparent;border:none;border-radius:.25rem;cursor:pointer;opacity:0;transition:all .2s;flex-shrink:0;color:#ef4444}.domain-option:hover .domain-delete-btn[data-v-f3a031ab]{opacity:1}.domain-delete-btn[data-v-f3a031ab]:hover{background:#fee2e2;transform:scale(1.1)}.domain-delete-btn[data-v-f3a031ab]:active{transform:scale(.9)}.domain-delete-btn svg[data-v-f3a031ab]{display:block}.domain-dropdown[data-v-f3a031ab]::-webkit-scrollbar{width:6px}.domain-dropdown[data-v-f3a031ab]::-webkit-scrollbar-track{background:#f3f4f6;border-radius:.5rem}.domain-dropdown[data-v-f3a031ab]::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:.5rem}.domain-dropdown[data-v-f3a031ab]::-webkit-scrollbar-thumb:hover{background:#9ca3af}kbd[data-v-f3a031ab]{display:inline-block;padding:.125rem .375rem;background:#f3f4f6;border:1px solid #d1d5db;border-radius:.25rem;font-family:Courier New,monospace;font-size:.75rem;font-weight:600;color:#374151;box-shadow:0 1px 2px #0000000d}.section-actions[data-v-f3a031ab]{display:flex;gap:.5rem;align-items:center}.btn-section-action[data-v-f3a031ab]{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.btn-section-action[data-v-f3a031ab]:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.btn-section-action.btn-primary[data-v-f3a031ab]{background:#3b82f6;border-color:#3b82f6;color:#fff}.btn-section-action.btn-primary[data-v-f3a031ab]:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.btn-section-action[data-v-f3a031ab]:disabled{opacity:.5;cursor:not-allowed}.btn-section-action svg[data-v-f3a031ab]{flex-shrink:0}.domains-page[data-v-890574dd]{padding:2rem;max-width:1400px;margin:0 auto}.domains-header[data-v-890574dd]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.domains-header h2[data-v-890574dd]{margin:0;font-size:1.75rem;color:#111827}.subtitle[data-v-890574dd]{margin:.25rem 0 0;color:#6b7280;font-size:.9rem}.info-card[data-v-890574dd]{display:flex;gap:1rem;padding:1.5rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:.5rem;margin-bottom:2rem}.info-icon[data-v-890574dd]{flex-shrink:0;width:40px;height:40px;background:#3b82f6;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}.info-content h4[data-v-890574dd]{margin:0 0 .5rem;color:#1e40af}.info-content ul[data-v-890574dd]{margin:0;padding-left:1.5rem;color:#1e3a8a}.info-content li[data-v-890574dd]{margin-bottom:.25rem}.loading-state[data-v-890574dd],.empty-state[data-v-890574dd]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;color:#6b7280}.spinner[data-v-890574dd]{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin-890574dd 1s linear infinite;margin:0 auto 1rem}@keyframes spin-890574dd{to{transform:rotate(360deg)}}.empty-state svg[data-v-890574dd]{color:#d1d5db;margin-bottom:1rem}.empty-state h3[data-v-890574dd]{margin:0 0 .5rem;color:#374151}.empty-state p[data-v-890574dd]{margin:0 0 1.5rem}.empty-state .btn-primary[data-v-890574dd]{margin-top:0}.empty-state .btn-primary svg[data-v-890574dd]{flex-shrink:0;margin:0}.domains-grid[data-v-890574dd]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.domain-card[data-v-890574dd]{background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;transition:all .2s}.domain-card[data-v-890574dd]:hover{box-shadow:0 4px 12px #0000001a}.domain-card.status-verified[data-v-890574dd]{border-color:#10b981}.domain-card.status-pending[data-v-890574dd]{border-color:#f59e0b}.domain-card.status-failed[data-v-890574dd]{border-color:#ef4444}.domain-header[data-v-890574dd]{display:flex;justify-content:space-between;align-items:start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.domain-title[data-v-890574dd]{display:flex;align-items:center;gap:.5rem}.domain-title h3[data-v-890574dd]{margin:0;font-size:1.1rem;color:#111827;word-break:break-all}.status-badge[data-v-890574dd]{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.badge-verified[data-v-890574dd]{background:#d1fae5;color:#047857}.badge-pending[data-v-890574dd]{background:#fef3c7;color:#d97706}.badge-failed[data-v-890574dd]{background:#fee2e2;color:#dc2626}.domain-info[data-v-890574dd]{margin-bottom:1rem}.info-row[data-v-890574dd]{display:flex;justify-content:space-between;padding:.5rem 0;font-size:.875rem}.info-row .label[data-v-890574dd]{color:#6b7280}.info-row .value[data-v-890574dd]{color:#111827;font-weight:500}.mx-records[data-v-890574dd]{background:#f9fafb;border-radius:.375rem;padding:.75rem;margin-bottom:1rem}.mx-record[data-v-890574dd]{display:flex;gap:.5rem;padding:.25rem 0;font-size:.875rem}.mx-record .priority[data-v-890574dd]{color:#6b7280;font-weight:600;min-width:30px}.mx-record .exchange[data-v-890574dd]{color:#374151;word-break:break-all}.domain-actions[data-v-890574dd]{display:flex;gap:.5rem}.btn-action[data-v-890574dd]{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s}.btn-action[data-v-890574dd]:hover:not(:disabled){background:#e5e7eb}.btn-action[data-v-890574dd]:disabled{opacity:.5;cursor:not-allowed}.btn-action.btn-danger[data-v-890574dd]{background:#fee2e2;color:#dc2626;border-color:#fca5a5}.btn-action.btn-danger[data-v-890574dd]:hover:not(:disabled){background:#fecaca}.btn-primary[data-v-890574dd],.btn-secondary[data-v-890574dd],.btn-danger[data-v-890574dd]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:.375rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary[data-v-890574dd]{background:#3b82f6;color:#fff}.btn-primary[data-v-890574dd]:hover:not(:disabled){background:#2563eb}.btn-primary[data-v-890574dd]:disabled{opacity:.5;cursor:not-allowed}.btn-secondary[data-v-890574dd]{background:#fff;color:#374151;border:1px solid #d1d5db}.btn-secondary[data-v-890574dd]:hover{background:#f3f4f6}.btn-danger[data-v-890574dd]{background:#ef4444;color:#fff}.btn-danger[data-v-890574dd]:hover:not(:disabled){background:#dc2626}.modal[data-v-890574dd]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-890574dd]{background:#fff;border-radius:.5rem;max-width:500px;width:90%;max-height:80vh;overflow:auto;box-shadow:0 20px 25px -5px #0000001a}.modal-header[data-v-890574dd]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h3[data-v-890574dd]{margin:0;font-size:1.25rem;color:#111827}.close-btn[data-v-890574dd]{background:none;border:none;cursor:pointer;color:#6b7280;padding:.25rem;border-radius:.25rem;transition:all .2s}.close-btn[data-v-890574dd]:hover{background:#f3f4f6;color:#111827}.modal-body[data-v-890574dd]{padding:1.5rem}.modal-footer[data-v-890574dd]{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid #e5e7eb}.form-group[data-v-890574dd]{margin-bottom:1.5rem}.form-group label[data-v-890574dd]{display:block;margin-bottom:.5rem;font-weight:500;color:#374151;font-size:.875rem}.form-group input[data-v-890574dd]{width:100%;padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:all .2s}.form-group input[data-v-890574dd]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group small[data-v-890574dd]{display:block;margin-top:.25rem;color:#6b7280;font-size:.75rem}.warning[data-v-890574dd]{color:#dc2626;background:#fef2f2;padding:.75rem;border-radius:.375rem;margin-top:1rem}*{margin:0;padding:0;box-sizing:border-box}*:focus{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--brand);outline-offset:2px}:root{--bg-start: #667eea;--bg-end: #764ba2;--card: #ffffff;--text-main: #222;--text-sub: #666;--muted: #f6f7fb;--border: #e6e8f0;--brand: #6c7bff;--brand-2: #8a5df6;--success: #2f9e44;--warning: #f59f00;--danger: #f03e3e}@media (prefers-color-scheme: dark){:root{--card: #14161a;--text-main: #e9edf1;--text-sub: #9aa4b2;--muted: #0e1116;--border: #232a34}}body{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;background:#f5f7fa;color:var(--text-main);position:relative;overflow-x:hidden}.initializing-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;z-index:10000}.initializing-content{text-align:center;color:#fff}.initializing-content .loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.initializing-content p{font-size:16px;font-weight:500;opacity:.9}body:before{content:"";position:fixed;top:-150px;left:-100px;width:350px;height:350px;background:radial-gradient(circle,rgba(255,105,180,.2) 0%,rgba(255,182,203,.1) 50%,transparent 70%);border-radius:50%;filter:blur(50px);pointer-events:none;z-index:0;will-change:transform;animation:blob1Move 20s ease-in-out infinite}@keyframes blob1Move{0%,to{transform:translate(0) scale(1);opacity:.6}33%{transform:translate(100px,80px) scale(1.2);opacity:.8}66%{transform:translate(-50px,120px) scale(1.1);opacity:.7}}body:after{content:"";position:fixed;bottom:-150px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(138,92,246,.25) 0%,rgba(167,139,250,.15) 50%,transparent 70%);border-radius:50%;filter:blur(60px);pointer-events:none;z-index:0;will-change:transform;animation:blob2Move 25s ease-in-out infinite 2s}@keyframes blob2Move{0%,to{transform:translate(0) scale(1);opacity:.5}25%{transform:translate(-120px,-80px) scale(1.3);opacity:.7}50%{transform:translate(80px,-150px) scale(1.1);opacity:.6}75%{transform:translate(-100px,-100px) scale(1.2);opacity:.65}}@supports (-ms-ime-align: auto){body:before,body:after{filter:blur(30px);animation:none;opacity:.4}}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){body:before,body:after{filter:blur(30px);animation:none;opacity:.4}}.has-loading-overlay{position:relative}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff9;display:flex;align-items:center;justify-content:center;z-index:2;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-radius:12px}.app-container{position:relative;z-index:1;display:flex;min-height:100vh}.app-container.with-sidebar{padding-left:240px;transition:padding-left .3s ease}.app-container.sidebar-collapsed{padding-left:70px}.main-wrapper{flex:1;max-width:1400px;margin:0 auto;padding:20px;width:100%}@media (max-width: 768px){.app-container.with-sidebar{padding-left:200px}.app-container.sidebar-collapsed{padding-left:60px}}.app-container:before{content:"";position:fixed;top:40%;right:10%;width:320px;height:320px;background:radial-gradient(circle,rgba(59,130,246,.2) 0%,rgba(96,165,250,.1) 50%,transparent 70%);border-radius:50%;filter:blur(55px);pointer-events:none;z-index:-1;animation:blob3Move 22s ease-in-out infinite 4s}@keyframes blob3Move{0%,to{transform:translate(0) scale(1);opacity:.55}40%{transform:translate(-100px,60px) scale(1.25);opacity:.75}70%{transform:translate(60px,-80px) scale(1.15);opacity:.65}}.app-header{color:var(--text-main);text-align:center;margin-bottom:28px;animation:fadeInDown .6s ease;position:relative;display:flex;flex-direction:column;align-items:center;gap:16px}.brand-section{display:flex;align-items:center;justify-content:center;gap:12px;position:relative}.brand-logo{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:16px;box-shadow:0 4px 16px #6366f14d;transition:all .3s ease;flex-shrink:0;cursor:pointer}.brand-logo:hover{animation:logoBreathe 2s ease-in-out infinite;transform:scale(1.05)}@keyframes logoBreathe{0%,to{transform:scale(1);box-shadow:0 4px 16px #6366f14d}50%{transform:scale(1.05);box-shadow:0 8px 24px #6366f180}}.brand-logo svg{color:#fff}.brand-info{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.brand-name{font-size:1.8rem;font-weight:700;letter-spacing:-.5px;color:var(--text-main);line-height:1;margin:0}.brand-subtitle{font-size:.95rem;color:var(--text-sub);font-weight:500;line-height:1;margin:0}.app-header-actions{position:absolute;right:0;top:0;display:flex;gap:8px;align-items:center}.header-logout-btn{position:absolute;top:0;right:0;display:flex;align-items:center;gap:6px;padding:8px 16px;background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2);border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.header-logout-btn:hover{background:#ef444426;border-color:#ef44444d;transform:translateY(-1px);box-shadow:0 2px 8px #ef444433}.header-logout-btn svg{flex-shrink:0}.header-desc{opacity:.8;font-size:1.05rem;color:var(--text-sub);margin:0}.main-layout{display:grid;grid-template-rows:auto 1fr;gap:16px;animation:fadeInUp .6s ease}.two-col{display:grid;grid-template-columns:36fr 64fr;gap:16px;align-items:start;max-width:100%}.left-pane,.right-pane{min-width:0;background:#fff;border-radius:16px}.left-pane .card,.right-pane .card{height:100%}.content-area{display:flex;flex-direction:column;gap:20px}.card{background:#fff;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:none;border-radius:16px;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000a;overflow:hidden;position:relative;transition:all .3s ease}.card:hover{box-shadow:0 12px 40px #00000026,0 6px 16px #0000001a,inset 0 1px #fffc;transform:translateY(-2px)}.card-header{background:#fff9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-main);border-bottom:1px solid rgba(230,232,240,.5);padding:clamp(8px,1.6vh,14px) 16px;display:flex;flex-direction:column;gap:10px}.card-body{padding:20px;background:#fff;overflow:hidden}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:12px;border:2px solid transparent;font-weight:700;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap;-webkit-user-select:none;user-select:none;font-size:.95rem;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn:focus{outline:none}.btn-primary{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-2) 100%);color:#fff;box-shadow:0 2px 8px #6c7bff40}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6c7bff66}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #6c7bff40}.btn:before{content:"";position:absolute;left:-100%;top:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease;pointer-events:none}.btn:hover:not(:disabled):before{left:100%}.btn.success-anim{animation:successPulse .5s ease}@keyframes successPulse{0%{transform:scale(1);box-shadow:0 0 #2f9e4400}40%{transform:scale(1.03);box-shadow:0 8px 22px #2f9e4459}to{transform:scale(1);box-shadow:0 0 #2f9e4400}}.btn-primary.success-anim{background:linear-gradient(135deg,var(--success),#48c774)}.btn-secondary.success-anim{background:#e9fbef;border-color:#c7f5d6}.btn.danger-anim{animation:dangerPulse .5s ease}@keyframes dangerPulse{0%{transform:scale(1);box-shadow:0 0 #f03e3e00}40%{transform:scale(1.03);box-shadow:0 8px 22px #f03e3e59}to{transform:scale(1);box-shadow:0 0 #f03e3e00}}.btn.warning-anim{animation:warningPulse .6s ease}@keyframes warningPulse{0%{box-shadow:0 0 #f59f0000}50%{box-shadow:0 6px 18px #f59f0059}to{box-shadow:0 0 #f59f0000}}.btn.ripple-anim{animation:ripple .35s ease}@keyframes ripple{0%{box-shadow:0 0 #0000001f}to{box-shadow:0 0 0 14px #0000}}.btn-delete.trash-anim{animation:trashWobble .4s ease}@keyframes trashWobble{0%{transform:rotate(0)}25%{transform:rotate(-10deg)}50%{transform:rotate(8deg)}75%{transform:rotate(-6deg)}to{transform:rotate(0)}}.btn-ghost{background:#fff;color:var(--text-main);border-color:var(--border)}.btn-ghost:hover:not(:disabled){background:#ffffff2e;transform:translateY(-1px)}.user-id-btn{font-size:.85rem!important;padding:6px 12px!important;border:1px solid var(--border)!important;background:var(--muted)!important;color:var(--text-sub)!important;font-family:Courier New,monospace!important}.user-id-btn:hover{background:var(--card)!important;border-color:var(--brand)!important;color:var(--brand)!important}.btn-secondary{background:var(--muted);color:var(--text-main);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--border);transform:translateY(-1px) scale(1.02)}.btn-secondary:active:not(:disabled){transform:scale(.98)}.btn-danger{background:linear-gradient(135deg,var(--danger) 0%,#dc2626 100%);color:#fff;box-shadow:0 2px 8px #f03e3e40}.btn-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #f03e3e66}.btn-danger:active:not(:disabled){transform:translateY(0)}.btn-sm{padding:8px 14px;font-size:.875rem}.btn-icon{width:44px;height:44px;padding:0;position:relative}.btn-icon:hover:not(:disabled){transform:translateY(-2px) rotate(5deg)}.btn-icon:active:not(:disabled){transform:scale(.95)}.input-box{display:flex;align-items:center;gap:10px;background:var(--muted);border:2px solid var(--border);border-radius:12px;padding:12px 16px;transition:all .2s ease}.input-box:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px #6c7bff1a}.input-box input{flex:1;border:none;background:transparent;font-size:1rem;color:var(--text-main);outline:none}.badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--bg-start) 0%,var(--bg-end) 100%);color:#fff;border-radius:999px;padding:8px 14px;font-weight:700;font-size:.92rem}.badge-success{background:var(--success)}.badge-warning{background:var(--warning)}.badge-danger{background:var(--danger)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:none}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(28px);opacity:.6}to{transform:none;opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.spinning{animation:spin 1s linear infinite;display:inline-block}.pulsing{animation:pulse 2s ease-in-out infinite}.btn svg,.icon-svg,button svg{transition:all .3s cubic-bezier(.4,0,.2,1)}svg[stroke]{stroke-linecap:round;stroke-linejoin:round}.btn svg{display:block;flex-shrink:0}.btn-icon svg{margin:auto}.btn:has(span:contains("🔄")):hover span:first-child,button:has(.spinning):not(:disabled):hover svg{transform:rotate(180deg)}.btn-copy:hover,.btn-copy-code:hover,.copy-icon-btn:hover:not(:disabled){transform:translateY(-2px)}.btn-copy:hover svg,.btn-copy-code:hover svg,.copy-icon-btn:hover:not(:disabled) svg{transform:scale(1.15) translateY(-1px)}.copy-icon-btn.success-anim svg,.btn-copy-code.success-anim svg{animation:check-pop .5s ease}@keyframes check-pop{0%,to{transform:scale(1)}50%{transform:scale(1.3) rotate(-10deg)}}.btn-delete:hover:not(:disabled){animation:shake-warning .4s ease}@keyframes shake-warning{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-2px) rotate(-3deg)}75%{transform:translate(2px) rotate(3deg)}}.btn-delete:hover svg,.btn-danger:hover:not(:disabled) svg{transform:scale(1.1);filter:drop-shadow(0 2px 4px rgba(240,62,62,.3))}@keyframes icon-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.btn:active:not(:disabled) svg{animation:icon-bounce .3s ease}.btn-icon:active:not(:disabled){animation:icon-bounce .3s ease}@keyframes icon-check-in{0%{transform:scale(0) rotate(-45deg);opacity:0}50%{transform:scale(1.2) rotate(0)}to{transform:scale(1) rotate(0);opacity:1}}.btn.success-anim svg,.btn.success-anim span:first-child{animation:icon-check-in .5s ease}@keyframes icon-pulse-glow{0%,to{transform:scale(1);filter:drop-shadow(0 0 0 transparent)}50%{transform:scale(1.08);filter:drop-shadow(0 0 6px currentColor)}}.btn-icon.pulse{animation:icon-pulse-glow 2s ease infinite}.btn-delete.trash-anim,.btn-danger.trash-anim{animation:trash-shake .5s ease}@keyframes trash-shake{0%,to{transform:rotate(0)}10%,30%,50%{transform:rotate(-8deg)}20%,40%,60%{transform:rotate(8deg)}}.header-actions.icon-row{display:flex;gap:8px;align-items:center}.header-actions.icon-row .btn-icon{flex-shrink:0}.btn span:first-child:not(.btn-text){display:inline-flex;align-items:center;justify-content:center;font-size:1.1em;transition:transform .3s ease}.btn:hover:not(:disabled) span:first-child:not(.btn-text){transform:scale(1.1)}.btn:hover:not(:disabled) span:contains("🔄"){transform:rotate(180deg)}.btn:hover:not(:disabled) span:contains("🗑️"),.btn:hover:not(:disabled) span:contains("🧹"){transform:scale(1.1) rotate(8deg)}.btn:hover:not(:disabled) span:contains("📋"){transform:scale(1.15) translateY(-2px)}.btn:hover:not(:disabled) span:contains("⚙️"){transform:rotate(90deg)}.settings-btn:hover:not(:disabled) svg{transform:rotate(90deg) scale(1.1)}.settings-btn:active:not(:disabled) svg{transform:rotate(180deg) scale(1);transition:transform .3s ease}.btn[disabled] span:first-child,.btn.loading span:first-child{animation:pulse 1.5s ease infinite;opacity:.7}.generate-btn:not(:disabled) svg{filter:drop-shadow(0 0 3px rgba(255,255,255,.6))}.generate-btn:hover:not(:disabled) svg{transform:scale(1.15);filter:drop-shadow(0 0 8px rgba(255,255,255,.9));animation:sparkle 1.5s ease infinite}.generate-btn:active:not(:disabled) svg{transform:scale(1)}@keyframes sparkle{0%,to{opacity:1}50%{opacity:.8;transform:scale(1.2)}}.generate-btn.success-anim svg{animation:celebrate .6s ease}@keyframes celebrate{0%{transform:scale(1) rotate(0)}25%{transform:scale(1.3) rotate(-15deg)}50%{transform:scale(1.2) rotate(15deg)}75%{transform:scale(1.3) rotate(-10deg)}to{transform:scale(1) rotate(0)}}.loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.delete-email-btn:hover:not(:disabled) svg,.delete-msg-btn:hover:not(:disabled) svg{transform:scale(1.1) rotate(8deg);filter:drop-shadow(0 2px 4px rgba(220,38,38,.4))}.delete-msg-btn{padding:6px 12px!important;font-size:.85rem}.delete-msg-btn:hover:not(:disabled){animation:shake-warning .4s ease}.clear-all-btn:hover:not(:disabled) svg{transform:scale(1.1) rotate(45deg)}.sweep-icon-btn:hover:not(:disabled) svg{animation:sweep-motion .6s ease}@keyframes sweep-motion{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-3px) rotate(-8deg)}50%{transform:translate(3px) rotate(8deg)}75%{transform:translate(-2px) rotate(-5deg)}}.btn:has(span.spinning){pointer-events:none}.refresh-btn:hover:not(:disabled) svg{transform:rotate(180deg)}.refresh-btn:active:not(:disabled) svg{transform:rotate(360deg);transition:transform .6s ease}.pagination-btn:hover:not(:disabled) svg{animation:arrow-slide .6s ease infinite}.pagination-btn:first-child:hover:not(:disabled) svg{animation:arrow-slide-left .6s ease infinite}@keyframes arrow-slide{0%,to{transform:translate(0)}50%{transform:translate(4px)}}@keyframes arrow-slide-left{0%,to{transform:translate(0)}50%{transform:translate(-4px)}}@media (max-width: 1024px){.two-col{grid-template-columns:1fr;gap:12px}.left-pane,.right-pane{max-height:none}}@media (max-width: 768px){.app-container.with-sidebar,.app-container.sidebar-collapsed{padding-left:0}.app-header{margin-bottom:16px}.brand-section{flex-direction:column;gap:8px}.brand-info{align-items:center;text-align:center}.brand-name{font-size:1.5rem}.brand-subtitle{font-size:.85rem}.brand-logo{width:48px;height:48px}.brand-logo svg{width:24px;height:24px}.app-header-actions{position:relative;width:100%;justify-content:center;margin-top:12px}.header-desc{font-size:.95rem}.header-logout-btn{position:relative;margin-top:12px}.two-col{grid-template-columns:1fr;gap:12px}.card{border-radius:12px}.header-actions{flex-wrap:wrap;justify-content:center}.search-box{width:100%;min-width:unset}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--muted)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-sub)}.text-center{text-align:center}.text-muted{color:var(--text-sub)}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:8px}.gap-2{gap:16px}.w-full{width:100%}@supports (padding: env(safe-area-inset-top)){.app-container{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.app-container.with-sidebar{padding-left:calc(240px + env(safe-area-inset-left))}.app-container.sidebar-collapsed{padding-left:calc(70px + env(safe-area-inset-left))}}@media (display-mode: standalone){.app-header{padding-top:10px}.header-logout-btn{display:none}}@media (hover: none) and (pointer: coarse){.btn{min-height:44px;min-width:44px}.btn-sm{min-height:36px;padding:8px 16px}.btn:hover:not(:disabled){transform:none}.card:hover{transform:none}.btn:active:not(:disabled){transform:scale(.96);opacity:.9}.select-box input[type=checkbox]{width:20px;height:20px}.input-box input,.search-input,.reply-input,.reply-textarea{font-size:16px}}@media (max-width: 480px){.main-wrapper{padding:12px}.card-body{padding:14px}.card-header{padding:10px 14px}.message-item{padding:12px}.modal-content{max-width:100%;max-height:100%;border-radius:0;margin:0}.modal-overlay{padding:0}.reply-form{padding:12px}.reply-actions{flex-direction:column}.reply-actions .btn-cancel,.reply-actions .btn-send{width:100%;justify-content:center}.page-numbers{display:none}.page-info-detail{font-size:12px}}@media (max-height: 500px) and (orientation: landscape){.modal-content{max-height:100vh}.modal-body{max-height:calc(100vh - 80px)}}@media (prefers-color-scheme: dark){body{background:#0a0a0a}.card{background:#14161af2;border-color:#ffffff1a}.reply-form{background:#1a1a1a}.reply-input,.reply-textarea{background:#0a0a0a;border-color:#333;color:#e9edf1}.modal-content{background:#14161a}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}body:before,body:after,.app-container:before{animation:none}}.email-content-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.email-content-wrapper img{max-width:100%;height:auto}.email-content-wrapper table{max-width:100%;overflow-x:auto;display:block}@media print{body:before,body:after,.app-container:before{display:none}.card{box-shadow:none;border:1px solid #ddd}.btn,.header-actions,.pagination{display:none}}