@import url(https://fonts.googleapis.com/css2?family=Kanit&display=swap);#app,body,html{margin:0!important;padding:0!important;height:100vh}*{box-sizing:border-box;font-family:Kanit,sans-serif}.avatar-uploader,.avatar-uploader :deep(.el-upload){display:flex;justify-content:center;align-items:center}.avatar-uploader :deep(.el-upload){min-height:10rem;min-width:10rem;box-shadow:0 2px 12px 0 rgba(0,0,0,.2);border-radius:.4rem;transition:.5s}.avatar-uploader :deep(.el-upload):hover{background:#cecccc}.avatar-uploader :deep(.el-upload) .el-icon-plus{font-size:2.25rem!important}.avatar{max-height:160px;max-width:160px}hr{border-top:#c4c4c4;margin-top:1rem;margin-bottom:1rem}.chart{width:50vw}.summary-header[data-v-1d07ae9a]{font-size:1.25rem;font-weight:700}.summary-value[data-v-1d07ae9a]{display:flex}.summary-topic[data-v-1d07ae9a]{font-size:1rem;font-weight:1000;margin-bottom:1rem}.summary-card[data-v-1d07ae9a]{width:25vw;height:100%}p[data-v-1d07ae9a]{font-size:large}[data-v-1d07ae9a] .el-collapse-item__header{font-size:1rem;font-weight:700}[data-v-1d07ae9a] .el-collapse-item__content{font-size:1rem}.page[data-v-887e2f96]{padding:28px 32px;min-height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.topbar[data-v-887e2f96]{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-bottom:36px}.title-group[data-v-887e2f96]{display:flex;flex-direction:column;gap:4px}.title[data-v-887e2f96]{margin:0;font-size:1.4rem;font-weight:700;color:var(--el-text-color-primary);letter-spacing:-.01em}.subtitle[data-v-887e2f96]{margin:0;font-size:.85rem;color:var(--el-text-color-secondary)}.controls[data-v-887e2f96]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.vs-badge[data-v-887e2f96]{padding:2px 8px;background:var(--el-fill-color);border-radius:4px;font-size:.7rem;font-weight:700;color:var(--el-text-color-secondary);letter-spacing:.1em}.feedback-wrap[data-v-887e2f96]{display:flex;justify-content:center;padding:80px 0}.empty-state[data-v-887e2f96]{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.empty-icon[data-v-887e2f96]{font-size:2.5rem;margin-bottom:8px}.empty-title[data-v-887e2f96]{margin:0;font-size:1rem;font-weight:600;color:var(--el-text-color-primary)}.empty-desc[data-v-887e2f96]{margin:0;font-size:.85rem;color:var(--el-text-color-secondary)}.results[data-v-887e2f96]{display:flex;flex-direction:column;gap:24px}.date-banner[data-v-887e2f96]{display:flex;align-items:center;gap:10px}.date-pill[data-v-887e2f96]{padding:4px 14px;border-radius:20px;font-size:.8rem;font-weight:600}.date-pill.m1[data-v-887e2f96]{background:#eff6ff;color:#2563eb}.date-pill.m2[data-v-887e2f96]{background:#fff7ed;color:#ea580c}.arrow-icon[data-v-887e2f96]{color:var(--el-text-color-placeholder);font-size:1rem}.metrics[data-v-887e2f96]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.metric-card[data-v-887e2f96]{background:var(--el-bg-color);border:1px solid var(--el-border-color-light);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:16px}.metric-label[data-v-887e2f96]{margin:0;font-size:.8rem;font-weight:600;color:var(--el-text-color-secondary);text-transform:uppercase;letter-spacing:.06em}.metric-row[data-v-887e2f96]{display:flex;align-items:center;gap:0}.metric-col[data-v-887e2f96]{flex:1;display:flex;flex-direction:column;gap:4px}.metric-col[data-v-887e2f96]:last-child{align-items:flex-end}.metric-sep[data-v-887e2f96]{width:1px;height:48px;background:var(--el-border-color-light);margin:0 16px;flex-shrink:0}.metric-month[data-v-887e2f96]{font-size:.75rem;color:var(--el-text-color-secondary)}.metric-num[data-v-887e2f96]{font-size:1.8rem;font-weight:700;line-height:1;letter-spacing:-.02em}.metric-num.m1[data-v-887e2f96]{color:#2563eb}.metric-num.m2[data-v-887e2f96]{color:#ea580c}.metric-unit[data-v-887e2f96]{font-size:.75rem;color:var(--el-text-color-placeholder)}.metric-footer[data-v-887e2f96]{display:flex;align-items:center;gap:5px;padding:8px 12px;border-radius:8px;font-size:.8rem;font-weight:500}.metric-footer.positive[data-v-887e2f96]{background:#f0fdf4;color:#16a34a}.metric-footer.negative[data-v-887e2f96]{background:#fef2f2;color:#dc2626}.metric-footer.neutral[data-v-887e2f96]{background:var(--el-fill-color-light);color:var(--el-text-color-secondary)}.change-arrow[data-v-887e2f96]{font-size:.9rem;font-weight:700}.change-text[data-v-887e2f96]{flex:1}.change-pct[data-v-887e2f96]{opacity:.75}.chart-section[data-v-887e2f96]{display:grid;grid-template-columns:2fr 1fr;gap:16px}.chart-wrap[data-v-887e2f96],.total-wrap[data-v-887e2f96]{background:var(--el-bg-color);border:1px solid var(--el-border-color-light);border-radius:12px;padding:20px}