*{margin:0;padding:0;box-sizing:border-box}body,html{overflow-x:hidden;width:100%}.content{flex-grow:1;margin-left:85px;display:flex;flex-direction:column;overflow:hidden}.layout{display:flex;height:100%;width:100%;position:relative}#root{margin:0;padding:0;width:100%;height:100%;font-family:Inter,Arial,sans-serif}.sidebar{width:85px;height:100%;color:#fff;position:fixed;left:0;top:0;z-index:10;display:flex;flex-direction:column;align-items:center;flex-shrink:0;text-align:center;background:#1e1e2d;padding:16px 0}.sidebar-logo{font-size:24px;font-weight:700;margin-bottom:65px;padding:0}.sidebar-menu{list-style:none;padding:0;width:100%;margin:0}.sidebar-menu-item{padding:15px;display:flex;align-items:center;cursor:pointer;font-size:10px;font-weight:400;line-height:14.52px;letter-spacing:.2px;opacity:.5}.sidebar-menu-item.active{border-left:4px solid #dde2ff;background:#ffffff1a;color:#fff;opacity:1}.sidebar-menu-item:hover{background-color:#ffffff1a;opacity:.8}.sidebar-menu-icon{width:20px;height:20px}.sidebar-menu-link{display:flex;align-items:center;color:#fff;text-decoration:none;flex-direction:column;gap:.8px;width:100%}.header{display:flex;flex-direction:row;justify-content:space-around;align-items:center;padding:10px;background:#fff;border-bottom:1px solid #cfcfcf;height:100px;max-height:75px}.header-left{font-size:20px;display:flex;align-items:center}.header-right{display:flex;justify-content:space-between;align-items:center;gap:16px}.header-title{font-weight:500;font-size:32px;line-height:29px;display:flex;align-items:flex-end;color:#000}.user-avatar{width:50px;height:auto}.section{padding:20px 100px 0;background-color:#f5f5f5;flex:1;overflow-y:auto}.button,.modal-button{padding:8px 16px;border-radius:5px;cursor:pointer;border:none;transition:.3s;font-weight:700;font-size:13px;line-height:16px;text-align:center;letter-spacing:.2px;min-width:100px;max-height:37px}.button-primary{background-color:#aa8756;color:#fff}.button-primary:hover{background-color:#836740}.button-primary:disabled{background-color:#836740;cursor:not-allowed}.button-secondary{background-color:#3dbda7;color:#fff}.button-secondary:hover{background-color:#319988}.addform-container{padding:24px;margin-bottom:24px}.addform-title{font-weight:700;font-size:22px;line-height:27px;letter-spacing:.2px;margin-bottom:24px}.addform{width:100%}.addform-inputs{display:flex;align-items:flex-end;flex-direction:row;gap:18px;justify-content:space-between}.addform-inputs>*{flex:1}.addform-inputs .button{flex:0 0 auto;background:#1f9b89}.button:disabled{cursor:not-allowed}.add{min-width:120px}.input,.input-container input,.search-input{width:100%;padding:8px 12px;border:1px solid #e0e0e0;border-radius:4px;outline:none;background:none}.input-error{border-color:#f44}.input-container{display:flex;flex-direction:column;gap:8px}.input-container label{font-weight:700;font-size:13px;line-height:16px;color:#515050}.input:focus,.input-container input:focus,.search-input:focus{outline:none;border-color:#4f4f4f;transition:all .2s}.label{display:block;margin-bottom:4px;font-size:13px;font-weight:700;line-height:15.73px;text-align:left}.error-text{color:#f44;font-size:12px;margin-top:4px}.list{padding:24px}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.list-stats{color:#666;font-size:14px}table{width:100%;border-collapse:separate;border-spacing:0}.table-container{background:#fff;border-radius:8px}th{text-align:left;padding:12px 16px;background:#f9fafb;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;justify-content:center}th:hover{background:#f9fafb}td{padding:16px;border-top:1px solid #f3f4f6;font-size:16px;line-height:20px;color:#101828}tr:hover td{background:#f9fafb}.pagination{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:0 16px}.pagination-button{padding:8px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:4px;color:#374151;font-size:14px;cursor:pointer;transition:all .2s}.pagination-button:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.page-info{color:#6b7280;font-size:14px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#757575;width:16px;height:16px}.search-container{position:relative;width:300px}.search-input{width:100%;padding:8px 12px 8px 36px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;outline:none}.search-input::placeholder{color:#9ca3af}.sort-header{padding-right:24px;position:relative}.sort-icon{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:12px;height:12px}.sort-icon:before{position:absolute;content:"↓";opacity:.3}.sort-asc .sort-icon:before{position:absolute;content:"↑";opacity:.6}.sort-desc .sort-icon:after{position:absolute;content:"↓";opacity:.6}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:#fff;padding:24px;border-radius:8px;width:100%;max-width:400px;position:relative;text-align:center}.modal-close{position:absolute;right:16px;top:16px;background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280}.modal-icon{width:48px;height:48px;background:#fee2e2;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#dc2626;font-size:24px;font-weight:700}.modal-title{font-size:13px;font-weight:400;color:#6b7280;margin-bottom:8px;line-height:16.5px;letter-spacing:.02em}.modal-message{font-size:20px;color:#4f4f4f;margin-bottom:24px;font-weight:500;line-height:25.39px;letter-spacing:.02em}.modal-buttons{display:flex;gap:12px;justify-content:center}.modal-button-confirm{background:#dc2626;color:#fff}.modal-button-confirm:hover{background:#b91c1c}.modal-button-cancel{background:transparent;color:#6b7280}.modal-button-cancel:hover{background:#f3f4f6}.statistics{display:flex;background:#fff;padding:24px;border-radius:8px;margin-bottom:24px;justify-content:space-evenly;gap:15px}.statistics-item{display:flex;flex-direction:column;align-items:center;gap:4px}.statistics-divider{width:1px;min-height:50px;margin:0 -24px;border:1px solid #00000026}.statistics-value{font-size:24px;font-weight:600;color:#111827}.statistics-label{font-size:14px;color:#6b7280}@media (max-width: 768px){.header-title{font-size:20px}.button{font-size:10px;line-height:10px}.section{padding:20px 50px}.statistics{align-items:center;gap:24px}.statistics-value{font-size:15px}.statistics-label{font-size:10px}.statistics-divider{min-height:40px}.input-container label{font-size:10px;line-height:10px}.addform-inputs{flex-direction:column;align-items:stretch}}@media (max-width: 425px){.section{padding:0}.header{flex-direction:column;gap:5px;max-height:fit-content;height:auto}.header-right{flex-direction:column}.user-avatar{display:none}.statistics{flex-direction:column;align-items:center;gap:24px}.statistics-divider{display:none}.addform-inputs{flex-direction:column;align-items:first baseline}th,td{font-size:12px}}