.App{display:flex;height:100vh;width:80vw}.main-content{background-color:#fdfaf6;flex-grow:1;justify-content:center;overflow:auto;padding:20px}.sidebar{background-color:#000;box-sizing:border-box;color:#fff;flex-shrink:0;height:100vh;left:0;overflow-y:hidden;padding:20px;position:fixed;top:0;width:250px}.sidebar-header{align-items:center;display:flex;margin-bottom:30px}.sidebar-logo{height:100px;margin-left:-20px;margin-right:-10px;width:100px}.sidebar-title h2{color:#fff;font-size:26px;margin-bottom:5px}.sidebar-title p{font-size:11px;margin-bottom:0}.sidebar nav ul{list-style:none;padding:0}.sidebar nav ul li{margin:15px 0}.sidebar nav ul li a{align-items:center;color:#fff;display:flex;font-size:18px;padding:10px;text-decoration:none;transition:background-color .3s}.sidebar nav ul li a img{height:24px;margin-right:10px;width:24px}.sidebar nav ul li a:hover{background-color:#333}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:#eee2dc;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:18px;overflow:hidden}.menu a{color:#fff;display:block;padding:10px;text-decoration:none}.main-content{align-items:center;bottom:0;display:flex;flex-direction:column;justify-content:space-between;left:250px;position:fixed;right:0;top:0}.content-sections,.event-reminder,.header-container,.reminder{width:calc(100% - 60px)}.content-sections{display:flex;flex:1 1;justify-content:space-between}.left-section,.right-section{align-items:center;display:flex;flex:1 1;flex-direction:column}.date-container{margin-bottom:-5px;margin-top:25px;text-align:center}.date-container h2{color:#333;font-size:40px;font-weight:700}.bottom-section{margin-top:20px;width:100%}.search-results{background-color:#f9f9f9;border-radius:10px;margin-top:20px;padding:20px}.search-results h3{margin-bottom:10px}.search-results ul{list-style:none;padding:0}.search-results li{border-bottom:1px solid #ddd;padding:10px}#clock1{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 0 10px #0000001a;display:flex;height:50vw;justify-content:center;margin:auto;max-height:500px;max-width:500px;min-height:250px;min-width:250px;width:50vw}#clockCanvas1{border-radius:50%;height:100%;width:100%}.event-reminder,.to-do-list-wrapper{width:90%}.tdl-wrapper{background-color:#efe8d8;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin:30px auto;max-width:450px;overflow:auto;padding:20px;width:100%}.tdl-wrapper h2{color:#333;font-family:Arial,sans-serif;font-size:24px;font-weight:700;margin-bottom:10px}.tdl-container{color:#333;display:block}.tdl-day-section{list-style:none;margin:0;padding:0}.tdl-day-section h3{color:#555;font-family:Arial,sans-serif;font-size:18px;font-weight:700;margin-bottom:10px}.tdl-day-section ul{list-style:none;margin:0;padding:0}.tdl-day-section li{align-items:flex-start;display:flex;flex-direction:column;font-size:16px;margin-bottom:10px}.tdl-day-section li.completed{color:#aaa;text-decoration:line-through}.tdl-day-section li .task-header{align-items:center;display:flex;margin-bottom:0}.tdl-day-section li .task-title{color:#333;font-size:16px;font-weight:700}.tdl-day-section li .task-desc{color:#666;font-size:14px;margin-left:20px}.tdl-day-section li .circle{background-color:#123c69;border-radius:50%;height:10px;margin-right:10px;width:10px}.event-reminder-container{align-items:center;background-color:#8daba7;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;height:400px;margin:20px auto;max-width:400px;padding:20px;width:100%}.calendar-section{margin-bottom:20px;width:100%}.calendar-header{font-weight:700;margin-bottom:10px;text-align:center}.calendar-table{border-collapse:collapse;width:100%}.calendar-table td,.calendar-table th{padding:5px;text-align:center;width:14.28%}.calendar-table .disabled{color:#ddd}.calendar-table .today{background-color:#eaab68;border-radius:50%}.event-list{max-height:300px;overflow-y:auto;padding-right:10px;width:100%}.event-item{border:3px solid #ddd;border-radius:5px;display:flex;flex-direction:column;margin-bottom:10px;margin-right:-6px;padding:10px}.event-time{font-weight:700;margin-bottom:5px}.event-title{color:#4d4d4d}.no-events{color:#888;text-align:center}.daily-reminder-box{align-items:center;background-color:#fff;border:1px solid #e4d1b9;border-radius:10px;box-shadow:0 4px 8px #0000001a;color:#333;display:flex;flex-direction:column;font-family:YourFontName,sans-serif;height:200px;justify-content:center;margin:20px auto;max-width:1100px;min-width:70vw;overflow:hidden;padding:15px;text-align:center;width:100%}.header-container{margin-bottom:10px;width:100%}.header-container h2{color:#000;font-size:26px;margin:0}.header-container .message{color:#71584f;font-size:14px;font-weight:700}.daily-reminder-box .content{display:flex;flex:1 1;flex-direction:column;justify-content:center}.daily-reminder-box p{margin:0;padding:0 10px}.daily-reminder-box .quote{color:#555;font-style:italic;margin-bottom:10px}.daily-reminder-box .author{color:#555;font-weight:700}.header-container{background-color:initial;border-bottom:1px solid #ddd;justify-content:space-between;padding:10px 20px}.header-container,.profile-pic-container,.profile-section{align-items:center;display:flex}.profile-pic-container{background-color:#ddd;border-radius:50%;height:50px;justify-content:center;margin-right:10px;overflow:hidden;width:50px}.profile-pic{height:100%;object-fit:cover;width:100%}.default-profile-pic{color:#777;font-size:24px}.user-info{color:#000;font-size:18px;font-weight:1000}.search-section{align-items:center;display:flex;flex-grow:1;justify-content:flex-end;position:relative}.search-bar{border:2px solid #ccc;border-radius:25px;flex-grow:1;height:45px;margin-left:150px;margin-right:10px;outline:none;padding:10px 20px;transition:all .3s ease}.search-bar:focus{border-color:#123c69;box-shadow:0 0 10px #123c6980}.search-button{background-color:#123c69;border:none;border-radius:25px;color:#fff;cursor:pointer;height:45px;margin-left:10px;max-width:200px;padding:10px 20px;transition:background-color .3s ease}.search-button:hover{background-color:#0d2a4e}.search-dropdown{background:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 10px #0000001a;left:150px;margin-top:5px;overflow:hidden;position:absolute;top:60px;width:calc(100% - 160px);z-index:1000}.search-item{border-bottom:1px solid #ddd;cursor:pointer;padding:10px 20px;transition:background-color .3s ease}.search-item:last-child{border-bottom:none}.search-item:hover{background-color:#f0f0f0}.search-item .result-type{color:#888;display:block;font-size:12px;margin-top:5px}.notification-popup{animation:fadeIn .4s ease-in-out;background-color:#fdfaf6;border:1px solid #e2d9c9;border-radius:15px;box-shadow:0 8px 16px #0000001a;font-family:Arial,sans-serif;left:60%;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:400px;z-index:1000}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}.notification-header{align-items:center;background-color:#88c0a6;color:#fff;display:flex;justify-content:space-between;padding:15px 20px}.notification-header h3{font-size:24px;font-weight:600;margin:0}.close-btn{background-color:initial;border:none;color:#fff;cursor:pointer;font-size:24px;transition:transform .2s}.close-btn:hover{transform:scale(1.1)}.notification-body{color:#4a4a4a;font-size:16px;padding:20px}.notification-body h4{color:#6b9b84;margin:15px 0 10px}.notification-body ul{margin:0 0 15px;padding-left:20px}.notification-body ul li{list-style-type:none;margin-bottom:5px;padding-left:15px;position:relative}.notification-body ul li:before{color:#88c0a6;content:"•";left:0;position:absolute}.no-items{color:#888;font-style:italic;text-align:center}.notification-popup button{align-self:flex-end;background-color:#88c0a6;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:20px;margin-bottom:6px;margin-top:6px;padding:5px 10px;width:auto}.notification-popup button:hover{background-color:#6b9b84}.modal{background-color:#0006;overflow:auto}.modal-content{background-color:#fefefe;margin:15% auto;width:80%}.hover-modal,.modal-content{border:1px solid #888;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030}.hover-modal{background-color:#ffffffe6;padding:10px;position:absolute;z-index:1000}.hover-modal-content{padding:10px}.close{float:right;font-size:28px}input[type=color],input[type=datetime-local],input[type=text],textarea{border:1px solid #ccc;box-sizing:border-box;display:inline-block;margin:8px 0;padding:12px;width:100%}button{background-color:#4caf50;margin:8px 0;padding:14px 20px}button:hover{opacity:.8}label{margin-top:10px}.fc-daygrid-day{cursor:pointer}.fc-daygrid-day:hover .tooltip{display:block}.calendar-container{background-color:#fdfaf6;display:flex;height:100vh;width:100vw}.calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.calendar-header h1{color:#4a4a4a;margin:0}.timetable-events-toggle{align-items:center;background-color:#f3f4f6;border-radius:20px;box-shadow:0 2px 4px #0000001a;display:flex;padding:8px 12px;transition:background-color .3s ease}.timetable-events-toggle:hover{background-color:#e5e7eb}.timetable-events-toggle input[type=checkbox]{appearance:none;-webkit-appearance:none;background-color:#cbd5e0;border-radius:20px;cursor:pointer;height:20px;margin-right:10px;position:relative;transition:background-color .3s ease;width:40px}.timetable-events-toggle input[type=checkbox]:checked{background-color:#3b82f6}.timetable-events-toggle input[type=checkbox]:before{background-color:#fff;border-radius:50%;content:"";height:16px;left:2px;position:absolute;top:2px;transition:transform .3s ease;width:16px}.timetable-events-toggle input[type=checkbox]:checked:before{transform:translateX(20px)}.timetable-events-toggle label{color:#4a5568;cursor:pointer;font-size:14px}.calendar-main{background-color:#fdfaf6;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;margin-left:250px;overflow:auto;padding:30px;width:calc(100% - 250px)}.fc{flex-grow:1;font-family:Arial,sans-serif;width:100%}.fc .fc-toolbar{margin-bottom:20px}.fc .fc-toolbar-title{color:#4a4a4a;font-size:24px}.fc .fc-button-primary{background-color:#88c0a6;border-color:#88c0a6;transition:background-color .3s ease}.fc .fc-button-primary:hover{background-color:#6b9b84;border-color:#6b9b84}.fc .fc-col-header-cell{background-color:#f2ece2;color:#4a4a4a}.fc .fc-daygrid-day{transition:background-color .3s ease}.fc .fc-daygrid-day:hover{background-color:#f9f2e8}.fc .fc-event{border-radius:4px;font-size:.85em}.modal{z-index:1000}.modal-content{background-color:#fdfaf6;border:none;border-radius:15px;box-shadow:0 10px 30px #0000001a;margin:auto;max-width:500px;padding:30px;width:90%}.modal-content h2{color:#4a4a4a;font-size:24px}.modal-content input[type=datetime-local],.modal-content input[type=text],.modal-content textarea{background-color:#fff;border:1px solid #ddd;border-radius:8px;font-size:16px;margin-bottom:15px;padding:12px;transition:border-color .3s ease;width:100%}.modal-content input[type=datetime-local]:focus,.modal-content input[type=text]:focus,.modal-content textarea:focus{border-color:#88c0a6;outline:none}.all-day-checkbox{align-items:center;display:flex;margin-bottom:15px}.all-day-checkbox label{color:#4a4a4a;flex-grow:0;margin-right:10px}.all-day-checkbox input[type=checkbox]{margin-right:5px;width:auto}.checkbox-container{align-items:center;display:flex;width:100%}.checkbox-container input[type=checkbox]{margin-right:10px}.modal-content input[type=checkbox]{margin-bottom:0;width:auto}.modal-content .close{color:#888;cursor:pointer;font-size:24px;position:absolute;right:20px;top:15px;transition:color .3s ease}.modal-content .close:hover{color:#4a4a4a}button{font-size:16px;padding:12px 20px;transition:background-color .3s ease}.delete-button,.edit-button{margin-right:10px}.delete-button{background-color:#e74c3c}.delete-button:hover{background-color:#c0392b}.hover-popup{background-color:#fff;border:none;border-radius:10px;box-shadow:0 8px 16px #0000001a;color:#4a4a4a;font-family:Arial,sans-serif;max-width:300px;padding:15px;position:absolute;transition:opacity .2s ease-in-out;z-index:1001}.hover-popup h3{color:#4a4a4a;font-size:18px;font-weight:700;margin-bottom:10px;margin-top:0}.hover-popup p{color:#666;font-size:14px;margin:5px 0}.hover-popup .date-time{color:#888;font-size:12px;margin-top:10px}body{background-color:#f5f5f5;font-family:Arial,sans-serif;margin:0;padding:0}.todo-list-container{display:flex;height:100vh;margin-left:250px;overflow:hidden}.todo-list-main{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;flex-grow:1;margin:20px;overflow:auto;padding:20px}header{margin-bottom:20px}header h1{color:#333;font-size:2em}.completed-tasks-button{background-color:#8aaf93;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-left:10px;padding:5px 0}.completed-tasks-button:hover{background-color:#b8d8c0}.completed{color:#000;text-decoration:line-through}.canvas-button,.link-button{background-color:#fff;border:none;border-radius:5px;color:#000;cursor:pointer;margin-left:10px;padding:10px 20px}.canvas-button:hover,.link-button:hover{background-color:#ccc}.days{display:flex;flex-wrap:wrap;gap:20px}.day-section{background-color:#efe8d8;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;flex-basis:calc(33.333% - 20px);flex-direction:column;flex-grow:1;flex-shrink:1;padding:15px;position:relative}.day-section h2{color:#666;font-size:1.5em;margin-bottom:10px}.day-header{align-items:center;display:flex;justify-content:space-between}.day-section ul{flex-grow:1;list-style:none;margin:0;padding:0}.day-section ul li{align-items:center;background-color:#fff;border-radius:5px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:10px;padding:10px}.day-section ul li.completed{background-color:#bed7ba;text-decoration:line-through}.sort-icon{cursor:pointer;height:20px;position:absolute;right:10px;top:10px;width:20px}.sort-options-dropdown{background-color:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 4px 8px #0000001a;padding:10px;position:absolute;right:10px;top:30px;z-index:1}.sort-options-dropdown button{background:none;border:none;color:#000;cursor:pointer;padding:10px;text-align:left;width:100%}.sort-options-dropdown button:hover{background-color:#f5f5f5}.task-icon{cursor:pointer;height:20px;margin-right:10px;width:20px}.modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal-content{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0003;max-width:90%;padding:20px;position:relative;text-align:center;width:400px}.modal-content h2{margin-bottom:20px}.modal-content label{display:block;font-weight:700;margin:10px 0 5px;text-align:left}.modal-content input,.modal-content select,.modal-content textarea{border:1px solid #ddd;border-radius:5px;margin:5px 0 15px;padding:10px;width:100%}.modal-content textarea{resize:vertical}.modal-content button{background-color:#88c0a6;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-left:25px;padding:10px 20px;position:relative}.modal-content button:hover{background-color:#a6c1b5}.close{color:#aaa;cursor:pointer;font-size:20px;font-weight:700;position:absolute;right:10px;top:10px}.close:focus,.close:hover{color:#000;cursor:pointer;text-decoration:none}.task-details{margin-top:10px}.tracker-container{background-color:#efe8d8;display:flex;height:100vh;margin-left:250px;overflow:hidden;width:calc(100vw - 250px)}.tracker-main{background-color:#fdfaf6;border-radius:20px;box-shadow:0 8px 16px #0000001a;display:flex;flex-direction:column;flex-grow:1;margin:20px;overflow:hidden;padding:30px}.tracker-header{align-items:center;border-bottom:2px solid #123c69;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.tracker-header h1{color:#000;font-size:2.5em;margin:0}.link-buttons button{background-color:#123c69;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:14px;margin-left:15px;padding:10px 20px;transition:background-color .3s ease}.link-buttons button:hover{background-color:#0e2f52}.tracker-content{align-items:center;background-color:#fff;border-radius:15px;box-shadow:0 4px 8px #0000000d;display:flex;flex-direction:column;flex-grow:1;overflow-y:auto;padding:20px}.chart-section{align-items:stretch;display:flex;justify-content:space-between;margin-bottom:30px;width:100%}.chartcontainer{border-radius:15px;box-shadow:0 4px 8px #0000000d;flex-basis:55%}.chartcontainer,.stats-container{background-color:#f8f4f0;height:400px;padding:20px}.stats-container{align-items:center;border:2px solid #a2b9bc;border-radius:15px;display:flex;flex-basis:40%;flex-direction:column;justify-content:center}.stats-container h2{color:#123c69;margin-bottom:15px}.stats-container p{color:#2e2d2d;font-size:3em;font-weight:700}.barchartcontainer{background-color:#f8f4f0;border-radius:15px;box-shadow:0 4px 8px #0000000d;height:350px;margin-top:30px;padding:20px;width:100%}.filter-container{align-items:center;background-color:#f8f4f0;border:2px solid #a2b9bc;border-radius:25px;display:flex;gap:15px;justify-content:center;margin:30px 0;padding:15px 25px}.filter-container select{background-color:#fff;border:1px solid #a2b9bc;border-radius:20px;color:#2e2d2d;cursor:pointer;font-size:14px;padding:8px 15px;transition:border-color .3s ease}.filter-container select:focus{border-color:#123c69;outline:none}.filter-container label{color:#2e2d2d;font-size:14px;font-weight:500}footer{border-top:2px solid #a2b9bc;display:flex;justify-content:center;margin-bottom:-20px;margin-top:30px;padding-top:20px;width:100%}@media (max-width:1200px){.chart-section{flex-direction:column}.chartcontainer,.stats-container{flex-basis:100%;margin-bottom:20px}.barchartcontainer{height:300px}}@media (max-width:768px){.tracker-container{margin-left:0;width:100vw}.tracker-main{margin:10px;padding:20px}.filter-container{flex-wrap:wrap}}.timetable-container{display:flex;height:100vh;margin-left:250px;width:calc(100vw - 250px)}.timetable-main{background-color:#fdfaf6;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;overflow:auto;padding:20px}.timetable-range{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;gap:20px;margin-bottom:20px;padding:15px}.timetable-range label{color:#333;display:flex;flex-direction:column;font-weight:600;gap:5px}.timetable-range input[type=date]{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;color:#333;font-size:14px;padding:10px;transition:border-color .3s,box-shadow .3s}.timetable-range input[type=date]:focus{border-color:#3d633e;box-shadow:0 0 0 2px #7fc88233;outline:none}.set-range-button{align-self:flex-end;background-color:#538054;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background-color .3s,transform .1s}.set-range-button:hover{background-color:#6cb570;transform:translateY(-2px)}.set-range-button:active{transform:translateY(0)}.color-picker-modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.color-picker-content{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;padding:30px;text-align:center;width:300px}.color-picker-content h3{color:#333;font-size:18px;margin-bottom:20px;margin-top:0}.color-picker-content input[type=color]{border:none;border-radius:8px;cursor:pointer;height:50px;margin-bottom:20px;width:100%}.color-picker-buttons{display:flex;gap:15px;justify-content:space-between}.color-picker-buttons button{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-weight:700;padding:10px 0;transition:background-color .3s ease,transform .1s ease}.color-picker-buttons button:first-child{background-color:#7fc882;color:#fff}.color-picker-buttons button:last-child{background-color:#e86d64;color:#fff}.color-picker-buttons button:hover{opacity:.9;transform:translateY(-2px)}.color-picker-buttons button:active{transform:translateY(0)}header{justify-content:space-between}.link-buttons button,header{align-items:center;display:flex}.link-buttons button{margin-left:10px}.link-icon{height:20px;margin-right:5px;width:20px}.timetable-wrapper{max-height:calc(100vh - 200px);overflow-x:auto;overflow-y:auto;position:relative}.timetable{display:flex;position:relative}.time-column{flex-shrink:0;left:0;position:-webkit-sticky;position:sticky;text-align:center;top:0;width:60px;z-index:1}.time,.time-column{background-color:#f9f9f9}.time{align-items:center;border-bottom:1px solid #ccc;display:flex;height:60px;justify-content:center}.daily-column{border-left:1px solid #ccc;flex:1 1;min-width:120px}.daily-header{align-items:center;background-color:#f0f0f0;display:flex;font-weight:700;height:40px;justify-content:center;position:-webkit-sticky;position:sticky;top:0;z-index:2}.daily-header,.time-slot{border-bottom:1px solid #ccc}.time-slot{height:60px;position:relative}.event{border-radius:4px;color:#fff;cursor:pointer;font-size:12px;left:2px;overflow:hidden;padding:2px 4px;position:absolute;right:2px;text-overflow:ellipsis;transition:filter .3s ease;white-space:nowrap;z-index:1}.event:hover{filter:brightness(1.1)}.red{background-color:red}.green{background-color:green}.blue{background-color:blue}footer{margin-top:20px;text-align:center}@media (max-width:768px){.timetable-container{margin-left:0;width:100vw}.timetable-range{align-items:flex-start;flex-direction:column}}.settings-page{background-color:#fdfaf6;display:flex;min-height:100vh;overflow:hidden}.settings-container{background-color:#fff;border-radius:15px;box-shadow:0 8px 16px #0000001a;height:calc(100vh - 60px);margin:30px 200px 30px 450px;max-width:900px;overflow:auto;padding:40px;width:900px}.settings-container h2{border-bottom:3px solid #123c69;color:#123c69;font-size:32px;margin-bottom:30px;padding-bottom:15px;text-align:center}.settings-container h3{color:#123c69;font-size:24px;margin-bottom:25px;margin-top:40px;text-align:center}.form-group{margin-bottom:30px}.form-group label{color:#2e2d2d;display:block;font-size:18px;font-weight:500;margin-bottom:10px}.form-group input[type=email],.form-group input[type=file],.form-group input[type=password],.form-group input[type=text],.form-group textarea{background-color:#fcf9f1;border:2px solid #a2b9bc;border-radius:8px;font-size:16px;padding:14px;transition:all .3s ease;width:100%}.form-group input[type=email]:focus,.form-group input[type=file]:focus,.form-group input[type=password]:focus,.form-group input[type=text]:focus,.form-group textarea:focus{border-color:#123c69;box-shadow:0 0 0 3px #123c6933;outline:none}.form-group input[type=email]:disabled{background-color:#e0e0e0;cursor:not-allowed;opacity:.7}.profile-picture{border:4px solid #123c69;border-radius:50%;box-shadow:0 4px 8px #0003;display:block;margin:20px auto;max-width:180px}button{background-color:#123c69;border-radius:8px;display:block;font-size:18px;font-weight:600;margin:30px auto 0;max-width:300px;padding:14px 28px;transition:all .3s ease;width:100%}button:hover{background-color:#0e2f52;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}form+form{border-top:2px solid #a2b9bc;margin-top:50px;padding-top:30px}input[type=file]{background-color:#fcf9f1;border:2px solid #a2b9bc;border-radius:8px;padding:12px;width:100%}input[type=file]::-webkit-file-upload-button{background-color:#123c69;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-right:10px;padding:10px 20px;-webkit-transition:all .3s ease;transition:all .3s ease}input[type=file]::-webkit-file-upload-button:hover{background-color:#0e2f52}.settings-container:before{border-radius:12px;bottom:20px;content:"";left:20px;pointer-events:none;position:absolute;right:20px;top:20px}@media (max-width:1200px){.settings-container{margin-left:300px;margin-right:50px;width:calc(100% - 350px)}}@media (max-width:768px){.settings-container{margin:20px;padding:30px;width:calc(100% - 40px)}}.signup-container{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;max-width:360px;padding:30px;text-align:center;width:90%}h2{font-size:24px}p{color:#666;margin-bottom:20px}.social-button{align-items:center;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;justify-content:center;margin-bottom:12px;padding:12px;transition:all .3s ease;width:100%}.social-button img{height:24px;margin-right:12px;width:auto}.google{background-color:#db4437}.facebook{background-color:#3b5998}<<<<<<< HEAD
.apple{background-color:#afafaf}=======
.apple{background-color:#000}>>>>>>>9b452a31d0a12037a714061092a4fa44d6c1f2a0

.social-button:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.divider{color:#888;font-size:14px;margin:20px 0;position:relative}.divider:after,.divider:before{background-color:#ddd;content:"";height:1px;position:absolute;top:50%;width:40%}.divider:before{left:0}.divider:after{right:0}.signup-form input[type=date],.signup-form input[type=email],.signup-form input[type=password],.signup-form input[type=text]{border:1px solid #ddd;border-radius:8px;font-size:16px;margin-bottom:15px;padding:12px;transition:border-color .3s ease;width:100%}.signup-form input:focus{border-color:#88c0a6;outline:none}.signup-form button{background-color:#88c0a6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;padding:12px;transition:background-color .3s ease;width:100%}.signup-form button:hover{background-color:#6b9b84}.ady{color:#666;font-size:14px}.ady a{color:#88c0a6;text-decoration:none}.ady a:hover{text-decoration:underline}body,html{background:linear-gradient(0deg,#f2f2f2 0,#f2f2f2 50%,#fff 0,#fff);height:100%}.logo{float:left;height:70px;margin-right:20px}.container{border-radius:20px;box-shadow:0 4px 20px #0003;display:flex;max-width:1200px;overflow:hidden;width:90%}.info-section{align-items:center;background:#f2ece2;color:#333;font-weight:700;position:relative;text-align:center}.info-section,.login-section{display:flex;flex-direction:column;justify-content:center;padding:40px;width:50%}.login-section{background:#fff}h1{display:inline}h1,h2{color:#333;text-align:left}.input-field{font-size:10px;margin-bottom:20px;position:relative;width:100%}button,input[type=password],input[type=text]{border:1px solid #ddd;box-sizing:border-box;margin:0;padding:10px;transition:border-color .3s ease;width:calc(100% - 3px)}input[type=password],input[type=text]{background:#0000;border:2px solid #ccc;border-radius:5px}input[type=password]:focus,input[type=text]:focus{border-color:#88c0a6;outline:none}button{background-color:#88c0a6;border:none;border-radius:5px;color:#fff;cursor:pointer}button:hover{background-color:#6b9b84}.options{align-items:center;display:flex;justify-content:space-between}.forgot-password{color:#3b6934;font-size:10px;text-decoration:none}.signup-link{font-size:10px;text-align:center}canvas{background:#fff;border-radius:50%}.clock-container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.clock{height:auto;width:80%}#clock{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 0 10px #0000001a;display:flex;height:50vw;justify-content:center;margin:auto;max-height:300px;max-width:300px;min-height:250px;min-width:250px;width:50vw}#clockCanvas{border-radius:50%;height:100%;width:100%}body,html{background:linear-gradient(135deg,#f9f2e8,#fdfaf6)}.reset-container{border-radius:15px;box-shadow:0 10px 30px #0000001a;width:340px}.reset-container h1{color:#4a4a4a;margin-bottom:20px}.reset-container p{margin-bottom:25px}.reset-form{display:flex;flex-direction:column}.reset-form input[type=email]{border:1px solid #ddd;border-radius:8px;font-size:16px;margin-bottom:20px;padding:12px;transition:border-color .3s ease}.reset-form input[type=email]:focus{border-color:#88c0a6;outline:none}.reset-form button{background-color:#88c0a6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;padding:12px;transition:background-color .3s ease}.reset-form button:hover{background-color:#6b9b84}body,html{align-items:center;background-color:#f4f4f4;background:linear-gradient(0deg,#a8b2a1 0,#a8b2a1 50%,#d9dcd3 0,#d9dcd3);display:flex;font-family:Arial,sans-serif;height:100vh;justify-content:center;margin:0;padding:0}.reset-container{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:40px;text-align:center;width:300px}.reset-container h1{color:#333;font-size:24px}.reset-container p{color:#666;font-size:16px;margin-bottom:20px}.reset-password-form{display:flex;flex-direction:column}.reset-password-form input[type=email],.reset-password-form input[type=password]{border:2px solid #ddd;border-radius:4px;font-size:16px;margin-bottom:20px;padding:10px}.reset-password-form button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px;transition:background-color .3s}.reset-password-form button:hover{background-color:#0056b3}.notifications-page{align-items:center;background-color:#fdfaf6;display:flex;flex-direction:column;height:100vh;margin-left:250px;padding:20px;width:calc(100vw - 250px)}.notifications-content{background-color:#f9f2e8;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-top:20px;max-width:1100px;padding:20px;width:90%}.notification-filter{display:flex;justify-content:center;margin-bottom:20px}.notification-filter button{background-color:#88c0a6;border:none;border-radius:5px;color:#fff;cursor:pointer;margin:0 5px;padding:10px 20px;transition:background-color .3s}.notification-filter button.active,.notification-filter button:hover{background-color:#6b9b84}.notifications-list{display:flex;flex-direction:column;gap:10px}.notification-item{align-items:center;border:1px solid #e2d9c9;border-radius:10px;display:flex;justify-content:space-between;padding:15px;transition:background-color .3s}.notification-item.unread{background-color:#fff9f0}.notification-item.read{background-color:#fdfaf6}.notification-actions button{background-color:initial;border:none;color:#88c0a6;cursor:pointer;margin-left:10px;transition:color .3s}.notification-actions button:hover{color:#6b9b84}h2{color:#4a4a4a;margin-bottom:20px}.help-page{background-color:#fdfaf6;display:flex;height:100vh;margin-left:250px;max-width:1255px;overflow:hidden;width:100vw}.help-content{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;flex:1 1;height:calc(100vh - 40px);margin:20px;overflow-y:auto;padding:40px;width:calc(100% - 40px)}.help-content h1{color:#2e2d2d;font-size:2.5em;margin-bottom:20px;text-align:center}.introduction-section{background-color:#f5f5f5;padding:20px}.faq-section,.introduction-section{border-radius:10px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px}.faq-section{background-color:#fff;overflow:hidden}.faq-section h2{background-color:#123c69;color:#fff;font-size:1.5em;margin:0;padding:15px 20px}.faq-category{border-bottom:1px solid #e0e0e0}.faq-category:last-child{border-bottom:none}.faq-category h3{align-items:center;color:#2e2d2d;cursor:pointer;display:flex;font-size:1.2em;justify-content:space-between;margin:0;padding:15px 20px;transition:background-color .3s ease}.faq-category h3:hover{background-color:#f0f0f0}.toggle-icon{color:#123c69;font-size:.8em}.faq-content{padding:0 20px}.faq-item{margin-bottom:15px}.faq-item h4{color:#123c69;margin-bottom:5px}.faq-item p{color:#2e2d2d;margin:0}.help-section{background-color:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;overflow:hidden}.help-section h2{background-color:#123c69;color:#fff;font-size:1.5em;margin:0;padding:15px 20px}.help-section-content{background-color:#f5f5f5;padding:20px}.help-content ul{list-style-type:disc;padding-left:20px}.help-content a{color:#123c69;text-decoration:none}.help-content a:hover{text-decoration:underline}.help-content button{background-color:#123c69;border:none;border-radius:25px;color:#fff;cursor:pointer;padding:10px 20px}.help-content button:hover{background-color:#0e2f52}.calendar-like{background-color:#a2b9bc;border-radius:5px;color:#2e2d2d;padding:10px}
/*# sourceMappingURL=main.523286bf.css.map*/