.navbar{background-color:var(--surface-color);box-shadow:0 3px 15px #0000001a;display:flex;justify-content:center;height:72px;position:sticky;top:0}.navbar>.container{margin:0;display:flex;justify-content:space-between}.navbar-brand{display:flex;gap:4px;align-items:center;color:var(--text-color);text-decoration:none;font-family:var(--main-font);font-size:14px;font-style:normal;font-weight:700;line-height:20px}.navbar-brand img{width:28px;height:28px}.navbar-nav{list-style:none;display:flex;align-items:center;margin:0;padding:0}.nav-link,.btn-logout{background-color:var(--background-color);border:none;border-radius:0;padding:26px 16px;transition:color .15s;color:var(--text-color);text-decoration:none;font-family:var(--main-font);font-size:14px;font-style:normal;font-weight:700;line-height:20px;display:flex;align-items:center;gap:8px;cursor:pointer}.nav-link:hover,.btn-logout:hover{background-color:var(--background-hover-color)}.nav-link:active,.btn-logout:active{background-color:var(--background-pressed-color)}.nav-link.active:before{content:"";width:8px;height:8px;border-radius:4px;background-color:var(--primary-color)}.main-grid-area{display:flex}.day-labels-wrapper{display:flex;flex-direction:column;gap:3px;margin-right:5px;padding-top:20px}.day-label{height:10px;font-size:12px;color:#586069;display:flex;align-items:center}.grid-and-months-container{display:flex;flex-direction:column;flex:1}.activity-grid-container{font-family:var(--main-font);font-size:12px;font-style:normal;font-weight:500;line-height:16px;padding:24px 28px 28px;min-width:300px;border:1px solid var(--border-color);border-radius:16px}.months-wrapper{display:grid;grid-auto-columns:10px;grid-auto-flow:column;gap:3px;margin-bottom:4px}.month-label{color:#586069;white-space:nowrap}.grid-wrapper{display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,10px);gap:3px;width:max-content}.square{width:10px;height:10px;background-color:#e6e6e6;border-radius:2px}.square.level-0{background-color:#e6e6e6}.square.level-1{background-color:#b7d3e3}.square.level-2{background-color:#89c1e0}.square.level-3{background-color:#5cafde}.square.level-4{background-color:#2d9cdb}.square.empty{background-color:#0000}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:var(--surface-color);display:flex;flex-direction:column;gap:30px;padding:2rem;border-radius:8px;width:100%;max-width:500px;position:relative}.modal-content form{display:flex;flex-direction:column;gap:12px}.modal-content .form-group{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline}.modal-content .form-control{width:224px}.modal-content .form-group.area-input{flex-direction:column}.modal-content .form-group.area-input label.text-large{margin-top:10px}.modal-content .form-group.area-input .form-control{width:100%}.modal-content .form-group.avatar-input{align-items:center}.modal-content form button{margin-top:18px;align-self:end}.modal-close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer}.filter{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.filter>div:nth-child(1){display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px 10px;width:calc(100% - 186px)}.filter>div:nth-child(2){display:flex;flex-direction:column;justify-content:flex-end;gap:1rem}.profile-container{display:flex;flex-direction:column;gap:40px}.profile-container>*:nth-child(3){display:flex;flex-direction:column;gap:20px}.profile-container-inner{display:flex;flex-direction:column;gap:20px}.profile-header{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.profile-info{display:flex;gap:1.5rem;align-items:flex-start}.profile-avatar{width:100px;height:100px;border-radius:50%;background-color:#eee;object-fit:cover}.profile-details{display:flex;flex-direction:column;gap:6px}.profile-actions{margin-top:4px}.activity-placeholder,.impacts-placeholder{display:flex;justify-content:center;align-items:center;background-color:#f0f0f0;border:1px dashed #ccc;border-radius:8px;color:var(--text-color-light)}.activity-placeholder{flex-grow:1;min-width:300px;height:120px}.impacts-placeholder{min-height:200px;padding:2rem}:root{--primary-color: #35648C;--primary-hover-color: #315C81;--primary-pressed-color: #2B5273;--primary-disabled-color: #D2D2D2;--secondary-color: #828282;--secondary-hover-color: #686868;--secondary-pressed-color: #4F4F4F;--secondary-disabled-color: #D2D2D2;--background-color: #FFF;--background-hover-color: #F2F2F2;--background-pressed-color: #E0E0E0;--background-alt-color: #F8F8F8;--transparent-hover-color: #0000000D;--transparent-pressed-color: #0000001F;--surface-color: #ffffff;--text-color: #212529;--text-color-light: #6c757d;--border-color: #dee2e6;--error-color: #dc3545;--success-color: #28a745;--main-font: "Nunito Sans", sans-serif}html{scrollbar-gutter:stable}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Nunito Sans,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--text-color)}.container{width:1160px;max-width:1160px;margin:40px auto;padding:0 1rem}.container-inner{display:flex;flex-direction:column;gap:40px}.block{display:flex;flex-direction:column;gap:20px}.header-with-button{display:flex;flex-direction:row;justify-content:space-between}.card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:2rem;box-shadow:0 2px 4px #0000000d}.table{width:100%;border-collapse:collapse}.table tbody tr:nth-child(odd) td{background-color:var(--background-alt-color)}.table tbody tr:nth-child(odd) td:nth-child(1){border-radius:10px 0 0 10px}.table tbody tr:nth-child(odd) td:nth-last-child(1){border-radius:0 10px 10px 0;min-width:10px}.table tbody tr .btn-icon{opacity:0}.table tbody tr:hover .btn-icon{opacity:1}.table th,.table td{padding:0;text-align:left;height:40px}.table th:nth-child(1),.table td:nth-child(1){padding-left:16px}.col-fit{width:1%;white-space:nowrap;padding-right:24px!important}.col-last{padding-right:0!important}.error{color:var(--error-color)}.success{color:var(--success-color)}.display,h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,th,p,.text-large,.button-link,tbody th,tbody td,tbody td span,.text-medium,.text-medium-bold,.text-medium-semibold,.text-small,.text-small-semibold,.text-small-bold,.text-extrasmall,.text-extrasmall-semibold,.form-control{font-family:var(--main-font);font-style:normal;overflow-wrap:anywhere;margin:0}.display{font-size:4.25rem;font-weight:700;line-height:5.75rem}h1,.h1{font-size:2.5rem;font-weight:700;line-height:3.25rem}h2,.h2{font-size:2rem;font-weight:700;line-height:2.5rem}h3,.h3{font-size:1.75rem;font-weight:700;line-height:2.25rem}h4,.h4{font-size:1.5rem;font-weight:700;line-height:2rem}h5,.h5{font-size:1.25rem;font-weight:700;line-height:1.75rem}h6,.h6{font-size:1rem;font-weight:700;line-height:1.375rem}h6.bold,.h6.bold{font-size:1rem;font-weight:800;line-height:1.375rem}.text-large,.text-field-large,.form-control{font-size:1rem;font-weight:400;line-height:1.375rem}.text-medium,.text-field-medium,td{font-size:.875rem;font-weight:400;line-height:1.25rem}.text-medium-semibold,th{font-size:.875rem;font-weight:600;line-height:1.25rem}.text-medium-bold{font-size:.875rem;font-weight:700;line-height:1.25rem}.text-small{font-size:.75rem;font-weight:400;line-height:1rem}.text-small-semibold{font-size:.75rem;font-weight:600;line-height:1rem}.text-small-bold{font-size:.75rem;font-weight:800;line-height:1rem}.text-extrasmall{font-size:.625rem;font-weight:400;line-height:.875rem}.text-extrasmall-semibold{font-size:.625rem;font-weight:600;line-height:.875rem}.button-link{text-decoration:none;color:var(--primary-color)}.button-link:hover{text-decoration:underline}.text-green{color:#30a043}.text-grey{color:var(--text-color-light)}/*!*Radio*!*/.btn{border:none;cursor:pointer;display:inline-flex;padding:8px 16px;justify-content:center;align-items:center;gap:4px;border-radius:24px;font-family:var(--main-font);font-size:14px;font-style:normal;font-weight:500;line-height:20px}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-hover-color)}.btn-primary:active{background-color:var(--primary-pressed-color)}.btn-secondary{background-color:transparent;color:var(--text-color);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--transparent-hover-color)}.btn-secondary:active{background-color:var(--transparent-pressed-color)}.btn-icon{border:none;cursor:pointer;display:inline-flex;padding:10px;justify-content:center;align-items:center;gap:4px;border-radius:10px}.form-group{display:flex;flex-direction:column;gap:10px}.form-control{width:100%;box-sizing:border-box;padding:7px 32px 5px 10px;align-items:center;border-radius:10px;border:1px solid var(--border-color);background:var(--background-color);color:#333;font-family:var(--main-font);font-size:16px;font-style:normal;font-weight:400;line-height:28px}select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:16px 12px}.form-control[type=date]{background-image:none;padding:6px 10px 4px}