.watch-history-page{min-height:100vh;background:var(--netflix-black);padding-top:60px}.page-header{background:var(--netflix-dark-gray);border-bottom:1px solid var(--netflix-gray);padding:2rem}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.page-header h1{display:flex;align-items:center;gap:.75rem;color:var(--netflix-white);font-size:2rem;font-weight:700;margin:0}.page-header .icon{font-size:2rem}.header-actions{display:flex;gap:1rem}.btn-danger{padding:.75rem 1.5rem;background:#dc3545;color:var(--netflix-white);border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-danger:hover{background:#c82333}.continue-watching-section{padding:2rem;background:var(--netflix-black)}.section-content{max-width:1200px;margin:0 auto}.continue-watching-section h2{color:var(--netflix-white);font-size:1.5rem;margin-bottom:1.5rem}.continue-watching-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem}.continue-item{position:relative}.continue-card{background:var(--netflix-dark-gray);border-radius:12px;overflow:hidden;transition:transform .3s ease}.continue-card:hover{transform:scale(1.02)}.continue-thumbnail{position:relative;height:180px;background:var(--netflix-gray);display:flex;align-items:center;justify-content:center}.thumbnail-placeholder{font-size:3rem;opacity:.5}.placeholder-icon{font-size:3rem}.progress-overlay{position:absolute;bottom:0;left:0;right:0;height:4px;background:hsla(0,0%,100%,.3)}.progress-bar{height:100%;background:var(--netflix-red);transition:width .3s ease}.continue-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.8);border:none;color:var(--netflix-white);font-size:2rem;padding:1rem;border-radius:50%;cursor:pointer;opacity:0;transition:opacity .3s ease}.continue-card:hover .continue-play-btn{opacity:1}.continue-info{padding:1rem}.continue-info h4{margin-bottom:.5rem;color:var(--netflix-white);font-size:1.1rem}.continue-info p{color:var(--netflix-text-gray);font-size:.9rem;margin-bottom:.75rem}.continue-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.progress-text{color:var(--netflix-red);font-size:.8rem;font-weight:500}.watch-time{color:var(--netflix-text-gray);font-size:.8rem}.next-episode{background:rgba(229,9,20,.2);color:var(--netflix-red);padding:.25rem .5rem;border-radius:12px;font-size:.8rem;font-weight:500;display:inline-block}.remove-btn{position:absolute;top:.5rem;right:.5rem;background:rgba(0,0,0,.7);border:none;color:var(--netflix-white);width:30px;height:30px;border-radius:50%;cursor:pointer;opacity:0;transition:opacity .3s ease;font-size:.9rem}.continue-card:hover .remove-btn{opacity:1}.remove-btn:hover{background:#dc3545}.history-section{padding:2rem;background:var(--netflix-black)}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.history-section h2{color:var(--netflix-white);font-size:1.5rem;margin:0}.filter-bar{display:flex;gap:.5rem}.filter-btn{padding:.5rem 1rem;background:var(--netflix-dark-gray);border:none;border-radius:20px;color:var(--netflix-white);font-size:.9rem;cursor:pointer;transition:all .2s ease}.filter-btn:hover{background:var(--netflix-gray)}.filter-btn.active{background:var(--netflix-red);color:var(--netflix-white)}.empty-history{text-align:center;padding:4rem 2rem;color:var(--netflix-text-gray)}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-history h3{font-size:1.5rem;margin-bottom:.5rem;color:var(--netflix-white)}.btn-primary{background:var(--netflix-red);color:var(--netflix-white);padding:.75rem 1.5rem;border:none;border-radius:6px;text-decoration:none;font-weight:500;display:inline-block;margin-top:1rem;transition:background-color .2s ease}.btn-primary:hover{background:#b8070f}.history-list{display:flex;flex-direction:column;gap:1rem}.history-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--netflix-dark-gray);border-radius:8px;transition:background-color .3s ease}.history-item:hover{background:var(--netflix-gray)}.history-thumbnail{width:80px;height:60px;background:var(--netflix-light-gray);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.history-info{flex-grow:1}.history-info h4{margin-bottom:.25rem;color:var(--netflix-white);font-size:1rem}.history-info p{color:var(--netflix-text-gray);font-size:.9rem;margin-bottom:.5rem}.history-meta{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.rating{color:#ffc107;font-size:.8rem;font-weight:500}.completed-badge{background:rgba(40,167,69,.2);color:#28a745;padding:.1rem .5rem;border-radius:12px;font-size:.7rem;font-weight:500}.history-actions{display:flex;gap:.5rem;flex-shrink:0}.watch-again-btn{background:var(--netflix-red);color:var(--netflix-white);padding:.5rem 1rem;border:none;border-radius:4px;text-decoration:none;font-size:.8rem;cursor:pointer;transition:background-color .2s ease}.watch-again-btn:hover{background:#b8070f}.history-actions .remove-btn{position:static;background:hsla(0,0%,100%,.1);color:var(--netflix-text-gray);padding:.5rem 1rem;border-radius:4px;font-size:.8rem;width:auto;height:auto;opacity:1}.history-actions .remove-btn:hover{background:#dc3545;color:var(--netflix-white)}.quick-actions{padding:2rem;background:var(--netflix-dark-gray)}.quick-actions h3{color:var(--netflix-white);font-size:1.3rem;margin-bottom:1.5rem}.action-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem}.action-btn{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--netflix-gray);color:var(--netflix-white);text-decoration:none;border-radius:8px;transition:all .2s ease}.action-btn:hover{background:var(--netflix-red);transform:translateY(-2px)}.action-icon{font-size:1.5rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center}.loading-spinner{width:40px;height:40px;border-top:4px solid var(--netflix-gray);border:4px solid var(--netflix-gray);border-top-color:var(--netflix-red);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-container p{color:var(--netflix-text-gray);font-size:1.1rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.watch-history-page{padding-top:56px}.page-header{padding:1rem}.header-content{flex-direction:column;align-items:stretch}.continue-watching-section,.history-section,.quick-actions{padding:1rem}.continue-watching-grid{grid-template-columns:1fr}.history-header{flex-direction:column;align-items:stretch}.filter-bar{justify-content:center}.history-item{flex-direction:column;align-items:flex-start;gap:.75rem}.history-actions{width:100%;justify-content:center}.action-buttons{grid-template-columns:1fr}}