@charset "UTF-8";*,:before,:after{box-sizing:border-box}:where(ul,ol):where([class]){padding-left:0}body,:where(blockquote,figure,fieldset):where([class]){margin:0}:where(h1,h2,h3,h4,h5,h6,p,ul,ol,dl):where([class]){margin-block:0}:where(dd[class]){margin-left:0}:where(fieldset[class]){padding:0;border:none}:where(ul[class]){list-style:none}:where(address[class]){font-style:normal}p{--paragraphMarginBottom: 1.5rem;margin-block:0}p:where(:not([class],:last-child)){margin-bottom:var(--paragraphMarginBottom)}img,video{display:block;max-width:100%;height:auto}input,textarea,select,button{font:inherit}html{height:100%;scroll-behavior:smooth;scrollbar-gutter:stable}body{min-height:100%;line-height:1.5}a:where([class]){display:inline-flex}button,label{cursor:pointer;-webkit-user-select:none;user-select:none}button{-webkit-tap-highlight-color:transparent}:where([fill]:not([fill=none],[fill^=url])){fill:currentcolor}:where([stroke]:not([stroke=none],[stroke^=url])){stroke:currentcolor}svg *{transition-property:fill,stroke}:where(table){border-collapse:collapse;border-color:currentcolor}@media (prefers-reduced-motion: reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}@font-face{src:url(/task-manager/assets/DMSans-ClxMb8Ef.woff2) format("woff2-variations");font-style:normal;font-family:DM Sans;font-weight:500 700;font-display:swap}:root{--theme-bg: var(--color-white);--theme-bg-primary: var(--color-shade);--theme-text: var(--color-black);color-scheme:light;--color-white: #fff;--color-light: #fef7ee;--color-black: #191b1f;--color-black-rgb: 25 27 31;--color-grey: #2a2d32;--color-grey-light: #3A3E44;--color-silver: #7E878D;--color-shade: #F0F6FE;--color-accent: var(--color-blue);--color-bad-accent: #dd524c;--color-status-blue: #70a3f3;--color-status-yellow: #f3ce49;--color-status-purple: #b787f5;--color-status-green: #77db89;--color-red: #aa2e26;--color-red-light: #f6cccb;--color-blue: #3662e3;--color-blue-light: #dee9fc;--color-blue-deep: #2a4dd0;--color-blue-soft: #c4dafb;--color-green: #4ca154;--color-green-light: #e2fbe8;--color-yellow: #c18d30;--color-yellow-light: #fdf9c9;--border: .125rem solid var(--color-grey-light);--border-radius-l: 2.5rem;--border-radius-m: .75rem;--border-radius-s: .5rem;--border-radius-xs: .25rem;--font-family-base: "DM Sans";--transition-duration: .2s;--z-index-content: 100;--z-index-back: 10}:root[data-theme=light]{--theme-bg: var(--color-white);--theme-bg-primary: var(--color-shade);--theme-text: var(--color-black);color-scheme:light}:root[data-theme=dark]{--theme-bg: var(--color-black);--theme-bg-primary: var(--color-grey);--theme-text: var(--color-light);color-scheme:dark}.visually-hidden{position:absolute!important;width:.0625rem!important;height:.0625rem!important;margin:-.0625rem!important;padding:0!important;white-space:nowrap!important;border:0!important;clip:rect(0 0 0 0)!important;clip-path:inset(100%)!important;overflow:hidden!important}@media (width > 63.99875rem){.visible-tablet{display:none!important}}@media (width <= 63.99875rem){.hidden-tablet{display:none!important}}@media (width > 47.99875rem){.visible-mobile{display:none!important}}@media (width <= 47.99875rem){.hidden-mobile{display:none!important}}body{font-size:.875rem;font-family:var(--font-family-base),sans-serif;font-weight:500;color:var(--theme-text);background-color:var(--theme-bg)}#root{display:flex;height:100vh;padding-block:.75rem;padding-right:.75rem}h2,.h2{font-size:1.25rem;font-weight:700}h3,.h3{font-size:.875rem;font-weight:500}a,button,label,input,textarea,select,svg *{transition-duration:var(--transition-duration)}a{color:inherit}@media (any-hover: hover){a:hover{color:var(--color-bad-accent)}}@media (any-hover: none){a:active{color:var(--color-bad-accent)}}a[class]{text-decoration:none}:focus-visible{transition-duration:0s!important;outline:.125rem dashed var(--color-accent);outline-offset:.25rem}.form{display:flex;flex-direction:column;row-gap:1.5rem;max-width:28.5rem}@media (height <= 30.06125rem){.form{gap:.625rem;max-width:none}}.form__actions{display:inline-flex;column-gap:.75rem}@media (height <= 30.06125rem){.form__actions{align-self:center}}.sidebar{min-width:18.5rem;transition-duration:var(--transition-duration)}@media (width <= 63.99875rem){.sidebar{min-width:13.375rem}}.sidebar.is-collapsed{min-width:4.5625rem}.sidebar__inner{display:flex;flex-direction:column;row-gap:1.75rem;height:100%;padding-inline:.75rem;container-name:sidebar;container-type:inline-size}.sidebar__header{flex-shrink:0;padding-inline:.25rem;padding-top:.375rem}.sidebar__body{flex-grow:1;margin-block:-.5rem;margin-inline:-.75rem;padding-block:.5rem;padding-inline:.75rem;overflow-y:auto;scrollbar-width:none}.sidebar__body::-webkit-scrollbar{display:none}.sidebar__footer{flex-shrink:0}.theme-switcher{display:flex;align-items:center;padding:.25rem;background-color:var(--theme-bg-primary);border-radius:var(--border-radius-m)}.theme-switcher:has(.theme-switcher__input:focus-visible){transition-duration:0s!important;outline:.125rem dashed var(--color-accent);outline-offset:.25rem}@container sidebar (width < 150px){.theme-switcher{background-color:transparent}}.theme-switcher__input{appearance:none;position:absolute!important;width:.0625rem!important;height:.0625rem!important;margin:-.0625rem!important;padding:0!important;white-space:nowrap!important;border:0!important;clip:rect(0 0 0 0)!important;clip-path:inset(100%)!important;overflow:hidden!important}.theme-switcher__body{position:relative;display:flex;flex-grow:1;align-items:center;column-gap:.25rem}.theme-switcher__body:after{content:"";position:absolute;top:0;left:0;z-index:var(--z-index-back);width:50%;height:100%;background-color:var(--theme-bg);border-radius:var(--border-radius-s);transition-duration:.3s}@container sidebar (width < 150px){.theme-switcher__body:after{display:none}}.theme-switcher--light .theme-switcher__body:after{translate:100%}.theme-switcher__button{z-index:var(--z-index-content);display:inline-flex;flex-grow:1;justify-content:center;align-items:center;column-gap:.25rem;padding-block:.5rem;background-color:transparent;border-radius:var(--border-radius-s);transition-duration:var(--transition-duration)}@container sidebar (width < 150px){.theme-switcher__button:not(.is-active),.theme-switcher__button.is-active>span{display:none}.theme-switcher__button{border:.0625rem solid transparent}@media (any-hover: hover){.theme-switcher__button:hover{border-color:var(--color-accent)}}@media (any-hover: none){.theme-switcher__button:active{border-color:var(--color-accent)}}}@media (any-hover: hover){.theme-switcher__button:hover{color:var(--color-accent)}}@media (any-hover: none){.theme-switcher__button:active{color:var(--color-accent)}}.button-toggle-collapse{position:relative;width:2.5rem;height:2.5rem;display:inline-flex;justify-content:center;align-items:center;background-color:var(--theme-bg-primary);border:none;border-radius:var(--border-radius-l)}.button-toggle-collapse:before{content:"";position:absolute;top:50%;left:50%;translate:-50% -50%;width:2.75rem;height:2.75rem}@media (any-hover: hover){.button-toggle-collapse:hover{color:var(--color-accent)}}@media (any-hover: none){.button-toggle-collapse:active{color:var(--color-accent)}}.board-list{display:flex;flex-direction:column;row-gap:.75rem;font-weight:700}.board-list__items{display:flex;flex-direction:column;row-gap:.75rem}.board-list__button{display:flex;align-items:center;column-gap:.625rem;width:100%;padding:.5rem;background-color:transparent;border:.125rem solid transparent;border-radius:var(--border-radius-s)}@media (any-hover: hover){.board-list__button:hover{color:var(--color-accent);border-color:var(--color-accent)}}@media (any-hover: none){.board-list__button:active{color:var(--color-accent);border-color:var(--color-accent)}}@container sidebar (width < 190px){.board-list__button{justify-content:center}.board-list__button span{display:none}}.board-item{display:inline-flex;align-items:center;column-gap:.625rem;width:100%;padding:.375rem;background-color:transparent;border:.125rem solid transparent;border-radius:var(--border-radius-l);transition-duration:var(--transition-duration)}@container sidebar (width < 190px){.board-item{justify-content:center}}@media (any-hover: hover){.board-item:hover{border-color:var(--color-accent)}}@media (any-hover: none){.board-item:active{border-color:var(--color-accent)}}.board-item.is-selected{border-color:var(--color-accent)}@container sidebar (width < 190px){.board-item__name{display:none}}.context-menu__content{padding:.25rem;background:var(--theme-bg-primary);border:.0625rem solid var(--color-silver);border-radius:var(--border-radius-s);box-shadow:0 .25rem .75rem #0000001a;animation:context-menu-appear .1s ease-out}.context-menu__item-button{width:100%;padding:.25rem 1rem;display:inline-flex;justify-content:center;align-items:center;background:transparent;border:none;border-radius:inherit;transition-duration:var(--transition-duration)}@media (any-hover: hover){.context-menu__item-button:hover{background-color:var(--color-accent)}}@media (any-hover: none){.context-menu__item-button:active{background-color:var(--color-accent)}}@keyframes context-menu-appear{0%{opacity:0;visibility:hidden;transform:scale(.95)}to{opacity:1;visibility:visible;transform:scale(1)}}.board{flex:1 1 auto;background-color:var(--theme-bg-primary);border-radius:var(--border-radius-m);overflow-y:auto}.board__inner{min-width:58.875rem;padding-block:1rem;padding-inline:.75rem}.board__body{--gridColumn: 4;display:grid;grid-template-columns:repeat(var(--gridColumn),1fr);column-gap:.75rem}.board__column,.board__column-body{display:flex;flex-direction:column;row-gap:1.25rem}.task-card{display:flex;flex-direction:column;row-gap:.75rem;padding:.75rem;background-color:var(--theme-bg);border-radius:var(--border-radius-m);box-shadow:0 .25rem .75rem #0000000d}.task-card__image-wrapper{display:flex;min-height:4.8125rem;border-radius:var(--border-radius-s);overflow:hidden}.task-card__image{width:100%;object-fit:cover}.task-card__tag-list{display:inline-flex;flex-wrap:wrap;gap:.5rem}.tag-item{--colorText: var(--color-blue);--colorBackground: var(--color-blue-light);padding:.125rem .25rem;font-size:.5rem;text-transform:capitalize;color:var(--colorText);background-color:var(--colorBackground);border-radius:var(--border-radius-xs)}.button{display:inline-flex;align-items:center;column-gap:.75rem;padding:.5rem .75rem;background-color:transparent;border:none;border-radius:var(--border-radius-l);transition-duration:var(--transition-duration)}.button--add-task{justify-content:space-between;width:100%;padding:.5rem .75rem;color:var(--color-blue-deep);background-color:var(--color-blue-soft);border:none;border-radius:var(--border-radius-m)}@media (any-hover: hover){.button--add-task:hover{color:var(--color-blue-soft);background-color:var(--color-blue-deep)}}@media (any-hover: none){.button--add-task:active{color:var(--color-blue-soft);background-color:var(--color-blue-deep)}}.button--form-button{padding-inline:1.5rem}@media (any-hover: hover){.button--form-button:hover{color:var(--color-blue);background-color:var(--color-blue-soft);border-color:var(--color-blue-soft)}}@media (any-hover: none){.button--form-button:active{color:var(--color-blue);background-color:var(--color-blue-soft);border-color:var(--color-blue-soft)}}.button--submit{background-color:var(--color-blue)}.button--reset{line-height:1.429;color:var(--color-silver);border:.125rem solid var(--color-silver)}.button__icon{display:flex}.button__icon:empty{position:absolute!important;width:.0625rem!important;height:.0625rem!important;margin:-.0625rem!important;padding:0!important;white-space:nowrap!important;border:0!important;clip:rect(0 0 0 0)!important;clip-path:inset(100%)!important;overflow:hidden!important}.status{display:inline-flex;align-items:center;column-gap:.5rem;font-weight:700}.status--backlog{--statusColor: var(--color-status-blue)}.status--in-progress{--statusColor: var(--color-status-yellow)}.status--in-review{--statusColor: var(--color-status-purple)}.status--completed{--statusColor: var(--color-status-green)}.status__led{width:.5rem;height:.5rem;display:inline-flex;background-color:var(--statusColor);border-radius:var(--border-radius-l)}.modal{width:100%;max-width:32.5rem;padding:0;background-color:var(--theme-bg-primary);border:none;border-radius:var(--border-radius-m);overflow:visible}@media (height <= 30.06125rem){.modal{max-width:38.75rem}}.modal[hidden]{display:none}.modal::backdrop{background-color:rgb(var(--color-black-rgb)/90%)}.modal__content{display:grid;row-gap:1.875rem;padding-inline:2rem;padding-top:1.5625rem;padding-bottom:2rem}@media (height <= 30.06125rem){.modal__content{row-gap:.625rem;padding-top:.9375rem}}.modal__header{display:flex;justify-content:space-between;align-items:center}.modal__button-close{display:inline-flex;justify-content:center;align-items:center;position:relative;padding:0;background-color:transparent;border:none}@media (any-hover: hover){.modal__button-close:hover{color:var(--color-bad-accent)}}@media (any-hover: none){.modal__button-close:active{color:var(--color-bad-accent)}}.modal__button-close:before{content:"";position:absolute;top:50%;left:50%;translate:-50% -50%;width:2.75rem;height:2.75rem}.field{display:flex;flex-direction:column;align-items:start;row-gap:.5rem}.field__label{font-size:.75rem;color:var(--color-silver)}.field__input{width:100%;padding:.5rem .75rem;background-color:transparent;border:var(--border);border-radius:var(--border-radius-m);outline:none}@media (any-hover: hover){.field__input:hover{border-color:var(--color-accent)}}@media (any-hover: none){.field__input:active{border-color:var(--color-accent)}}.field__input:focus-visible{border-color:var(--color-accent)}.field__input--error{border-color:var(--color-bad-accent)}.field__input::placeholder{color:var(--color-grey-light)}.field__error{font-size:.75rem;color:var(--color-bad-accent)}.radio-group{display:flex;flex-direction:column;align-items:start;row-gap:.75rem}.radio-group__label{font-size:.75rem;color:var(--color-silver)}.radio-group__list{display:flex;flex-wrap:wrap;column-gap:.5rem;row-gap:.375rem}.radio-group__item{padding:.375rem;border:.125rem solid transparent;border-radius:var(--border-radius-l)}@media (any-hover: hover){.radio-group__item:hover{border-color:var(--color-accent)}}@media (any-hover: none){.radio-group__item:active{border-color:var(--color-accent)}}.radio-group__item:has(input:checked),.radio-group__item:has(input:focus-visible){border-color:var(--color-accent)}.radio-group__input{appearance:none;position:absolute!important;width:.0625rem!important;height:.0625rem!important;margin:-.0625rem!important;padding:0!important;white-space:nowrap!important;border:0!important;clip:rect(0 0 0 0)!important;clip-path:inset(100%)!important;overflow:hidden!important}@media (height <= 30.06125rem){.task-edit-form{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"image status" "image tags" "title title" "actions actions"}.task-edit-form__image.field-image{grid-area:image;aspect-ratio:auto}.task-edit-form__title{grid-area:title}.task-edit-form__status{grid-area:status}.task-edit-form__tags{grid-area:tags}.task-edit-form__actions{grid-area:actions;justify-self:center}.task-edit-form__actions button{padding-block:0}}.field-select{display:flex;flex-direction:column;align-items:start;row-gap:.5rem}.field-select__label{font-size:.75rem;color:var(--color-silver)}.field-select__original-control,.field-select__control{width:100%;padding:.5rem .75rem;background-color:transparent;border:var(--border);border-radius:var(--border-radius-m);outline:none}.field-select__control,.field-select__option{cursor:pointer;-webkit-user-select:none;user-select:none}.field-select__original-control{background-color:var(--theme-bg-primary);appearance:none}.field-select__original-control:disabled+.field-select__body{opacity:.8;cursor:not-allowed}.field-select__original-control:disabled+.field-select__body *{pointer-events:none}@media (width > 47.99875rem){.field-select__original-control{position:absolute!important;width:.0625rem!important;height:.0625rem!important;margin:-.0625rem!important;padding:0!important;white-space:nowrap!important;border:0!important;clip:rect(0 0 0 0)!important;clip-path:inset(100%)!important;overflow:hidden!important}}.field-select__control{display:flex;align-items:center;transition-duration:var(--transition-duration)}@media (width <= 47.99875rem){.field-select__control{position:absolute!important;width:.0625rem!important;height:.0625rem!important;margin:-.0625rem!important;padding:0!important;white-space:nowrap!important;border:0!important;clip:rect(0 0 0 0)!important;clip-path:inset(100%)!important;overflow:hidden!important}}@media (any-hover: hover){.field-select__control:hover{border-color:var(--color-accent)}}@media (any-hover: none){.field-select__control:active{border-color:var(--color-accent)}}.field-select__control:focus,.field-select__control:focus-visible{border-color:var(--color-accent)}.field-select__body{position:relative;width:100%}.field-select__dropdown{position:absolute;top:calc(100% + .5rem);left:0;z-index:var(--z-index-content);display:grid;row-gap:.25rem;width:100%;padding:.5rem;background-color:var(--theme-bg);border:var(--border);border-radius:var(--border-radius-m);transition-duration:var(--transition-duration);border-width:.0625rem;overflow-y:auto;overscroll-behavior:none}.field-select__option{display:flex;justify-content:space-between;align-items:center;column-gap:.625rem;padding:.375rem .75rem;border-radius:var(--border-radius-s)}@media (any-hover: hover){.field-select__option:hover{background-color:var(--color-accent)}}@media (any-hover: none){.field-select__option:active{background-color:var(--color-accent)}}.field-select__option.is-active,.field-select__option.is-selected,.field-select__option.is-focus{background-color:var(--color-accent)}.field-select--multiple{--dropdownRow: 4}.field-select--multiple .field-select__option{font-size:.875rem;font-weight:700;color:var(--colorText);background-color:var(--colorBackground);border-radius:var(--border-radius-xs);outline:.25rem solid transparent;outline-offset:-.25rem}.field-select--multiple .field-select__option.is-active,.field-select--multiple .field-select__option.is-selected,.field-select--multiple .field-select__option.is-focus{outline-color:var(--color-accent)}.field-select--multiple .field-select__control{flex-wrap:wrap;gap:.5rem}.field-select--multiple .field-select__dropdown{max-height:calc(2.49938rem * var(--dropdownRow))}.field-image{position:relative;width:100%;background-color:var(--color-grey-light);background-position:center;background-size:cover;border-radius:var(--border-radius-s);aspect-ratio:19/5;background-repeat:no-repeat;overflow:hidden;display:flex;justify-content:center;align-items:center}.field-image:hover .field-image__actions-backdrop{opacity:1;visibility:visible}.field-image__actions{display:inline-flex;justify-content:center;align-items:center;column-gap:.5rem}.field-image__actions-backdrop{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-content:center;background-color:rgb(var(--color-black-rgb)/90%);transition-duration:var(--transition-duration);opacity:0;visibility:hidden}.field-image__actions-button{font-weight:700}.field-image__actions-button--random{background-color:var(--color-accent)}.field-image__actions-button--remove{background-color:var(--color-bad-accent)}.field-image__plug{font-size:1.25rem;font-weight:700;color:var(--color-silver)}