body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:16px;font-synthesis:none;font-weight:400;line-height:24px;margin:0;text-rendering:optimizeLegibility;-webkit-user-select:none;user-select:none}code,pre{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;padding:5px}::-webkit-scrollbar{height:10px;width:10px}@media screen and (max-width:768px){::-webkit-scrollbar{display:none}}::-webkit-scrollbar-thumb{background:var(--Color-3)}ul{list-style:none;padding:0}a{color:var(--Color-2)}button{background:var(--Color-3);border:none;border-radius:5px;color:var(--Color-1);cursor:pointer;padding:10px}button.Delete-Btn{background:#f66!important}button:disabled{cursor:not-allowed;-webkit-filter:grayscale(1);filter:grayscale(1)}select{cursor:pointer}input,select,textarea{background:inherit!important;background:var(--Color-2);border:none;box-sizing:border-box;color:var(--Color-3);font-size:16px;margin:10px 0;outline:none;padding:20px 5px 0;width:100%}textarea{padding:20px 5px;resize:none}.Input-Container{border:2px solid var(--Color-3);border-radius:5px;margin:5px;overflow:hidden;position:relative}label:not(#Sidebar-Btn){background:var(--Color-1);color:var(--Color-2);display:flex;font-size:15px;font-weight:600;height:15px;inset:0 0;justify-content:space-between;padding:5px;position:absolute;z-index:990}.Input-Container:has(input:focus),.Input-Container:has(select:focus),.Input-Container:has(textarea:focus){border-color:var(--Color-2)}.Error-Msg,.Info-Msg{display:flex;gap:10px}.Error-Msg svg,.Info-Msg svg{fill:var(--Color-1);stroke:var(--Color-1);width:40px}.Error-Msg{background:#f66}.Error-Msg,.Info-Msg{border-radius:10px;color:#101010;padding:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Info-Msg{background:#6cf}hr{border-color:var(--Color-3);width:100%}.App-Container{-webkit-tap-highlight-color:transparent;background:var(--Color-1);display:grid;font-family:Helvetica;grid-template-areas:"Sidebar Content";grid-template-columns:25% auto;height:100vh;overflow:hidden;transition:.3s}.Theme1{--Color-1:#eff1f3;--Color-2:#0367a6;--Color-3:#011526}.Theme2{--Color-1:#0c0e2e;--Color-2:#eff1ff;--Color-3:#4d4a8c}.Theme3{--Color-1:#081f2b;--Color-2:#bee2f4;--Color-3:#52b1e0}.Theme4{--Color-1:#f0d2c3;--Color-2:#086970;--Color-3:#063442}.Theme5{--Color-1:#1e2027;--Color-2:#ffcd67;--Color-3:#cb345d}.Theme6{--Color-1:#260f33;--Color-2:#ff178b;--Color-3:#a651fc}.Theme7{--Color-1:#fae0ed;--Color-2:#cc5b91;--Color-3:#95324e}.Theme8{--Color-1:#192227;--Color-2:#d6eaec;--Color-3:#5b7682}.Theme9{--Color-1:#f8ffa5;--Color-2:#457a56;--Color-3:#283032}.Theme10{--Color-1:#f2ebc7;--Color-2:#b10034;--Color-3:#343642}.App-Container:not(:has(#Sidebar-Checkbox:checked)){grid-template-columns:80px auto}.Side-Content{grid-area:Content;transition:.3s;width:100%}h1{margin:0}.Sidebar-Container{align-items:center;background:var(--Color-3);color:var(--Color-1);display:flex;flex-direction:column;grid-area:Sidebar;height:100vh;justify-content:space-between;left:0;min-width:80px;overflow:hidden;position:relative;position:absolute;text-align:center;width:25%;z-index:999}.Sidebar-Btn-Svg{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Sidebar-Container hr{background:var(--Color-1);border:none;height:1%;margin:15px;width:100%}#Sidebar-Checkbox{opacity:0;position:absolute}#Sidebar-Btn{align-items:center;align-self:flex-start;background:var(--Color-2);border-radius:100%;box-shadow:var(--Color-2) 0 0 10px;color:var(--Color-1);cursor:pointer;display:flex;height:30px;inset:0;justify-content:center;margin:10px 15px 0;padding:10px;position:relative;transition:.5s;-webkit-user-select:none;user-select:none;width:30px;z-index:999}nav:not(:has(#Sidebar-Checkbox:checked)){left:0;width:5%}nav:not(:has(#Sidebar-Checkbox:checked)) li span{opacity:0;position:absolute}nav:not(:has(#Sidebar-Checkbox:checked)) li a{align-items:center;justify-content:center;padding:10px 0}.Sidebar-List{display:flex;flex-direction:column;gap:10px;height:100%;list-style:none;margin:0;padding:0;width:100%}.Sidebar-List:nth-of-type(2){justify-content:flex-end;padding:10px 0}.Sidebar-List a:before{background:var(--Color-2);border-radius:10px;content:"";height:100%;left:-100%;position:absolute;transition:.3s}.Sidebar-List .Active-Link:before{left:2%;width:95%}nav:not(:has(#Sidebar-Checkbox:checked)) .Active-Link:before{left:9%;width:80%}.Sidebar-List li{cursor:pointer;position:relative;width:100%}.Sidebar-List a{align-items:center;color:inherit;display:flex;gap:10px;padding:10px;text-decoration:none}.Sidebar-List a *{z-index:999}.Sidebar-List a svg{justify-self:left;padding:0 10px}.Sidebar-List-Icon{fill:var(--Color-1);width:40px}nav:has(#Sidebar-Checkbox:checked) .Sidebar-Credit{display:block}.Sidebar-Credit{background:var(--Color-2);display:none;justify-content:flex-end;margin:0;padding:5px 0;position:relative;width:100%}.Sidebar-Credit a{color:var(--Color-1)}@media screen and (max-width:768px){.Sidebar-Container{height:91vh;padding-top:9vh;transition:.2s;width:100%}#Sidebar-Btn{margin-top:5px;position:absolute}nav:not(:has(#Sidebar-Checkbox:checked)) #Sidebar-Btn{left:80px}nav:not(:has(#Sidebar-Checkbox:checked)){left:-80px;overflow:visible}}.Todos-Main-Container{grid-gap:10px 20px;align-items:center;display:grid;gap:10px 20px;grid-template-areas:"TopBar" "Todos";grid-template-columns:100%;grid-template-rows:10% auto;height:100vh;justify-items:center;overflow:hidden}.TopNavBar__Container{justify-content:flex-end;position:fixed!important;right:0!important;z-index:980}.Topbar button{background:var(--Color-2);border:none;border-radius:10px;color:var(--Color-1);cursor:pointer;margin:5px;padding:5px 10px}.Topbar button svg{width:30px}.Topbar button{align-items:center;display:flex;gap:5px;justify-content:center}.Todo-progress-Container{background:var(--Color-3);border:5px solid var(--Color-3);border-radius:20px;grid-area:ProgressBar;height:100%;overflow:hidden;position:relative;width:90%}.Todo-progress-Bar{background:linear-gradient(90deg,#2b9348,#80b918);height:100%;justify-self:left;transition:1s ease;width:var(--Value)}.ProgressBar-Label{color:var(--Color-1);font-size:15px;font-weight:600;left:10px;position:absolute;top:5%;z-index:5}.Todos-List-Container{grid-gap:10px;display:grid;gap:10px;grid-area:Todos;grid-template-areas:"Todos1 Todos2 Todos3";grid-template-columns:repeat(3,1fr);height:100%;width:95%}.TodosList-Title{align-items:center;background:var(--Color-2);color:var(--Color-1);display:flex;gap:10px;height:30px;margin:0;padding:2%;text-align:center;width:96%}.TodosList-Title span{background:var(--Color-1);border-radius:10px;color:var(--Color-2);margin-left:auto;margin-right:5px;padding:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Todos-List ul{height:100%;margin:0;overflow:scroll;padding:0}.Todos-List-Container .Todos-List:first-child{grid-area:Todos1}.Todos-List-Container .Todos-List:nth-child(2){grid-area:Todos2}.Todos-List-Container .Todos-List:nth-child(3){grid-area:Todos3}.Todos-List{background:var(--Color-1);border:2px solid var(--Color-3);border-radius:5px;box-sizing:border-box;color:var(--Color-3);display:flex;flex-direction:column;height:80vh;overflow:hidden}.Todos-List ul{transition:.1s}.Todos-List ul.DraggingOver{box-shadow:inset 0 0 10px var(--Color-2)}@media screen and (max-width:768px){.Todos-Main-Container{gap:10px 40px;grid-template-areas:"TopBar" "Todos";grid-template-columns:none;height:98vh;left:-80px;overflow:scroll;padding:5px;position:relative;width:100vw}.Todos-List-Container{grid-gap:10px;display:grid;gap:10px;grid-area:Todos;height:100%;justify-self:left;width:90%}.Todos-List ul{max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content;min-height:300px;overflow:hidden}.Todos-List{font-size:14px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;overflow:hidden;padding:0;width:300px}}.Toasts-Container{align-items:center;display:flex;flex-direction:column-reverse;gap:10px;list-style:none;margin:0;padding:0;width:400px}.Toasts-Container,.Toasts-Main-Container{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.Toasts-Main-Container{bottom:0;position:fixed;right:0;z-index:999}.Toasts-Container:empty{display:none}.Toast{grid-gap:10px;align-items:center;background:linear-gradient(45deg,var(--Color-2),var(--Color-3));border-radius:5px;box-shadow:0 0 5px var(--Color-2);box-sizing:border-box;color:var(--Color-1);display:grid;gap:10px;grid-template-areas:"Icon Title ClosBtn" "Icon Desc Desc";grid-template-columns:10% auto 10%;grid-template-rows:repeat(2,1fr);height:65px;justify-items:center;padding:10px;position:relative;transition:1s;width:95%}.Toast-enter{opacity:0;right:-100%}.Toast-enter-active,.Toast-enter-done,.Toast-exit{opacity:1;right:0}.Toast-exit-active{opacity:0;right:-100%}.Toast-Description{-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;display:-webkit-box;grid-area:Desc;height:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-self:left;overflow:hidden;width:100%}.Toast-CloseBtn{background:none;border:none;color:var(--Color-1);cursor:pointer;font-size:15px;font-weight:900;justify-self:right;margin-right:10px;padding:0}.Toast-Title{font-weight:700;justify-self:left}.Toast .Toast-Icon{grid-area:Icon;width:40px}@media screen and (max-width:425px){.Toasts-Main-Container{right:0;width:100%}.Toasts-Container{width:100%}}.Drawer-Container .Close-Btn{align-self:flex-end;aspect-ratio:1/1;background:var(--Color-3);border:1px solid var(--Color-1);border-radius:100%;color:var(--Color-1);cursor:pointer;font-size:16px;margin:10px;padding:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Drawer-Container{background:var(--Color-1);color:var(--Color-2);display:flex;flex-direction:column;height:100vh;overflow-y:scroll;position:absolute;transition:.3s;width:320px}.Drawer-Container form{display:flex;flex-direction:column;justify-items:center;margin:5px;max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content}.Drawer-Container li{background:var(--Color-3);border-radius:5px;color:var(--Color-1);margin:5px;padding:10px}.Drawer-Container .Drawer-Title{text-align:center}.Drawer-Container .Drawer-Submit{margin-bottom:5px;margin-top:auto}.Drawer-Background{height:100vh;inset:0;position:fixed;transition:.2s;width:100vw;z-index:999}.Drawer-Background-enter{background:#0000}.Drawer-Background-enter-active,.Drawer-Background-enter-done{background:rgba(0,0,0,.462)}.Drawer-Background-enter .Drawer-Container,.Drawer-Background-exit .Drawer-Container{right:-320px}.Drawer-Background-enter-active .Drawer-Container,.Drawer-Background-enter-done .Drawer-Container{right:0}.Modal-enter{background:#0000}.Modal-enter-active,.Modal-enter-done{background:rgba(0,0,0,.5)}.Modal-enter .Modal-Content,.Modal-exit .Modal-Content{bottom:0;opacity:0}.Modal-enter-active .Modal-Content,.Modal-enter-done .Modal-Content{bottom:25%;opacity:1}.Modal-Container{align-items:center;color:var(--Color-2);display:flex;font-size:16px;height:100vh;inset:0;justify-content:center;width:100%;z-index:999}.Modal-Container,.Modal-Content{position:absolute;transition:.3s}.Modal-Content{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:var(--Color-1);border-radius:15px;box-shadow:var(--Color-3) 0 0 10px;display:grid;grid-template-areas:"ModalOptions" "Content";grid-template-rows:-webkit-min-content auto;grid-template-rows:min-content auto;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;overflow:hidden;padding:10px;width:50%}.Modal-Priority{border:2px solid var(--Color-1);border-radius:10px;bottom:3%;color:var(--Color-1);font-weight:580;padding:10px;position:relative}.Modal-Priority.Low{background:#2a9248}.Modal-Priority.Medium{background:#ffa200}.Modal-Priority.High{background:#e5383b}.Modal-Content .Close-Btn{grid-area:ModalOptions;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-self:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Modal-Content li{align-items:center;background:var(--Color-3);border-radius:5px;color:var(--Color-1);display:flex;justify-content:space-between;margin:10px;padding:10px}.Modal-Content ul{border:2px solid var(--Color-3);border-radius:5px;cursor:pointer;font-size:inherit;height:3em;list-style:none;margin:10px 0;overflow-y:scroll;padding:10px;width:40%;width:90%}.Modal-Content ul::-webkit-scrollbar{background:var(--Color-2)}.Modal-Content ul::-webkit-scrollbar-thumb{background:var(--Color-3)}.Modal-Content .Modal-Submit{padding:10px 15px;width:100%}.Modal-Content input,.Modal-Content option,.Modal-Content select,.Modal-Content textarea{background:var(--Color-1);border:2px solid var(--Color-2);border-radius:5px;color:var(--Color-2);cursor:pointer;font-size:inherit;margin:5px 0;padding:5px;width:40%}.Modal-Content button{background:var(--Color-2);border:2px solid var(--Color-1);border-radius:5px;color:var(--Color-1);cursor:pointer;font-size:inherit;margin:5px 0;padding:10px;width:40%}.Modal-Content textarea{margin:12px auto;resize:none;width:90%}.Modal-Content label{font-weight:700;padding:10px}.Modal-Content i{border-radius:20px;gap:10px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:5px;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Modal-Content i svg{height:30px;width:30px}@media screen and (max-width:425px){.Modal-Content{width:85%}.Modal-Submit:active{background:var(--Color-2);color:var(--Color-1)}}.TodoItem-Container{grid-gap:5px;align-items:center;background:var(--Color-3);border-radius:5px;box-sizing:border-box;color:var(--Color-1);display:grid;gap:5px;grid-template-areas:"GripArea Title Title Title" "GripArea Description Description Priority" "GripArea Duration Duration Buttons";grid-template-columns:5% repeat(3,1fr);grid-template-rows:repeat(3,1fr);height:150px;justify-items:left;margin:10px auto;padding:5px 5px 0;position:relative;width:95%}.TodoItem-Container.Dragging{rotate:z 3deg}.TodoItem-Container span{display:flex;gap:5px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;overflow:hidden;width:100%}.TodoItem-Container .TodoItem-Buttons{align-items:center;display:flex;grid-area:Buttons;width:100%}.TodoItem-Container button{background:var(--Color-1);border:none;border:2px solid var(--Color-2);border-radius:5px;color:var(--Color-2);cursor:pointer;height:100%;margin:0 10px;padding:0;width:100%}.TodoItem-Priority{border:2px solid var(--Color-1);border-radius:10px;color:var(--Color-1);font-size:15px;font-weight:580;grid-area:Priority;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;justify-self:center;padding:0;text-align:center;width:100%}.TodoItem-Priority.Low{background:#2b9348}.TodoItem-Priority.Medium{background:#ffa200}.TodoItem-Priority.High{background:#e5383b}.TodoItem-Container h3{align-items:center;display:flex;gap:10px}.TodoItem-Container .TodoItem-Title{-webkit-line-clamp:1;display:-webkit-box;grid-area:Title;width:100%}.TodoItem-Container .TodoItem-Title,.TodoItem-Desc{-webkit-box-orient:vertical;word-wrap:break-word;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0;overflow:hidden}.TodoItem-Desc{-webkit-line-clamp:3;align-self:flex-start;display:-webkit-box!important;font-size:15px;grid-area:Description;line-height:20px}.TodoItem-Duration{font-size:15px;grid-area:Duration}.TodoItem-GripArea{display:flex;flex-direction:column;grid-area:GripArea;height:100%;place-content:center;width:100%}.TodoItem-GripArea svg{stroke:var(--Color-1);fill:var(--Color-1);aspect-ratio:1/1;width:20px}.TodoItem-Container .TodoItem-DelBtn,.TodoItem-Container .TodoItem-EditBtn,.TodoItem-Container .TodoItem-InfoBtn{background:none;border:none;width:100%}.TodoItem-DelBtn svg,.TodoItem-EditBtn svg,.TodoItem-InfoBtn svg{fill:var(--Color-1);stroke:var(--Color-1);width:25px}.TodoItem-Status{border:5px solid var(--Color-3);border-radius:10px 10px 0 0;box-sizing:border-box;color:#121212;padding:5px 0;position:absolute;text-align:center;top:-35px;width:100%}.TodoItem-Status.Completed{background:#beed5e}.TodoItem-Status.Ongoing{background:#c00c2a #4c8712 #f7e702;background:#ffbb4d}.TodoItem-Status.Pending{background:#ff4d5b}.TopNavBar__Container{align-items:center;background:var(--Color-1);border-bottom:1px solid var(--Color-2);box-sizing:border-box;color:var(--Color-2);display:flex;flex-direction:row;grid-area:TopBar;height:60px;justify-content:space-between;position:relative;right:0;top:0;width:100%;z-index:991}.TopNavBar__Menu{border-radius:5px;box-shadow:0 0 6px #000;display:flex;flex-direction:column;opacity:0;padding:5px 0;top:50px;transition:all .3s;width:200px}.TopNavBar__Menu,.TopNavBar__Menu:before{background:var(--Color-2);position:absolute;right:10px}.TopNavBar__Menu:before{-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%);content:"";height:15px;top:-15px;width:15%}.TopNavBar__Menu li{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;overflow:hidden}.TopNavBar__MenuItem a,.TopNavBar__MenuItem button{align-items:center;background:var(--Color-2);border-radius:0;color:var(--Color-1);display:flex;font-size:16px;gap:10px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;height:50px;justify-content:left;padding:0 5px;text-decoration:none;transition:.2s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;width:100%}.TopNavBar__MenuItem a:hover,.TopNavBar__MenuItem button:hover{background:var(--Color-3)}.TopNavBar__MenuBtn{border-radius:10px;height:50px;position:absolute;right:10px;width:50px}.TopNavBar__Container svg{aspect-ratio:1/1;width:30px}.TopNav-Content{line-height:30px;text-align:center;width:100%}@media screen and (max-width:425px){.TopNavBar__Container .TopNav-Content{justify-content:center}}.TopNavbarMenu-enter-active,.TopNavbarMenu-enter-done{opacity:1;top:60px}.Schedule-Todos-Container{display:grid;grid-template-areas:"TopBar" "Calendar" "CalendarEvents";grid-template-rows:15% 50% auto;height:100vh;justify-items:center;overflow-y:scroll}.Schedule-Todos-Container .Schedules-Container{align-content:flex-start;align-items:center;display:flex;flex-wrap:wrap;gap:10px;grid-area:TodosList;justify-content:center;padding:5px}.Priority-Symbol{border:2px solid var(--Color-1)!important;border-radius:5px;display:inline;height:90%;margin:5px;padding:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Todos-Container li p{width:70%}.Todos-Container li{align-items:center;display:flex;justify-content:space-between}.Todos-Container li button{background:var(--Color-2)}input[type=number]{margin:5px;padding:10px;width:2%}.Priority-Symbol.Low{background:#2b9348}.Priority-Symbol.Medium{background:#ffa200}.Priority-Symbol.High{background:#e5383b}@media screen and (max-width:768px){.Schedule-Todos-Container{gap:0;height:100%;left:-80px;padding:0;position:relative;width:100vw}}.Schedule-Todos-Container{grid-template-areas:"TopBar " "Calender" "CalendarEvents"}.Calender-Container{grid-area:Calender}.Calendar-Cell{border:5px solid var(--Color-2);color:var(--Color-2);height:10%;text-align:center}.Calendar-Cell a{align-items:center;color:inherit;display:flex;height:100%;justify-content:space-around;text-decoration:none;width:100%}.Calendar-Cell a p{margin:0}.Calendar-Cell.Today-Date{background:var(--Color-2);color:var(--Color-1)}.Calendar-Cell.Has-Todos{background:var(--Color-3);color:var(--Color-1)}.Calender-Container{border-collapse:collapse;font-size:.9em;height:100%;margin-bottom:20px;table-layout:fixed;width:95%}.Calender-Container td{border:2px solid var(--Color-2);color:var(--Color-2);grid-template-rows:5% auto;height:10%;text-align:center}tbody,thead{height:100%}.Calender-Container button{background:var(--Color-1);border:none;color:var(--Color-2);cursor:pointer;height:100%;width:100%}.CalendarEvents{grid-area:CalendarEvents;width:90%}.Schedule-Container{background:var(--Color-3);border-radius:5px;color:var(--Color-1);display:grid;grid-template-areas:"Date TodosList" "Title TodosList" "Desc TodosList" "Btns TodosList";grid-template-columns:repeat(2,1fr);grid-template-rows:1fr 1fr 1fr 1fr;height:200px;justify-content:center;margin:10px 0;padding:5px;width:100%}.Schedule-Container:target{outline:5px solid var(--Color-2)}.Schedule-Todos-List-Container{grid-area:TodosList;margin:5px}.Schedule-Todos-List,.Schedule-Todos-List-Container{display:flex;flex-direction:column;gap:5px;padding:5px}.Schedule-Todos-List{list-style:none;margin:0;overflow-y:scroll;position:relative}.Schedule-Todos-List li{background:var(--Color-2);border-radius:5px;color:var(--Color-1);padding:10px}.Schedule-Todos-List-Container h4{margin:0}.Schedule-Title{align-self:center;grid-area:Title;margin:0}.Schedule-Date{align-content:center;grid-area:Date}.Schedule-Description{grid-area:Desc;margin:0}.Schedule-Btns{align-items:center;display:flex;gap:10px;grid-area:Btns}.Edit-ScheduleBtn{background:#3872e5;border:2px solid #184eb9;border-radius:5px}.Delete-ScheduleBtn,.Edit-ScheduleBtn{box-shadow:0 3px 6px #101010;color:#fff;cursor:pointer;font-weight:700;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Delete-ScheduleBtn{align-self:center;background:#e5383b;border:2px solid #ba181b;border-radius:5px}.Schedule-Description,.Schedule-Title{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;overflow:hidden;width:100%}.Notes-Page-Container{display:grid;grid-template-areas:"TopBar" "Controls" "NotesArea";grid-template-rows:70px 10% auto;height:100vh;justify-items:center;overflow-y:scroll}.NotesTopbar{display:flex;grid-area:TopBarOptions;height:100%;justify-content:right;width:100%}.NotesTopbar .Topbar-Btn{align-items:center;background:var(--Color-2);border:none;border-radius:10px;color:var(--Color-1);cursor:pointer;display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin:5px;padding:5px 10px}.NotesTopbar .Topbar-Btn svg{width:30px}.Notes-Container{display:flex;flex-wrap:wrap;grid-area:NotesArea;height:90%;justify-content:center;padding:15px 0;width:100%}.Notes-FilterBar{grid-area:Controls;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-self:flex-start;margin:10px!important;width:30vw}.Drawer_FoldersListItem li{align-items:center;display:flex;justify-content:space-between}.Drawer_FoldersListItem li button{background:var(--Color-2)}@media screen and (max-width:768px){.Notes-Page-Container{gap:0;height:100%;left:-80px;padding:0;position:relative;width:100vw}.Notes-FilterBar{justify-self:center;width:90%}.Note-Item{width:100%}.NotesTopbar{align-items:flex-end;flex-direction:column}.NotesTopbar .Topbar-Btn{width:45%}}.Note-Date{justify-self:center}.Note-Item h3{align-items:center;display:flex;grid-area:Title;height:100%;justify-content:center;margin:0;text-align:center;width:100%}.Note-Item{background:var(--Color-3);border-left:15px solid;border-radius:10px;box-sizing:border-box;display:grid;grid-template-areas:"Title Title  Title Title" "Date EditBtn InfoBtn DelBtn" "FolderName Desc Desc Desc";grid-template-columns:auto repeat(3,1fr);grid-template-rows:20% 25% auto;height:190px;margin:10px;overflow:hidden;padding:5px;white-space:break-word;width:40%}.Note-Item,.Note-Item button{align-items:center;color:var(--Color-1)}.Note-Item button{background:var(--Color-2);border:1px solid #fff;cursor:pointer;display:flex;font-size:15px;height:100%;justify-content:center;justify-self:center;margin:auto 0;width:90%}.Note-Date{text-align:center}.Note-Item.Red{border-color:red}.Note-Item.Orange{border-color:#ffa600}.Note-Item.Yellow{border-color:#ff0}.Note-Item.Green{border-color:#0f0}.Note-Item.Blue{border-color:#00f}.Note-Item.Purple{border-color:#f0f}.Note-Item.Default{border-color:grey}.Note-Item.Purple{border-color:#9500ff}.Note-Item .Delete-Btn{grid-area:DelBtn}.Note-Info{-webkit-line-clamp:6;-webkit-box-orient:vertical;display:-webkit-box;grid-area:Desc;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-self:center;margin:0;overflow:hidden;width:90%}.Note-Folder{align-self:center;grid-area:FolderName;justify-self:center;text-align:center}@media screen and (max-width:768px){.Note-Item{width:100%}}#Pie-Chart-Container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.Profile-Page-Container{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-areas:"ProjectDesc ProjectSummary" "ProjectDesc ProjectSummary" "Settings Settings";grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);justify-content:center;padding:10px 0}.Profile-Page-Container .Settings-Container{border-radius:10px;color:var(--Color-3);grid-area:Settings;height:100%;margin:10px 0;padding:5px;text-align:center;width:100%}.Themes-Container{align-items:center;display:flex;flex-wrap:wrap;gap:10px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;width:100%}.Themes-Container div{background:var(--Color-1);border:3px solid #000;border-radius:10px;box-shadow:0 2px 6px #000;cursor:pointer;height:50px;margin:10px;overflow:hidden;position:relative;width:50px}.Themes-Container div:after{background:var(--Color-2);-webkit-clip-path:polygon(0 0,0 100%,100% 100%);clip-path:polygon(0 0,0 100%,100% 100%);color:#fff}.Themes-Container div:after,.Themes-Container div:before{content:"";font-size:24px;height:100%;inset:0;position:absolute;width:100%}.Themes-Container div:before{background:var(--Color-3);-webkit-clip-path:polygon(100% 0,0 100%,100% 100%);clip-path:polygon(100% 0,0 100%,100% 100%)}.Project-Details{background:var(--Color-1);border:2px solid var(--Color-3);border-radius:10px;box-shadow:0 5px 10px rgba(0,0,0,.5);color:var(--Color-3);display:flex;flex-direction:column;grid-area:ProjectDesc;height:100%;justify-content:flex-start;justify-self:center;width:90%}.Project-Details h3{text-align:center}.Project-Details .Input-Container{display:inline-block;margin:10px;text-align:left;width:40%}.Project-Summary{align-items:center;background:var(--Color-1);border:2px solid var(--Color-3);border-radius:10px;box-shadow:0 5px 10px rgba(0,0,0,.5);color:var(--Color-3);display:flex;flex-direction:column;grid-area:ProjectSummary;height:100%;justify-self:center;text-align:center;width:90%}.Project-Info-Btns{align-items:center;display:flex;gap:10px;justify-content:center;padding:0 10px}.Confirm-Modal{align-items:center;display:flex;flex-direction:column}#Pie-Chart-Container svg:empty{height:0;width:0}.Project-Info-Btns.Details button{width:100%}.Profile-Page-Container .Input-Container:has(p){border-color:var(--Color-2);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.Input-Container p{margin:20px 0 0;padding-left:10px;padding-top:10px}@media screen and (max-width:768px){.Profile-Page-Container{grid-template-areas:"ProjectDesc" "ProjectSummary" "Settings";grid-template-columns:100%;grid-template-rows:70% 90% auto;height:100%;left:-80px;overflow-x:hidden;overflow-y:scroll;position:relative;width:100vw}.Project-Details{gap:0;text-align:center}.Project-Details .Input-Container{margin:0;width:90%}}.Note-Edit-Page-Container{grid-gap:2%;display:grid;gap:2%;grid-template-areas:"TopBar TopBar " "NoteColour Title DescInput" "MDEditor  MDPreview";grid-template-columns:repeat(4,1fr);grid-template-rows:70px 10% 10% auto;overflow-y:scroll;padding:1%;width:98%}.Note-Edit-Page-Container.Split-View{grid-template-areas:"TopBar TopBar TopBar TopBar" "NoteColour NoteColour DescInput DescInput" "Title      Title DescInput DescInput" "MDEditor MDEditor MDPreview  MDPreview"}.Note-Edit-Page-Container.Editor{grid-template-areas:"TopBar TopBar TopBar TopBar" "NoteColour NoteColour DescInput DescInput" "Title      Title DescInput DescInput" "MDEditor MDEditor MDEditor MDEditor"}.Note-Edit-Page-Container.Preview{grid-template-areas:"TopBar TopBar TopBar TopBar" "NoteColour NoteColour DescInput DescInput" "Title      Title DescInput DescInput" "MDPreview MDPreview MDPreview MDPreview"}.Note-Edit-Page-Container.Editor .MDPreview-Container,.Note-Edit-Page-Container.Preview .MDEditor-Container{display:none}.EditNotesTopbar .Topbar-Btn{align-items:center;background:var(--Color-2);border:none;border-radius:10px;color:var(--Color-1);cursor:pointer;display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin:5px;padding:5px 10px}.Note-Folder-Input{box-sizing:border-box;grid-area:NoteColour}.Note-Edit-Page-Container .Input-Container{margin:0}.EditNotesTopbar .Topbar-Btn svg{width:30px}.MDEditor-Container{grid-area:MDEditor;height:95%}.MDPreview-Container{grid-area:MDPreview;height:95%;overflow:hidden}.MDEditor{background:var(--Color-1);box-sizing:border-box;color:var(--Color-2);height:100%;justify-self:center;overflow:scroll;resize:none;width:100%;z-index:2}.Preview-Info-Container{grid-area:DescInput;height:100%;margin:0;padding:0}.Title-Container{grid-area:Title}.MDPreview{border-radius:5px;color:var(--Color-3);height:93%;overflow:scroll;padding-top:5vh}.MDPreview ul,ol{margin:1em;padding:1em}.MDPreview ul{list-style:disc}blockquote{border-left:5px solid var(--Color-2);padding:0 5px}code,pre{border:2px solid var(--Color-3);border-radius:5px;color:var(--Color-3);margin:10px}pre code{border:none}pre{background:var(--Color-1);border:2px solid var(--Color-3);overflow-x:scroll}@media screen and (max-width:768px){.Note-Edit-Page-Container{gap:10px;grid-template-areas:"TopBar" "NoteColour" "Title" "DescInput" "MDEditor " "MDPreview"!important;grid-template-columns:100%;grid-template-rows:70px 12% 12% 22% 400px 400px;height:100%;left:-80px;overflow-y:scroll;padding:0;position:relative;width:100vw}.Note-Edit-Page-Container .Input-Container{justify-self:center;width:90%}.Note-Item{width:100%}.EditNotesTopbar{align-items:flex-end;flex-direction:column}.EditNotesTopbar .Topbar-Btn{width:45%}}.NoteItem-Page-Container{word-wrap:break-word;color:var(--Color-2);line-height:30px;margin-top:70px;overflow-x:hidden;overflow-y:scroll;padding:1%;position:relative;width:98%}.NoteItem-Page-Container .Note-Title{text-align:center}.NoteItem-Page-Container .Note-Desc{padding:5px}.NoteItem-Page-Container .Content-Divider{background:var(--Color-3);border:none;border-radius:10px;height:5px;width:100%}.NoteItem-Page-Container ul,ol{margin:1em;padding:1em}.NoteItem-Page-Container ul{list-style:disc}@media screen and (max-width:768px){.NoteItem-Page-Container{gap:0;height:100%;left:-80px;padding:1%;position:relative;width:98vw}}
/*# sourceMappingURL=main.31d0f168.css.map*/