*,*:before,*:after{box-sizing:border-box}body{margin:unset}button,input,textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;padding:0 1em 0 0;margin:0;width:100%;font-family:inherit;font-size:inherit;cursor:inherit;line-height:inherit;outline:none}button::-ms-expand,input::-ms-expand,textarea::-ms-expand,select::-ms-expand{display:none}img,picture,svg,canvas{display:block;max-inline-size:100%;block-size:auto}address{font-style:normal}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{font-size:calc(1rem + .25vw)}.header{display:flex;height:5rem;padding:1rem;justify-content:space-between}.main{width:70vw;width:70dvw;margin:0 auto}@font-face{font-family:Junction;src:url(/fonts/junction/junction-bold.eot);src:url(/fonts/junction/junction-bold.eot?#iefix) format("embedded-opentype"),url(/fonts/junction/junction-bold.woff) format("woff"),url(/fonts/junction/junction-bold.ttf) format("truetype"),url(/fonts/junction/junction-bold.svg#junctionbold) format("svg");font-weight:700;font-style:normal}@font-face{font-family:Junction;src:url(/fonts/junction/junction-light.eot);src:url(/fonts/junction/junction-light.eot?#iefix) format("embedded-opentype"),url(/fonts/junction/junction-light.woff) format("woff"),url(/fonts/junction/junction-light.ttf) format("truetype"),url(/fonts/junction/junction-light.svg#junctionlight) format("svg");font-weight:400;font-style:normal}:root{--color-red: #ed6b76;--color-dark-red: #833b41;--color-blue: #6bc1ed;--color-yellow: #ede96b;--color-dark: #000000;--color-bright: #ffffff}body{background-color:var(--color-bright);color:var(--color-dark);font-family:Junction,Tahoma,Geneva,Verdana,sans-serif}.header{display:flex;background-color:var(--color-yellow);background-image:radial-gradient(circle,var(--color-blue) 0%,var(--color-yellow) 50%,var(--color-red) 100%);background-position:50% 50%;background-repeat:no-repeat;background-size:cover;margin:0 0 2rem}.header__logo{width:auto;height:3rem}.title,.subtitle,.subsubtitle{margin:0 0 1rem}.header-nav__list{display:flex;list-style:none;gap:1rem;justify-content:space-between;height:3rem;padding:0;margin:0;align-items:center}.header-nav__link{text-decoration:none;color:var(--color-bright)}.header-nav__link:active,.header-nav__link:hover,.header-nav__link--focus{text-decoration:underline}.login-form{display:flex;flex-direction:column;width:20rem;margin:0 auto}.login-form__input{margin:0 0 1rem;padding:.25em .5em;line-height:1.5;border:1px solid var(--color-red);border-radius:5px}.login-form__submit{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:20rem;margin:0 auto 2rem;padding:.25em .5em;background:#6bc1ed;background:linear-gradient(180deg,var(--color-red) 30%,var(--color-dark-red) 100%);box-shadow:0 0 5px #00000040;line-height:1.5;border-radius:5px;color:var(--color-bright)}.add-user-form{display:flex;flex-direction:column;width:20rem;margin:0 auto 2rem}.add-user-form__input{margin:0 0 1rem;padding:.25em .5em;line-height:1.5;border:1px solid var(--color-red);border-radius:5px}.add-user-form__submit{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:20rem;margin:0 auto 2rem;padding:.25em .5em;background:#6bc1ed;background:linear-gradient(180deg,var(--color-red) 30%,var(--color-dark-red) 100%);box-shadow:0 0 5px #00000040;line-height:1.5;border-radius:5px;color:var(--color-bright)}.add-category-form{display:flex;flex-direction:column;width:20rem;margin:0 auto 2rem}.add-category-form__input{margin:0 0 1rem;padding:.25em .5em;line-height:1.5;border:1px solid var(--color-red);border-radius:5px}.add-category-form__submit{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:20rem;margin:0 auto 2rem;padding:.25em .5em;background:#6bc1ed;background:linear-gradient(180deg,var(--color-red) 30%,var(--color-dark-red) 100%);box-shadow:0 0 5px #00000040;line-height:1.5;border-radius:5px;color:var(--color-bright)}.users{width:100%;border-collapse:collapse;border-spacing:0;margin:0 0 2rem;table-layout:fixed;font-size:.8rem}.users th,.users td{border:1px solid var(--color-red);padding:.5rem;vertical-align:middle}.users tbody>tr:hover{background-color:var(--color-blue)}.users tbody>tr>th{font-weight:400}.users thead>tr>th{text-transform:uppercase}.users th{background-color:var(--color-yellow)}.users__delete{cursor:pointer}.categories{list-style:none;padding:0;margin:0 0 2rem}.categories__delete{cursor:pointer}.entry-user-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:20rem;margin:0 auto 2rem;padding:.25em .5em;background:#6bc1ed;background:linear-gradient(180deg,var(--color-red) 30%,var(--color-dark-red) 100%);box-shadow:0 0 5px #00000040;line-height:1.5;border-radius:5px;color:var(--color-bright)}.entries{list-style:none;padding:0;margin:0 0 2rem;display:flex;gap:1rem;flex-wrap:wrap}.entry{flex-basis:calc(33.3333333333% - 1rem);aspect-ratio:2/1;background:#6bc1ed;background:linear-gradient(0deg,var(--color-blue) 30%,rgb(171,220,245) 100%);border-radius:5px;box-shadow:0 0 5px #00000040;display:flex;flex-direction:column;justify-content:space-around;padding:1rem}.entry__dot{background:#ffffff80;width:1rem;height:1rem;border-radius:50%;border:3px solid var(--color-blue)}.entry__dot--full{background-color:var(--color-blue)}.entry__title{font-weight:400;display:block;text-align:center;font-size:1.25rem}.entry__value{background:#ffffff80;height:35%;border-radius:5px;display:flex;justify-content:space-around;align-items:center}