.Icon{display:inline-block;width:20px;height:20px;background-color:currentColor;-webkit-mask-image:var(--mask-image);-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-image:var(--mask-image);mask-position:center center;mask-repeat:no-repeat;mask-size:contain}.Toggle .toggle-label{display:flex;align-items:center;gap:10px;cursor:pointer}.Toggle .toggle-label input{display:none}.Toggle .toggle-switch{position:relative;width:40px;height:22px;background:var(--color-20);border-radius:11px;transition:background var(--transition-10)}.Toggle .toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform var(--transition-10);box-shadow:var(--shadow-10)}.Toggle input:checked+.toggle-switch{background:var(--accent-color-10)}.Toggle input:checked+.toggle-switch:after{transform:translate(18px)}.Select{position:relative;width:fit-content;cursor:pointer;min-width:8rem}.Select.is-open .select-trigger .select-arrow{transform:rotate(180deg)}.Select.is-searchable .select-trigger{cursor:text}.Select .select-trigger{display:flex;width:100%!important;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;z-index:1;gap:.5rem}.Select .select-trigger .select-value{width:fit-content;color:var(--text-color-10);transition:var(--transition-10);font-weight:500;font-size:var(--size-10)}.Select .select-trigger .select-arrow{display:flex;align-items:center;justify-content:center;color:var(--text-color-20);transition:transform var(--transition-10);flex-shrink:0}.Select .select-trigger--input{cursor:text}.Select .select-trigger--input .select-input{flex:1;border:none;outline:none;background:transparent;font-size:var(--size-10);color:var(--text-color-10);font-weight:500;width:100%;padding:0}.Select .select-trigger--input .select-input::placeholder{color:var(--text-color-30)}.Select .select-trigger--input .select-input:disabled{opacity:.5;cursor:not-allowed}.Select .select-dropdown{position:absolute;width:100%;padding-top:1rem;z-index:10}.Select .select-dropdown .select-options{overflow-y:auto;max-height:16rem;padding:.25rem;display:flex;flex-direction:column;background:var(--color-40);color:var(--text-color-10);border-radius:.5rem;box-shadow:var(--shadow-30);padding:.5rem;animation:transform-fade-in .15s ease-in-out forwards}.Select .select-dropdown .select-options .select-option{border-radius:.25rem;height:2rem;padding:0 .5rem;font-size:var(--size-10);font-weight:500;transition:var(--transition-10)}.Select .select-dropdown .select-options .select-option:hover{background:var(--color-50);color:var(--text-color-10)}.Select .select-dropdown .select-options .select-option.is-selected{color:var(--accent-color-10)}.Select .select-dropdown .select-options .select-option.divider{text-align:center;height:auto;padding:.5rem .5rem .25rem;font-weight:600;font-size:var(--size-9);color:var(--text-color-30);text-transform:uppercase;letter-spacing:.05em;cursor:default;pointer-events:none;-webkit-user-select:none;user-select:none;margin-top:.5rem}.Select .select-dropdown .select-options .select-option.divider:first-child{margin-top:0}.Select .select-dropdown .select-options .select-option.divider:hover{background:transparent;color:var(--text-color-30)}.Select .select-dropdown .select-options .select-option--empty{color:var(--text-color-30);cursor:default;text-align:center;padding:1rem;font-style:italic;pointer-events:none;height:auto}.Select .select-dropdown .select-options .select-option--empty:hover{background:transparent}.Loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;opacity:0;transition:opacity var(--transition-20),transform var(--transition-20)}.Loader.visible{opacity:1}.Loader .loader{display:flex;gap:5px}.Loader .loader .dot{width:10px;height:10px;border-radius:50%;background:var(--accent-color-10);animation:dot-animation 1s linear infinite}@keyframes dot-animation{0%,to{opacity:1}50%{opacity:0}}.Loader .loader-text{margin:0;font-size:var(--size-10);font-weight:500;color:var(--text-color-20);cursor:default}.Loader.fullscreen{width:100%;height:100%;min-height:100vh}.Loader.inline{width:100%;padding:2rem 0;min-height:auto}.ThemeToggler{height:100%;width:1.5rem;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer}.ThemeToggler:hover .toggle-switch .Icon{color:var(--accent-color-10)}.ThemeToggler .toggle-label{height:1.5rem;width:1.5rem;display:flex;align-items:center;cursor:pointer;position:relative}.ThemeToggler .toggle-label input{display:none}.ThemeToggler .toggle-switch{width:1.5rem;height:1.5rem;border-radius:50%;position:absolute;top:0}.ThemeToggler .toggle-switch-icon{width:100%;height:100%;position:relative;border-radius:50%;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;top:0}.ThemeToggler .toggle-switch-icon .Icon{width:100%;aspect-ratio:1/1;position:absolute;transition:var(--transition-20);color:var(--text-color-20)}.ThemeToggler .toggle-switch-icon .Icon:first-child{transform:translateY(0)}.ThemeToggler .toggle-switch-icon .Icon:last-child{transform:translateY(103%)}.ThemeToggler input:checked+.toggle-switch .toggle-switch-icon .Icon:last-child{transform:translateY(0)}.ThemeToggler input:checked+.toggle-switch .toggle-switch-icon .Icon:first-child{transform:translateY(103%)}.MobileBar{position:fixed;bottom:1rem;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.MobileBar.open .footer{opacity:1;transform:translateY(0);visibility:visible}.MobileBar .content{display:flex;justify-content:space-between;align-items:center;height:fit-content;width:fit-content;padding:0 1rem;transition:var(--transition-10);box-shadow:var(--shadow-10);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:40rem;position:relative}.MobileBar .content:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-20);opacity:.4;z-index:-1;border-radius:40rem;pointer-events:none}.MobileBar .content .link{height:4rem;width:4rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;text-decoration:none;color:var(--text-color-20);font-size:var(--size-10)}.MobileBar .content .link.active{color:var(--accent-color-10)}.MobileBar .content .link .Icon{width:1.5rem;height:1.5rem;transition:var(--transition-10)}.MobileBar .content .link .link-text{display:none;font-size:var(--size-10);font-weight:500;transition:var(--transition-10)}.MobileBar .footer{position:absolute;color:var(--text-color-10);display:flex;align-items:center;justify-content:space-between;gap:2rem;min-width:11rem;transition:var(--transition-10);box-shadow:var(--shadow-10);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:40rem;padding:1rem 2rem;margin-bottom:10rem;min-width:80%;opacity:0;visibility:hidden;transform:translateY(20%)}.MobileBar .footer:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-20);opacity:.4;z-index:-1;border-radius:40rem;pointer-events:none}.MobileBar .footer .user-details{display:flex;flex-direction:column;gap:.25rem;text-align:center;cursor:default}.MobileBar .footer .user-details .user-name{font-size:var(--size-10);font-weight:500;color:var(--text-color-20)}.MobileBar .footer .user-details .user-role{font-size:calc(var(--size-10) - .2rem);font-weight:500;color:var(--text-color-30);text-transform:capitalize}.MobileBar .footer .logout-btn{display:flex;align-items:center;justify-content:center;color:var(--text-color-20)}.Header{display:flex;align-items:center;justify-content:center;background:var(--color-30);box-shadow:0 .3rem 1rem #0001;z-index:10;height:4rem}.Header .container{display:flex;justify-content:space-between;height:100%}.Header .left-part{display:flex;align-items:center;justify-content:center;gap:1rem}.Header .left-part .logo{margin:unset;font-size:var(--size-30);font-weight:500;color:var(--text-color-20);cursor:default;margin-right:2rem}.Header .left-part .nav{display:flex;align-items:center;justify-content:center;gap:1rem;height:100%}.Header .left-part .nav .nav-link{display:flex;align-items:center;gap:.5rem;color:var(--text-color-20);text-decoration:none;font-size:var(--size-10);font-weight:500;transition:var(--transition-10);height:100%}.Header .left-part .nav .nav-link:hover{color:var(--text-color-10)}.Header .left-part .nav .nav-link.active{color:var(--text-color-10);box-shadow:0 -.2rem inset var(--accent-color-10)}.Header .right-part{display:flex;align-items:center;justify-content:center;gap:1rem}.Header .right-part .user-info{display:flex;gap:.5rem;align-items:center;padding:1rem 0;cursor:default}.Header .right-part .user-info .user-details{display:flex;flex-direction:column}.Header .right-part .user-info .user-details .user-name{font-size:var(--size-10);font-weight:500;color:var(--text-color-20)}.Header .right-part .user-info .user-details .user-role{font-size:calc(var(--size-10) - .2rem);font-weight:500;color:var(--text-color-30);text-transform:capitalize}.Header .right-part .logout-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.5rem;color:var(--text-color-20);cursor:pointer;transition:var(--transition-10)}.Header .right-part .logout-btn:hover{color:var(--warning-color-10);background:var(--color-40)}.Header .separator{width:1px;height:50%;background:var(--color-40)}.Layout{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-10)}.Layout .main-content{flex:1;min-width:0}:root.dark-mode{--color-10: hsl(76, 4%, 10%);--color-20: hsl(76, 4%, 12%);--color-30: hsl(76, 3%, 15%);--color-40: hsl(76, 5%, 20%);--color-50: hsl(76, 7%, 25%);--text-color-10: hsl(0, 0%, 95%);--text-color-20: hsl(0, 0%, 70%);--text-color-30: hsl(0, 0%, 50%);--accent-color-10: hsl(76 74% 61%);--accent-color-20: hsl(76, 86%, 71%);--accent-color-20: hsl(76, 86%, 81%);--modal-overlay: rgba(0, 0, 0, .6);--modal-bg: var(--color-20);--shadow-10: inset 0 1px 2px #ffffff50, 0 1px 2px #00000023, 0 2px 4px #0000000b;--shadow-20: inset 0 1px 2px #ffffff50, 0 2px 4px #00000030, 0 4px 8px #00000015;--shadow-30: inset 0 1px 2px #ffffff1a, 0 4px 6px #ffffff00, 0 6px 16px #8e8e8e00;--border-10: 1px solid hsla(0, 0%, 100%, 8%);--border-20: 1px solid hsla(0, 0%, 90%, 0)}:root{--color-10: hsl(0, 0%, 80%);--color-20: hsl(0, 0%, 85%);--color-30: hsl(0, 0%, 90%);--color-40: hsl(0, 0%, 95%);--color-50: hsl(0, 0%, 100%);--text-color-10: hsl(0, 0%, 5%);--text-color-20: hsl(0, 0%, 30%);--text-color-30: hsl(0, 0%, 50%);--accent-color-10: hsl(209, 83%, 58%);--accent-color-20: hsl(209, 81%, 64%);--accent-color-30: hsl(209, 74%, 81%);--modal-overlay: rgba(0, 0, 0, .45);--modal-bg: var(--color-30);--outline: 1px solid var(--text-color-30);--outline-focus: 1px solid var(--accent-color-10);--transition-10: .2s cubic-bezier(.17, .67, .4, .97);--transition-20: .3s cubic-bezier(.17, .67, .4, .97);--transition-30: .4s cubic-bezier(.17, .67, .4, .97);--size-10: .875rem;--size-20: 1rem;--size-30: 1.25rem;--size-40: 1.5rem;--size-50: 2rem;--shadow-10: inset 0 1px 2px #ffffff50, 0 1px 2px #00000023, 0 2px 4px #0000000b;--shadow-20: inset 0 1px 2px #ffffff50, 0 2px 4px #00000030, 0 4px 8px #00000015;--shadow-30: inset 0 1px 2px #ffffff40, 0 4px 6px #00000010, 0 6px 16px #00000014;--border-10: 1px solid hsl(0deg 0% 80%);--border-20: 1px solid hsl(0deg 0% 90%);--warning-color-10: hsl(7, 81%, 62%);--warning-color-20: hsl(33, 100%, 64%)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}*::-webkit-scrollbar{display:none}body{width:100vw;height:100vh;background:var(--color-10);margin:0;overflow-x:hidden;overflow-y:scroll;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;font-family:dsText,dsText Fallback,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}#root{width:100%;height:100%}button{all:unset;cursor:pointer}input,.form-input{all:unset;cursor:text;width:100%;box-sizing:border-box;font-size:var(--size-10);font-weight:400;color:var(--text-color-10);background:var(--color-40);outline-offset:-1px;transition:var(--transition-10)}input::placeholder,.form-input::placeholder{color:var(--text-color-30);font-size:var(--size-10);font-weight:400;transition:var(--transition-10)}input:focus,.form-input:focus{outline:var(--outline-focus)}select{background:unset;cursor:pointer;width:100%;box-sizing:border-box;font-size:var(--size-10);font-weight:400;color:var(--text-color-10);background:var(--color-40);outline-offset:-1px;transition:var(--transition-10);border:unset}select::placeholder{color:var(--text-color-30);font-size:var(--size-10);font-weight:400;transition:var(--transition-10)}select:focus{outline:var(--outline-focus)}.container{width:100%;max-width:86rem;padding:0 1rem}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes transform-fade-in{0%{transform:translateY(0);opacity:0}to{transform:translateY(-10px);opacity:1}}