*{box-sizing:border-box}body{background-color:#000;justify-content:center;align-items:center;height:100vh;margin:0;padding:0;font-family:Poppins,sans-serif;display:flex}.app{grid-template:"header header"120px"sidebar content"minmax(0,1fr)/175px minmax(0,1fr);width:800px;height:90vh;display:grid;overflow:hidden}header{color:#e8e6e6;border-bottom:1px solid #484848;grid-area:header;gap:15px;display:flex}.header-text p{color:#bdbdbd;margin-top:-15px}.header-text h1{margin-top:27px}header img{width:70px;height:100px;margin:10px 0 10px 20px}.sidebar{color:#c5272a;border-right:1px solid #484848;flex-direction:column;grid-area:sidebar;width:100%;padding:25px;display:flex;overflow-y:auto}.sidebar button{cursor:pointer;color:#fff;background-color:#1972e1;border:2px solid #1f54d0;border-radius:5px;margin-bottom:10px;margin-left:10px;padding:5px 20px;box-shadow:0 2px 5px #313131,inset 0 1px 1px #fff9}.total{border-radius:15px;margin:0;padding:10px}.total p{color:#a09f9f}.total h4{font-size:30px;display:inline}.content{flex-direction:column;grid-area:content;gap:15px;min-height:0;display:flex;overflow:hidden}.tool-bar{border-bottom:1px solid #484848;flex-shrink:0;padding:20px}input{color:#9f9fa0;background:#141314;border:1px solid #585858;border-radius:5px;width:280px;padding:10px;box-shadow:0 2px 5px #313131,inset 0 1px 1px #fff9}.tool-bar button{cursor:pointer;color:#fff;background-color:#c5272a;border:1px solid #dc2d30;border-radius:5px;margin-left:10px;padding:10px 20px;box-shadow:0 2px 5px #313131,inset 0 1px 1px #fff9}.movie-list{flex-direction:column;flex:1;gap:20px;min-height:0;padding:25px;display:flex;overflow-y:auto}.movie-card{color:#c5272a;background-color:#151516;border:1px solid #383838;border-radius:5px;justify-content:space-between;align-items:center;margin:0;padding:20px 20px 10px;display:flex}.movie-card h2{color:#fff;display:inline}.movie-card button{cursor:pointer;color:#fff;background-color:#0000;border:1px solid #bdbdbd;border-radius:5px;margin-right:15px;padding:10px 13px;font-size:15px}.movie-card button:hover{color:#585858;border:1px solid #585858}.movie-card button.completed-btn{color:#c5272a;border:1px solid #c5272a}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:#ffffff40;border-radius:10px}::-webkit-scrollbar-thumb{background:#c5272a;border-radius:10px}::-webkit-scrollbar-thumb:hover{cursor:pointer;background:#4382f7}