.email-list-container[data-v-c2f25ebe]{width:320px;background-color:#fff;border-right:1px solid #e5e9ef;display:flex;flex-direction:column}.list-header[data-v-c2f25ebe]{padding:16px 20px;font-weight:600;border-bottom:1px solid #e5e9ef;display:flex;justify-content:space-between}.count[data-v-c2f25ebe]{color:#6b7b8f;font-size:14px}.loading-indicator[data-v-c2f25ebe]{text-align:center;padding:40px 0;color:#999}.email-ul[data-v-c2f25ebe]{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1}.email-item[data-v-c2f25ebe]{padding:16px 20px;border-bottom:1px solid #f0f2f5;cursor:pointer;transition:background-color .2s;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.email-item[data-v-c2f25ebe]:hover{background-color:#f5f7fa}.email-item.active[data-v-c2f25ebe]{background-color:#e9f0fe;border-left:3px solid #2b7de9}.item-sender[data-v-c2f25ebe]{font-weight:600;color:#2c3e50;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-subject[data-v-c2f25ebe]{color:#5f6b7a;font-size:14px;grid-column:1 / -1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-time[data-v-c2f25ebe]{color:#8d9aa9;font-size:12px;justify-self:end}.empty-list[data-v-c2f25ebe]{text-align:center;padding:40px 20px;color:#aaa}.email-detail-container[data-v-e437e495]{flex:1;background-color:#fff;padding:24px 32px;overflow-y:auto;min-width:0}.detail-loading[data-v-e437e495],.detail-placeholder[data-v-e437e495]{display:flex;align-items:center;justify-content:center;height:100%;color:#9aa5b5;font-size:16px}.detail-subject[data-v-e437e495]{font-size:24px;font-weight:500;margin:0 0 20px;color:#1e2a3a;word-break:break-word}.detail-meta[data-v-e437e495]{background-color:#f8fafd;border-radius:8px;padding:16px 20px;margin-bottom:24px;border:1px solid #eef2f6}.meta-row[data-v-e437e495]{margin-bottom:8px;display:flex;align-items:baseline}.meta-row[data-v-e437e495]:last-child{margin-bottom:0}.meta-label[data-v-e437e495]{width:70px;color:#5f6b7a;font-size:14px}.meta-value[data-v-e437e495]{color:#1e2a3a;font-weight:500;word-break:break-all}.detail-body[data-v-e437e495]{padding:20px 0;border-bottom:1px solid #eef2f6;min-height:200px;line-height:1.6;color:#2c3e50}.empty-content[data-v-e437e495]{color:#aaa;font-style:italic}.attachments-section[data-v-e437e495]{margin-top:24px}.attachments-section h4[data-v-e437e495]{font-size:16px;font-weight:500;color:#1e2a3a;margin:0 0 12px}.attachment-list[data-v-e437e495]{list-style:none;padding:0;margin:0}.attachment-list li[data-v-e437e495]{display:inline-block;margin-right:12px;margin-bottom:12px}.attachment-link[data-v-e437e495]{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background-color:#f0f4f9;border-radius:30px;text-decoration:none;color:#2b7de9;border:1px solid #d9e1ec;transition:all .2s}.attachment-link[data-v-e437e495]:hover{background-color:#e1eaf5;border-color:#2b7de9}.filename[data-v-e437e495]{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.download-icon[data-v-e437e495]{font-size:16px}.mail-app[data-v-5eb5749b]{height:100vh;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app-header[data-v-5eb5749b]{background-color:#2b2f3a;color:#fff;padding:0 24px;line-height:56px;box-shadow:0 2px 8px #0000001a}.app-header h1[data-v-5eb5749b]{font-size:18px;font-weight:500;margin:0}.main-container[data-v-5eb5749b]{flex:1;display:flex;min-height:0;background-color:#f2f5f9}