.homepage-table .ant-table-thead>tr>th{font-size:12px!important;font-weight:700!important}.homepage-table .ant-table-tbody>tr>td,.homepage-table .ant-table-thead>tr>th{padding:8px 4px!important;text-align:center!important;white-space:nowrap!important}.homepage-table .ant-table-cell{overflow:hidden!important;text-overflow:ellipsis!important}.data-card{display:flex;flex-direction:column;height:120px;justify-content:center;transition:all .3s ease}.data-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.team-level-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #1890ff}.group-level-card{background:linear-gradient(135deg,#f6ffed,#d9f7be);border:2px solid #52c41a}.create-rating-task-page{margin:0 auto;max-width:1200px;padding:20px}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.page-header h1{color:#333;font-size:24px;margin:0}.btn-primary{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:8px;box-shadow:0 2px 4px #007bff33;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-primary:hover{background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 4px 8px #007bff4d;transform:translateY(-1px)}.btn-primary:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.btn-secondary{background:#fff;border:2px solid #e1e5e9;border-radius:8px;color:#6c757d;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-secondary:hover{background:#f8f9fa;border-color:#d1d5db;color:#495057}.btn-link{background:none;border:none;color:#007bff;cursor:pointer;margin-right:10px;text-decoration:underline}.btn-link:hover{color:#0056b3}.btn-danger{color:#dc3545}.btn-danger:hover{color:#c82333}.btn-group-select{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#374151;cursor:pointer;font-size:11px;font-weight:500;padding:4px 8px;transition:all .2s ease}.btn-group-select:hover{background:#f3f4f6;border-color:#9ca3af}.permission-denied{color:#6c757d;padding:50px;text-align:center}.permission-denied h2{margin-bottom:10px}.rating-tasks-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.rating-tasks-section h2{color:#333;margin:0 0 20px}.tasks-table{overflow-x:auto}.tasks-table table{border-collapse:collapse;width:100%}.tasks-table td,.tasks-table th{border-bottom:1px solid #dee2e6;padding:12px;text-align:left}.tasks-table th{background-color:#f8f9fa;color:#495057;font-weight:600}.participants-cell{max-width:300px;min-width:200px}.participants-list{display:flex;flex-wrap:wrap;gap:4px}.participant-tag{background-color:#e3f2fd;border:1px solid #bbdefb;border-radius:12px;color:#1976d2;display:inline-block;font-size:12px;padding:2px 8px;white-space:nowrap}.no-participants{color:#6c757d;font-size:12px;font-style:italic}.drag-handle{color:#6c757d;cursor:move;font-size:16px}.loading{color:#6c757d;padding:20px;text-align:center}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;margin-bottom:15px;padding:10px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;max-height:85vh;max-width:600px;overflow-y:auto;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;border-bottom:1px solid #f1f3f4;display:flex;justify-content:space-between;padding:24px 24px 0}.modal-header h3{color:#1a1a1a;font-size:20px;font-weight:600;margin:0}.modal-close{align-items:center;background:#f5f5f5;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;padding:8px;transition:all .2s ease;width:36px}.modal-close:hover{background:#e0e0e0;color:#333}.modal-body{padding:24px}.modal-footer{border-top:1px solid #f1f3f4;display:flex;gap:12px;justify-content:flex-end;padding:0 24px 24px}.form-group{margin-bottom:24px}.form-group label{color:#1a1a1a;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input[type=text]{background:#fafbfc;border:2px solid #e1e5e9;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.form-group input[type=text]:focus{background:#fff;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.form-group input[type=text]::placeholder{color:#9ca3af}.select-all{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #e1e5e9;border-radius:12px;margin-bottom:20px;padding:12px 16px}.select-all .checkbox-label{margin:0;padding:4px 0}.select-all .checkbox-label input[type=checkbox]{height:14px;margin-right:8px;width:14px}.select-all .checkbox-label span{font-size:13px;font-weight:500}.checkbox-label{align-items:center;border-radius:8px;cursor:pointer;display:flex;justify-content:flex-start;margin:2px 0;padding:10px 12px;transition:all .2s ease}.checkbox-label:hover{background:linear-gradient(135deg,#f8f9fa,#e9ecef);transform:translateX(2px)}.checkbox-label input[type=checkbox]{accent-color:#007bff;cursor:pointer;flex-shrink:0;height:18px;margin-right:12px;width:18px}.checkbox-label span{color:#1a1a1a;flex:1 1;font-size:14px;font-weight:500;text-align:left}.user-groups{background:#fff;border:2px solid #e1e5e9;border-radius:12px;max-height:350px;overflow-y:auto}.user-group{border-bottom:1px solid #f1f3f4;margin:0}.user-group:last-child{border-bottom:none}.group-users .checkbox-label{border-left:3px solid #0000;border-radius:0;margin:0;padding:8px 20px;position:relative;transition:all .2s ease}.group-users .checkbox-label:hover{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left-color:#007bff;transform:none}.group-users .checkbox-label input[type=checkbox]{flex-shrink:0;height:16px;margin-right:10px;width:16px}.group-users .checkbox-label span{font-size:14px;font-weight:500;line-height:1.4}.group-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #e1e5e9;display:flex;justify-content:space-between;padding:12px 20px}.group-header h4{color:#1a1a1a;font-size:14px;font-weight:600;margin:0;padding-left:0}.group-users{display:flex;flex-direction:column;gap:0;padding:8px 0}.modal-footer .btn-primary,.modal-footer .btn-secondary{display:inline-flex!important;min-height:44px;min-width:80px;opacity:1!important;visibility:visible!important}@media (max-width:768px){.create-rating-task-page{padding:10px}.page-header{align-items:flex-start;flex-direction:column;gap:15px}.modal{margin:10px;width:95%}.tasks-table{font-size:12px}.tasks-table td,.tasks-table th{padding:8px}}.rating-tasks-page{margin:0 auto;max-width:1200px}.rating-tasks-section{margin-top:24px}.rating-tasks-section h3{color:#262626;margin-bottom:16px}.rating-tasks-page .ant-table-thead>tr>th{background-color:#fafafa;color:#262626;font-weight:600}.rating-tasks-page .ant-table-tbody>tr:hover>td{background-color:#f5f5f5}.rating-tasks-page .ant-badge-status-text{font-size:12px}.rating-tasks-page .ant-tag{border-radius:4px;margin:2px}.rating-tasks-page .ant-btn-link{height:auto;padding:4px 8px}.rating-tasks-page .ant-btn-link:hover{background-color:#f0f0f0}.rating-tasks-page .sort-icon{color:#999;cursor:move;font-size:16px}@media (max-width:768px){.rating-tasks-page{padding:0 16px}.rating-tasks-page .ant-table{font-size:12px}.rating-tasks-page .ant-table-tbody>tr>td,.rating-tasks-page .ant-table-thead>tr>th{padding:8px 4px}}.rating-detail-page{height:100vh;overflow:hidden}.rating-detail-page .ant-layout{height:100%}.participants-sidebar{display:flex;flex-direction:column;height:100%}.participants-sidebar .ant-list{flex:1 1;overflow-y:auto}.member-item{align-items:center;background:#fff;border:2px solid #0000;border-radius:8px;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px 16px;transition:all .3s ease}.member-item:hover{border-color:#d9d9d9;box-shadow:0 2px 8px #00000026}.member-item.selected{background:#f0f8ff;border-color:#1890ff;box-shadow:0 2px 8px #1890ff33}.member-info{align-items:center;display:flex;flex:1 1}.member-details{flex:1 1;margin-left:12px}.member-progress{align-items:center;display:flex;gap:8px;margin-top:4px;white-space:nowrap}.member-status{margin-left:8px}.rating-content{display:flex;flex-direction:column;height:100%;margin:0 auto;max-width:1800px;padding:0 40px}.current-member-info{background:#f5f5f5;border-left:4px solid #1890ff;border-radius:8px;margin-bottom:16px;padding:12px 16px}.progress-section{margin-bottom:16px;text-align:center}.rating-item-content{display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;margin:0 auto;max-width:1600px;min-height:0;padding:56px 0}.rating-input-section{align-items:flex-start;align-items:stretch;display:flex;flex-wrap:nowrap;gap:56px;justify-content:center;margin:0 auto;max-width:1200px;padding:0 24px}.rating-reason-section{flex:1 1;max-width:860px;min-width:520px}.ant-slider-container{flex:0 0 120px;justify-content:center;margin-top:-24px;min-width:120px;width:120px}.ant-slider-container,.slider-wrapper{align-items:center;display:flex;flex-direction:column;position:relative}.slider-wrapper{height:320px;justify-content:space-between;overflow:visible;padding-bottom:12px;padding-top:12px}.ant-slider-container .ant-slider-vertical{height:280px!important;margin:0}.ant-slider-container .ant-slider-rail{background:linear-gradient(0deg,#ef5350 0,#ffebee 20%,#c8e6c9 60%,#4caf50);border-radius:8px}.ant-slider-container .ant-slider-track{background:#0000!important}.ant-slider-container .ant-slider-handle{background:radial-gradient(circle at center,#fff 20%,#4caf50 80%);border:2px solid #fff;border-radius:50%;box-shadow:0 0 6px #0003;height:16px;transition:background .2s ease;width:16px}.ant-slider-container .ant-slider-handle:hover{transform:scale(1.1)}.score-box{background:#1890ff;border-radius:6px;box-shadow:0 2px 8px #1890ff4d;color:#fff;font-size:14px;font-weight:700;min-width:30px;padding:4px 10px;position:absolute;right:-44px;text-align:center;top:50%;transform:translateY(-50%)}.top-icon{color:#4caf50;font-size:24px;margin-bottom:12px}.bottom-icon{color:#ff4d4f;font-size:24px;margin-top:12px}@media (max-height:900px),(min-width:1280px) and (max-width:1536px){.ant-slider-container{transform:translateY(-56px)}.score-box{transform:translateY(calc(-50% - 56px))}.slider-wrapper{overflow:visible}.rating-item-content{padding-bottom:56px}}@media (min-width:1366px) and (max-width:1440px){.ant-slider-container{align-items:center;display:flex;flex-basis:120px;justify-content:center;min-width:120px;transform:translateY(-16px);width:120px}.slider-wrapper{overflow:visible}.score-box{transform:translateY(calc(-50% - 16px))}.rating-item-content{padding-bottom:56px}}@media (min-width:1600px){.rating-input-section{gap:72px;max-width:1400px;padding:0 40px}.rating-reason-section{max-width:920px;min-width:560px}.ant-slider-container{flex-basis:140px;min-width:140px;width:140px}.slider-wrapper{height:min(54vh,420px)}.ant-slider-container .ant-slider-vertical{height:360px!important}.score-box{font-size:16px;padding:6px 12px;right:-50px}}@media (max-width:1200px){.rating-content{padding:16px}.rating-input-section{align-items:center;flex-direction:column;gap:30px;justify-content:flex-start;max-width:100%;padding:0 20px}.rating-reason-section{max-width:100%;min-width:auto}.ant-slider-container{flex:0 0 auto;order:-1;width:100%}.slider-wrapper{height:280px}.ant-slider-container .ant-slider-vertical{height:220px!important}}@media (max-width:768px){.rating-detail-page .ant-layout-sider{max-width:250px!important;min-width:250px!important;width:250px!important}}@media (max-width:576px){.rating-detail-page .ant-layout-sider{max-width:200px!important;min-width:200px!important;width:200px!important}.member-item{align-items:flex-start;flex-direction:column;gap:8px}.member-status{align-self:flex-end;margin-left:0}.member-progress{align-items:flex-start;flex-direction:column;gap:4px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Alibaba-Puhui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}*{font-family:Alibaba-Puhui,sans-serif}button{background-color:#000}button:hover{background-color:#2f92f7}.ant-carousel .slick-dots li.slick-active button{background-color:red}.ant-carousel .slick-dots li button{background-color:#2f92f7;opacity:.5}.slick-dots{li{&>div{cursor:pointer;padding-bottom:20px;padding-top:10px}&>div>button{background:red;height:3px}&.slick-active>div>button{background:#108ee9}}}.ant-drawer-body{padding:0!important}body::-webkit-scrollbar,div::-webkit-scrollbar{height:0;width:0}.ant-modal-mask,.ant-modal-wrap{display:block!important;z-index:1000!important}.ant-modal-wrap{height:100%!important;left:0!important;position:fixed!important;top:0!important;width:100%!important}.ant-modal{display:block!important;left:50%!important;margin:0!important;position:fixed!important;top:50%!important;transform:translate(-50%,-50%)!important;z-index:1001!important}.ant-modal .ant-btn{background-color:initial!important}.ant-modal .ant-btn-primary{background-color:#1890ff!important}.ant-modal .ant-btn-dangerous{background-color:#ff4d4f!important}:where(.css-dev-only-do-not-override-1tpjpse).ant-menu-light.ant-menu-horizontal>.ant-menu-item-selected,:where(.css-dev-only-do-not-override-1tpjpse).ant-menu-light.ant-menu-horizontal>.ant-menu-submenu-selected,:where(.css-dev-only-do-not-override-1tpjpse).ant-menu-light>.ant-menu.ant-menu-horizontal>.ant-menu-item-selected,:where(.css-dev-only-do-not-override-1tpjpse).ant-menu-light>.ant-menu.ant-menu-horizontal>.ant-menu-submenu-selected{color:#2f92f7}:where(.css-dev-only-do-not-override-1tpjpse).ant-menu-light .ant-menu-item:not(.ant-menu-item-selected):not(.ant-menu-submenu-selected):hover,:where(.css-dev-only-do-not-override-1tpjpse).ant-menu-light .ant-menu-item:not(.ant-menu-item-selected):not(.ant-menu-submenu-selected)>.ant-menu-submenu-title:hover,:where(.css-dev-only-do-not-override-1tpjpse).ant-menu-light>.ant-menu .ant-menu-item:not(.ant-menu-item-selected):not(.ant-menu-submenu-selected):hover,:where(.css-dev-only-do-not-override-1tpjpse).ant-menu-light>.ant-menu .ant-menu-item:not(.ant-menu-item-selected):not(.ant-menu-submenu-selected)>.ant-menu-submenu-title:hover{color:#2f92f7}:where(.css-dev-only-do-not-override-gact57).ant-slider .ant-slider-track{background-color:#2f92f7;border-radius:2px}:where(.css-dev-only-do-not-override-gact57).ant-slider .ant-slider-handle:after{background-color:#2f92f7;box-shadow:0 0 0 2px #dcb8ff}:where(.css-dev-only-do-not-override-gact57).ant-slider:hover .ant-slider-track{background-color:#2f92f7}:where(.css-dev-only-do-not-override-gact57).ant-slider .ant-slider-handle:active:after,:where(.css-dev-only-do-not-override-gact57).ant-slider .ant-slider-handle:focus:after,:where(.css-dev-only-do-not-override-gact57).ant-slider .ant-slider-handle:hover:after{box-shadow:0 0 0 2.5px #2f92f7;outline:6px solid #2f92f733}:where(.css-dev-only-do-not-override-13k5i68).ant-slider-vertical .ant-slider-rail{width:12px}:where(.css-dev-only-do-not-override-13k5i68).ant-slider-vertical .ant-slider-track,:where(.css-dev-only-do-not-override-13k5i68).ant-slider-vertical .ant-slider-tracks{width:12px}:where(.css-dev-only-do-not-override-13k5i68).ant-slider .ant-slider-handle:active:after,:where(.css-dev-only-do-not-override-13k5i68).ant-slider .ant-slider-handle:focus:after,:where(.css-dev-only-do-not-override-13k5i68).ant-slider .ant-slider-handle:hover:after{box-shadow:0 0 0 2.5px #2f92f7;height:20px;inset-block-start:-1px;inset-inline-start:-1px;outline:6px solid #2f92f733;width:20px}:where(.css-dev-only-do-not-override-13k5i68).ant-slider .ant-slider-handle:after{height:18px;width:18px}.page-container{gap:20px}.card,.page-container{display:flex;flex-direction:column}.card{background-color:#fff;border:1px solid #eee;border-radius:15px;gap:10px;padding:20px}.ant-pro-card,.card,.card-shadow{box-shadow:0 0 10px 0 #ddd}.ant-pro-card{border-radius:10px}.list-item{flex-direction:column!important;gap:20px!important}@keyframes pulse{0%{opacity:.7;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}to{opacity:.7;transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.login-container{animation:fadeInUp .8s ease-out}.ant-input:focus{border-color:#2f92f7!important;box-shadow:0 4px 20px #2f92f733!important}.ant-btn-primary:hover{box-shadow:0 12px 35px #2f92f780!important;transform:translateY(-2px)}.login-page{background-attachment:fixed}.login-page .ant-input{transition:all .3s cubic-bezier(.4,0,.2,1)}.login-page .ant-input:hover{border-color:#2f92f780!important;box-shadow:0 2px 8px #2f92f726!important}.login-page .ant-input:focus{border-color:#2f92f7!important;box-shadow:0 4px 20px #2f92f740!important;transform:translateY(-1px)}.login-page .ant-btn-primary{overflow:hidden;position:relative}.login-page .ant-btn-primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.login-page .ant-btn-primary:hover:before{left:100%}.login-container{position:relative}.login-container:before{background:linear-gradient(45deg,#2f92f71a,#2f92f74d,#2f92f71a);border-radius:22px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-1}.login-container:hover:before{opacity:1}.login-logo{position:relative;transition:all .3s ease}.login-logo:hover{transform:scale(1.05) rotate(5deg)}.login-logo:after{background:radial-gradient(circle,#2f92f71a 0,#0000 70%);border-radius:50%;content:"";height:120%;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease;width:120%;z-index:-1}.login-logo:hover:after{opacity:1}.login-page .ant-typography{transition:all .3s ease}.login-page .ant-typography:hover{opacity:1!important;text-decoration:underline!important}