*{box-sizing:border-box;padding:0;margin:0}body{background-color:#f4f5f9;color:#0d0d0d;font-family:Inria Sans,sans-serif}.content{display:flex;flex:1;width:100%}.content-page{display:flex;width:100%;height:100%;flex-direction:column;gap:24px;margin:0 auto}.content-page__filter{display:flex;flex-direction:column;gap:20px;width:100%;padding:20px 40px;border-bottom:1px solid #dcdcdc}.content-page__interaction-filter{display:flex;align-items:center;gap:20px}.content-page__interaction{display:flex;justify-content:space-between;gap:20px}.content-page__interaction .search{flex:1;padding:8px 16px;border:1px solid #ccc;border-radius:4px;font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s}.content-page__interaction .search:focus{border-color:#0e4a8e;box-shadow:0 0 4px #0e4a8e66}.content-page__interaction button{padding:8px 16px;cursor:pointer;border:none;border-radius:4px;background-color:#0e4a8e;color:#fff;font-weight:700;transition:background-color .2s}.content-page__interaction button:hover{background-color:#083366}.content-page__date-filter{display:flex;justify-content:end}.date-filter__item{display:flex;flex-direction:column;gap:4px}.date-filter__item-group{display:flex;gap:10px;align-items:center}.content-page button{padding:10px 16px;cursor:pointer;border:none;border-radius:4px;background-color:#01579b;color:#fff;font-weight:700;transition:background-color .2s}.content-page button:hover{background-color:#083366}.content-page__table-content{padding:0 40px;max-height:calc(100vh - 100px);overflow:auto}table{width:100%;background-color:#fff;border-radius:4px;border-collapse:collapse;table-layout:fixed}thead{position:sticky;background-color:#fff;top:0;z-index:2}th,td{padding:20px 10px;text-align:center;border-bottom:1px solid #e0e0e0;font-size:14px}th{font-weight:700}tr:hover{background-color:#f1f5f9}.content__active{display:flex;justify-content:center;gap:10px}.content__active button{background-color:transparent;padding:4px;border-radius:4px;transition:background-color .2s}.content__active button:hover{background-color:#0e4a8e1a}.content__active img{width:18px;height:18px}.error{color:red;margin-top:15px;font-weight:700}.form-wrapper{width:500px;max-width:95%;background-color:#fff;border-radius:8px;position:fixed;top:50%;left:50%;transform:translate(-25%,-50%);box-shadow:0 10px 30px #0000001a;padding:30px;display:flex;justify-content:center;align-items:center;z-index:200}.form-wrapper__content{display:flex;flex-direction:column;align-items:center;width:100%;gap:30px}.form{display:flex;flex-direction:column;gap:20px;width:100%}.form-content__group{display:flex;gap:20px;width:100%}.form-content__item{display:flex;flex-direction:column;gap:6px;flex:1}.form-content__item span{font-weight:500;color:#333}.input-form{padding:10px 14px;border-radius:4px;border:1px solid #ccc;font-size:14px;outline:none;transition:border-color .2s}.input-form:focus{border-color:#01579b}.form-users__select select{width:100%;padding:10px 14px;border-radius:4px;border:1px solid #ccc;outline:none;font-size:14px;background-color:#fff;transition:border-color .2s}.form-users__select select:focus{border-color:#0e4a8e}.filter__select{padding:10px 14px;border-radius:4px;border:1px solid #ccc;outline:none;font-size:14px;background-color:#fff;transition:border-color .2s}.filter__select:focus{border-color:#0e4a8e}.form-actions{display:flex;justify-content:flex-end;gap:10px;width:100%;margin-top:10px}.form-bth__save{background-color:#01579b;color:#fff;padding:10px 20px;border-radius:4px;border:none;cursor:pointer;font-weight:700;transition:background-color .2s}.form-bth__save:hover{background-color:#083366}.form-bth__close{background-color:#ccc;color:#333;padding:10px 20px;border-radius:4px;border:none;cursor:pointer;font-weight:700;transition:background-color .2s}.form-bth__close:hover{background-color:#999}.count-block{display:flex;gap:7px;align-items:center;justify-content:center;flex-wrap:nowrap}.count-item{display:flex;padding:2px;align-items:center;justify-content:center}.content-page__addendum{display:flex;justify-content:end;padding:0 40px}@media(max-width:1200px){.content-page,.content-page__filter{gap:10px}.content-page__table-content,.content-page__addendum{padding:0 20px}.content-page__filter{padding:10px 20px}th,td{padding:10px 5px;font-size:13px}.content-page button,.reset-btn,.content-page__interaction .search,.filter__select,.input-form{padding:8px 10px;font-size:14px}}@media(max-width:900px){.form-wrapper{transform:translate(-50%,-50%)}}@media(max-width:500px){.form-wrapper{width:95%;position:fixed;padding:20px}.form-content__group{gap:10px;flex-direction:column}.content-page__interaction{flex-direction:column;gap:10px}thead{display:none}table,tbody,tr,td{display:block;width:100%}tr{margin-bottom:15px;background:#fff;border-radius:8px;padding:10px;box-shadow:0 4px 10px #0000000d}td{text-align:left;padding:4px 6px;border:none;display:flex;justify-content:space-between;align-items:center;font-size:14px}td:before{content:attr(data-label);font-weight:600;color:#555;margin-right:10px}.content__active,.count-block{justify-content:flex-end}.content-page__table-content{padding:0 15px}}@media(max-width:460px){.content-page,.content-page__filter{gap:10px}.content-page__table-content,.content-page__addendum{padding:0 10px}.content-page__filter{padding:10px}.work-filter{display:flex;align-items:flex-start;flex-direction:column-reverse;gap:10px}}