body{background-color:#f0f2f5;font-family:Roboto,sans-serif}.card{border:none;border-radius:10px;box-shadow:0 6px 12px #0000001a}#login-form,#logout-form{max-width:400px;margin:auto}#task-container{max-width:1200px;margin:auto}.task-block{background:#fff;border-radius:10px;padding:20px;margin-bottom:30px;box-shadow:0 6px 12px #0000001a;position:relative;transition:transform .3s ease}.task-block:hover{transform:translateY(-5px)}.task-block .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.task-block .header .title{font-size:1.5em;font-weight:700;text-align:center;flex-grow:1}.task-block .header .buttons{display:flex;gap:10px}.task-block .section-title{font-size:1.2em;font-weight:700;margin-bottom:10px;border-bottom:2px solid #eee;padding-bottom:5px}.task-block .tasks,.task-block .upcoming-tasks,.task-block .history{margin-top:20px}.task-block .task,.task-block .history .task{display:flex;align-items:center;margin-bottom:15px;padding:10px;border-radius:5px;background-color:#f9f9f9;position:relative}.task-block .task img,.task-block .history .task img{width:60px;height:auto;margin-right:15px;border-radius:5px}.task-block .task .task-details,.task-block .history .task .task-details{flex:1;display:flex;flex-direction:column}.task-block .task .task-text,.task-block .history .task .task-text{font-size:1.1em;margin-bottom:5px;word-break:break-word}.history-header{margin-bottom:10px}.task-block .task .task-date,.task-block .history .task .task-date{font-size:.9em;color:#555}.task-block .task .check,.task-block .history .task .check{margin-right:10px;transform:scale(1.2)}.task-block .task .delete-task-btn,.task-block .history .task .delete-history-btn{position:absolute;right:10px;bottom:10px;background-color:transparent;border:none;color:#dc3545;font-size:1.2em;cursor:pointer}.task-block .delete-block-btn{background-color:transparent;border:none;color:#dc3545;font-size:1.2em;cursor:pointer}.movie-carousel-container{position:relative;display:flex;align-items:center;overflow:hidden;width:100%;margin:0 auto}.movie-carousel{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-behavior:smooth;padding:10px;width:calc(100% + -0px)}.movie-item{flex:0 0 auto;width:120px;margin:10px;text-align:center;font-size:.9em}.movie-item img{width:100%;border-radius:5px;margin-bottom:5px}.carousel-btn{background-color:#fff;border:1px solid #ccc;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.prev-btn{left:0}.next-btn{right:0}.movie-item{cursor:pointer;transition:transform .2s ease}.movie-item:hover{transform:scale(1.05)}@media (max-width: 768px){#movie-list{gap:10px}#movie-list .movie-item{width:100px;margin:5px}.carousel-btn{width:30px;height:30px}.prev-btn{left:0}.next-btn{right:0}}@media (max-width: 480px){#movie-list{gap:5px}#movie-list .movie-item{width:80px;margin:5px}.carousel-btn{width:25px;height:25px}.prev-btn{left:0}.next-btn{right:0}}.upcoming-content{display:none;margin-top:10px}.upcoming-content.show{display:block}.ui-helper-hidden-accessible{display:none}.drag-handle{cursor:grab;padding:5px;background-color:#e0e0e0;border:1px solid #ccc;border-radius:50%;font-size:1.2em;display:flex;align-items:center;justify-content:center;width:30px;height:30px}input[type=date]{position:relative;padding:10px}input[type=date]:before{content:attr(placeholder);position:absolute;left:10px;color:#999}input[type=date]:focus:before,input[type=date]:valid:before{display:none}.ui-autocomplete{max-height:300px;max-width:400px;overflow-y:auto;overflow-x:hidden;z-index:1000;background:#fff;box-shadow:0 4px 8px #0000001a;border-radius:5px}.ui-menu-item img{width:50px;height:auto;vertical-align:middle;margin-right:10px}.ui-menu-item{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.task-block{padding:15px;margin-bottom:20px}.task-block .title{font-size:1.2em}.task-block .task img,.task-block .history .task img{width:50px;height:auto}.task-block .task .task-details,.task-block .history .task .task-details,.task-block .task .delete-task-btn,.task-block .history .task .delete-history-btn,.task-block .delete-block-btn{font-size:.9em}.task-block .task .task-date{font-size:.8em}#login-form,#logout-form,#task-container{padding:0 10px}}