:root{--background:#f1f1f1;--accent-color:#3582f6;--component-color:#fff;--component-color-opacity:#ffffffa8;--text-color:#000;--gray-color:#f6f6f6;--gray-color-second:#d7d7d7;--green-color:#23bd4e;--green-color-second:#d1ffd8;--red-color:#8a0000;--red-color-second:#f4d6d6;--red-color-third:#ffd1d1;--yellow-color:#ffa13c;--yellow-color-second:#ffead1;--blue-color:#3c8aff;--warning-color:#f9e8db;--gradient-color:linear-gradient(90deg, #3582f6 0%, #3979da 100%);--padding-big:20px;--padding-medium:15px;--padding-small:10px;--gap-page:40px;--gap-big:20px;--gap-medium:15px;--gap-small:10px;--border-radius-big:20px;--border-radius-medium:15px;--border-radius-small:10px}@media (max-width:1000px){:root{--gap-page:20px}}html,body{max-width:100vw}body{color:var(--foreground);background:var(--background);min-height:100vh}*{box-sizing:border-box;margin:0;padding:0}h1{font-size:clamp(24px,7vw,36px);font-weight:600}h2{font-size:clamp(20px,5vw,24px);font-weight:500}a{color:#000;text-decoration:none}button{background:var(--accent-color);border-radius:var(--border-radius-small);height:45px;padding:0 var(--padding-big);color:#fff;cursor:pointer;border:none;font-size:clamp(16px,5vw,20px);font-weight:600;transition:background-color .2s ease-in-out,color .2s ease-in-out}.unActiveButton{opacity:.5;cursor:not-allowed}input{background-color:var(--gray-color);border-radius:var(--border-radius-small);height:45px;padding:0 var(--padding-big);border:none;font-size:16px;transition:all .1s ease-in-out}@media (max-width:760px){input,button{height:40px}}textarea{resize:vertical;background-color:var(--gray-color);border-radius:var(--border-radius-small);min-height:70px;padding:var(--padding-small) var(--padding-big);border:none;font-size:16px;transition:all .1s ease-in-out}textarea:focus,input:focus{outline:2px solid var(--accent-color)}input[type=range]{padding:0}input[type=checkbox]{width:20px;height:20px}.tableContainer{background-color:var(--gray-color);border-radius:var(--border-radius-big);max-height:600px;overflow:auto}table{border-collapse:collapse;width:100%}thead tr{text-align:left;white-space:nowrap;background-color:var(--gray-color)!important}td,th{padding:var(--padding-medium)}.tdRow{align-items:center;gap:var(--gap-small);display:flex}.tdRow img{border-radius:200px}th{font-size:clamp(16px,3vw,18px);font-weight:500}tr:nth-child(odd){background-color:var(--component-color)}.gridContainer{gap:var(--gap-page);grid-template-rows:auto auto 1fr;min-height:100dvh;display:grid}.container{gap:var(--gap-page);flex-direction:column;width:100%;max-width:1440px;margin:0 auto;display:flex}.pageContainer{gap:calc(var(--gap-page) * 3);max-width:100dvw;padding-bottom:calc(var(--gap-page) * 3);flex-direction:column;display:flex}@media (max-width:1480px){.container{padding:0 var(--padding-big)}}.search{gap:var(--gap-medium);width:100%;display:flex}.search svg{background-color:var(--accent-color);border-radius:var(--border-radius-medium);cursor:pointer;width:35px;height:35px;padding:7px;overflow:visible}.search input{width:100%;height:45px}.passwordInput{position:relative}.passwordInput input{width:100%;padding-right:calc(var(--padding-big) + 25px)}.passwordInput svg{width:20px;height:20px;top:50%;right:var(--padding-big);cursor:pointer;position:absolute;transform:translateY(-50%)}.dropdown-container{width:100%;position:relative}.dropdown-selected{width:100%;height:45px;padding:0 var(--padding-medium);background-color:var(--gray-color);border-radius:var(--border-radius-small);cursor:pointer;color:var(--text-color);border:2px solid #0000;justify-content:space-between;align-items:center;font-size:16px;transition:all .2s ease-in-out;display:flex}@media (max-width:760px){.dropdown-selected{height:40px}}.dropdown-selected:hover{background-color:#ebebeb}.dropdown-selected-open{border-color:var(--accent-color);background-color:#ebebeb}.dropdown-disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.dropdown-selected-content{flex:1;overflow:hidden}.dropdown-selected-inner{align-items:center;gap:8px;display:flex}.dropdown-selected-with-image{gap:10px}.dropdown-selected-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dropdown-placeholder{color:#999}.dropdown-arrow{color:#666;justify-content:center;align-items:center;margin-left:8px;transition:transform .2s;display:flex}.dropdown-arrow-open{transform:rotate(180deg)}.dropdown-menu{background-color:var(--component-color);border-radius:var(--border-radius-medium);z-index:9999;border:1px solid #e0e0e0;flex-direction:column;max-height:300px;display:flex;position:fixed;overflow:hidden;box-shadow:0 4px 12px #0000001a}.dropdown-search{padding:var(--padding-small);background-color:var(--gray-color);border-radius:var(--border-radius-medium) var(--border-radius-medium) 0 0;border-bottom:1px solid #e0e0e0;position:relative}.dropdown-search-input{background-color:var(--component-color);border-radius:var(--border-radius-small);border:1px solid #0000;width:100%;height:36px;padding:0 36px;font-size:14px;transition:all .2s}.dropdown-search-input:focus{border-color:var(--accent-color);outline:none}.dropdown-search-icon{color:#999;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.dropdown-search-clear{cursor:pointer;color:#999;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.dropdown-search-clear:hover{color:var(--accent-color)}.dropdown-list{padding:var(--padding-small);max-height:260px;margin:0;list-style:none;overflow:hidden auto}.dropdown-list::-webkit-scrollbar{width:6px}.dropdown-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.dropdown-list::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.dropdown-list::-webkit-scrollbar-thumb:hover{background:#aaa}.dropdown-option{padding:10px var(--padding-small);border-radius:var(--border-radius-small);cursor:pointer;color:var(--text-color);background-color:#0000;align-items:center;margin-bottom:4px;font-size:15px;transition:all .15s;display:flex}.dropdown-option:hover{background-color:var(--gray-color)}.dropdown-option-selected{background-color:var(--accent-color);color:#fff}.dropdown-option-selected:hover{background-color:var(--accent-color);opacity:.9}.dropdown-option-inner{align-items:center;gap:8px;width:100%;display:flex}.dropdown-option-with-image{gap:10px}.dropdown-option-image{object-fit:contain;border-radius:200px;flex-shrink:0;width:24px;height:24px}.dropdown-option-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.dropdown-loading,.dropdown-loading-more{color:#666;justify-content:center;align-items:center;gap:10px;padding:16px;font-size:14px;display:flex}.dropdown-spinner{border:2px solid #e0e0e0;border-top-color:var(--accent-color);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite dropdown-spin}.dropdown-spinner-small{border-width:1.5px;width:16px;height:16px}@keyframes dropdown-spin{to{transform:rotate(360deg)}}.dropdown-error{text-align:center;color:var(--red-color);padding:16px;font-size:14px}.dropdown-empty{text-align:center;color:#999;padding:16px;font-size:14px}.dropdown-end{text-align:center;color:#999;border-top:1px solid #f0f0f0;margin-top:8px;padding:12px;font-size:13px}@media (max-width:768px){.dropdown-menu{max-height:250px}.dropdown-option{padding:8px var(--padding-small);font-size:14px}.dropdown-option-image{width:20px;height:20px}}.wrapper404{justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.wrapper404 h1{text-transform:uppercase}.component404{justify-content:space-between;align-items:center;gap:var(--gap-big);background-color:var(--component-color);padding:var(--padding-big);border-radius:var(--border-radius-big);flex-direction:column;display:flex}.componentText{align-items:center;gap:var(--gap-big);display:flex}.component404 button,.component404 a{width:100%}.component404 h2{font-size:clamp(20px,5vw,32px)}.component404 p{font-size:clamp(16px,5vw,28px)}.clientContainer{grid-template-columns:350px 1fr;display:grid}@media (max-width:960px){.clientContainer{grid-template-columns:1fr}}.skeletonItem{border-radius:var(--border-radius-medium);background-color:var(--component-color);background-image:linear-gradient(90deg, var(--component-color) 0%, var(--gray-color) 50%, var(--component-color) 100%);background-size:200% 100%;animation:2.5s infinite shimmer}.skeleton100px{width:100px;max-width:100px;height:25px}.skeleton100{width:100%;max-width:100px;height:25px}.skeleton200{width:100%;max-width:200px;height:25px}.skeletonInput{width:100%;height:35px}.skeleton20040{width:100%;max-width:200px;height:40px}.skeletonBlock{width:100%;height:400px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}