.history-container[data-v-d03b51e2]{background:#f8f9fa;min-height:100vh;padding-bottom:60px}.history-header[data-v-d03b51e2]{background:linear-gradient(135deg,#ff8c42,#ff6b35);box-shadow:0 4px 12px #ff8c4233;color:#fff;margin-bottom:40px;padding:60px 0}.header-content[data-v-d03b51e2]{align-items:center;display:flex}.header-title h1[data-v-d03b51e2]{font-size:48px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.header-title p[data-v-d03b51e2]{font-size:18px;font-weight:400;margin:0;opacity:.95}.history-main[data-v-d03b51e2]{padding:0 0 40px}.section-header[data-v-d03b51e2]{margin-bottom:40px}.section-header h2[data-v-d03b51e2]{color:#2c3e50;font-size:28px;font-weight:700;margin:0 0 8px}.subtitle[data-v-d03b51e2]{color:#7f8c8d;font-size:16px;margin:0}.empty-state[data-v-d03b51e2]{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:80px 40px;text-align:center}.empty-icon[data-v-d03b51e2]{color:#bdc3c7;font-size:64px;margin-bottom:20px}.empty-state h3[data-v-d03b51e2]{color:#2c3e50;font-size:24px;margin:20px 0 10px}.empty-state p[data-v-d03b51e2]{color:#7f8c8d;font-size:16px;margin:0}.loading-state[data-v-d03b51e2]{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:60px 40px;text-align:center}.spinner[data-v-d03b51e2]{animation:spin-d03b51e2 .6s linear infinite;border:4px solid #ecf0f1;border-radius:50%;border-top-color:#ff8c42;height:40px;margin:0 auto 20px;width:40px}@keyframes spin-d03b51e2{to{transform:rotate(1turn)}}.loading-state p[data-v-d03b51e2]{color:#7f8c8d;font-size:16px;margin:0}.history-grid[data-v-d03b51e2]{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.history-card[data-v-d03b51e2]{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .3s ease}.history-card[data-v-d03b51e2]:hover{box-shadow:0 8px 16px #0000001f;transform:translateY(-4px)}.badge-wrapper[data-v-d03b51e2]{display:flex;gap:8px;position:absolute;right:12px;top:12px;z-index:10}.badge[data-v-d03b51e2]{border-radius:20px;color:#fff;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.badge-free[data-v-d03b51e2]{background:#07834b}.badge-pro[data-v-d03b51e2]{background:#f39c12}.badge-vvip[data-v-d03b51e2]{background:#f0ac0f}.badge-pay[data-v-d03b51e2]{background:#7648e7}.card-image[data-v-d03b51e2]{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);height:180px;overflow:hidden;width:100%}.card-image img[data-v-d03b51e2]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;width:100%}.history-card:hover .card-image img[data-v-d03b51e2]{transform:scale(1.05)}.card-content[data-v-d03b51e2]{display:flex;flex:1;flex-direction:column;padding:20px}.lesson-title[data-v-d03b51e2]{color:#2c3e50;display:-webkit-box;font-size:16px;font-weight:700;-webkit-line-clamp:2;line-height:1.4;margin:0 0 12px;-webkit-box-orient:vertical;overflow:hidden}.lesson-date[data-v-d03b51e2]{align-items:center;color:#7f8c8d;display:flex;font-size:14px;gap:6px;margin:0 0 16px}.lesson-date i[data-v-d03b51e2]{font-size:12px}.btn-view[data-v-d03b51e2]{align-items:center;background:linear-gradient(135deg,#ff8c42,#ff6b35);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-top:auto;padding:12px 16px;transition:all .3s ease}.btn-view[data-v-d03b51e2]:hover{box-shadow:0 4px 12px #ff8c424d;transform:translateY(-2px)}.btn-view[data-v-d03b51e2]:active{transform:translateY(0)}@media(max-width:1024px){.history-grid[data-v-d03b51e2]{gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.header-title h1[data-v-d03b51e2]{font-size:36px}.header-title p[data-v-d03b51e2]{font-size:16px}.section-header h2[data-v-d03b51e2]{font-size:24px}}@media(max-width:768px){.history-header[data-v-d03b51e2]{margin-bottom:30px;padding:40px 0}.history-grid[data-v-d03b51e2]{gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.history-container[data-v-d03b51e2]{padding-bottom:40px}.header-title h1[data-v-d03b51e2]{font-size:28px}.header-title p[data-v-d03b51e2]{font-size:15px}.section-header h2[data-v-d03b51e2]{font-size:22px}.card-image[data-v-d03b51e2]{height:150px}.lesson-title[data-v-d03b51e2]{font-size:15px}.btn-view[data-v-d03b51e2],.lesson-date[data-v-d03b51e2]{font-size:13px}.btn-view[data-v-d03b51e2]{padding:10px 14px}}@media(max-width:480px){.history-header[data-v-d03b51e2]{margin-bottom:20px;padding:30px 0}.history-grid[data-v-d03b51e2]{gap:12px;grid-template-columns:1fr}.history-container[data-v-d03b51e2]{padding-bottom:20px}.header-title h1[data-v-d03b51e2]{font-size:24px}.header-title p[data-v-d03b51e2]{font-size:14px}.section-header[data-v-d03b51e2]{margin-bottom:20px}.section-header h2[data-v-d03b51e2]{font-size:20px}.subtitle[data-v-d03b51e2]{font-size:14px}.card-image[data-v-d03b51e2]{height:140px}.lesson-title[data-v-d03b51e2]{font-size:14px}.btn-view[data-v-d03b51e2],.lesson-date[data-v-d03b51e2]{font-size:12px}.btn-view[data-v-d03b51e2]{padding:8px 12px}.empty-state[data-v-d03b51e2]{padding:60px 20px}.empty-icon[data-v-d03b51e2]{font-size:48px}.empty-state h3[data-v-d03b51e2]{font-size:20px}}.btn-load-more[data-v-d03b51e2]{align-items:center;background:#fff;border:1px solid #ddd;border-radius:50px;color:#555;cursor:pointer;display:inline-flex;font-size:15px;font-weight:500;gap:8px;justify-content:center;min-width:150px;padding:12px 28px;transition:all .2s ease}.btn-load-more[data-v-d03b51e2]:hover:not(:disabled){background:#f8f9fa;border-color:#ccc;box-shadow:0 4px 6px #0000000d;color:#333;transform:translateY(-2px)}.btn-load-more[data-v-d03b51e2]:disabled{cursor:not-allowed;opacity:.7}.text-center[data-v-d03b51e2]{text-align:center}