.modal-overlay[data-v-f9e55e76]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal[data-v-f9e55e76]{background:var(--color-bg);padding:32px;border-radius:8px;max-width:400px;width:90%;box-shadow:0 4px 16px #0003}.modal h2[data-v-f9e55e76]{margin-bottom:8px;color:var(--color-text)}.modal p[data-v-f9e55e76]{color:var(--color-text-secondary);margin-bottom:24px}.token-input[data-v-f9e55e76]{width:100%;padding:12px;border:1px solid var(--color-border);border-radius:4px;font-size:14px;margin-bottom:16px}.token-input[data-v-f9e55e76]:focus{outline:none;border-color:var(--color-primary)}.button-group[data-v-f9e55e76]{display:flex;justify-content:flex-end}.btn[data-v-f9e55e76]{padding:10px 20px;border:none;border-radius:4px;font-size:14px;cursor:pointer;font-weight:500}.btn-primary[data-v-f9e55e76]{background:var(--color-primary);color:#fff}.btn-primary[data-v-f9e55e76]:hover:not(:disabled){background:var(--color-primary-dark)}.btn-primary[data-v-f9e55e76]:disabled{opacity:.5;cursor:not-allowed}.error[data-v-f9e55e76]{color:var(--color-primary);font-size:14px;margin-top:16px}.modal-overlay[data-v-f1cbe97f]{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-f1cbe97f]{background:var(--color-bg);border-radius:8px;width:90%;max-width:500px;box-shadow:0 4px 20px #00000026}.modal-header[data-v-f1cbe97f]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--color-border)}.modal-header h3[data-v-f1cbe97f]{margin:0;font-size:18px;color:var(--color-text)}.close-btn[data-v-f1cbe97f]{border:none;background:none;font-size:28px;color:var(--color-text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s}.close-btn[data-v-f1cbe97f]:hover{background:var(--color-bg-secondary);color:var(--color-text)}.modal-body[data-v-f1cbe97f]{padding:20px;display:flex;flex-direction:column;gap:16px}.form-group[data-v-f1cbe97f]{display:flex;flex-direction:column;gap:6px}.form-group label[data-v-f1cbe97f]{font-size:13px;font-weight:600;color:var(--color-text)}.input[data-v-f1cbe97f],.select[data-v-f1cbe97f]{padding:10px 12px;border:1px solid var(--color-border);border-radius:4px;font-size:14px;background:var(--color-bg);color:var(--color-text);transition:border-color .15s}.input[data-v-f1cbe97f]:focus,.select[data-v-f1cbe97f]:focus{outline:none;border-color:var(--color-primary)}.select[data-v-f1cbe97f]{cursor:pointer}.modal-footer[data-v-f1cbe97f]{padding:20px;border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:12px}.btn-secondary[data-v-f1cbe97f],.btn-primary[data-v-f1cbe97f]{padding:10px 20px;border-radius:4px;font-size:14px;cursor:pointer;transition:all .15s;border:none}.btn-secondary[data-v-f1cbe97f]{background:var(--color-bg-secondary);color:var(--color-text)}.btn-secondary[data-v-f1cbe97f]:hover{background:var(--color-border)}.btn-primary[data-v-f1cbe97f]{background:var(--color-primary);color:#fff}.btn-primary[data-v-f1cbe97f]:hover:not(:disabled){background:var(--color-primary-dark)}.btn-primary[data-v-f1cbe97f]:disabled{opacity:.5;cursor:not-allowed}.action-bar[data-v-506b1602]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--color-bg);border-bottom:1px solid var(--color-border);gap:16px}.filters-section[data-v-506b1602]{flex:1;min-width:0}.filters-list[data-v-506b1602]{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.filter-chip[data-v-506b1602]{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--color-border);border-radius:16px;background:var(--color-bg);color:var(--color-text);font-size:13px;cursor:pointer;transition:all .15s}.filter-chip[data-v-506b1602]:hover{background:var(--color-bg-secondary);border-color:var(--color-primary)}.filter-chip.active[data-v-506b1602]{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.filter-remove[data-v-506b1602]{font-size:16px;font-weight:700;opacity:.7;transition:opacity .15s}.filter-remove[data-v-506b1602]:hover{opacity:1}.filter-chip.active .filter-remove[data-v-506b1602]{opacity:.9}.filter-chip.active .filter-remove[data-v-506b1602]:hover{opacity:1}.filter-add[data-v-506b1602]{padding:6px 12px;border:1px dashed var(--color-border);border-radius:16px;background:transparent;color:var(--color-text-secondary);font-size:13px;cursor:pointer;transition:all .15s}.filter-add[data-v-506b1602]:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-bg-secondary)}.actions-section[data-v-506b1602]{display:flex;gap:8px;align-items:center}.btn-action[data-v-506b1602]{padding:8px 16px;border:1px solid var(--color-border);border-radius:4px;background:var(--color-bg);color:var(--color-text);font-size:13px;cursor:pointer;transition:all .15s;white-space:nowrap}.btn-action[data-v-506b1602]:hover:not(:disabled){background:var(--color-bg-secondary);border-color:var(--color-primary)}.btn-action[data-v-506b1602]:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 768px){.action-bar[data-v-506b1602]{flex-direction:column;align-items:stretch;gap:12px}.actions-section[data-v-506b1602]{justify-content:flex-end}}.badge[data-v-78bac2b5]{display:inline-block;padding:2px 8px;border-radius:3px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-spam[data-v-78bac2b5]{background:#ffe0e0;color:var(--color-primary)}.badge-ham[data-v-78bac2b5]{background:#e0f5e9;color:var(--color-success)}.badge-unknown[data-v-78bac2b5]{background:#fff3e0;color:var(--color-warning)}.message-list[data-v-1454d9d4]{display:flex;flex-direction:column;height:100%;background:var(--color-bg);border-right:1px solid var(--color-border)}.list-header[data-v-1454d9d4]{padding:16px;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.list-header h2[data-v-1454d9d4]{margin:0;font-size:20px;color:var(--color-text)}.filters[data-v-1454d9d4]{display:flex;gap:8px;align-items:center}.filter-select[data-v-1454d9d4]{padding:6px 12px;border:1px solid var(--color-border);border-radius:4px;font-size:13px;background:var(--color-bg);color:var(--color-text);cursor:pointer}.filter-select[data-v-1454d9d4]:focus{outline:none;border-color:var(--color-primary)}.btn-icon[data-v-1454d9d4]{padding:6px 12px;border:1px solid var(--color-border);border-radius:4px;background:var(--color-bg);cursor:pointer;font-size:16px}.btn-icon[data-v-1454d9d4]:hover{background:var(--color-bg-secondary)}.loading[data-v-1454d9d4],.empty[data-v-1454d9d4],.error-message[data-v-1454d9d4]{padding:32px;text-align:center;color:var(--color-text-secondary)}.error-message[data-v-1454d9d4]{color:var(--color-primary)}.messages[data-v-1454d9d4]{flex:1;overflow-y:auto}.message-item[data-v-1454d9d4]{padding:16px;border-bottom:1px solid var(--color-border);cursor:pointer;transition:background .15s}.message-item[data-v-1454d9d4]:hover{background:var(--color-bg-secondary)}.message-item.active[data-v-1454d9d4]{background:#fff5f5;border-left:3px solid var(--color-primary);padding-left:13px}.message-header[data-v-1454d9d4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.from[data-v-1454d9d4]{font-weight:600;color:var(--color-text);font-size:14px}.time[data-v-1454d9d4]{font-size:12px;color:var(--color-text-secondary)}.message-subject[data-v-1454d9d4]{font-size:14px;color:var(--color-text);margin-bottom:4px;font-weight:500}.message-footer[data-v-1454d9d4]{display:flex;justify-content:space-between;align-items:center;gap:8px}.snippet[data-v-1454d9d4]{font-size:13px;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.badges[data-v-1454d9d4]{display:flex;gap:6px;align-items:center;flex-shrink:0}.attachment-icon[data-v-1454d9d4]{font-size:14px}.load-more[data-v-1454d9d4]{padding:16px;text-align:center;border-bottom:1px solid var(--color-border)}.btn-secondary[data-v-1454d9d4]{padding:8px 16px;border:1px solid var(--color-border);border-radius:4px;background:var(--color-bg);color:var(--color-text);cursor:pointer;font-size:14px}.btn-secondary[data-v-1454d9d4]:hover:not(:disabled){background:var(--color-bg-secondary)}.btn-secondary[data-v-1454d9d4]:disabled{opacity:.5;cursor:not-allowed}.message-detail[data-v-da871a2c]{display:flex;flex-direction:column;height:100%;background:var(--color-bg);overflow:hidden}.loading[data-v-da871a2c],.empty[data-v-da871a2c],.error-message[data-v-da871a2c]{padding:32px;text-align:center;color:var(--color-text-secondary)}.error-message[data-v-da871a2c]{color:var(--color-primary)}.detail-content[data-v-da871a2c]{flex:1;overflow-y:auto;display:flex;flex-direction:column}.detail-header[data-v-da871a2c]{padding:24px;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.detail-header h2[data-v-da871a2c]{margin:0;font-size:20px;color:var(--color-text);flex:1}.meta[data-v-da871a2c]{padding:16px 24px;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.meta-row[data-v-da871a2c]{display:flex;gap:12px;margin-bottom:8px;font-size:14px}.meta-row[data-v-da871a2c]:last-child{margin-bottom:0}.label[data-v-da871a2c]{font-weight:600;color:var(--color-text-secondary);min-width:120px}.value[data-v-da871a2c]{color:var(--color-text)}.attachments[data-v-da871a2c]{padding:16px 24px;border-bottom:1px solid var(--color-border)}.attachments h3[data-v-da871a2c]{margin:0 0 12px;font-size:14px;color:var(--color-text);font-weight:600}.attachment-list[data-v-da871a2c]{display:flex;flex-direction:column;gap:8px}.attachment-item[data-v-da871a2c]{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;text-decoration:none;color:var(--color-text);font-size:14px;transition:background .15s}.attachment-item[data-v-da871a2c]:hover{background:var(--color-bg-secondary)}.attachment-icon[data-v-da871a2c]{font-size:16px}.attachment-name[data-v-da871a2c]{flex:1}.attachment-size[data-v-da871a2c]{color:var(--color-text-secondary);font-size:12px}.body-tabs[data-v-da871a2c]{display:flex;border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary);padding:0 24px}.tab[data-v-da871a2c]{padding:12px 16px;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;font-size:14px;font-weight:500;border-bottom:2px solid transparent;transition:all .15s}.tab[data-v-da871a2c]:hover:not(:disabled){color:var(--color-text)}.tab.active[data-v-da871a2c]{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab[data-v-da871a2c]:disabled{opacity:.4;cursor:not-allowed}.body-content[data-v-da871a2c]{flex:1;overflow:auto}.text-body[data-v-da871a2c]{padding:24px}.text-body pre[data-v-da871a2c]{margin:0;font-family:monospace;font-size:14px;line-height:1.6;color:var(--color-text);white-space:pre-wrap;word-wrap:break-word}.html-body[data-v-da871a2c]{height:100%;padding:0}.html-iframe[data-v-da871a2c]{width:100%;height:100%;border:none}.no-content[data-v-da871a2c]{padding:24px;text-align:center;color:var(--color-text-secondary)}#app[data-v-7f705251]{height:100vh;overflow:hidden}.app-layout[data-v-7f705251]{display:flex;flex-direction:column;height:100vh}.app-container[data-v-7f705251]{display:grid;grid-template-columns:400px 1fr;flex:1;min-height:0}@media (max-width: 768px){.app-container[data-v-7f705251]{grid-template-columns:1fr}}:root{--color-primary: #db4c3f;--color-primary-dark: #c53727;--color-bg: #ffffff;--color-bg-secondary: #f9f9f9;--color-border: #e0e0e0;--color-text: #202020;--color-text-secondary: #808080;--color-success: #058527;--color-warning: #ff9a14}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.5;overflow:hidden}button,input,select{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}
