@font-face{font-family:Inter;src:url(/smart-task-manager/fonts/inter.woff2)format("woff2"),url(/smart-task-manager/fonts/inter.woff)format("woff");font-weight:100 900;font-style:normal;font-display:swap}:root{--radius-round:999px;--radius-mid:15px;--common-padding:1rem;--border-margin:.5rem 0rem;--custom-transition:cubic-bezier(.25, .8, .25, 1)}.icon-search{-webkit-mask-image:url(/smart-task-manager/svgs/search.svg);mask-image:url(/smart-task-manager/svgs/search.svg)}.icon-menu{-webkit-mask-image:url(/smart-task-manager/svgs/menu.svg);mask-image:url(/smart-task-manager/svgs/menu.svg)}.icon-dark-mode{-webkit-mask-image:url(/smart-task-manager/svgs/dark-mode.svg);mask-image:url(/smart-task-manager/svgs/dark-mode.svg)}.icon-light-mode{-webkit-mask-image:url(/smart-task-manager/svgs/light-mode.svg);mask-image:url(/smart-task-manager/svgs/light-mode.svg)}.icon-visible{-webkit-mask-image:url(/smart-task-manager/svgs/visible.svg);mask-image:url(/smart-task-manager/svgs/visible.svg)}.icon-invisible{-webkit-mask-image:url(/smart-task-manager/svgs/invisible.svg);mask-image:url(/smart-task-manager/svgs/invisible.svg)}.icon-plus{-webkit-mask-image:url(/smart-task-manager/svgs/plus.svg);mask-image:url(/smart-task-manager/svgs/plus.svg)}.icon-edit{-webkit-mask-image:url(/smart-task-manager/svgs/edit.svg);mask-image:url(/smart-task-manager/svgs/edit.svg)}.icon-reload{-webkit-mask-image:url(/smart-task-manager/svgs/reload.svg);mask-image:url(/smart-task-manager/svgs/reload.svg)}.icon-recycle{-webkit-mask-image:url(/smart-task-manager/svgs/recycle.svg);mask-image:url(/smart-task-manager/svgs/recycle.svg)}.icon-back{-webkit-mask-image:url(/smart-task-manager/svgs/back.svg);mask-image:url(/smart-task-manager/svgs/back.svg)}.icon-filter{-webkit-mask-image:url(/smart-task-manager/svgs/filter.svg);mask-image:url(/smart-task-manager/svgs/filter.svg)}.icon-xsm{--icon-size:1rem}.icon-sm{--icon-size:1.5rem}.icon-smd{--icon-size:2rem}.icon-md{--icon-size:2.5rem}.icon-lg{--icon-size:3rem}.icon{height:var(--icon-size,24px);width:var(--icon-size,24px);background-color:currentColor;flex-shrink:0;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[data-theme=dark] .theme-icon-switch{-webkit-mask-image:url(/smart-task-manager/svgs/dark-mode.svg);mask-image:url(/smart-task-manager/svgs/dark-mode.svg)}[data-theme=light] .theme-icon-switch{-webkit-mask-image:url(/smart-task-manager/svgs/light-mode.svg);mask-image:url(/smart-task-manager/svgs/light-mode.svg)}:root[data-theme=light]{--color-background:#dee1ff;--color-on-background:#1b1b21;--color-surface:#f1f1f1;--color-on-surface:#000;--color-surface-variant:#e3e1ec;--color-on-surface-variant:#46464f;--color-surface-container-lowest:#fff;--color-surface-container-low:#f5f2fa;--color-surface-container:#efedf4;--color-surface-container-high:#e9e7ef;--color-surface-container-highest:#e3e1e9;--color-primary:#b9c3ff;--color-on-primary:#fff;--color-primary-container:#dee1ff;--color-on-primary-container:#384379;--color-secondary-container:#dfe1f9;--color-on-secondary-container:#434659;--color-tertiary-container:#ffd7f2;--color-on-tertiary-container:#5d3c55;--color-outline:#767680;--toast-success-bg:#f0fdf4;--toast-success-text:#166534;--toast-success-border:#dcfce7;--toast-error-bg:#fef2f2;--toast-error-text:#991b1b;--toast-error-border:#fee2e2;--toast-info-bg:#f0f9ff;--toast-info-text:#0c4a6e;--toast-info-border:#e0f2fe;--low-priority-bg:#e6f4ea;--low-priority-border:#57c17b;--medium-priority-bg:#fff4e5;--medium-priority-border:#f4a261;--high-priority-bg:#fdecea;--high-priority-border:#e76f51;--color-primary-fixed-dim:#b9c3ff;--overlay-color:#31384baf;--box-shadow:5px 5px 5px #80808080}:root[data-theme=dark]{--color-background:#384379;--color-on-background:#e3e1e9;--color-surface:#121212;--color-on-surface:#fff;--color-surface-variant:#46464f;--color-on-surface-variant:#c6c5d0;--color-surface-container-lowest:#0d0e13;--color-surface-container-low:#1b1b21;--color-surface-container:#1f1f25;--color-surface-container-high:#292a2f;--color-surface-container-highest:#34343a;--color-primary:#212c61;--color-on-primary:#b9c3ff;--color-primary-container:#384379;--color-on-primary-container:#dee1ff;--color-secondary-container:#384379;--color-on-secondary-container:#dfe1f9;--color-tertiary-container:#44263e;--color-on-tertiary-container:#e5bad8;--color-outline:#90909a;--toast-success-bg:#14532d;--toast-success-text:#86efac;--toast-success-border:#4ade80;--toast-error-bg:#7f1d1d;--toast-error-text:#fda4af;--toast-error-border:#f87171;--toast-info-bg:#164e63;--toast-info-text:#67e8f9;--toast-info-border:#22d3ee;--low-priority-bg:#2d3d32;--low-priority-border:#76d696;--medium-priority-bg:#3d322b;--medium-priority-border:#ffb37b;--high-priority-bg:#3d2b2b;--high-priority-border:#f08b73;--color-primary-fixed-dim:#384379;--box-shadow:5px 5px 5px #80808080;--overlay-color:#6d769ebe}*{box-sizing:border-box;transition:color .5s var(--custom-transition), background-color .5s var(--custom-transition);margin:0;padding:0;font-family:inherit}html,body{width:100%;height:100%;overflow:hidden}html{font-size:clamp(15px,.8vw + 8px,18px)}body{background-color:var(--color-secondary-container);overflow:hidden}html,body{font-family:Inter,system-ui,-apple-system,sans-serif}.loader-container{background-color:var(--color-primary);z-index:9999;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;transition:opacity .3s ease-in-out;display:flex;position:fixed;inset:0}.loader-container.fade-out{opacity:0}.skeleton-ui-loader{color:#fff;pointer-events:none;font-family:Arial,Helvetica,sans-serif;font-size:48px;font-weight:700;display:inline-block;position:relative}.skeleton-ui-loader:before{content:"";box-sizing:border-box;border:5px solid #fff;border-bottom-color:#ff3d00;border-radius:50%;width:30px;height:30px;animation:.6s linear infinite rotation;position:absolute;bottom:8px;left:34px}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.userServiceFormContainer{z-index:999;background-color:var(--color-secondary-container);border-radius:var(--radius-mid);pointer-events:none;opacity:0;width:800px;height:500px;transition:opacity .5s var(--custom-transition), transform .5s var(--custom-transition);grid-template:"title-logo heading-area"1fr"title-logo form"2fr/auto 1fr;margin:auto;display:grid;position:fixed;inset:0;overflow:hidden;transform:scale(0)}.userServiceFormContainer.open{pointer-events:auto;opacity:1;transform:scale(1)}[data-theme=dark] .userServiceFormContainer{background-color:var(--color-on-secondary-container)}.userServiceTitleLogo{background-color:var(--color-on-secondary-container);color:var(--color-secondary-container);justify-content:center;align-items:center;gap:var(--common-padding);padding:var(--common-padding);flex-direction:column;grid-area:title-logo;align-self:stretch;display:flex}[data-theme=dark] .userServiceTitleLogo{background-color:var(--color-secondary-container);color:var(--color-on-secondary-container)}.userServicelogo{aspect-ratio:1;border-radius:var(--radius-round);background:url(/smart-task-manager/icons/task-manager-light.ico) 50%/contain no-repeat;grid-area:logo;width:5rem;height:5rem}.userServiceHeadingArea{padding:var(--common-padding);color:var(--color-on-secondary-container);text-align:center;justify-content:center;align-items:center;gap:var(--common-padding);flex-direction:column;grid-area:heading-area;display:flex}[data-theme=dark] .userServiceHeadingArea{color:var(--color-secondary-container)}.userServiceHeading{font-size:2rem}.userServiceSubHeading{font-size:.9rem}.userServiceForm{padding:var(--common-padding);justify-content:flex-start;align-items:center;gap:var(--common-padding);flex-direction:column;grid-area:form;display:flex}.field-wrapper{flex-direction:column;gap:.35rem;width:100%;display:flex}.displayNameLabel,.passwordLabel{color:var(--color-on-secondary-container);font-size:1rem}[data-theme=dark] .displayNameLabel,[data-theme=dark] .passwordLabel{color:var(--color-secondary-container)}.displayNameInput{width:100%;transition:border .5s var(--custom-transition);border:1px solid #0000;border-radius:5px;outline:none;padding:.4rem;font-size:.9rem}.displayNameInput:focus-within{border:1px solid #000}.passwordInput{border:none;outline:none;flex:1;font-size:.9rem}.password-container{width:100%;transition:border .5s var(--custom-transition);background-color:#fff;border:1px solid #0000;border-radius:5px;flex-direction:row;justify-content:center;align-items:center;padding:.3rem .4rem;display:flex}.password-container:focus-within{border:1px solid #000}.toggle-visibility{background-color:var(--color-on-secondary-container);cursor:pointer}[data-theme=dark] .toggle-visibility{background-color:var(--color-secondary-container)}.submitBtn{border-radius:var(--radius-mid);background-color:var(--color-on-tertiary-container);color:var(--color-tertiary-container);transition:border .5s var(--custom-transition), scale .5s var(--custom-transition);border:2px solid #0000;padding:.5rem 2rem;font-size:1rem;font-weight:400}.submitBtn:active{border:2px solid var(--color-tertiary-container);scale:.98}[data-theme=light] .submitBtn{background-color:var(--color-tertiary-container);color:var(--color-on-tertiary-container)}[data-theme=light] .submitBtn:active{border:2px solid var(--color-on-tertiary-container)}.modeSwitchContainer{flex-direction:row;gap:5px;display:inline-flex}.toggle-mode{color:#00f;background-color:#0000;border:none;outline:none;font-size:1rem}@media screen and (width<=480px){.userServiceFormContainer{opacity:1;border-radius:48px 48px 0 0;grid-template:"title-logo"3fr"heading-area"1fr"form"5fr/1fr;width:100%;height:80svh;top:auto;transform:translateY(100%)}.userServiceFormContainer.open{pointer-events:auto;overflow-y:auto;transform:translateY(0%)}}@media screen and (width>=480px){.toggle-mode,.submitBtn{cursor:pointer}}.app-task-manager{background-color:none;grid-template:"logo-text search profile""sidebar task-main task-main"1fr"footer footer footer"/17.5rem 1fr auto;height:100dvh;display:grid}@media screen and (width<=480px){.app-task-manager{grid-template:"logo-text search profile""task-main task-main task-main"1fr"footer footer footer"/4rem 1fr 7rem;display:grid}}.app-logo-text-header{justify-content:flex-start;align-items:center;gap:var(--common-padding);padding-left:var(--common-padding);background-color:var(--color-primary-container);color:var(--color-on-primary-container);flex-direction:row;grid-area:logo-text;display:flex}.app-text-header{font-size:1.2rem;font-weight:400}.app-logo-header{border-radius:var(--radius-round);aspect-ratio:1;pointer-events:none;background-image:url(/smart-task-manager/icons/task-manager-light.ico);background-size:100% 100%;border:none;width:2rem;height:2rem;transform:scale(1.5)}@media screen and (width<=480px){.app-logo-header{background-color:#0000;background-image:none;background-color:var(--color-on-primary-container);pointer-events:auto;z-index:300;width:1.75rem;height:1.75rem;-webkit-mask-image:url(/smart-task-manager/svgs/menu.svg);mask-image:url(/smart-task-manager/svgs/menu.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.app-logo-header.no-bg{background-color:#0000!important}.app-text-header{display:none}}.app-text-aside{font-size:1.2rem;font-weight:400}.app-logo-aside{border-radius:var(--radius-round);aspect-ratio:1;pointer-events:none;background-image:url(/smart-task-manager/icons/task-manager-light.ico);background-size:100% 100%;border:none;width:2rem;height:2rem;transform:scale(1.5)}.app-logo-text-aside{display:none}.sideBar-item-container{flex-direction:column;justify-content:center;align-items:flex-start;gap:1rem;padding-block:1rem;display:flex}.sideBar-item-container li{width:100%}.item-contents{cursor:pointer;width:90%;display:inline-block}.item-contents input[type=radio]{position:absolute}.item-contents div{background-color:var(--color-primary);color:var(--color-on-primary);border-radius:0 64px 64px 0;width:100%;padding:.5rem 2rem .5rem 4rem;font-size:1rem;font-weight:600;transition:transform .15s ease-in-out;transform:translate(-3rem)}.item-contents input:checked+div{transform:translate(0)}@media screen and (width<=480px){.app-logo-text-aside{justify-content:flex-start;align-items:center;gap:var(--common-padding);padding:var(--common-padding);flex-direction:row;grid-area:logo-text;display:flex}}.app-task-container{border-radius:var(--radius-mid);background-color:var(--color-surface);grid-area:task-main;margin:.5rem;padding:.5rem;overflow-y:auto}.app-footer{grid-area:footer}.app-sidebar{background-color:var(--color-secondary-container);color:var(--color-on-secondary-container);grid-area:sidebar;position:static}@media screen and (width<=480px){.app-sidebar{width:80dvw;height:100dvh;inset:unset;border-radius:0rem var(--radius-mid) var(--radius-mid) 0rem;transition:transform 1s var(--custom-transition);will-change:transform;z-index:200;border:none;position:fixed;transform:translate(-100%)}.app-sidebar.open{transform:translate(0%)}}.app-search-bar{padding:var(--border-margin);background-color:var(--color-primary-container);color:var(--color-on-primary-container);grid-area:search;justify-content:flex-start;align-items:center;display:flex}.search-container{border-radius:var(--radius-round);background-color:var(--color-primary);width:80%;color:var(--color-on-primary);transition:background-color .5s var(--custom-transition);align-items:center;padding:.25rem;display:flex}.search-container:focus-within{background-color:var(--color-on-primary);color:var(--color-primary)}@media screen and (width<=480px){.search-container{width:100%}}.search-bar{background-color:#0000;border:none;outline:none;width:100%;padding:.6rem;font-size:1rem}.search-bar::placeholder{color:var(--color-on-primary)}.search-bar::-webkit-input-placeholder{color:var(--color-on-primary)}.search-bar:focus-within::placeholder{color:var(--color-primary)}.search-bar:focus-within::-webkit-input-placeholder{color:var(--color-primary)}.search-btn{aspect-ratio:1;background-color:var(--color-on-primary);border-radius:var(--radius-round);cursor:pointer;width:2.5rem;height:2.5rem;transition:color .2s var(--custom-transition), background-color .2s var(--custom-transition);border:none;justify-content:center;align-items:center;display:inline-flex}.search-btn:active{background-color:var(--color-primary)}.search-icon{color:var(--color-primary)}.search-icon:active{color:var(--color-on-primary)}.app-profile-menu{border-radius:var(--radius-mid);z-index:200;transform-origin:100% 0;pointer-events:none;opacity:0;width:20rem;height:auto;transition:1s var(--custom-transition);background-color:var(--color-tertiary-container);flex-direction:column;gap:1rem;display:flex;position:absolute;top:100%;overflow:hidden;transform:translateY(-1rem)scale(0)}.app-profile-menu.open{pointer-events:auto;opacity:1;transform:translateY(0)scale(1)}.user-profile{background-color:var(--color-on-tertiary-container);color:var(--color-tertiary-container);padding:var(--common-padding);font-size:2rem;font-weight:600}.user-profile p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.menu-items-container{padding:var(--common-padding);flex-direction:column;gap:.5rem;list-style-type:none;display:inline-flex}.profile-menu-item{color:var(--color-on-tertiary-container);background-color:var(--color-tertiary-container);border:2px solid var(--color-on-tertiary-container);cursor:pointer;border-radius:8px;justify-content:start;align-items:center;width:100%;padding:.5rem 1rem;font-size:1rem;font-weight:700;transition:all 50ms;display:flex}.profile-menu-item:active{color:var(--color-tertiary-container);background-color:var(--color-on-tertiary-container);border:2px solid var(--color-tertiary-container)}.app-user-profile{background-color:var(--color-primary-container);color:var(--color-on-primary-container);flex-direction:row;grid-area:profile;justify-content:flex-end;align-items:center;gap:.5rem;padding-inline:.5rem;display:flex;position:relative}.app-profile-icon{aspect-ratio:1;border-radius:var(--radius-round);background-color:var(--inner-bg-color);font-display:swap;cursor:pointer;width:3rem;height:3rem;transition:.2s var(--custom-transition);-webkit-user-select:none;user-select:none;z-index:200;background-color:var(--color-on-primary-container);color:var(--color-primary-container);border:none;justify-content:center;align-items:center;font-size:2rem;font-weight:600;display:flex}.app-profile-icon:active{background-color:var(--color-primary-container);color:var(--color-on-primary-container)}.theme-toggle-btn{aspect-ratio:1;background-color:var(--color-tertiary-container);border:none;border-radius:.5rem;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.theme-toggle-icon{color:var(--color-on-tertiary-container)}.theme-toggle-icon.animate-once{animation:.5s ease-in-out forwards spinOnce}@keyframes spinOnce{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.overLay{background-color:var(--overlay-color);opacity:0;pointer-events:none;transition:opacity 1s var(--custom-transition);z-index:100;position:fixed;inset:0}.overLay.active{pointer-events:auto;opacity:1}.toast-container{z-index:1000;flex-direction:column;gap:1rem;display:flex;position:fixed;bottom:20px;left:20px}.toast{opacity:1;border-radius:8px;min-width:300px;padding:12px 16px;transition:all .5s;position:relative;overflow:hidden;transform:translate(-150%)}.toast.show{opacity:1;transform:translate(0)}.toast.success{background-color:var(--toast-success-bg);color:var(--toast-success-text);border:1px solid var(--toast-success-border)}.toast.success .toast-progress{background:var(--toast-success-text)}.toast.error{background-color:var(--toast-error-bg);color:var(--toast-error-text);border:1px solid var(--toast-error-border)}.toast.error .toast-progress{background:var(--toast-error-text)}.toast.info{background-color:var(--toast-info-bg);color:var(--toast-info-text);border:1px solid var(--toast-info-border)}.toast.info .toast-progress{background:var(--toast-info-text)}.toast-progress{transform-origin:0;width:100%;height:3px;position:absolute;bottom:0;left:0}.confirm-popup{z-index:1000;background-color:var(--overlay-color);justify-content:center;align-items:center;transition:opacity .3s ease-in-out;display:flex;position:fixed;inset:0}.confirm-popup.fade-out{opacity:0}.confirm-popup-content{background-color:var(--color-secondary-container);color:var(--color-on-secondary-container);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;max-width:300px;display:flex;overflow:hidden}.confirm-popup-content h2{background-color:var(--color-primary);color:var(--color-on-secondary-container);text-align:center;width:100%;padding-block:.25rem;font-size:1.5rem}.confirm-popup-content p{padding:1rem;font-size:1rem}.confirm-popup-actions{justify-content:space-between;width:100%;padding:0 1rem .5rem;display:flex}.confirm-popup-actions button{background-color:var(--color-primary);color:var(--color-on-primary);cursor:pointer;border:none;border-radius:4px;padding:.35rem .75rem;font-size:1rem;transition:background-color .1s,color .1s}.confirm-popup-actions button:active{background-color:var(--color-on-primary);color:var(--color-primary)}.create-task-view,.create-task-form,.edit-task-view{flex-direction:column;gap:.5rem;width:100%;height:100%;display:flex}.task-heading-container{background-color:var(--color-secondary-container);color:var(--color-on-secondary-container);text-align:center;border-radius:10px;padding:.5rem}.task-entry-container{background-color:var(--color-secondary-container);color:var(--color-on-secondary-container);border-radius:10px;flex-direction:row;gap:2rem;padding:1rem;display:flex}.title-entry{position:relative}.title-text-counter{font-size:.75rem;position:absolute;bottom:0;right:.1rem}.task-entry{border:1px solid var(--color-on-secondary-container);border-radius:8px;width:33%;padding:0 .5rem .5rem}.task-entry input{color:var(--color-on-surface);background:0 0;border:none;outline:none;width:100%;font-size:1rem}.task-entry legend{font-size:1.1rem;font-weight:600}.input-radio{flex-direction:row;gap:1rem;padding:0 1rem .5rem;display:flex}.radio-btn-container{flex-direction:row;justify-content:center;align-items:center;gap:.5rem;display:flex}.radio-btn-container input[type=radio]{accent-color:var(--color-secondary-container);width:1rem;height:1rem}.task-description-container{background-color:var(--color-secondary-container);color:var(--color-on-secondary-container);border-radius:10px;height:100%;padding:1rem;position:relative}.task-description{border:1px solid var(--color-on-secondary-container);border-radius:8px;flex-direction:column;height:100%;padding:0 .5rem;display:flex}.task-description legend{font-size:1.1rem;font-weight:600}.desc-text-counter{font-size:.75rem;position:absolute;bottom:1.25rem;right:1.35rem}.description-textarea{width:100%;color:var(--color-on-surface);scrollbar-width:thin;scrollbar-color:var(--color-primary) var(--color-on-primary);background:0 0;border:none;border-radius:8px;outline:none;flex:1;margin-bottom:.5rem;padding:.5rem;font-size:1rem}textarea{resize:none;overflow-y:auto}.task-action-btn-container{background-color:var(--color-secondary-container);border-radius:10px;flex-direction:row;justify-content:flex-end;gap:1rem;padding:.5rem;display:flex}.action-btn{cursor:pointer;background-color:var(--color-primary);color:var(--color-on-primary);border:none;border:2px solid var(--color-on-primary);border-radius:8px;outline:none;padding:.5rem 1rem;font-size:1rem;font-weight:600;transition:background-color 50ms ease-in-out,color 50ms ease-in-out,border 50ms ease-in-out}.action-btn:active{background-color:var(--color-on-primary);color:var(--color-primary);border:2px solid var(--color-primary)}@media screen and (width<=480px){.task-entry-container{flex-direction:column;gap:.5rem}.task-entry{width:100%}}.task-list-view{border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:100%;display:flex}.task-list-header{background-color:var(--color-secondary-container);color:var(--color-on-secondary-container);border-radius:10px 10px 0 0;justify-content:space-between;width:100%;padding:.5rem 1rem;display:flex}.task-list-header div{flex-direction:row;gap:.5rem;display:flex}.task-list-create-task-btn,.task-list-filter-task-btn{background-color:var(--color-primary);color:var(--color-on-primary);cursor:pointer;aspect-ratio:1;border:none;border-radius:4px;justify-content:center;align-items:center;display:flex}.task-list-filter-task-btn{z-index:101;position:relative}.filter-menu-container{z-index:200;opacity:0;transition:opacity .5s var(--custom-transition), transform .5s var(--custom-transition);pointer-events:none;flex-direction:row;justify-content:center;align-items:center;display:flex;position:absolute;top:8rem;transform:translate(0)}.filter-menu-container.open{pointer-events:auto;opacity:1;transform:translate(-15rem)}.filter-sub-menu{transition:opacity .5s var(--custom-transition), transform .5s var(--custom-transition);border-radius:8px 0 0 8px;transform:translate(1rem)}.filter-menu{border-radius:8px}.filter-sub-menu,.filter-menu{background-color:var(--color-tertiary-container);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:10rem;height:auto;padding:.75rem;display:flex}.filter-sub-menu li,.filter-menu li{white-space:nowrap;width:100%;list-style-type:none}.filterButton div,.orderButton div{border:2px solid var(--color-on-tertiary-container);color:var(--color-on-tertiary-container);border-radius:4px;padding:.25rem .5rem}.filterButton input,.orderButton input{display:none}.filterButton input:checked+div,.orderButton input:checked+div{color:var(--color-tertiary-container);background-color:var(--color-on-tertiary-container)}.task-list-container{scrollbar-width:thin;scrollbar-color:var(--color-primary) var(--color-on-primary);flex-direction:column;flex:1;gap:1rem;width:100%;display:flex;overflow-y:auto}.task-card{background-color:var(--color-secondary-container);color:var(--color-on-secondary-container);flex-direction:column;gap:.5rem;padding:.5rem;display:flex}.task-card.low-priority-container{border-left:4px solid var(--low-priority-border)}.task-card.medium-priority-container{border-left:4px solid var(--medium-priority-border)}.task-card.high-priority-container{border-left:4px solid var(--high-priority-border)}.task-summary{flex-direction:row;justify-content:space-between;gap:1rem;display:flex}.task-info-section{min-width:0}.task-card-title{font-size:1.2rem}.task-card-title,.task-card-description{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.task-card-action-btns{background-color:var(--color-primary);color:var(--color-on-primary);aspect-ratio:1;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:2rem;height:2rem;transition:background-color 50ms ease-in-out,color 50ms ease-in-out;display:flex}.task-card-action-btns div{pointer-events:none}.task-card-action-btns:active{background-color:var(--color-on-primary);color:var(--color-primary)}.edit-delete-btn-container{flex-direction:row;gap:.5rem;display:flex}.task-data{justify-content:space-between;display:flex}.task-meta-container{flex-direction:row;align-items:center;gap:1rem;display:flex}.task-card-duedate{background-color:var(--color-secondary-container);color:var(--color-on-secondary-container);border:1px solid var(--color-on-secondary-container);text-align:center;border-radius:8px;padding:.35rem}.task-card-priority{border-radius:8px;padding:.35rem}.task-card-priority.low-priority{background-color:var(--low-priority-bg);color:var(--low-priority-border)}.task-card-priority.medium-priority{background-color:var(--medium-priority-bg);color:var(--medium-priority-border)}.task-card-priority.high-priority{background-color:var(--high-priority-bg);color:var(--high-priority-border)}.empty-task{text-align:center;color:var(--color-on-secondary-container);font-size:1rem}.idle-task-view{background-color:var(--color-secondary-container);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:100%;display:flex}.create-task-trigger{background-color:var(--color-primary);cursor:pointer;border-radius:16px;justify-content:center;align-items:center;width:12rem;height:8rem;transition:background-color 50ms ease-in-out;display:flex}.create-task-trigger:active{background-color:var(--color-on-primary)}.create-task-icon{background-color:var(--color-on-primary);aspect-ratio:1;width:128px;height:128px;transition:background-color 50ms ease-in-out}.create-task-icon:active{background-color:var(--color-primary)}.task-list-trigger-container{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}.task-list-text{color:var(--color-on-secondary-container);font-size:1rem}.task-list-trigger{background-color:var(--color-primary);border:2px solid var(--color-on-primary);color:var(--color-on-primary);cursor:pointer;border-radius:8px;padding:.5rem 1rem;font-size:1rem;font-weight:600;transition:background-color .1s ease-in-out,color .1s ease-in-out}.task-list-trigger:active{background-color:var(--color-on-primary);color:var(--color-primary)}@media screen and (width<=480px){.create-task-trigger{width:12rem;height:12rem}}.inspect-task-view{color:var(--color-on-secondary-container);border-radius:10px;flex-direction:column;gap:.5rem;height:100%;display:flex}.inspect-header,.inspect-body,.inspect-footer{background-color:var(--color-secondary-container);border-radius:10px;padding:.5rem}.inspect-header-meta,.inspect-body-meta,.inspect-footer-meta{justify-content:space-between;display:flex}.inspect-header-text,.inspect-desc-text{margin-bottom:.5rem;font-size:1.2rem;font-weight:500}.inspect-create-date,.inspect-dueDate{font-size:1rem}.inspect-body,.inspect-description-content{scrollbar-width:thin;scrollbar-color:var(--color-primary) var(--color-on-primary);flex:1;overflow-y:auto}.inspect-task-priority{align-items:center;display:flex}.inspect-action-btn-container{flex-direction:row;gap:.5rem;display:flex}.inspect-action-btns{background-color:var(--color-primary);color:var(--color-on-primary);aspect-ratio:1;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:2rem;height:2rem;transition:background-color 50ms ease-in-out,color 50ms ease-in-out;display:flex}.inspect-action-btns:active{background-color:var(--color-on-primary);color:var(--color-primary)}