.app-snackbar{position:fixed;left:50%;transform:translateX(-50%);background:#999;color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;box-shadow:0 2px 6px rgba(0,0,0,.3);display:flex;gap:1rem;align-items:center;animation:fade-in .3s ease}.app-snackbar--bottom{bottom:1rem}.app-snackbar--top{top:1rem}.app-snackbar--success{background:#4caf50}.app-snackbar--error{background:#f44336}.app-snackbar--info{background:#2196f3}.app-snackbar button{background:rgba(0,0,0,0);border:none;color:#fff;font-weight:bold;cursor:pointer}@keyframes fade-in{from{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.no-scroll{overflow:hidden}.popover-overlay{background:linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));position:fixed;inset:0;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s ease}.popover-overlay.show{opacity:1}.popover-wrapper{position:relative;background-color:#fff;border-radius:10px rgba(0,0,0,0);max-width:600px;width:90%;max-height:90%;overflow:auto;box-shadow:0 10px 30px rgba(0,0,0,.3);transform:scale(0.95);opacity:0;transition:opacity 1s ease,transform 1s ease}.popover-wrapper.show{transform:scale(1);opacity:1}.popover-content{position:relative}.popover-close-button{position:absolute;top:.5rem;right:.75rem;background:none;border:none;font-size:1.5rem;cursor:pointer}.popover-buttons{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.popover-buttons button{background-color:inherit;transition:ease-in-out .3s;padding:.5rem 1rem;font-size:1rem;cursor:pointer}.popover-buttons button:hover{background-color:rgba(0,0,0,.7);color:#fff}.u-font-smallest{font-size:.75rem}.u-font-small{font-size:.875rem}.u-font-medium{font-size:1rem}.u-font-large{font-size:1.5rem}.u-font-largest{font-size:2rem}.u-padd-x-smallest{padding-left:.25rem;padding-right:.25rem}.u-padd-x-small{padding-left:.5rem;padding-right:.5rem}.u-padd-x-medium{padding-left:1rem;padding-right:1rem}.u-padd-x-large{padding-left:1.5rem;padding-right:1.5rem}.u-padd-x-largest{padding-left:2rem;padding-right:2rem}.u-padd-y-smallest{padding-top:.25rem;padding-bottom:.25rem}.u-padd-y-small{padding-top:.5rem;padding-bottom:.5rem}.u-padd-y-medium{padding-top:1rem;padding-bottom:1rem}.u-padd-y-large{padding-top:1.5rem;padding-bottom:1.5rem}.u-padd-y-largest{padding-top:2rem;padding-bottom:2rem}.u-marg-x-smallest{margin-left:.25rem;margin-right:.25rem}.u-marg-x-small{margin-left:.5rem;margin-right:.5rem}.u-marg-x-medium{margin-left:1rem;margin-right:1rem}.u-marg-x-large{margin-left:1.5rem;margin-right:1.5rem}.u-marg-x-largest{margin-left:2rem;margin-right:2rem}.u-marg-y-smallest{margin-top:.25rem;margin-bottom:.25rem}.u-marg-y-small{margin-top:.5rem;margin-bottom:.5rem}.u-marg-y-medium{margin-top:1rem;margin-bottom:1rem}.u-marg-y-large{margin-top:1.5rem;margin-bottom:1.5rem}.u-marg-y-largest{margin-top:2rem;margin-bottom:2rem}.u-rounded-small{border-radius:2px}.u-rounded-medium{border-radius:4px}.u-rounded-large{border-radius:8px}.u-rounded-pill{border-radius:9999px}.u-shadow-small{box-shadow:0 1px 2px rgba(0,0,0,.05)}.u-shadow-medium{box-shadow:0 4px 6px rgba(0,0,0,.1)}.u-shadow-large{box-shadow:0 10px 15px rgba(0,0,0,.15)}.u-transition-fast{transition:.2s}.u-transition-normal{transition:.3s}.u-transition-slow{transition:.5s}.u-color-base{color:#000}.u-color-prim{color:#000}.u-color-sec{color:#000}.u-color-bg{color:#fff}.u-italic{font-style:italic}.u-bold{font-weight:bold}.u-font-secondary{font-family:Arial,Helvetica,sans-serif}.u-flex-center{display:flex;justify-content:center;align-items:center}.u-flex-column{display:flex;flex-direction:column}.u-flex-row{display:flex;flex-direction:row}.u-flex-between{display:flex;justify-content:space-between;align-items:center}.u-flex-around{display:flex;justify-content:space-around;align-items:center}.u-flex-wrap{display:flex;flex-wrap:wrap}.u-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.u-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.u-absolute-center{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.u-fixed-full{position:fixed;top:0;right:0;bottom:0;left:0}.u-bg-base{background-color:#fff}.u-bg-inherit{background-color:inherit}.u-bg-primary{background-color:#000}.u-bg-secondary{background-color:#000}.u-bg-gradient-right{background:linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7))}.u-bg-gradient-left{background:linear-gradient(to left, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7))}.u-bg-gradient-top{background:linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7))}.u-bg-gradient-bottom{background:linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7))}.u-bg-cover{background-size:cover;background-position:center;background-repeat:no-repeat}.u-img-cover{-webkit-background-size:100vw 100vh;-moz-background-size:100vw 100vh;-o-background-size:100vw 100vh;background-size:100vw 100vh;background-attachment:fixed}.u-transition{transition:all .3s ease}.u-hover-scale{transition:transform .2s}.u-hover-scale:hover{transform:scale(1.05)}.u-border{border:1px solid #000}.u-border-none{border:0px solid #fff}.u-rounded{border-radius:4px}.u-btn-disabled button:disabled{pointer-events:none !important;cursor:not-allowed !important;opacity:.6 !important}.u-btn-disabled button:disabled a{cursor:not-allowed !important}.u-hide{display:none !important}.u-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}.u-clearfix::after{content:"";display:table;clear:both}.u-pointer{cursor:pointer}.u-pre-wrap{white-space:pre-wrap;overflow-wrap:break-word}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,button,input,textarea{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}*,*::before,*::after{box-sizing:border-box}:root body{background-color:#fff;color:#000;min-height:100vh;cursor:default;line-height:1.6;font-family:Arial,Helvetica,sans-serif;font-size:1rem}:root h1{font-size:2rem;font-family:Arial,Helvetica,sans-serif}:root a,:root button{cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,.1);-webkit-touch-callout:none}:root a{text-decoration:none;color:inherit}:root a:hover,:root a:focus-visible,:root button:focus-visible{text-decoration:underline}@media(hover: none){:root a:hover{text-decoration:none}}:root input{border:0;width:100%;padding:1rem}:root input:focus{outline:1px solid #000;border-radius:1rem}:root textarea{padding-top:.5rem}:root textarea:focus{outline:1px solid #000;border-radius:1rem}.task-catalog__add-task-button{color:#fff;background-color:#000;transition:ease-in-out all .3s;font-size:1.5em;font-style:italic;padding:.5em;margin:1em;border-radius:1em}.task-catalog__add-task-button:hover,.task-catalog__add-task-button:focus{outline:none}@media(max-width: 576px){.task-catalog__add-task-button{margin-left:30%}}.task-catalog__sidebar{display:flex;flex-direction:column;padding:.5rem;margin-right:1rem}@media(max-width: 576px){.task-catalog__sidebar{width:40vw;margin-right:0}}.task-details__container{width:60vw;height:100%;text-align:center}@media(max-width: 576px){.task-details__container{width:55vw}}.c-button{transition:ease-in-out all .3s;background-color:inherit;color:inherit}.c-button-hover-prim:hover,.c-button-hover-prim:focus{background-color:#000;color:#fff;outline:none}.c-button-hover-sec:hover,.c-button-hover-sec:focus{background-color:#000;color:#fff;outline:none}