:root{--background-primary: #111113;--background-secondary: #19191b;--background-tertiary: #222325;--box-background: #19191b;--accent-blue-light: #1c65ff;--accent-blue-mid: #1349c3;--accent-blue-dark: #012580;--error-color: #ff5959;--border-primary: #292a2e;--border-secondary: #393a40;--toast-background: #242c32;--toast-success-color: #00df80;--toast-warning-color: #ffd21e;--toast-error-color: #f04248}*{margin:0;padding:0;box-sizing:border-box}html{scrollbar-width:normal;scrollbar-color:var(--border-secondary) var(--background-primary)}.hamburger-button{display:none;border:none;background:none;border-top:.1875rem solid #fff;cursor:pointer}.hamburger-button:before,.hamburger-button:after{content:"";display:block;width:1.875rem;height:.1875rem;background-color:#fff;margin-top:.3125rem;transition:.3s}.hamburger-button.active{position:relative;border-top-color:transparent}.hamburger-button.active:before{transform:rotate(135deg)}.hamburger-button.active:after{position:absolute;transform:rotate(-135deg);top:0}.header-container{width:100%;height:4.1875rem;padding-inline:5rem;background-color:var(--background-secondary);position:fixed;top:0;display:flex;align-items:center;gap:4.875rem;border-bottom:.0625rem solid var(--border-primary);z-index:200}.logo-container{padding-block:1rem}.logo-container a{display:flex;align-items:center;gap:.5rem;color:#fff;font-family:Inter;font-size:1.75rem;font-style:normal;font-weight:700;line-height:normal;text-decoration:none}.logo-container svg{fill:var(--accent-blue-mid)}.navigation-container{height:100%;display:flex;align-items:center;gap:.25rem}.navigation-list{height:100%;display:flex;align-items:center;gap:1.25rem}.navigation-list li{height:100%;list-style:none;display:flex;justify-content:center;align-items:center}.navigation-list a{height:100%;padding-block:1rem;display:flex;align-items:center;color:#fff;font-family:Inter;font-size:1rem;font-style:normal;font-weight:700;line-height:normal;text-decoration:none;text-align:center;position:relative}.navigation-list a.active{color:var(--accent-blue-light);border-bottom:.125rem solid var(--accent-blue-light)}.navigation-list a:hover{color:var(--accent-blue-light)}@media (max-width: 750px){.header-container{padding-inline:2.5rem;justify-content:space-between;gap:0}.hamburger-button{order:3;display:block;z-index:1}.navigation-list{position:absolute;bottom:0;left:0;width:100dvw;height:calc(100dvh - 4.1875rem);background-color:var(--background-secondary);opacity:0;transition:opacity .25s ease-out,transform .25s ease-out;flex-direction:column;justify-content:space-around;align-items:center;gap:0;pointer-events:none;z-index:-1}.navigation-list a{font-size:1.5rem;display:none}.navigation-container.active .navigation-list{opacity:1;transform:translateY(100%);pointer-events:all}.navigation-container.active .navigation-list a{display:flex}.navigation-container.active .navigation-list a.active{border:none}}@media (max-width: 640px){.header-container{padding-inline:1.25rem}}.primary-button{padding:.625rem 1.125rem;border-radius:.5rem;background-color:var(--accent-blue-mid);border:none;color:#fff;font-family:Inter;font-size:1rem;font-style:normal;font-weight:700;line-height:1.5rem}.primary-button:hover{cursor:pointer;background-color:var(--accent-blue-dark)}.hero-container{width:100%;max-width:37.5rem;border-radius:.75rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3.25rem}.hero-content-primary{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.75rem}.hero-content-primary h1{color:#fff;font-family:Inter;font-size:4.5rem;font-style:normal;font-weight:700;line-height:normal;text-decoration:none}.hero-content-primary .hero-draw{width:100%;max-width:20.25rem;padding:1rem;border-radius:.5rem;background-color:#5792ff40}.hero-content-secondary{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.75rem}.hero-content-secondary p{color:#fff;font-family:Inter;font-size:1.125rem;font-style:normal;font-weight:400;line-height:1.5rem}.hero-buttons-container{width:100%;justify-content:center;display:flex;gap:.75rem}@media (max-width: 750px){.hero-content-primary h1{font-size:4rem}.hero-content-secondary p{font-size:1rem}}@media (max-width: 450px){.hero-content-primary h1{font-size:3.25rem}.hero-buttons-container{flex-direction:column}}.home-container{width:100%;height:100%;min-height:calc(100dvh - 4.1875rem);padding:1rem 1rem 5rem;display:flex;justify-content:center;align-items:center;background-color:var(--background-primary)}.page-indicator{color:#797b86;font-family:Inter;font-size:.75rem;font-style:normal;font-weight:400;line-height:1.25rem}.page-indicator-current{color:#fff;font-family:Inter;font-size:.75rem;font-style:normal;font-weight:400;line-height:1.25rem}.input-wrapper{display:flex;flex-direction:column;gap:.25rem}.input-wrapper label{color:#fff;font-family:Inter;font-size:.875rem;font-style:normal;font-weight:700;line-height:1.375rem}.input-wrapper input{padding:.625rem .75rem;background-color:var(--background-tertiary);border-radius:.5rem;border:.0625rem solid var(--border-primary);color:#fff;font-family:Inter;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.375rem;outline:none}.input-wrapper input::placeholder{color:#6c6e79}.input-wrapper input:focus{border:.0625rem solid var(--accent-blue-mid)}.input-wrapper.error input{border-color:var(--error-color)}.input-wrapper .error-wrapper{display:flex;align-items:center;gap:.25rem;color:var(--error-color)}.input-wrapper .error-wrapper p{font-family:Inter;font-size:.75rem;font-style:normal;font-weight:400;line-height:1.375rem}.input-wrapper .error-wrapper svg{width:.875rem}.add-user-form{width:100%;max-width:37.5rem;padding:2.5rem 2rem;display:flex;flex-direction:column;gap:2rem;border-radius:.75rem;background-color:var(--background-secondary)}.inputs-wrapper{display:flex;flex-direction:column;gap:.5625rem}.button-wrapper{display:flex;justify-content:flex-end}.add-user-container{width:100%;height:100%;min-height:calc(100dvh - 4.1875rem);padding:.75rem 1rem 7.25rem;display:flex;flex-direction:column;align-items:center;background-color:var(--background-primary)}.add-user-content{width:100%;max-width:39.6875rem;display:flex;flex-direction:column;gap:.75rem}.list-users-container{width:100%;height:100%;min-height:calc(100dvh - 4.1875rem);padding:.75rem 1rem 2rem;display:flex;flex-direction:column;align-items:center;background-color:var(--background-primary)}.list-users-content{width:100%;max-width:39.6875rem;display:flex;flex-direction:column;gap:.75rem}.secondary-button{padding:.625rem 1.125rem;border-radius:.5rem;background-color:var(--background-secondary);border:.0625rem solid var(--border-primary);color:#fff;font-family:Inter;font-size:1rem;font-style:normal;font-weight:700;line-height:1.5rem}.secondary-button:hover{cursor:pointer;background-color:var(--border-primary)}.secondary-button:disabled{cursor:not-allowed;opacity:50%}.user-details-container{width:100%;max-width:26.875rem;padding:2.5rem 2rem;background-color:var(--background-secondary);border:.0625rem solid var(--border-primary);border-radius:.75rem;display:flex;flex-direction:column;gap:1rem}.user-details-container .user-name{color:#fff;font-family:Inter;font-size:.875rem;font-style:normal;font-weight:700;line-height:1.5rem}.user-details-container .user-address{color:#b2b3bd;font-family:Inter;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.5rem}.user-details-header{padding-bottom:.25rem;border-bottom:.0625rem solid var(--border-secondary)}.user-details-header h1{color:#fff;font-family:Inter;font-size:1.125rem;font-style:normal;font-weight:700;line-height:1.5rem}.user-details-main{display:flex;flex-direction:column;gap:.5rem}.users-list-container{width:100%;padding:2.5rem 2rem;border-radius:.75rem;background-color:var(--background-secondary);display:flex;flex-direction:column;gap:2.75rem}.users-table{width:100%;padding:.75rem;border-radius:.5rem;background-color:var(--background-tertiary);display:flex;flex-direction:column;gap:.75rem}.users-table-header{width:100%;padding-block:.5rem;border-bottom:.0625rem solid var(--border-secondary)}.users-table-header h2{color:#fff;font-family:Inter;font-size:.875rem;font-style:normal;font-weight:700;line-height:1.5rem}.users-table-main{width:100%;min-height:20rem;display:flex;flex-direction:column}.users-table-main .user-row{width:100%;padding-block:.25rem;display:flex;justify-content:space-between;align-items:center;gap:.5rem}.users-table-main .user-row .user-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:30.5625rem;flex:1;color:#b2b3bd;font-family:Inter;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.5rem}.users-table-main .user-row .user-name:hover{cursor:pointer;color:#fff}.users-table-main .user-row .action-buttons{padding-left:.5rem;display:flex;gap:.5rem}.users-table-main .user-row .action-buttons .action-button{border:none;background-color:transparent;cursor:pointer;color:#797b86;font-family:Inter;font-size:.75rem;font-style:normal;font-weight:500;line-height:1.5rem}.users-table-main .user-row .action-buttons button:hover{color:#b2b3bd}.users-table-main .user-row .action-buttons .delete-button:hover{color:var(--error-color)}.actions-container{width:100%;display:flex;justify-content:space-between;align-items:center}.actions-container .pagination-info{text-align:center;color:#797b86;font-family:Inter;font-size:1rem;font-style:normal;font-weight:400;line-height:1.5rem}@media (max-width: 600px){.actions-container{flex-direction:column;gap:.5rem}.actions-container button{width:100%}}.not-found-container{width:100%;height:100%;min-height:calc(100dvh - 4.1875rem);padding:1rem 1rem 5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;background-color:var(--background-primary)}.not-found-container h1{color:#fff;font-family:Inter;font-size:3.5rem;font-style:normal;font-weight:700;line-height:normal;text-decoration:none;text-align:center}.not-found-draw{width:100%;max-width:39.375rem}@media (max-width: 670px){.not-found-container h1{font-size:3rem}}@media (max-width: 560px){.not-found-container h1{font-size:2.25rem}}.social-link{width:2.5rem;height:2.5rem;display:flex;justify-content:center;align-items:center;border-radius:50%;position:relative;z-index:0}.social-link>svg{width:1.5rem;height:1.5rem;display:flex;justify-content:center;align-items:center;fill:#ffffff80}.social-link:after{content:"";position:absolute;top:50%;left:50%;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--border-secondary);transform:translate(-50%,-50%);opacity:0;transition:transform .3s ease,opacity .3s ease;z-index:-1}.social-link:hover:after,.social-link:focus-visible:after{transform:translate(-50%,-50%) scale(2);opacity:1}.footer{width:100%;display:flex;flex-direction:column}.footer .top-section{width:100%;padding:1.5rem;display:flex;justify-content:center;align-items:center;gap:1rem;background-color:var(--background-secondary)}.footer .bottom-section{width:100%;padding:1rem;display:flex;justify-content:center;align-items:center;background-color:var(--background-tertiary)}.footer .bottom-section p{color:#fff;font-family:Inter;font-size:1rem;font-style:normal;font-weight:400;line-height:1.5rem}.footer .bottom-section p span{color:#fd2828}.toast-container{margin:1rem;display:flex;flex-direction:column;gap:1rem;position:fixed;z-index:1000}.bottom-right{bottom:0;right:0;animation:toast-in-right .7s}.bottom-left{bottom:0;left:0;animation:toast-in-left .7s}.top-right{top:0;right:0;animation:toast-in-right .7s}.top-left{top:0;left:0;animation:toast-in-left .7s}.toast{padding:.75rem 3rem .75rem 1rem;border-radius:.5rem;background-color:var(--toast-background);overflow:hidden;display:flex;align-items:center;gap:1rem;position:relative;z-index:0}.toast:after{content:"";position:absolute;height:.1875rem;width:calc(100% * var(--progress));bottom:0;left:0;right:0}.toast:hover{cursor:pointer}.toast.success:after{background-color:var(--toast-success-color)}.toast.success:hover{box-shadow:.25rem .25rem .5rem #00df7e33}.toast.warning:after{background-color:var(--toast-warning-color)}.toast.warning:hover{box-shadow:.25rem .25rem .5rem #ffd21e33}.toast.error:after{background-color:var(--toast-error-color)}.toast.error:hover{box-shadow:.25rem .25rem .5rem #f0424833}.toast-icon{width:2rem;height:2rem;display:flex;justify-content:center;align-items:center;flex-shrink:0;border-radius:50%;background-color:#ffffff26;position:relative}.toast-icon svg{font-size:1.25rem}.toast-icon:before{content:"";width:13.25rem;height:13.25rem;opacity:25%;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}.toast-icon.success svg{fill:var(--toast-success-color)}.toast-icon.success:before{background-image:radial-gradient(var(--toast-success-color),transparent 60%)}.toast-icon.warning svg{fill:var(--toast-warning-color)}.toast-icon.warning:before{background-image:radial-gradient(var(--toast-warning-color),transparent 60%)}.toast-icon.error svg{fill:var(--toast-error-color)}.toast-icon.error:before{background-image:radial-gradient(var(--toast-error-color),transparent 60%)}.toast-text{max-width:16.25rem;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.125rem}.toast-title{color:#fff;font-family:Inter;font-size:1.125rem;font-style:normal;font-weight:700;line-height:1.375rem}.toast-description{color:#c8c5c5;font-family:Inter;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.125rem}@keyframes toast-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes toast-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (max-width: 410px){.toast{padding-right:1rem}}.modal-container{padding:1rem;position:fixed;top:0;left:0;bottom:0;right:0;background-color:#ffffff04;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:2000;display:flex;justify-content:center;align-items:center}.modal-content-wrapper{position:relative}.modal-close-button{margin:1rem;padding:0 .25rem;display:flex;justify-content:center;align-items:center;color:#b2b3bd;font-family:Inter;font-size:1.5rem;font-style:normal;font-weight:400;line-height:1.5rem;background-color:transparent;border:none;position:absolute;top:0;right:0}.modal-close-button:hover{cursor:pointer;color:#fff}.app-container{height:100dvh;display:flex;flex-direction:column;background-color:var(--background-primary)}.app-container-main{margin-top:4.1875rem;flex-grow:1}