*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #f5f7fa;--sidebar-bg: #1a1a2e;--sidebar-text: #e0e0e0;--sidebar-active: #16213e;--accent: #0f3460;--accent-light: #533483;--card-bg: #ffffff;--text: #2c3e50;--text-muted: #7f8c8d;--border: #e2e8f0;--danger: #e74c3c;--success: #27ae60}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}.app-layout{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;flex-shrink:0}.sidebar-header{padding:24px 20px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.1)}.logo{font-size:28px}.logo-text{font-size:18px;font-weight:600;letter-spacing:.5px}.sidebar-nav{flex:1;padding:16px 0}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 24px;color:var(--sidebar-text);text-decoration:none;transition:background .2s,color .2s;font-size:15px}.nav-item:hover{background:#ffffff14}.nav-item.active{background:var(--sidebar-active);color:#fff;border-right:3px solid var(--accent-light)}.nav-icon{font-size:18px;width:24px;text-align:center}.sidebar-footer{padding:16px 20px;border-top:1px solid rgba(255,255,255,.1)}.token-display{font-size:11px;color:#ffffff80;margin-bottom:10px;word-break:break-all;cursor:help}.btn-logout{width:100%;padding:8px;background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--sidebar-text);border-radius:6px;cursor:pointer;font-size:13px;transition:background .2s}.btn-logout:hover{background:#ffffff1a}.main-content{flex:1;padding:32px;overflow-y:auto;max-height:100vh}.login-page[data-v-be026c73]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);padding:20px}.login-card[data-v-be026c73]{background:#fff;border-radius:16px;padding:40px;width:100%;max-width:420px;box-shadow:0 20px 60px #0000004d}.login-header[data-v-be026c73]{text-align:center;margin-bottom:32px}.login-logo[data-v-be026c73]{font-size:48px;display:block;margin-bottom:12px}.login-header h1[data-v-be026c73]{font-size:24px;color:#1a1a2e;margin-bottom:4px}.login-subtitle[data-v-be026c73]{color:#7f8c8d;font-size:14px}.login-tabs[data-v-be026c73]{display:flex;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;margin-bottom:24px}.login-tabs button[data-v-be026c73]{flex:1;padding:10px;border:none;background:#f8f9fa;cursor:pointer;font-size:14px;color:#7f8c8d;transition:all .2s}.login-tabs button.active[data-v-be026c73]{background:#1a1a2e;color:#fff}.login-form[data-v-be026c73]{display:flex;flex-direction:column;gap:12px}.input[data-v-be026c73]{width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s}.input[data-v-be026c73]:focus{border-color:#0f3460}.btn[data-v-be026c73]{padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s}.btn[data-v-be026c73]:disabled{opacity:.6;cursor:not-allowed}.btn-primary[data-v-be026c73]{background:#1a1a2e;color:#fff}.btn-primary[data-v-be026c73]:hover:not(:disabled){background:#16213e}.btn-secondary[data-v-be026c73]{background:#f0f0f0;color:#2c3e50}.btn-secondary[data-v-be026c73]:hover:not(:disabled){background:#e0e0e0}.form-hint[data-v-be026c73]{font-size:13px;color:#7f8c8d;line-height:1.5}.divider[data-v-be026c73]{display:flex;align-items:center;gap:12px;color:#bdc3c7;font-size:12px}.divider[data-v-be026c73]:before,.divider[data-v-be026c73]:after{content:"";flex:1;height:1px;background:#e2e8f0}.error-msg[data-v-be026c73]{margin-top:16px;padding:10px 14px;background:#fef2f2;color:#e74c3c;border-radius:8px;font-size:13px}.mail-item[data-v-e82f8f78]{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--card-bg, #fff);border-radius:10px;cursor:pointer;transition:box-shadow .2s,transform .15s;box-shadow:0 1px 2px #0000000a}.mail-item[data-v-e82f8f78]:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.mail-avatar[data-v-e82f8f78]{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex-shrink:0}.mail-content[data-v-e82f8f78]{flex:1;min-width:0}.mail-top[data-v-e82f8f78]{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px}.mail-sender[data-v-e82f8f78]{font-size:14px;font-weight:600;color:var(--text, #2c3e50)}.mail-time[data-v-e82f8f78]{font-size:12px;color:var(--text-muted, #7f8c8d);flex-shrink:0}.mail-subject[data-v-e82f8f78]{font-size:14px;color:var(--text, #2c3e50);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-preview[data-v-e82f8f78]{font-size:13px;color:var(--text-muted, #7f8c8d);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-delete[data-v-e82f8f78]{width:30px;height:30px;border-radius:50%;border:none;background:transparent;color:var(--text-muted, #7f8c8d);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:0;transition:opacity .2s,background .2s,color .2s}.mail-item:hover .mail-delete[data-v-e82f8f78]{opacity:1}.mail-delete[data-v-e82f8f78]:hover{background:#fef2f2;color:#e74c3c}.page[data-v-f4f184fc]{max-width:800px}.page-header[data-v-f4f184fc]{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-header h2[data-v-f4f184fc]{font-size:22px;font-weight:700;color:var(--text, #2c3e50)}.header-actions[data-v-f4f184fc]{display:flex;align-items:center;gap:8px}.btn-icon[data-v-f4f184fc]{width:36px;height:36px;border-radius:8px;border:1px solid var(--border, #e2e8f0);background:var(--card-bg, #fff);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:background .2s}.btn-icon[data-v-f4f184fc]:hover:not(:disabled){background:#f0f0f0}.btn-icon[data-v-f4f184fc]:disabled{opacity:.5;cursor:not-allowed}.btn-text[data-v-f4f184fc]{padding:8px 16px;border-radius:8px;border:none;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}.btn-danger[data-v-f4f184fc]{background:#fef2f2;color:#dc2626}.btn-danger[data-v-f4f184fc]:hover{background:#fee2e2}.mail-list[data-v-f4f184fc]{display:flex;flex-direction:column;gap:8px}.loading[data-v-f4f184fc]{text-align:center;padding:60px 0;color:var(--text-muted, #7f8c8d);font-size:15px}.error-msg[data-v-f4f184fc]{padding:14px 18px;background:#fef2f2;color:#dc2626;border-radius:10px;font-size:14px}.empty[data-v-f4f184fc]{text-align:center;padding:80px 0;color:var(--text-muted, #7f8c8d)}.empty-icon[data-v-f4f184fc]{font-size:48px;display:block;margin-bottom:12px}.empty p[data-v-f4f184fc]{font-size:16px}.input[data-v-f4f184fc]{width:100%;padding:12px 16px;border:1px solid var(--border, #e2e8f0);border-radius:8px;font-size:14px;outline:none;transition:border-color .2s;background:var(--card-bg, #fff);color:var(--text, #2c3e50)}.input[data-v-f4f184fc]:focus{border-color:var(--accent, #0f3460)}.btn[data-v-f4f184fc]{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s,background .2s}.btn[data-v-f4f184fc]:disabled{opacity:.5;cursor:not-allowed}.btn-primary[data-v-f4f184fc]{background:var(--sidebar-bg, #1a1a2e);color:#fff}.btn-primary[data-v-f4f184fc]:hover:not(:disabled){opacity:.9}.btn-secondary[data-v-f4f184fc]{background:#f0f0f0;color:var(--text, #2c3e50)}.btn-secondary[data-v-f4f184fc]:hover:not(:disabled){background:#e0e0e0}.page[data-v-a3b97a89]{max-width:800px}.page-header[data-v-a3b97a89]{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-header h2[data-v-a3b97a89]{font-size:22px;font-weight:700;color:var(--text, #2c3e50)}.header-actions[data-v-a3b97a89]{display:flex;align-items:center;gap:8px}.btn-icon[data-v-a3b97a89]{width:36px;height:36px;border-radius:8px;border:1px solid var(--border, #e2e8f0);background:var(--card-bg, #fff);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:background .2s}.btn-icon[data-v-a3b97a89]:hover:not(:disabled){background:#f0f0f0}.btn-icon[data-v-a3b97a89]:disabled{opacity:.5;cursor:not-allowed}.btn-text[data-v-a3b97a89]{padding:8px 16px;border-radius:8px;border:none;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}.btn-danger[data-v-a3b97a89]{background:#fef2f2;color:#dc2626}.btn-danger[data-v-a3b97a89]:hover{background:#fee2e2}.mail-list[data-v-a3b97a89]{display:flex;flex-direction:column;gap:8px}.loading[data-v-a3b97a89]{text-align:center;padding:60px 0;color:var(--text-muted, #7f8c8d);font-size:15px}.error-msg[data-v-a3b97a89]{padding:14px 18px;background:#fef2f2;color:#dc2626;border-radius:10px;font-size:14px}.empty[data-v-a3b97a89]{text-align:center;padding:80px 0;color:var(--text-muted, #7f8c8d)}.empty-icon[data-v-a3b97a89]{font-size:48px;display:block;margin-bottom:12px}.empty p[data-v-a3b97a89]{font-size:16px}.input[data-v-a3b97a89]{width:100%;padding:12px 16px;border:1px solid var(--border, #e2e8f0);border-radius:8px;font-size:14px;outline:none;transition:border-color .2s;background:var(--card-bg, #fff);color:var(--text, #2c3e50)}.input[data-v-a3b97a89]:focus{border-color:var(--accent, #0f3460)}.btn[data-v-a3b97a89]{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s,background .2s}.btn[data-v-a3b97a89]:disabled{opacity:.5;cursor:not-allowed}.btn-primary[data-v-a3b97a89]{background:var(--sidebar-bg, #1a1a2e);color:#fff}.btn-primary[data-v-a3b97a89]:hover:not(:disabled){opacity:.9}.btn-secondary[data-v-a3b97a89]{background:#f0f0f0;color:var(--text, #2c3e50)}.btn-secondary[data-v-a3b97a89]:hover:not(:disabled){background:#e0e0e0}.page[data-v-bbc7b8b8]{max-width:800px}.page-header[data-v-bbc7b8b8]{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-header h2[data-v-bbc7b8b8]{font-size:22px;font-weight:700;color:var(--text, #2c3e50)}.header-actions[data-v-bbc7b8b8]{display:flex;align-items:center;gap:8px}.btn-icon[data-v-bbc7b8b8]{width:36px;height:36px;border-radius:8px;border:1px solid var(--border, #e2e8f0);background:var(--card-bg, #fff);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:background .2s}.btn-icon[data-v-bbc7b8b8]:hover:not(:disabled){background:#f0f0f0}.btn-icon[data-v-bbc7b8b8]:disabled{opacity:.5;cursor:not-allowed}.btn-text[data-v-bbc7b8b8]{padding:8px 16px;border-radius:8px;border:none;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}.btn-danger[data-v-bbc7b8b8]{background:#fef2f2;color:#dc2626}.btn-danger[data-v-bbc7b8b8]:hover{background:#fee2e2}.mail-list[data-v-bbc7b8b8]{display:flex;flex-direction:column;gap:8px}.loading[data-v-bbc7b8b8]{text-align:center;padding:60px 0;color:var(--text-muted, #7f8c8d);font-size:15px}.error-msg[data-v-bbc7b8b8]{padding:14px 18px;background:#fef2f2;color:#dc2626;border-radius:10px;font-size:14px}.empty[data-v-bbc7b8b8]{text-align:center;padding:80px 0;color:var(--text-muted, #7f8c8d)}.empty-icon[data-v-bbc7b8b8]{font-size:48px;display:block;margin-bottom:12px}.empty p[data-v-bbc7b8b8]{font-size:16px}.input[data-v-bbc7b8b8]{width:100%;padding:12px 16px;border:1px solid var(--border, #e2e8f0);border-radius:8px;font-size:14px;outline:none;transition:border-color .2s;background:var(--card-bg, #fff);color:var(--text, #2c3e50)}.input[data-v-bbc7b8b8]:focus{border-color:var(--accent, #0f3460)}.btn[data-v-bbc7b8b8]{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s,background .2s}.btn[data-v-bbc7b8b8]:disabled{opacity:.5;cursor:not-allowed}.btn-primary[data-v-bbc7b8b8]{background:var(--sidebar-bg, #1a1a2e);color:#fff}.btn-primary[data-v-bbc7b8b8]:hover:not(:disabled){opacity:.9}.btn-secondary[data-v-bbc7b8b8]{background:#f0f0f0;color:var(--text, #2c3e50)}.btn-secondary[data-v-bbc7b8b8]:hover:not(:disabled){background:#e0e0e0}.compose-form[data-v-bbc7b8b8]{background:var(--card-bg, #fff);border-radius:12px;padding:28px;display:flex;flex-direction:column;gap:20px;box-shadow:0 1px 3px #0000000f}.form-group[data-v-bbc7b8b8]{display:flex;flex-direction:column;gap:6px}.form-group label[data-v-bbc7b8b8]{font-size:13px;font-weight:600;color:var(--text-muted, #7f8c8d);text-transform:uppercase;letter-spacing:.5px}.textarea[data-v-bbc7b8b8]{resize:vertical;min-height:180px;font-family:inherit;line-height:1.6}.form-actions[data-v-bbc7b8b8]{display:flex;gap:12px;padding-top:8px}.success-msg[data-v-bbc7b8b8]{background:#f0fdf4;color:#166534;padding:20px;border-radius:12px;text-align:center;font-size:16px}.page[data-v-57e49743]{max-width:800px}.page-header[data-v-57e49743]{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-header h2[data-v-57e49743]{font-size:22px;font-weight:700;color:var(--text, #2c3e50)}.header-actions[data-v-57e49743]{display:flex;align-items:center;gap:8px}.btn-icon[data-v-57e49743]{width:36px;height:36px;border-radius:8px;border:1px solid var(--border, #e2e8f0);background:var(--card-bg, #fff);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:background .2s}.btn-icon[data-v-57e49743]:hover:not(:disabled){background:#f0f0f0}.btn-icon[data-v-57e49743]:disabled{opacity:.5;cursor:not-allowed}.btn-text[data-v-57e49743]{padding:8px 16px;border-radius:8px;border:none;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}.btn-danger[data-v-57e49743]{background:#fef2f2;color:#dc2626}.btn-danger[data-v-57e49743]:hover{background:#fee2e2}.mail-list[data-v-57e49743]{display:flex;flex-direction:column;gap:8px}.loading[data-v-57e49743]{text-align:center;padding:60px 0;color:var(--text-muted, #7f8c8d);font-size:15px}.error-msg[data-v-57e49743]{padding:14px 18px;background:#fef2f2;color:#dc2626;border-radius:10px;font-size:14px}.empty[data-v-57e49743]{text-align:center;padding:80px 0;color:var(--text-muted, #7f8c8d)}.empty-icon[data-v-57e49743]{font-size:48px;display:block;margin-bottom:12px}.empty p[data-v-57e49743]{font-size:16px}.input[data-v-57e49743]{width:100%;padding:12px 16px;border:1px solid var(--border, #e2e8f0);border-radius:8px;font-size:14px;outline:none;transition:border-color .2s;background:var(--card-bg, #fff);color:var(--text, #2c3e50)}.input[data-v-57e49743]:focus{border-color:var(--accent, #0f3460)}.btn[data-v-57e49743]{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s,background .2s}.btn[data-v-57e49743]:disabled{opacity:.5;cursor:not-allowed}.btn-primary[data-v-57e49743]{background:var(--sidebar-bg, #1a1a2e);color:#fff}.btn-primary[data-v-57e49743]:hover:not(:disabled){opacity:.9}.btn-secondary[data-v-57e49743]{background:#f0f0f0;color:var(--text, #2c3e50)}.btn-secondary[data-v-57e49743]:hover:not(:disabled){background:#e0e0e0}.btn-back[data-v-57e49743]{background:none;border:none;color:var(--text, #2c3e50);cursor:pointer;font-size:15px;padding:6px 0}.btn-back[data-v-57e49743]:hover{color:var(--accent, #0f3460)}.mail-detail[data-v-57e49743]{background:var(--card-bg, #fff);border-radius:12px;padding:32px;box-shadow:0 1px 3px #0000000f}.detail-header[data-v-57e49743]{display:flex;align-items:center;gap:12px;margin-bottom:16px}.detail-subject[data-v-57e49743]{font-size:22px;flex:1}.detail-badge[data-v-57e49743]{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.detail-badge.inbox[data-v-57e49743]{background:#dbeafe;color:#1d4ed8}.detail-badge.outbox[data-v-57e49743]{background:#fef3c7;color:#92400e}.detail-meta[data-v-57e49743]{display:flex;gap:20px;font-size:14px;color:var(--text-muted, #7f8c8d);padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--border, #e2e8f0);flex-wrap:wrap}.detail-meta strong[data-v-57e49743]{color:var(--text, #2c3e50)}.detail-time[data-v-57e49743]{margin-left:auto}.detail-body[data-v-57e49743]{font-size:15px;line-height:1.8;white-space:pre-wrap;color:var(--text, #2c3e50)}