.card{display:flex;flex-direction:column;justify-content:space-between;gap:1.9rem;background-color:var(--clr-container);padding:1rem;border-radius:1rem;box-shadow:0 2px 5px 1px var(--overlay-200);border:1px solid var(--clr-border-container);transition:.15s}.card.fade{opacity:0;transform:scale(.98)}.card img{width:50px;-webkit-user-select:none;user-select:none}.card h2{--fs-main: clamp(1rem, 2vw, 1.1rem);line-height:1;margin-block:.1rem .3rem}.card *{font-size:var(--fs-main)}.card-top{display:flex;justify-content:flex-start;align-items:flex-start;gap:.8rem}.card-bottom{display:flex;justify-content:space-between;align-items:center}header{background-color:var(--clr-container);padding:.6rem .8rem;border-radius:1rem;box-shadow:0 1.5px 5px 1px var(--overlay-200)}header button{padding:.7rem;background-color:var(--header-clr-btn);border-radius:.6rem}header button:hover{background-color:var(--header-clr-btn-hover)}header img{-webkit-user-select:none;user-select:none}.dashboard{display:flex;flex-direction:column;gap:1.5em;margin-top:3rem}.dashboard .filters-area{display:flex;justify-content:space-between;align-items:center}@media screen and (max-width: 490px){.dashboard .filters-area{flex-direction:column;align-items:flex-start;gap:.7rem}}.dashboard .filters-area h1{font-size:var(--fs-h5)}.dashboard .filters-area .filter-buttons{display:flex;gap:.7rem;align-items:center}.dashboard .filters-area .filter-buttons button{color:var(--clr-text)!important;background-color:var(--filter-btns);box-shadow:0 1px 2px 1px var(--overlay-200);border-color:var(--clr-border)}.dashboard .filters-area .filter-buttons button.active{color:var(--clr-container)!important;background-color:var(--clr-primary-400)}.dashboard .filters-area .filter-buttons button:not(.active):hover{opacity:.5}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1rem}@media screen and (max-width: 700px){.card-grid{grid-template-columns:repeat(auto-fill,minmax(100%,1fr))}}.modal-overlay{position:fixed;inset:0;background:var(--modal-bg);-webkit-backdrop-filter:var(--modal-blur);backdrop-filter:var(--modal-blur);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-overlay.open{opacity:1;pointer-events:auto}.modal-overlay.close{opacity:0;pointer-events:none}.modal-content{display:flex;flex-direction:column;gap:var(--modal-content-gap);background:var(--modal-content-bg);color:var(--modal-content-text);padding:var(--modal-content-padding);border-radius:var(--modal-content-radius);box-shadow:var(--modal-content-shadow);transform:var(--modal-content-scale);opacity:0;transition:var(--modal-content-transition);max-width:95vw}.modal-content.open{transform:scale(1);opacity:1}.modal-content.close{transform:scale(.95);opacity:0}.modal-header{display:flex;justify-content:space-between;align-items:center;width:100%}.modal-header svg{--size: 1.2rem;width:var(--size);height:var(--size)}.modal-header :is(h1,h2,h3,h4,h5,h6){font-size:var(--modal-header-fs);font-weight:var(--fw-semi-bold)}.modal-content .line-x{width:100%;height:1px;background-color:var(--clr-border-container)}.modal-content :is(p){color:var(--modal-content-text-paragraph)}.modal-content p{padding-right:5rem}@media screen and (max-width: 700px){.modal-content p{padding-right:1.5rem}}.modal-content span{font-weight:var(--fw-bold);color:var(--modal-content-text-span)}.modal-content .buttons-area{display:flex;justify-content:flex-end;gap:.5rem;margin-top:2rem}.alert{background-color:var(--alert-bg);color:var(--alert-text);border:var(--alert-border);border-radius:var(--alert-radius);padding:var(--alert-padding)}button,input,textarea,select{font:inherit;outline:none;border:none;background:none;cursor:pointer}button:not(header button),input[type=button],input[type=submit],a.buttonLink{background-color:var(--btn-primary-bg);color:var(--btn-primary-text);border:1px solid var(--btn-primary-border-clr);border-radius:var(--btn-primary-radius);padding:var(--btn-primary-padding);box-shadow:var(--btn-primary-shadow);transition:var(--transition-medium);font-weight:var(--btn-fw)}button:hover,input[type=button]:hover,input[type=submit]:hover,a.buttonLink:hover{background-color:var(--btn-primary-bg-hover);border-color:var(--btn-primary-hover-border-clr);color:var(--btn-primary-hover-text)}.secondaryBtn{background-color:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:var(--btn-secondary-border);border-radius:var(--btn-secondary-radius);padding:var(--btn-secondary-padding);box-shadow:var(--btn-secondary-shadow)}.dangerBtn{background-color:var(--btn-danger-bg);color:var(--btn-danger-text);border:var(--btn-danger-border)}.successBtn{background-color:var(--btn-success-bg);color:var(--btn-success-text);border:var(--btn-success-border)}button.filled{background-color:var(--clr-primary-400);border-color:var(--clr-primary-400);color:var(--btn-filled-text)}button.filled:hover{background-color:var(--clr-primary-500)}button.empty{background-color:transparent;border-color:transparent;color:var(--clr-text)}button.empty:hover{background-color:var(--header-clr-btn-hover)}input:not([type=button],[type=submit],[type=range]),textarea{background-color:var(--input-bg);color:var(--input-text);border:var(--input-border);border-radius:var(--input-border-radius);padding:var(--input-padding);box-shadow:var(--input-shadow);transition:var(--transition-fast)}input:hover,textarea:hover{background-color:var(--input-bg-hover)}input::placeholder,textarea::placeholder{color:var(--input-placeholder)}input[type=range]{background:var(--input-range-track-color);height:var(--input-range-track-height)}input[type=range]::-webkit-slider-thumb{background:var(--input-range-thumb-color);width:var(--input-range-thumb-size);height:var(--input-range-thumb-size);border-radius:50%}input[type=checkbox],input[type=radio]{accent-color:var(--checkbox-checked-bg);background:var(--checkbox-bg);border:var(--checkbox-border);border-radius:var(--checkbox-border-radius)}.switch{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.switch-input{position:absolute;opacity:0;width:0;height:0;margin:0;padding:0;z-index:-1}.switch-switch{width:40px;height:20px;background-color:#ccc;border-radius:20px;position:relative;transition:var(--transition-fast)}.switch-switch:before{content:"";position:absolute;left:2px;top:2px;width:16px;height:16px;background:var(--clr-container);border-radius:100vw;transition:var(--transition-medium)}.switch-input:checked+.switch-switch{background-color:var(--switch-color)}.switch-input:checked+.switch-switch:before{transform:translate(20px)}@media screen and (max-width: 700px){.switch-switch{width:50px;height:25px}.switch-switch:before{width:20px;height:20px;left:3px;top:2.45px}.switch-input:checked+.switch-switch:before{transform:translate(24px)}}.switch-text{font-size:0px!important;position:absolute!important;-webkit-user-select:none!important;user-select:none!important;visibility:hidden!important;opacity:0!important}.dropdown{background-color:var(--dropdown-bg);color:var(--dropdown-text);border:var(--dropdown-border);padding:var(--dropdown-padding);box-shadow:var(--dropdown-shadow)}.sx{box-shadow:var(--shadow-xs)}.sm{box-shadow:var(--shadow-sm)}.md{box-shadow:var(--shadow-md)}.lg{box-shadow:var(--shadow-lg)}.xl{box-shadow:var(--shadow-xl)}.r-none{border-radius:0}.r-xs{border-radius:var(--radius-xs)}.r-sm{border-radius:var(--radius-sm)}.r-md{border-radius:var(--radius-md)}.r-lg{border-radius:var(--radius-lg)}.r-xl{border-radius:var(--radius-xl)}.r-pill{border-radius:var(--radius-pill)}.flex{display:flex}.flex-c{justify-content:center;align-items:center}.flex-jc{justify-content:center}.flex-ai{align-items:center}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-sb-ai{display:flex;justify-content:space-between;align-items:center}.flex-se-ai{display:flex;justify-content:space-evenly;align-items:center}.flex-sa-ai{display:flex;justify-content:space-around;align-items:center}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-gap-sm{gap:.5rem}.grid-gap-md{gap:1rem}.grid-gap-lg{gap:1.5rem}.fw-thin{font-weight:var(--fw-thin)}.fw-exl{font-weight:var(--fw-extra-light)}.fw-l{font-weight:var(--fw-light)}.fw-r{font-weight:var(--fw-regular)}.fw-m{font-weight:var(--fw-medium)}.fw-sb{font-weight:var(--fw-semi-bold)}.fw-b{font-weight:var(--fw-bold)}.fw-eb{font-weight:var(--fw-extra-bold)}.fw-bl{font-weight:var(--fw-black)}.fs-xxs{font-size:var(--fs-xxs)}.fs-xs{font-size:var(--fs-xs)}.fs-sm{font-size:var(--fs-sm)}.fs-md{font-size:var(--fs-md)}.fs-lg{font-size:var(--fs-lg)}.fs-xl{font-size:var(--fs-xl)}.fs-h6{font-size:var(--fs-h6)}.fs-h5{font-size:var(--fs-h5)}.fs-h4{font-size:var(--fs-h4)}.fs-h3{font-size:var(--fs-h3)}.fs-h2{font-size:var(--fs-h2)}.fs-h1{font-size:var(--fs-h1)}.ta-left{text-align:left}.ta-center{text-align:center}.ta-right{text-align:right}.text-primary-500{color:var(--clr-primary-500)}.text-success-500{color:var(--clr-success-500)}.text-danger-500{color:var(--clr-danger-400)}.text-warning-500{color:var(--clr-warning-300)}.text-gray-900{color:var(--gray-900)}.text-gray-500{color:var(--gray-500)}.text-gray-300{color:var(--gray-300)}.bg-primary-500{background-color:var(--clr-primary-500)}.bg-success-500{background-color:var(--clr-success-500)}.bg-danger-400{background-color:var(--clr-danger-400)}.bg-warning-300{background-color:var(--clr-warning-300)}.bg-gray-900{background-color:var(--gray-900)}.bg-gray-100{background-color:var(--gray-100)}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:1rem}.m-0{margin:0}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:1rem}.o-0{opacity:0}.o-05{opacity:.05}.o-1{opacity:.1}.o-15{opacity:.15}.o-2{opacity:.2}.o-25{opacity:.25}.o-3{opacity:.3}.o-35{opacity:.35}.o-4{opacity:.4}.o-45{opacity:.45}.o-5{opacity:.5}.o-55{opacity:.55}.o-6{opacity:.6}.o-65{opacity:.65}.o-7{opacity:.7}.o-75{opacity:.75}.o-8{opacity:.8}.o-85{opacity:.85}.o-9{opacity:.9}.o-95{opacity:.95}.o-100{opacity:1}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.w{width:100%}.ts{transition:.3s}.clr-soft{color:var(--clr-text-soft)!important}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;word-wrap:break-word;overflow-wrap:break-word;-webkit-tap-highlight-color:transparent}body{min-height:101vh;min-height:101dvh;text-rendering:optimizeSpeed;line-height:1.5;font-family:var(--ff-main);font-size:var(--fs-main);font-weight:var(--fw-regular);color:var(--clr-text);background-color:var(--clr-bg);padding:var(--page-padding)}h1{font-size:var(--fs-h1);font-weight:var(--fw-bold);color:var(--clr-heading)}h2{font-size:var(--fs-h2);font-weight:var(--fw-semi-bold);color:var(--clr-heading)}h3{font-size:var(--fs-h3);font-weight:var(--fw-semi-bold);color:var(--clr-heading)}h4{font-size:var(--fs-h4);font-weight:var(--fw-medium);color:var(--clr-heading)}h5{font-size:var(--fs-h5);font-weight:var(--fw-regular);color:var(--clr-heading)}h6{font-size:var(--fs-h6);font-weight:var(--fw-regular);color:var(--clr-heading)}p,small,span{color:var(--clr-text)}ul,ol{list-style:none}a{color:var(--clr-text);text-decoration:none;cursor:pointer}img,picture{max-width:100%;display:block}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@supports (scrollbar-color: auto){*{scrollbar-color:var(--clr-primary-500) var(--clr-bg);scrollbar-width:thin}}::selection{background:var(--clr-selection)}*{transition:var(--theme-transition)}img.gradientEffect{position:fixed;bottom:-3rem;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:0;transition:var(--theme-transition)}body.dark-mode img.gradientEffect{opacity:.8}:root{--max-page-width: ;--ff-main: "Noto Sans", sans-serif;--fw-thin: 100;--fw-extra-light: 200;--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-semi-bold: 600;--fw-bold: 700;--fw-extra-bold: 800;--fw-black: 900;--fs-main: clamp(.9rem, 2vw, .93rem);--fs-h1: clamp(2.8rem, 5vw, 4rem);--fs-h2: clamp(2.5rem, 4.5vw, 3.5rem);--fs-h3: clamp(2.2rem, 4vw, 3rem);--fs-h4: clamp(2rem, 3.5vw, 2.5rem);--fs-h5: clamp(1.7rem, 3vw, 2rem);--fs-h6: clamp(1.2rem, 2.5vw, 1.6rem);--fs-xl: clamp(1.8rem, 3vw, 2.2rem);--fs-lg: clamp(1.5rem, 2.5vw, 1.8rem);--fs-md: clamp(1.2rem, 2vw, 1.5rem);--fs-sm: clamp(1rem, 1.5vw, 1.2rem);--fs-xs: clamp(.875rem, 1vw, 1rem);--fs-xxs: clamp(.75rem, 1vw, .875rem);--clr-bg: #ECF3FD;--clr-text: #0A1542;--clr-text-soft: #6b728e;--clr-heading: ;--clr-border: #C6C7C9;--clr-container: #FCFDFF;--clr-border-container: #cccccc5f;--clr-neutral-400: #C6C6C6;--header-clr-btn: #eeeeee;--header-clr-btn-hover: #c5c6c8;--clr-selection: #f35b53c3;--btn-filled-text: #FCFDFF;--filter-btns: var(--clr-container);--clr-primary-100: ;--clr-primary-200: ;--clr-primary-300: ;--clr-primary-400: #F35C53;--clr-primary-500: ;--clr-primary-500: hsl(3, 87%, 60%);--clr-primary-700: ;--clr-primary-800: ;--clr-primary-900: ;--clr-success-100: ;--clr-success-200: ;--clr-success-300: ;--clr-success-400: ;--clr-success-500: ;--clr-success-600: ;--clr-danger-100: ;--clr-danger-200: ;--clr-danger-300: ;--clr-danger-400: ;--clr-warning-100: ;--clr-warning-200: ;--clr-warning-300: ;--gray-900: hsl(0, 0%, 10%);--gray-800: hsl(0, 0%, 20%);--gray-700: hsl(0, 0%, 30%);--gray-600: hsl(0, 0%, 40%);--gray-500: hsl(0, 0%, 50%);--gray-400: hsl(0, 0%, 60%);--gray-300: hsl(0, 0%, 75%);--gray-200: hsl(0, 0%, 87%);--gray-100: hsl(0, 0%, 95%);--gray-50: hsl(0, 0%, 98%);--overlay-900: rgba(0, 0, 0, .9);--overlay-800: rgba(0, 0, 0, .8);--overlay-700: rgba(0, 0, 0, .6);--overlay-600: rgba(0, 0, 0, .4);--overlay-500: rgba(0, 0, 0, .2);--overlay-400: rgba(0, 0, 0, .15);--overlay-300: rgba(0, 0, 0, .1);--overlay-200: rgba(0, 0, 0, .05);--gradient-primary-vertical: ;--gradient-primary-horizontal: ;--gradient-button: ;--shadow-xs: 0 1px 2px var(--overlay-200);--shadow-sm: 0 2px 4px var(--overlay-300);--shadow-md: 0 4px 8px var(--overlay-400);--shadow-lg: 0 8px 16px var(--overlay-500);--shadow-xl: 0 12px 24px var(--overlay-600);--radius-none: ;--radius-xs: ;--radius-sm: ;--radius-md: ;--radius-lg: ;--radius-xl: ;--radius-pill: ;--transition-fast: .15s;--transition-medium: .3s;--transition-slow: .5s;--theme-transition: .15s;--input-bg: ;--input-bg-hover: ;--input-text: ;--input-placeholder: ;--input-border: ;--input-border-hover: ;--input-border-radius: ;--input-padding: ;--input-shadow: ;--input-range-track-color: ;--input-range-thumb-color: ;--input-range-thumb-size: ;--input-range-track-height: ;--input-range-fill-color: ;--btn-primary-bg: transparent;--btn-primary-bg-hover: var(--clr-primary-400);--btn-primary-text: ;--btn-primary-hover-text: var(--clr-container);--btn-primary-border-clr: var(--clr-border);--btn-primary-hover-border-clr: var(--clr-primary-400);--btn-primary-radius: 100vw;--btn-primary-padding: .35rem 1rem;--btn-primary-shadow: ;--btn-fw: var(--fw-semi-bold);--btn-secondary-bg: ;--btn-secondary-bg-hover: ;--btn-secondary-text: ;--btn-secondary-border: ;--btn-secondary-radius: ;--btn-secondary-padding: ;--btn-secondary-shadow: ;--btn-danger-bg: ;--btn-danger-bg-hover: ;--btn-danger-text: ;--btn-danger-border: ;--btn-success-bg: ;--btn-success-bg-hover: ;--btn-success-text: ;--btn-success-border: ;--dropdown-bg: ;--dropdown-text: ;--dropdown-border: ;--dropdown-hover-bg: ;--dropdown-padding: ;--dropdown-shadow: ;--modal-bg: rgba(0,0,0,.5);--modal-blur: blur(5px);--modal-content-bg: var(--clr-container);--modal-content-text: var(--clr-text);--modal-content-text-paragraph: var(--clr-text-soft);--modal-content-text-span: #5b5d67;--modal-content-padding: 2rem 2.5rem;--modal-content-gap: 1rem;--modal-content-radius: 1rem;--modal-content-shadow: 0 10px 40px rgba(0, 0, 0, .25);--modal-content-scale: scale(.95);--modal-content-transition: var(--transition-medium);--modal-header-fs: clamp(1.35rem, 2.5vw, 1.4rem);--alert-bg: ;--alert-text: ;--alert-border: ;--alert-radius: ;--alert-padding: ;--checkbox-border: ;--checkbox-bg: ;--checkbox-checked-bg: ;--checkbox-border-radius: ;--switch-color: var(--clr-primary-400);--z-base: ;--z-dropdown: ;--z-modal: ;--z-tooltip: ;--z-overlay: ;--skeleton-bg: linear-gradient( 90deg, rgba(255,255,255) 0%, rgb(156, 156, 156) 50%, rgba(255,255,255) 100% );--skeleton-radius: 1rem;--blur-sm: ;--blur-md: ;--blur-lg: ;--backdrop-bg: ;--page-padding: 2rem 6rem}@media screen and (max-width: 700px){:root{--page-padding: .7rem;--modal-content-padding: 1.2rem 1.7rem}}.skeleton{position:relative;border-radius:var(--skeleton-radius);overflow:hidden;border:0!important}.skeleton:before{content:"";position:absolute;inset:0;width:100%;height:100%;background:var(--skeleton-bg);background-size:200% 100%;animation:skeleton-loading 1.5s infinite linear;z-index:10}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}:root[data-theme=dark]{--clr-bg: #04091C;--clr-bg-gradient: hsl(228, 74%, 20%);--clr-text: #ECF0F3;--clr-text-soft: #6b728e;--clr-heading: ;--clr-border: #bec1ca58;--clr-container: #1f2535;--clr-border-container: #cccccc41;--clr-neutral-400: #C6C6C6;--header-clr-btn: #2f354d;--header-clr-btn-hover: #525868;--clr-selection: #f35b53c3;--clr-primary-400: #F35C53;--modal-content-text-span: #848795;--skeleton-bg: linear-gradient( 90deg, #1d2854 0%, #3c466c 50%, #1d2854 100% )}