*,*:before,*:after{box-sizing:inherit}:root{--blue: #0891b2;--green: #37996b;--light-green: #85cba4;--red: #e84d4d;--orange: #e88708;--gray: #f5f4f4}html{box-sizing:border-box;height:100%}body{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:18px;color:#000;margin:0;height:100%}@media (max-width: 480px){body{font-size:16px}}#root{display:flex;flex-direction:column;padding-bottom:80px}ul{list-style:none;margin:0;padding:0}a{color:inherit;text-decoration:none;transition:opacity .2s}a:hover{opacity:.8}input{font-size:18px;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;border:none;border-radius:0;padding-inline:5px;width:100%;height:30px}input[type=checkbox]{accent-color:var(--blue)}textarea{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;min-height:150px;width:100%;resize:vertical;padding:10px;border-radius:0;border:none}select{font-size:18px;min-height:34px;padding-inline:10px}span[title=Copy]:hover{opacity:.6}img{display:block;width:auto;height:auto;object-fit:cover}button{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:18px;background:transparent;border:0;margin:0;padding:0;cursor:pointer}button{transition:opacity .2s}button:hover{opacity:.8}.container{max-width:1480px;width:100%;margin:0 auto;padding-inline:20px}.container--small{max-width:1000px}.button{font-size:16px;display:inline-flex;justify-content:center;align-items:center;color:#fff;background-color:var(--blue);padding:12px 20px;border-radius:5px;border:none;cursor:pointer;text-decoration:none;min-width:160px}.button--green{background-color:var(--green)}.button--red{background-color:var(--red)}.button--orange{background-color:var(--orange)}.button.disable{opacity:.3;pointer-events:none}.color-red{color:var(--red)}.color-orange{color:var(--orange)}.no-caret *{caret-color:transparent!important;-webkit-user-select:none;user-select:none}.no-caret .ProseMirror{caret-color:transparent}.spinner{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:999;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.spinner .spinner__loader{width:16px;height:16px;display:block;margin:15px auto;position:relative;background:var(--gray);box-shadow:-24px 0 var(--gray),24px 0 var(--gray);animation:shadowPulse 1s linear infinite}@keyframes shadowPulse{33%{background:var(--gray);box-shadow:-24px 0 var(--blue),24px 0 var(--gray)}66%{background:var(--blue);box-shadow:-24px 0 var(--gray),24px 0 var(--gray)}to{background:var(--gray);box-shadow:-24px 0 var(--gray),24px 0 var(--blue)}}.dashboard{padding-block:50px}.dashboard .dashboard__head{text-align:center}.dashboard .dashboard__menu{display:flex;align-items:center;justify-content:center;gap:20px}.dashboard__menu button.is-active{font-weight:600}.dashboard .dashboard__add-button{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:5px;background:var(--green);margin:40px auto 0}.dashboard .dashboard__search{position:relative;max-width:400px;margin:26px auto}.dashboard .dashboard__search input{font-size:18px;width:100%;height:40px;border:1px solid #000;border-radius:5px;padding-left:10px;padding-right:36px}.dashboard .dashboard__search svg{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.dashboard .dashboard__list{margin-top:40px}.dashboard .dashboard__list li{padding-block:26px;border-top:1px solid #e3e3e3}.dashboard .dashboard__list li:last-child{border-bottom:1px solid #e3e3e3}.dashboard .dashboard__list li{display:flex;align-items:center;justify-content:space-between;gap:10px}.dashboard .dashboard__list-meta{font-size:14px;display:flex;flex-direction:column;align-items:flex-end;gap:2px}.dashboard .dashboard__list-meta p{margin:0}.dashboard .dashboard__list-meta p svg{display:inline-block;vertical-align:bottom;width:18px;height:18px;margin-left:4px;fill:currentColor}.header{min-height:60px}.header .header__inner{display:flex;align-items:center;padding-block:10px;border-bottom:1px solid var(--gray);gap:20px}@media (max-width: 767px){.header .header__inner{flex-wrap:wrap}}.header .header__col{width:20%}.header .header__col--large{width:60%}@media (max-width: 767px){.header .header__col{width:100%}}.header .header__logo{display:block;max-width:50px}@media (max-width: 767px){.header .header__logo{margin:0 auto}}.header .header__logo img{width:100%;height:100%}.header .header__menu{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 20px;text-align:center}.header .header__menu a{font-weight:500;text-decoration:none}.header .header__menu a.active{font-weight:600;color:var(--blue)}.header .header__account{display:flex;justify-content:flex-end;align-items:center;gap:10px}@media (max-width: 767px){.header .header__account{justify-content:center}}.header .header__account p{margin:0;white-space:nowrap}.footer{position:fixed;bottom:0;width:100%;background:#fff;padding-block:10px}.footer .container{max-width:100%}.footer .footer__progress{font-size:16px;position:relative;box-shadow:0 0 10px 2px #85cba4;border-radius:12px;padding:10px}.footer .footer__progress-meta{font-size:14px;position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;height:100%}.footer .footer__progress-line{position:absolute;top:0;bottom:0;left:0;width:var(--progress, 0);max-width:100%;height:100%;background:var(--light-green);box-shadow:0 0 4px #85cba4;border-radius:12px}.task .task__meta{display:flex;justify-content:space-between;padding-block:40px;border-bottom:2px solid var(--gray)}@media (max-width: 767px){.task .task__meta{flex-direction:column;gap:6px}}.task .task__meta-row--points .task__meta-label input{font-weight:700;width:59px}.task .task__meta-label{display:flex;align-items:center;gap:4px}.task .task__meta-label input{width:auto}.task .task__meta-label span{flex-shrink:0}.task .task__meta-label select{border:none;outline:none}.task .task__meta-button{margin-left:auto;margin-top:3px;min-width:auto;padding:8px 10px}@media (max-width: 767px){.task .task__meta-button{margin:20px auto 0}}.task .task__title{margin:40px 0}.task .task__title *{font-size:28px;font-weight:600;border:none;outline:none;margin:0;height:auto}.task .task__description,.task .task__points{border-top:2px solid var(--gray);padding-top:40px;margin-top:40px}.task .tiptap{min-height:60px;background-color:var(--gray);border:none;outline:none;padding:20px}.task .tiptap p{margin:0}.task .is-empty:first-child:before{content:attr(data-placeholder);font-weight:400;color:#aaa;height:0;pointer-events:none}.task .tiptap:focus-visible .is-empty:first-child:before{background-color:red;display:none}.task .task__description-actions{margin-bottom:10px;display:flex;gap:12px}.task .task__description-actions button{font-size:20px;font-weight:600;line-height:1}.task .task__description h1,.task .task__description h2,.task .task__description h3{margin:10px 0}.task .task__description img{max-width:50%}.task .task__description a{display:inline-block;text-decoration:underline;cursor:pointer}.task .task__description ul{list-style:disc;padding-left:20px}.task .task__editor-points .tiptap>p{font-weight:600}.task .task__add-checkbox{display:flex;align-items:center;gap:4px;margin-bottom:10px;transition:opacity .2s}.task .task__add-checkbox:hover{opacity:.8}.task .task__editor-points ul{margin-top:12px;padding-left:8px}.task .task__editor-points li{display:flex;gap:10px}.task .task__editor-points li+li{margin-top:6px}.task .task__editor-points li div{flex:1}.task .task__editor-points label{width:20px;height:20px;margin-top:3px}.task .task__editor-points.is-saving label{opacity:.2;pointer-events:none}.task .task__editor-points input{width:100%;height:100%;margin:0}.task .task__editor-points li[data-checked=true]>div>p{opacity:.5;text-decoration:line-through}.task .task__progress{font-size:16px;position:relative;border:1px solid var(--gray);padding:2px 20px;margin-block:20px 4px}.task .task__progress-meta{display:flex;align-items:center;justify-content:space-between}.task .task__progress-line{position:absolute;background:var(--light-green);top:0;bottom:0;left:0;width:var(--progress, 0);height:100%;z-index:-1}.task .task__points-actions{text-align:center;margin-top:20px}.task--done .task__body{opacity:.3}.task--done .task__points{pointer-events:none}.login{border:1px solid var(--gray);max-width:500px;margin:50px auto;padding:20px}.login h1{text-align:center;margin:0 0 20px}.login input{border:1px solid #000;height:40px}.login__form-row~.login__form-row{margin-top:10px}.login__form-actions{margin-top:20px;text-align:center}.monthly-report{padding-block:50px}.monthly-report .monthly__list{margin-top:40px}.monthly-report .monthly__list li{padding-block:26px;border-top:1px solid #e3e3e3}.monthly-report .monthly__list li:last-child{border-bottom:1px solid #e3e3e3}.monthly-report .monthly__list li{display:flex;align-items:center;justify-content:space-between;gap:10px}.monthly-report .monthly__list li>span{width:33.333%}.monthly-report .monthly__points{display:flex;flex-direction:column;align-items:center;gap:2px}.monthly-report .monthly__points p{margin:0}.monthly-report .monthly__actions{text-align:right}.monthly-report .monthly__actions button{min-width:auto;padding:8px 10px}.section-report{padding-block:50px}.section-report .section__title{text-align:center}.section-report .section__head-list{display:flex;justify-content:space-between}.section-report .section__list{margin-top:10px}.section-report .section__list li{padding-block:10px;border-top:1px solid #e3e3e3}.section-report .section__list li:last-child{border-bottom:1px solid #e3e3e3}.section-report .section__list li{display:flex;align-items:center;justify-content:space-between;gap:10px}
