.history-page{padding-bottom:5rem;position:relative;overflow:hidden}.history-page .page-header{text-align:center;padding:4rem 1rem 2rem;position:relative;z-index:2}.history-page .header-icon-wrapper{width:60px;height:60px;border-radius:18px;background:linear-gradient(135deg,var(--primary-color),#4facfe);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 1.2rem;font-size:1.6rem;box-shadow:0 8px 20px color-mix(in srgb,var(--primary-color) 20%,transparent)}.history-page .page-header h1{font-size:2.2rem;font-weight:800;color:var(--text-color);margin-bottom:1rem;background:linear-gradient(135deg,var(--text-color),color-mix(in srgb,var(--text-color) 70%,#999));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.history-page .page-header p{font-size:1.05rem;color:#6c757d;max-width:600px;margin:0 auto;line-height:1.6}.history-page .history-card-wrapper{position:relative;height:100%}.history-page .history-card{background-color:color-mix(in srgb,var(--card-bg) 95%,transparent);border-radius:16px;padding:28px 24px;text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s cubic-bezier(.25,.8,.25,1);border:1px solid var(--border-color);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;height:100%;z-index:1}.history-page .history-card:hover{transform:translateY(-6px);box-shadow:0 16px 32px #00000014;border-color:color-mix(in srgb,var(--primary-color) 40%,transparent)}.history-page .icon-wrapper{width:68px;height:68px;border-radius:20px;background:color-mix(in srgb,var(--primary-color) 8%,transparent);display:flex;align-items:center;justify-content:center;margin-bottom:20px;position:relative;overflow:hidden;transition:all .3s ease}.history-page .history-card:hover .icon-wrapper{background:var(--primary-color);transform:scale(1.05);box-shadow:0 8px 16px color-mix(in srgb,var(--primary-color) 25%,transparent)}.history-page .icon-wrapper i{font-size:26px;color:var(--primary-color);z-index:2;transition:all .3s ease}.history-page .history-card:hover .icon-wrapper i{color:#fff}.history-page .history-card h3{font-size:17px;font-weight:700;margin-bottom:0;color:var(--text-color);transition:color .2s ease}.history-page .history-card:hover h3{color:var(--primary-color)}.history-page .remove-item-btn{position:absolute;top:10px;right:10px;width:26px;height:26px;border-radius:50%;background-color:color-mix(in srgb,var(--card-bg) 85%,transparent);border:1px solid var(--border-color);color:#888;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.75rem;opacity:0;transform:scale(.8);transition:all .25s cubic-bezier(.2,.8,.2,1);z-index:10}.history-page .history-card-wrapper:hover .remove-item-btn{opacity:1;transform:scale(1)}.history-page .remove-item-btn:hover{background-color:#e53e3e;border-color:#e53e3e;color:#fff;box-shadow:0 4px 10px #e53e3e4d;transform:scale(1.1)!important}.history-page .empty-state{border-radius:20px;background:color-mix(in srgb,var(--card-bg) 75%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:3.5rem 2rem;text-align:center;border:1px solid var(--border-color);box-shadow:0 10px 30px #0000000a;max-width:520px;margin:2rem auto}.history-page .empty-icon-wrapper{width:84px;height:84px;border-radius:50%;background:color-mix(in srgb,var(--primary-color) 8%,transparent);color:var(--primary-color);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2.2rem;animation:pulse-ring 2.2s infinite}@keyframes pulse-ring{0%{box-shadow:0 0 color-mix(in srgb,var(--primary-color) 25%,transparent)}70%{box-shadow:0 0 0 15px color-mix(in srgb,var(--primary-color) 0%,transparent)}to{box-shadow:0 0 color-mix(in srgb,var(--primary-color) 0%,transparent)}}.history-page .empty-state h3{color:var(--text-color);font-size:1.3rem;font-weight:700;margin-bottom:.6rem}.history-page .empty-state p{color:#718096;font-size:.95rem;margin-bottom:1.8rem;line-height:1.5}.history-page .btn-explore{box-shadow:0 4px 12px color-mix(in srgb,var(--primary-color) 20%,transparent);transition:all .25s ease}.history-page .btn-explore:hover{transform:translateY(-2px);box-shadow:0 6px 18px color-mix(in srgb,var(--primary-color) 35%,transparent)}html[data-theme=dark] .history-page .history-card,body.dark .history-page .history-card{background-color:#1f293799;border-color:#ffffff14}html[data-theme=dark] .history-page .empty-state,body.dark .history-page .empty-state{background:#1f293780;border-color:#ffffff14}html[data-theme=dark] .history-page .remove-item-btn,body.dark .history-page .remove-item-btn{background-color:#2d3748cc;border-color:#ffffff26;color:#a0aec0}html[data-theme=dark] .history-page .remove-item-btn:hover,body.dark .history-page .remove-item-btn:hover{background-color:#e53e3e;border-color:#e53e3e;color:#fff}