.history-page{max-width:900px;margin:0 auto;padding:24px 20px 80px}.history-header{margin-top:16px;margin-bottom:24px}.history-page .eyebrow{display:inline-block;font-size:11px;font-weight:800;letter-spacing:2.5px;color:#ff8058;margin-bottom:8px}.history-header h1{font-size:clamp(24px,3.5vw,36px);font-weight:800;color:#fff;margin:0 0 8px;letter-spacing:-.8px}.history-header .subtitle{font-size:13px;color:#9da1b4;margin:0;line-height:1.5}.history-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;background:#111219;border:1px solid rgba(255,255,255,.08);border-radius:12px;margin-bottom:20px}.toolbar-info{display:flex;align-items:center;gap:8px;font-size:13px;color:#c4c7d7}.badge-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:20px;padding:0 7px;background:#f53;color:#fff;border-radius:99px;font-size:11px;font-weight:800}.btn-clear-all{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:7px;color:#a0a4b8;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-clear-all:hover{background:#ff476326;border-color:#ff4763;color:#ff4763}.history-list{display:flex;flex-direction:column;gap:10px}.hist-row{display:flex;align-items:center;gap:16px;padding:10px 14px;background:#12131b;border:1px solid rgba(255,255,255,.07);border-radius:12px;transition:transform .2s ease,border-color .2s ease,opacity .2s ease,background .2s ease}.hist-row:hover{background:#161722;border-color:#ff694459;box-shadow:0 4px 16px #00000059}.hist-thumb{position:relative;width:64px;height:94px;border-radius:8px;overflow:hidden;background:#1a1b26;flex-shrink:0;text-decoration:none;display:block}.hist-thumb-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.hist-row:hover .hist-thumb-img{transform:scale(1.06)}.hist-ep-tag{position:absolute;top:4px;left:4px;background:#0e0f16e6;backdrop-filter:blur(4px);color:#ffae8b;font-size:9px;font-weight:800;padding:2px 5px;border-radius:4px;letter-spacing:.3px;z-index:2}.hist-thumb-bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:#fff3;z-index:2}.hist-thumb-fill{height:100%;background:linear-gradient(90deg,#ff9342,#f53)}.hist-thumb-play{position:absolute;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .2s ease;z-index:1}.hist-row:hover .hist-thumb-play{opacity:1}.hist-content{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:1;min-width:0}.hist-details{min-width:0;flex:1}.hist-title{font-size:14px;font-weight:700;color:#fff;text-decoration:none;line-height:1.35;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}.hist-title:hover{color:#ff8058}.hist-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:#8c90a3;flex-wrap:wrap}.status-prog{color:#ff9d82;font-weight:600}.status-done{color:#55d88f;font-weight:700}.hist-sep{color:#4b4e63}.hist-time{color:#7a7e93;font-size:11px}.hist-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.btn-resume{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:#ff69441f;border:1px solid rgba(255,105,68,.35);border-radius:7px;color:#ff7e5a;font-size:12px;font-weight:700;text-decoration:none;transition:all .2s ease;white-space:nowrap}.btn-resume:hover{background:#ff6944;border-color:#ff6944;color:#fff;box-shadow:0 4px 14px #ff694466}.btn-remove{width:30px;height:30px;border-radius:7px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#83879b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.btn-remove:hover{background:#ff476333;border-color:#ff4763;color:#ff4763}.ajax-pagination{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.06)}.page-nav{padding:6px 14px;background:#151620;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#c4c7d7;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease}.page-nav:hover:not(:disabled){background:#202230;border-color:#ff6944;color:#fff}.page-nav:disabled{opacity:.4;cursor:not-allowed}.page-numbers{display:flex;align-items:center;gap:6px}.page-num{min-width:32px;height:30px;padding:0 6px;border-radius:6px;background:#151620;border:1px solid rgba(255,255,255,.08);color:#9ea2b5;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease}.page-num:hover:not(.active){background:#202230;color:#fff}.page-num.active{background:#f53;border-color:#f53;color:#fff}.page-info{font-size:12px;color:#7d8196;margin-left:8px}.state-card{text-align:center;padding:56px 20px;background:#111219;border:1px solid rgba(255,255,255,.08);border-radius:14px;margin:20px 0}.state-icon{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:#ffffff0d;color:#ff8058;margin-bottom:16px}.state-icon.clock{color:#ff9855;background:#ff98551a}.state-card h2{font-size:20px;font-weight:800;color:#fff;margin:0 0 8px}.state-card p{font-size:13px;color:#9da1b4;max-width:400px;margin:0 auto 20px;line-height:1.5}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:13px;font-weight:700;text-decoration:none;border:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn-primary{background:linear-gradient(114deg,#ff9342,#ff623f,#ff354f);color:#fff;box-shadow:0 6px 18px #ff623f4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ff623f73}.spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.1);border-top-color:#ff6944;border-radius:50%;margin:0 auto 14px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:640px){.hist-row{gap:12px;padding:8px 10px}.hist-thumb{width:52px;height:76px}.hist-content{flex-direction:column;align-items:stretch;gap:8px}.hist-actions{justify-content:flex-end}.btn-resume span{display:inline}.page-info{display:none}}