*{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:PP Neue Montreal;src:url(/fonts/PPNeueMontreal-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:PP Neue Montreal;src:url(/fonts/PPNeueMontreal-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:PP Neue Montreal;src:url(/fonts/PPNeueMontreal-ExtraLight.otf) format("opentype");font-weight:200;font-style:normal;font-display:swap}body,html{max-width:100vw;overflow:hidden}body{color:#fff;background:linear-gradient(180deg,#000000 0,#1c1c1c);font-family:PP Neue Montreal,sans-serif;font-size:2rem}.dashboard{width:100%;height:100vh;display:flex;justify-content:center;padding:2rem 4rem;gap:4rem}.dashboard>*{flex:1 1}.right-panel{height:100%;display:flex;flex-direction:column;overflow:hidden}.right-panel>:first-child{flex:6 1}.right-panel>:nth-child(2){flex:1 1}.dashboard:after{bottom:0;background:linear-gradient(0deg,rgb(0,0,0),transparent)}.dashboard:after,.dashboard:before{content:"";position:absolute;left:0;width:100%;height:150px;pointer-events:none;z-index:100}.dashboard:before{top:0;background:linear-gradient(180deg,rgb(0,0,0),transparent)}.footerSection{height:auto;display:flex;justify-content:space-between;align-items:flex-end;padding:2rem 1rem 0 0}.footerSection .tiny-text{color:#888}.projectSection{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:1rem;height:auto;width:100%;font-family:PP Neue Montreal,sans-serif;z-index:1001}.projectSection .error,.projectSection .message{color:#fff;text-align:center;margin:auto}.projectSection .message{text-transform:uppercase;font-size:1.5rem}.projectSection h1{font-size:3.5rem;font-weight:400}.projectSection hr{border:none;height:2px;background:hsla(0,0%,100%,.344);width:100%;margin:8px 0}.staffSection{width:100%;height:100%;padding:0 1rem;position:relative;overflow:hidden}.staffSection .marque-track{position:absolute;top:0;left:0;width:100%;overflow:visible;display:flex;flex-direction:column;justify-content:center;gap:1rem;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.staffSection .marque-track .card{background:linear-gradient(135deg,#2a2a2a,#1f1f1f);padding:25px 30px;transform-origin:center center;display:flex;flex-direction:column;justify-content:space-around;flex-shrink:0;will-change:height}.staffSection .staffSection .error{font-family:PP Neue Montreal,sans-serif;color:#fff;text-align:center;margin:auto}.loading-container{display:flex;justify-content:center;align-items:center;height:100vh}.letter{font-family:PP Neue Montreal,sans-serif;transform-origin:center;font-size:5rem;font-weight:700;color:#fff}.avatar{width:110px;height:110px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#cdff45;flex-shrink:0;position:relative;padding:3%;will-change:transform,width,height}.avatar:not(.has-img).inactive{background:hsla(0,0%,100%,.2)}.avatar:not(.has-img).active{background:linear-gradient(45deg,#00ff87,#11df0e 15%,#0dff6f 30%,#60efff 45%,#0dff6f 60%,#11df0e 75%,#00ff87 90%,#11df0e);background-size:400% 400%;animation:gradientRotate 6s ease infinite;box-shadow:0 0 8px rgba(17,223,14,.15),0 0 15px rgba(13,255,111,.1)}.avatar:not(.has-img):not(.has-img):before{content:"";position:absolute;inset:2%;background:#292929;border-radius:50%;z-index:0}.avatar:not(.has-img) .avatar-inner{width:94%;height:94%;background-color:#000;color:#cdff45;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;position:relative;z-index:1}.avatar.has-img.inactive{background:hsla(0,0%,100%,.2)}.avatar.has-img.active{background:linear-gradient(45deg,#00ff87,#11df0e 15%,#0dff6f 30%,#60efff 45%,#0dff6f 60%,#11df0e 75%,#00ff87 90%,#11df0e);background-size:400% 400%;animation:gradientRotate 6s ease infinite;box-shadow:0 0 8px rgba(17,223,14,.15),0 0 15px rgba(13,255,111,.1)}.avatar.has-img:before{content:"";position:absolute;inset:2%;background:#292929;border-radius:50%;z-index:0}.avatar .avatar-image,.avatar img{width:94%;height:94%;object-fit:cover;border-radius:50%;position:relative;z-index:1;will-change:transform}@keyframes gradientRotate{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.card-expanded .avatar:not(.has-img) .avatar-inner{font-size:3.5rem;background-color:#cdff45;color:#000}.card-header{display:flex;align-items:center;flex-direction:row;gap:2rem}.card-header .avatar-wrapper .avatar{width:140px;height:140px}.card-header .employee-info .employee-name{font-size:2.5rem;font-weight:400;color:#fff}.card-header .employee-info .employee-role{font-size:1.5rem;color:#888;text-transform:uppercase}.card-body{margin-top:8px}.card-body .fun-fact-area{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;color:#fff;gap:24px}.card-body .fun-fact-area .fun-fact-label{font-size:1.5rem;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.card-body .fun-fact-area .fun-fact-value{font-size:1.5rem;color:#fff;text-align:right;letter-spacing:1px;font-weight:400;max-width:60%}.card-body .project-details{border-top:1px solid gray}.card-body .project-details .card-details{flex:1 1;display:flex;flex-direction:column;justify-content:space-around;letter-spacing:1px}.card-body .project-details .detail-row{display:flex;justify-content:space-between;align-items:center}.card-body .project-details .detail-row:first-child{margin:24px 0}.card-body .project-details .detail-row:last-child{margin-bottom:0}.card-body .project-details .detail-label{font-size:1.5rem;color:#fff;text-transform:uppercase;letter-spacing:1px}.card-body .project-details .detail-value{font-size:1.5rem;color:#fff;font-weight:400}.time-tracking-area{margin-top:8px;display:flex;flex-direction:column;justify-content:flex-start}.time-tracking-area .detail-row{display:flex;justify-content:space-between;align-items:center}.time-tracking-area .detail-row:first-child{margin:16px 0}.time-tracking-area .detail-row:last-child{margin-bottom:0}.time-tracking-area .detail-label{font-size:1.5rem;color:#fff;text-transform:uppercase;letter-spacing:1px}.time-tracking-area .detail-value{font-size:1.2rem;font-weight:400;color:#fff}.time-tracking-area .detail-value.badge{background:hsla(0,0%,100%,.1);padding:.5rem 1rem;border-radius:8px}.progress-bar{width:100%;height:8px;background:#333;border-radius:10px;overflow:hidden;position:relative}.progress-bar .progress-fill{height:100%;background:#c4ff61;border-radius:10px;transition:width .3s ease}.budget-wrapper{height:100%;width:100%;margin:24px 0;display:flex;flex-direction:column;justify-content:space-around}.budget-wrapper .project-budget{height:auto;display:flex;flex-direction:column;align-items:space-between;justify-content:center;margin:16px 0}.budget-wrapper .project-budget .budget-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:16px}.budget-wrapper .project-budget .budget-header .client-info{display:flex;flex-direction:column;justify-content:flex-end}.budget-wrapper .project-budget .budget-header .client-info h2{font-size:2rem;font-weight:400;line-height:1;margin-bottom:8px}.budget-wrapper .project-budget .budget-header .client-info p{font-size:1.5rem;color:#888;text-transform:uppercase;line-height:1}.budget-wrapper .project-budget .budget-header .progress-procent{font-size:5rem;font-weight:200;white-space:nowrap;color:#fff;display:inline-block;line-height:.6}.budget-wrapper .project-budget .progress-wrapper .progress-bar{height:10px;background:#333;border-radius:6px;overflow:hidden;margin:0}.budget-wrapper .project-budget .progress-wrapper .progress-fill{height:100%;border-radius:5px;transition:width .6s ease-out,background-color .3s ease}