body{background:#f5f7fb;margin:0;font-family:Arial}.dashboard{height:100vh;display:flex}.sidebar{color:#fff;background:#1e293b;width:220px;padding:20px}.sidebar h2{margin-bottom:20px}.sidebar button{color:#fff;cursor:pointer;background:#334155;border:none;width:100%;margin-bottom:10px;padding:10px;display:block}.sidebar button:hover{background:#475569}.main{flex-direction:column;flex:1;display:flex}.banner{color:#fff;text-align:center;background:#3b82f6;padding:15px}.page-content{padding:20px;overflow-y:auto}.stats{gap:20px;display:flex}.card{background:#fff;border-radius:10px;flex:1;padding:20px;box-shadow:0 2px 5px #0000001a}.container{width:90%;margin:auto;padding:10px}.content{display:flex}.section{background:#fff;border-radius:12px;width:90%;height:65vh;margin:20px;padding:20px;overflow:hidden auto;box-shadow:0 4px 12px #0000001a}.tasks-list{flex-wrap:wrap;gap:15px;display:flex}.user-input-title{margin:10px;font-size:23px;font-weight:700}textarea,input{border:1px solid #ccc;border-radius:5px;width:100%;margin-top:8px;margin-bottom:10px;padding:10px}.btn{border:none;border-radius:5px;padding:10px 15px}.btn-primary{color:#fff;background-color:#3498db}.btn-success{color:#fff;background-color:#2ecc71}.btn-danger{color:#fff;background-color:#e74c3c}.task{border:1px solid #ddd;border-radius:5px;margin:7px;padding:10px}.task:hover{box-shadow:0 4px 12px #0000001a}.task-card{background:#fff;border:1px solid #ddd;border-radius:10px;margin-bottom:12px;padding:12px}.task-title{margin:0;font-size:17px;font-weight:700}.task-desc{color:#555;margin:6px 0;font-size:13px}.task-date{color:#888;font-size:12px}.priority{text-transform:capitalize;border-radius:6px;padding:3px 8px;font-size:12px}.priority.high{color:#fff;background:#ff4d4f}.priority.medium{color:#fff;background:#faad14}.priority.low{color:#fff;background:#52c41a}.task-actions{gap:10px;margin-top:10px;display:flex}.task-actions button{cursor:pointer;background:#f0f0f0;border:none;border-radius:6px;padding:6px}.task-actions button:hover{background:#d9d9d9}.completed{text-decoration:line-through}.pending,.completed{width:30%}.completed:hover,.pending:hover{box-shadow:0 4px 12px #0000001a}.title{color:#0a0a0a;margin:20px;font-size:27px;font-weight:700}.calendar-wrapper{justify-content:center;align-items:center;width:50%;height:50vh;margin:40px 20px}.react-calendar{width:100%!important;height:55vh!important;line-height:2.5em!important}.subtitle{text-align:center;margin-bottom:10px}.task-list{height:50vh;margin:auto;padding-left:20px;overflow:hidden auto}.task-item{background:#f9f9f9;border-radius:8px;margin-bottom:12px;padding:10px}.task-header{justify-content:space-between;align-items:center;display:flex}.task-title{font-weight:700}.task-meta{margin-top:5px;font-size:14px}.priority{color:#fff;text-transform:capitalize;border-radius:6px;padding:2px 8px;font-size:12px}.priority.high{background-color:red}.priority.medium{background-color:orange}.priority.low{background-color:green}.no-tasks{text-align:center;color:#666}.ai-iput-textarea{border:1px solid #ccc;border-radius:5px;width:95%;margin-bottom:10px;padding:10px}.instructions{max-width:600px;margin:20px auto;padding:20px;font-family:Arial,sans-serif}.instructions-title{color:#333;margin-bottom:12px;font-size:18px;font-weight:600}.instructions-section{margin-bottom:15px}.instructions ul{margin-top:8px;padding-left:20px}.instructions li{color:#444;margin-bottom:6px;line-height:1.5}.instructions .examples li{color:#2563eb;font-style:italic}.instructions .tips li{color:#16a34a}.instructions li::marker{font-weight:700}.ai-input-btn{color:#fff;cursor:pointer;background-color:#3498db;border:none;border-radius:5px;padding:10px 15px}.ai-input-btn:hover{background-color:#2980b9}.calender-content{flex-wrap:wrap;display:flex}.calender-tasks{width:40%;padding:20px}.generate-page{flex-wrap:wrap;display:flex}.ai-input-page{width:50%;padding:20px}.preview-page{width:40%;padding:20px;overflow:hidden}.preview-input{width:43%;margin:4px}.preview-remove-btn{color:#fff;cursor:pointer;background-color:#e74c3c;border:none;border-radius:5px;margin:7px;padding:10px 15px}.preview-save-btn{color:#fff;cursor:pointer;background-color:#2ecc71;border:none;border-radius:5px;margin:7px;padding:10px 15px}.filter-buttons{justify-content:center;gap:15px;margin-bottom:20px;display:flex}.btn{cursor:pointer;color:#fff;border:none;border-radius:20px;padding:8px 16px;font-weight:700}.btn.low{background:green}.btn.medium{background:orange}.btn.high{background:red}.btn.active{transform:scale(1.1);box-shadow:0 0 5px #0000004d}.btn.today{background:#3b82f6}.btn.today.active{background:#1d4ed8}.modal-overlay{background:#0006;justify-content:center;align-items:center;width:100%;height:100%;animation:.2s fadeIn;display:flex;position:fixed;top:0;left:0}.modal{background:#fff;border-radius:12px;width:400px;padding:20px;animation:.2s scaleUp}.modal input,.modal textarea,.modal select{width:95%;margin-bottom:10px;padding:10px}.modal-actions{justify-content:space-between;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.stats-grid{flex-wrap:wrap;gap:15px;display:flex}.card{cursor:pointer;text-align:center;background:#fff;border-radius:10px;flex:1;width:26%;padding:15px;transition:all .2s}.card:hover{transform:translateY(-3px)}.card.total{border-left:5px solid #3b82f6}.card.pending{border-left:5px solid #f59e0b}.card.completed{border-left:5px solid #10b981}.card.high{border-left:5px solid #ef4444}.card.today{color:#8b5cf6;border-left:5px solid #8b5cf6}.task-list-container{margin-top:20px}.list-title{margin-bottom:10px}.task-lists{flex-wrap:wrap;gap:2px;display:flex}.task-card-small{background:#fff;border-radius:10px;width:25%;margin:9px;padding:12px;box-shadow:0 2px 5px #0000001a}.task-card-small span{color:gray;font-size:12px}.btn.sort{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5f5;border-radius:8px;padding:8px 14px;font-size:14px;transition:all .2s}.btn.sort:hover{color:#0f172a;background:#e2e8f0}.btn.sort.active{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 2px 6px #2563eb4d}.react-calendar{background:#fff;border:1px solid #a0a096;width:350px;max-width:100%;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{margin:-.5em;display:flex}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar :before,.react-calendar :after{box-sizing:border-box}.react-calendar button{border:0;outline:none;margin:0}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{height:44px;margin-bottom:1em;display:flex}.react-calendar__navigation button{background:0 0;min-width:44px}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{font:inherit;justify-content:center;align-items:center;font-size:.75em;font-weight:700;display:flex}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{text-align:center;max-width:100%;font:inherit;background:0 0;padding:10px 6.6667px;font-size:.833em}.react-calendar__tile:disabled{color:#ababab;background-color:#f0f0f0}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{color:#fff;background:#006edc}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}body{background-color:#f5f6fa;margin:0;font-family:Arial,sans-serif}button{cursor:pointer}