body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f3f3f3;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#99f}.App,.toast,body{font-family:Ubuntu,sans-serif}body{background-color:#f5f5f5}.navbar_main{padding:25px 5%}.navbar{background-color:#fff!important;border-radius:4px;box-shadow:0 4px 8px #0003;font-size:20px;font-weight:500;padding:10px}.navbar .container-fluid{flex-wrap:wrap}.navbar .container-fluid,nav{align-items:center;display:flex;justify-content:space-between}nav{width:100%}nav .navbar_link{margin-right:5%;width:120px}.navbar_link,.navbar_link_end{background-color:#dbdbdb;border-radius:4px;box-shadow:0 4px 8px #0003,0 2px 0 #1900ff;color:#000!important;padding-left:8px;padding-right:8px;transition:background-color .15s ease}.navbar_link:hover,.navbar_link_end:hover{background-color:#c8c8c8!important}.navbar_link_end{color:#000!important;margin-left:50px;text-align:center;width:85px}.notification,.user-profile{align-items:center;background-color:#dbdbdb;border-radius:4px;box-shadow:0 4px 8px #0003,0 2px 0 #1900ff;cursor:pointer;display:flex;height:45px;justify-content:center;position:relative;transition:background-color .15s ease;width:45px}.user-profile{margin-right:20px}.notification{margin-right:15px}.notification:hover,.user-profile:hover{background-color:#c8c8c8}.notification svg,.user-profile svg{color:#000;height:24px;width:24px}.justify-content-end{align-items:center;display:flex;flex-wrap:nowrap;gap:15px;justify-content:flex-end;width:100%}.navbar-toggler{background-color:#fff!important;border:2px solid #1900ff!important;border-radius:4px!important;box-shadow:0 4px 8px #0003!important;padding:8px 10px!important}.navbar-toggler:focus{box-shadow:0 4px 8px #0003,0 0 0 .25rem #1900ff40!important}.navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%231900ff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")!important}.navbar-icons-desktop{align-items:center;display:flex;flex-wrap:nowrap;gap:15px;justify-content:flex-end}.navbar-icons-mobile{align-items:center;display:none;gap:10px;margin-left:auto}.navbar_link_logout_mobile{display:none}@media only screen and (max-width:991px){.navbar-icons-desktop{display:none}.navbar-icons-mobile{display:flex;order:3}.navbar-toggler{order:1}.navbar-collapse{order:4;width:100%}.navbar_link_logout_mobile{display:block;margin-bottom:10px;margin-right:0;margin-top:10px;text-align:center;width:100%}.navbar-icons-mobile .user-profile{margin-right:0}#navbarScroll .nav{padding:0}#navbarScroll .navbar_link{margin-bottom:10px;margin-right:0;text-align:center;width:100%}#navbarScroll .dropdown{width:100%}#navbarScroll .dropdown .navbar_link{text-align:center;width:100%}}@media only screen and (max-width:600px){.desktop-only{display:none!important}.navbar_main{min-width:100px;padding:15px 3%}.navbar{font-size:18px;padding:8px}.navbar-icons-mobile .notification{height:40px;margin-right:5px;width:40px}.navbar-icons-mobile .user-profile{height:40px;width:40px}}.notification-badge{align-items:center;animation:badge-pulse 2s infinite;background:linear-gradient(135deg,#ff6b6b,#ee5a5a);border:2px solid #fff;border-radius:10px;box-shadow:0 2px 6px #ee5a5a66;box-sizing:border-box;color:#fff;display:flex;font-size:11px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 5px;position:absolute;right:-2px;top:-2px}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.notification-sidebar{background-color:#fff;border:1px solid #e8e8e8;border-radius:16px;box-shadow:0 8px 30px #00000026;display:flex;flex-direction:column;max-height:70vh;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:10%;top:60px;transform:translateY(-120%);transition:transform .8s cubic-bezier(.4,0,.2,1),opacity .4s ease-in-out;width:420px;z-index:1000}.notification-sidebar.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.notification-sidebar-header{align-items:center;display:flex;justify-content:space-between;padding:16px 20px 0}.clock-icon-wrapper{align-items:center;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .3s ease}.clock-icon-wrapper:hover{background-color:#f0f2f5}.clock-icon-wrapper.active .clock-icon{fill:#e6e9fa;color:#2f49d1}.clock-icon{color:#888;height:28px;transition:all .3s ease;width:28px}.close-btn_notification{background:none;border:none;color:#333;cursor:pointer;font-size:28px;font-weight:300;line-height:1;padding:0;transition:color .3s ease}.close-btn_notification:hover{color:#666}.notification-sidebar h3{color:#1a1a1a;font-size:22px;font-weight:600;margin:20px 0;text-align:center}.viewAll{align-items:center;background-color:#2f49d1;border:none;border-radius:25px;box-shadow:0 4px 15px #2f49d14d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;height:42px;justify-content:center;margin:0 auto 20px;transition:all .3s ease;width:180px}.viewAll:hover{background-color:#2439a8;box-shadow:0 6px 20px #2f49d166;transform:translateY(-1px)}.list{flex-grow:1;list-style:none;margin:0;max-height:50vh;overflow-y:auto;padding:0 15px 15px}.item-notification{background-color:#f8f9fb;border:1px solid #eef0f3;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;margin-bottom:12px;padding:16px;transition:box-shadow .3s ease}.item-notification:hover{box-shadow:0 4px 12px #0000001a}.notification-header{gap:6px;padding-right:24px}.mark-read-btn{padding:4px}.theme{word-wrap:break-word;color:#1a1a1a;display:block;font-size:15px;font-weight:700;line-height:1.3;max-width:100%;overflow-wrap:break-word}.notification-meta-row{font-size:12px}.name-with-icon{color:#444}.separator{margin:0 6px}.date-time{color:#888;white-space:nowrap}.content{word-wrap:break-word;color:#555;font-size:14px;line-height:1.5;margin-top:12px;max-height:200px;overflow-wrap:break-word;overflow-y:auto}.content p{margin:0 0 10px}.go-to-test-button{box-sizing:border-box;display:block;margin-top:8px;padding:12px 0;text-align:center;width:100%}.noNotifications{color:#888;font-size:16px}.loading,.noNotifications{font-weight:500;margin:40px 0;text-align:center}.loading{color:#666;font-size:15px}.go-to-test-button{background-color:#2f49d1;border-radius:8px;color:#fff;display:inline-block;font-size:14px;font-weight:600;padding:10px 20px;text-decoration:none;transition:all .3s ease}.go-to-test-button:hover{background-color:#2439a8;transform:translateY(-1px)}.go-to-test-button:focus{outline:none}.go-to-test-button:active{background-color:#1e2f8c}@media screen and (max-width:768px){.notification-sidebar{border-radius:12px;left:5%;max-height:70vh;right:5%;top:60px;width:90%}.notification-info{width:100%}.date-time{margin-top:4px}.list{max-height:55vh}.content,.name,.theme{font-size:14px}.go-to-test-button{margin-top:10px;padding:12px 0;text-align:center;width:100%}}body,html{height:100%;margin:0}p.text-center{color:#2a2e46;font-family:Ubuntu,sans-serif;font-size:2.5vw;text-align:center}.wrapper{align-items:center;display:flex;flex-direction:column;gap:20px;margin-top:20px}.login_main{background-color:#fff;box-shadow:0 4px 8px #0003;height:50vh;margin:auto;max-width:500px;min-height:300px;padding:20px;width:80%}.formWrapper{background-color:#000!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' rx='19' ry='19' stroke='%235061C566' stroke-width='6' stroke-dasharray='6, 10, 1' stroke-dashoffset='39' stroke-linecap='round'/%3E%3C/svg%3E");padding:30px;width:100%!important}.emailForm,.passwordForm{box-shadow:0 4px 8px #0003;color:#5b5b5b!important}.emailLabel,.passwordLabel{color:#000!important;font-family:Ubuntu,sans-serif;font-size:2vw}.loginButton,.register_button,.register_button2{align-items:center;background-color:#00f!important;border:none;border-radius:6px!important;box-shadow:0 4px 6px #0000001a;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-size:1.2rem!important;font-weight:600;height:50px!important;justify-content:center;letter-spacing:1px;margin-bottom:10px;margin-top:20px;text-transform:uppercase;transition:all .3s ease;width:100%}.login_main .register_button:hover{box-shadow:0 7px 14px #0061f266;filter:brightness(1.05);transform:translateY(-2px)}.login_main .register_button:active{box-shadow:0 2px 4px #0000001a;transform:translateY(1px)}.login_main .register_button:disabled{background:#ccc!important;box-shadow:none;cursor:not-allowed;transform:none}.login_main .register_button2{align-items:center!important;background:#0000!important;background-color:initial!important;border:none!important;border-radius:6px!important;color:#555!important;cursor:pointer;display:flex!important;font-family:Ubuntu,sans-serif;font-size:1.1rem!important;font-weight:500;height:auto!important;justify-content:center!important;letter-spacing:.5px;margin-top:5px;min-height:48px;text-decoration:none!important;transition:all .3s ease;width:100%}.login_main .register_button2:hover{background:#0000000d!important;box-shadow:none;color:#0061f2!important;transform:none}.checkbox{color:#000f67;font-family:Ubuntu,sans-serif;font-size:16px}.loginOptions{align-items:center;display:flex;flex-direction:column;gap:10px;margin-top:20px!important}.success-toast{background-color:#dff0d8}.error-toast,.success-toast{position:fixed;right:20px;top:20px;z-index:1000}.error-toast{background-color:#f8d7da}.forgotPassword{color:#000f67;font-family:Ubuntu,sans-serif;font-size:16px;text-decoration:none}@media (min-width:1200px){p.text-center{font-size:2vw}.emailLabel,.passwordLabel{font-size:1.5vw}.login_main{height:50%}}@media (max-width:1199px) and (min-width:750px){p.text-center{font-size:3vw}.emailLabel,.passwordLabel{font-size:20px}.login_main{height:50%}.checkbox{font-size:1.2rem}}@media (max-width:750px){.login_main,body{background:none!important}.login_main{box-shadow:none!important;height:auto;margin:0;padding:10px;width:90%}.emailLabel,.passwordLabel{font-size:18px;margin-top:20px}.emailForm,.passwordForm for{background-color:#fff;font-size:16px;margin-bottom:20px}.login_main .register_button,.login_main .register_button2{font-size:16px!important;height:45px!important;margin-top:20px}p.text-center{font-size:6vw;margin-top:30%}.error-toast,.success-toast{left:10px;right:10px;top:10px;width:calc(100% - 20px)}.form-control,.registrater_main input{background-color:#fff}}.registrater_main{background-color:#fff;border-radius:4px;box-shadow:#000;box-shadow:0 4px 8px #0003;font-family:Ubuntu,sans-serif;padding:40px 40px 0}.create_txt{color:#000!important;font-size:25px;text-align:center}.registrater_main .form-label{color:#000!important;font-size:17px;margin-bottom:3px}.form-control,.registrater_main input{background-color:#f2f2f3!important;border:0;border-radius:4px;box-shadow:0 4px 3px #0003;height:50px;margin-bottom:10px}.register_button{background-color:#00f;color:#f5f5f5;font-size:20px;height:50px;margin-top:20px!important;width:100%}.agree_terms{color:#9c9c9c;font-size:13px;margin-bottom:2px;margin-top:30px;padding:10px;text-align:center}@media (max-width:1199px) and (min-width:750px){.registrater_main{margin:0 auto;max-width:400px;padding:30px;width:90%}.create_txt,.registrater_main .form-label{font-size:22px}.register_button{font-size:18px;height:45px}.agree_terms{font-size:14px}.registration-container{margin-top:20px}}@media (max-width:750px){body{background:none!important}.registrater_main{margin:0 auto;max-width:350px;padding:20px;width:90%}.create_txt{font-size:20px}.registrater_main .form-label{font-size:18px}.form-control,.registrater_main input{height:45px}.register_button{font-size:16px;height:40px}.agree_terms{font-size:12px}.registration-container{margin-top:20px}}.description-modal .modal-content{animation:modalFadeIn .3s ease;border:none;border-radius:20px;box-shadow:0 20px 60px #2f49d126;overflow:hidden}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.description-modal .modal-header{align-items:center;background:linear-gradient(135deg,#2f49d1,#4158d0);border-bottom:none;border-top-left-radius:20px;border-top-right-radius:20px;color:#fff;display:flex;justify-content:center;padding:24px 20px}.description-modal .modal-title{flex-grow:1;font-size:22px;font-weight:700;letter-spacing:-.3px;padding:0;text-align:center}.description-modal .modal-body{background-color:#fff;border-radius:0;color:#333;font-size:16px;line-height:1.6;margin-top:0;padding:28px 32px;text-align:left}.description-text{text-align:left}.description-header{align-items:center;color:#2f49d1;display:flex;font-size:15px;font-weight:600;gap:8px;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.description-header:before{display:none}.modal-text{background:#f8f9fb;border-left:4px solid #2f49d1;border-radius:12px;color:#555;font-size:15px;line-height:1.8;margin:0;padding:16px 20px}.modal-footer{background:#fff;border-top:none;justify-content:space-between;padding:20px 32px 28px}.close-btn{align-items:center;background-color:#f0f0f0;border:none;border-radius:12px;color:#888;display:flex;font-size:16px;font-weight:700;height:44px;justify-content:center;transition:all .3s ease;width:44px}.close-btn:hover{background-color:#e0e0e0;color:#555;transform:scale(1.05)}.start-btn{background:linear-gradient(135deg,#2f49d1,#4158d0);border:none;border-radius:12px;box-shadow:0 4px 15px #2f49d14d;color:#fff;font-size:16px;font-weight:600;padding:14px 32px;transition:all .3s ease}.start-btn:hover{background:linear-gradient(135deg,#2439a8,#3548c0);box-shadow:0 6px 20px #2f49d166;transform:translateY(-2px)}.start-btn:active{transform:translateY(0)}@media (max-width:768px){.description-modal .modal-body{font-size:14px;padding:20px}.modal-footer{flex-direction:column;gap:12px;padding:16px 20px 24px}.start-btn{order:-1;width:100%}.close-btn{align-self:center}}.custom-dropdown-item{width:100%!important}.testcard_text{background-color:#fff;border-radius:42px;color:#292e46;font-size:40px;padding:4px 0}.testcard_text,.testcards_test_text{font-weight:500;text-align:center;width:30%}.testcards_test_text{border-radius:4px;color:#fff;font-size:36px;padding:12px 0}.testcards_title{color:#000;font-size:28px;font-weight:600;margin-bottom:30px;text-align:center}.search_filter_wrapper{display:flex;flex-direction:column;gap:15px;margin-bottom:30px;margin-left:55px}.searchbar_container{flex:1 1;position:relative;width:95%}.searchbar{background-image:url(/static/media/search.19381b8eaca332c93151.png);background-position:10px;background-repeat:no-repeat;background-size:35px 30px;border:1px solid #ccc;border-radius:6px;box-shadow:0 2px 5px #0000001a;font-size:16px;margin-right:50px;padding:10px 15px 10px 40px;width:100%}.search_icon{color:#333;font-size:18px;position:absolute;right:10%;top:50%;transform:translateY(-50%)}.filter_controls{align-items:center;display:flex;gap:15px;margin-top:10px}.category_dropdown{background:#fff;border:none;border-radius:4px;box-shadow:0 2px 5px #0000001a;cursor:pointer;font-size:16px;padding:8px 12px;width:20%}.filter_icon{cursor:pointer;font-size:24px}.cards_wrapper{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-content:center;padding:0 10px}.firstCard .card{border:1px solid #eaeaea;border-radius:12px;height:100%;margin:0 auto;max-width:368px;min-height:420px;transition:box-shadow .2s ease;width:100%}.firstCard .card:hover{box-shadow:0 4px 16px #00000014}.test-icon-wrapper{align-items:center;background-color:#f0f4ff;border-radius:50%;display:flex;height:100px;justify-content:center;margin:40px auto 10px;transition:background-color .2s ease;width:100px}.firstCard .card:hover .test-icon-wrapper{background-color:#e0e8ff}.card-title,.test-card-title{color:#292e46;font-size:20px;font-weight:600;margin-bottom:15px;text-align:center}.card-text,.test-card-text{color:#6c757d;font-size:14px;line-height:1.5;margin-bottom:25px;text-align:center}.start_test_btn{background-color:#00f!important;border:none!important;border-radius:6px!important;color:#fff!important;display:block;font-size:18px!important;font-weight:500;margin:0 auto;padding:10px 30px!important;transition:background-color .2s ease!important}.start_test_btn:hover{background-color:#00c!important}.show_more_container{margin-top:30px;text-align:center}.show_more_btn{background-color:#04f;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:8px 18px}.pagination{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:20px}.page_btn{background-color:#00f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px}.custom-dropdown .btn{align-items:center;background-color:#fff;border:none;border-radius:4px;color:var(--secondary-color);display:flex;font-size:40px;font-weight:500;gap:20px;justify-content:center;margin-bottom:16px;padding:4px 0;text-align:center;width:100%}.custom-dropdown .btn:after{border-left:16px solid #0000!important;border-right:16px solid #0000!important;border-top:18px solid!important;color:var(--secondary-color)}.card{border-radius:4px;padding:-20px!important}.testcards_main{overflow-x:auto;padding:25px 5%}.searchbar{align-items:center;margin-right:30px}@media only screen and (max-width:600px){.graph_card{height:330px;width:80%}.card-header,.testcard_text{font-size:20px!important;font-weight:700}.mainWrapper{flex-direction:column;gap:30px}.testcards_test_text{font-size:25px!important;margin-left:33%}.testcards_main{padding:16px;width:100%}.testcards_title{font-size:22px;margin-bottom:16px}.test-text{flex-direction:column}.testcard_text{width:80%}.cards_wrapper{align-items:stretch;display:flex;flex-direction:column;gap:16px;padding:0}.firstCard{width:100%}.firstCard .card{border-radius:12px!important;max-width:100%;min-height:auto;overflow:hidden;width:100%}.firstCard .card .card-img-top{border-radius:12px 12px 0 0;margin:0!important;width:100%!important}.firstCard .card .card-body{padding:16px}.firstCard .card .card-title{font-size:16px;font-weight:600}.firstCard .card .card-text{font-size:13px;padding-left:5%!important;padding-right:5%!important}.start_test_btn{border-radius:10px!important;display:block!important;font-size:18px!important;margin-left:0!important;margin-top:12px;padding:10px 16px!important;width:100%}.search_filter_wrapper{align-items:center;margin-bottom:20px;margin-left:0;width:100%}.searchbar_container{margin:0 auto;width:100%}.searchbar{border-radius:10px;font-size:14px;margin-right:0;padding:10px 15px 10px 40px;width:100%}}@media only screen and (min-width:601px) and (max-width:992px){.graph_card{height:350px;width:80%}.card-header{font-size:25px!important}.mainWrapper{flex-direction:column;gap:30px}.cards_wrapper{grid-gap:25px;align-items:stretch;display:grid;gap:25px;grid-template-columns:repeat(2,1fr);padding:0 20px}.firstCard .card{margin:0 auto;max-width:340px;min-height:520px;width:100%}.search_filter_wrapper{align-items:center;margin-left:0;width:100%}.searchbar_container{margin:0 auto;width:70%}.searchbar{margin-right:0;width:100%}}.footer{background-color:#0f1015;color:#fff;display:flex;flex-wrap:wrap;gap:60px;justify-content:space-around;padding:40px 60px}.contact-card{background-color:#2b2e36;border-radius:6px;box-shadow:0 4px 4px #0000ff4d;font-size:16px;max-width:300px;padding:20px 30px}.contact-card h3{color:#fff;font-size:22px;margin-bottom:15px}.footer-links{display:flex;flex:1 1;flex-direction:column;gap:20px;justify-content:center;max-width:500px}.footer-link{align-items:center;border-bottom:1px solid #fff;display:flex;gap:15px;padding-bottom:8px}.footer-link a{color:#fff;font-size:18px;text-decoration:underline}.blue-square{background-color:blue;height:30px;width:30px}.contact-role{color:#ffffffb3;font-size:14px}.contact-email{color:#7878ff;font-size:14px;text-decoration:none}.contact-email:hover{text-decoration:underline}.contact-card p{line-height:1.5;margin-bottom:15px}.contact-card p:last-of-type{margin-bottom:0}.userinfo_main{background:#000;border-radius:4px;box-shadow:0 8px 16px #00000026;font-family:Ubuntu,sans-serif;margin-left:5%;padding-left:2%;padding-right:2%;width:90%}.userinfo{border-radius:20px;margin-bottom:15px;padding:25px;text-align:left}.avatar{height:180px;margin:20px auto 15px;width:180px}.font-weight-bold{color:#fff;font-size:28px}.basic_info{background-color:#232934;border-radius:4px;box-shadow:0 2px 0 #00f;padding:20px 25px;width:80%}.info{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:10px 0}.info:last-child{border-bottom:none}.labels{color:#9aa0a6;flex:1 1;font-size:16px;margin:0;text-align:left}.infotext{color:#fff;flex:2 1;font-size:16px;font-weight:500;text-align:right}.skeleton-container{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:center;padding:20px}.skeleton-avatar{border-radius:50%;height:100px;width:100px}.skeleton-avatar,.skeleton-line{animation:loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ddd 25%,#ccc 50%,#ddd 75%);background-size:200% 100%}.skeleton-line{border-radius:4px;height:16px;width:80%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:1024px) and (min-width:768px){.basic_info{margin-left:10%;padding:20px;width:90%}.info{align-items:flex-start;flex-direction:column;padding:12px}.infotext,.labels{font-size:16px}.infotext{padding-left:0;text-align:left}}@media (max-width:768px){.basic_info{padding:15px;width:95%}.info{align-items:flex-start;flex-direction:column;padding:10px}.infotext{padding-left:0;text-align:left}}.logout-btn{background-color:initial;border:1px solid #ff4d4d;border-radius:4px;color:#ff4d4d;cursor:pointer;font-size:16px;font-weight:500;padding:10px 20px;transition:all .2s ease;width:100%}.logout-btn:hover{background-color:#ff4d4d;box-shadow:0 4px 8px #ff4d4d4d;color:#fff}.main_wrapper{background:#fff;border-radius:20px;box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column;gap:35px;margin:0 auto;max-width:1320px;padding:35px}.test1{background-color:#e4e4e4;border-radius:10px;padding:13px 35px;text-align:center}.carousel-indicators{display:none}.carousel-control-next-icon,.carousel-control-prev-icon{filter:invert(1)}.carousel-control-prev-icon{margin-right:140px}.carousel-control-next-icon{margin-left:140px}.test1_label{border-radius:10px;color:#382b4a;font-size:28px}.test1_cards,.test1_label{font-family:Ubuntu,sans-serif}.test1_cards{align-items:stretch;color:#000;display:flex;font-size:16px;gap:25px;justify-content:center;margin-top:25px}.test1_card1,.test1_card2,.test1_card3,.test1_card4{align-items:center;background:linear-gradient(135deg,#fff,#f5f5f5);border:1px solid #0000000f;border-radius:16px;box-shadow:0 4px 15px #00000014;display:flex;flex-direction:column;gap:12px;justify-content:space-between;min-height:120px;padding:20px 18px;width:160px}.characteritics_title,.characteritiscs_title{align-items:center;color:#2d3436;display:flex;flex:1 1;font-size:14px;font-weight:500;line-height:1.4;margin:0;text-align:center}.test1_card1 p:last-child,.test1_card2 p:last-child,.test1_card3 p:last-child,.test1_card4 p:last-child{background-color:#232934!important;border-radius:8px!important;color:#fff!important;font-size:16px;font-weight:600;margin:0;padding:8px 22px!important;text-align:center}.buttons-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.buttons-container button{background-color:#fff;border-radius:10px;cursor:pointer;font-family:Ubuntu,sans-serif;font-size:18px;padding:12px 24px;transition:all .3s ease}.buttons-container button:hover{background-color:#232934;box-shadow:0 6px 12px #0003;color:#fff;transform:translateY(-2px)}@media only screen and (max-width:768px){.main_wrapper{gap:20px;padding:20px}.test1{font-size:16px;padding:10px 20px}.test1_label{font-size:20px;padding:10px}.test1_cards{align-items:center;flex-direction:column;gap:20px}.test1_card1,.test1_card2,.test1_card3,.test1_card4{font-size:16px;padding:10px 20px;text-align:center;width:100%}.carousel-control-next-icon,.carousel-control-prev-icon{margin:0;transform:scale(.8)}.buttons-container{align-items:center;flex-direction:column}.buttons-container button{text-align:center;width:100%}}.graphic_main{padding:20px;width:100%}.mainWrapper{align-items:center;display:flex;justify-content:center;width:100%}.graph_card{background-color:#0d1119;border:3px solid #5f5a5a;border-radius:15px;color:#fff;display:flex;flex-direction:column;height:400px;max-width:1000px;padding:10px;width:90%}.graph_card_header{background-color:initial!important;border:none;color:#fff;font-size:32px;padding-bottom:0;text-align:center}.graph_card_body{flex:1 1;min-height:0;padding:10px 0}.graph_card .recharts-tooltip-wrapper .recharts-default-tooltip{background-color:#000;border:1px solid #fff;color:#000}@media only screen and (max-width:768px){.graphic_main{padding:10px 5px}.graph_card{height:350px;margin-bottom:15px;padding:5px;width:100%}.graph_card_header{font-size:22px!important;padding:5px}}.profile-container{background-color:#f9f9f9;border-radius:15px;box-shadow:0 6px 12px #0000001a;font-family:Ubuntu,sans-serif;margin:auto;max-width:450px;padding:30px;transition:all .3s ease-in-out}.profile-container:hover{box-shadow:0 10px 20px #0000001a}.profile-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.menu-icon{cursor:pointer;display:flex;flex-direction:column;gap:4px}.menu-icon .line{background-color:#8f95b2;height:3px;width:25px}.avatar-icon .avatar{border:3px solid #e4e7eb;border-radius:50%;height:40px;width:40px}.profile-photo{margin-bottom:20px;text-align:center}.photo{border:3px solid #e4e7eb;border-radius:50%;height:130px;transition:transform .3s ease;width:130px}.photo:hover{transform:scale(1.05)}.profile-info{margin-bottom:20px;text-align:center}.profile-info h2{color:#1e2631;font-size:1.75rem;font-weight:600;margin:0}.profile-info p{color:#4a5568;font-size:1.1rem;margin:5px 0}.profile-info strong{color:#333}.edit-profile-btn,.test-results-btn{border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;margin-bottom:20px;padding:12px;transition:background-color .3s ease;width:100%}.edit-profile-btn,.edit-profile-btn:hover,.test-results-btn,.test-results-btn:hover{background-color:var(--primary-color)}.test-list{margin-bottom:20px}.search-input{border:1px solid #e4e7eb;border-radius:10px;font-size:1rem;margin-bottom:15px;padding:12px;width:100%}.test-item{background-color:#e9eff8;border:none;border-radius:10px;color:#2d3748;cursor:pointer;font-size:1.1rem;margin:10px 0;padding:12px;text-align:center;transition:background-color .3s ease;width:100%}.test-item:hover{background-color:#c6d8f3}.test-results-container{background-color:#e9eff8;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin-left:10%;margin-top:20px;padding:20px;width:80%}.test-results-container h3{color:#2d3748;font-size:1.5rem;font-weight:600;margin-bottom:15px}.navigate-button{border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:1.1rem;margin-left:25%;margin-top:15px;padding:12px 24px;text-align:center;text-decoration:none;transition:background-color .3s ease;width:50%}.navigate-button,.navigate-button:hover{background-color:var(--primary-color)}:root{--primary-color:#00f;--secondary-color:#000;--text-color:#fff}.belbin-container{margin:0 auto;max-width:900px;padding:24px}.belbin-header{margin-bottom:32px;text-align:center}.belbin-header h1{color:#1a1a2e;font-size:1.75rem;font-weight:700;margin:0 0 8px}.belbin-author{color:#666;font-size:.9rem;margin:0}.belbin-error,.belbin-loading{color:#666;font-size:1.1rem;padding:40px;text-align:center}.belbin-error{color:#c00}.belbin-block{background:#fff;border:1px solid #e8e8e8;border-radius:16px;box-shadow:0 2px 8px #00000014;margin-bottom:24px;padding:24px}.belbin-block-title{border-bottom:2px solid #e8edff;color:#00f;font-size:1.1rem;font-weight:700;margin:0 0 20px;padding-bottom:12px}.belbin-statements{display:flex;flex-direction:column;gap:12px}.belbin-statement-row{align-items:center;background:#f8f9fa;border:2px solid #0000;border-radius:10px;display:flex;gap:16px;justify-content:space-between;padding:14px 16px;transition:all .2s ease}.belbin-statement-row:hover{background:#f0f4ff;border-color:#d0d8ff}.belbin-statement-row.has-value{background:#e8edff;border-color:#00f}.belbin-statement-text{color:#333;flex:1 1;font-size:.95rem;line-height:1.4}.belbin-points-controls{align-items:center;display:flex;flex-shrink:0;gap:8px}.belbin-points-btn{align-items:center;background:#fff;border:2px solid #00f;border-radius:8px;color:#00f;cursor:pointer;display:flex;font-size:1.3rem;font-weight:700;height:40px;justify-content:center;line-height:1;padding:0;text-align:center;transition:all .2s ease;width:40px}.belbin-points-btn:hover:not(:disabled){background:#00f;color:#fff;transform:scale(1.05)}.belbin-points-btn:active:not(:disabled){transform:scale(.95)}.belbin-points-btn:disabled{border-color:#ccc;color:#ccc;cursor:not-allowed;opacity:.3}.belbin-points-value{color:#00f;font-size:1.1rem;font-weight:600;min-width:30px;text-align:center}.belbin-input-label{color:#666;font-size:.85rem;min-width:40px}.belbin-block-total{background:linear-gradient(135deg,#f0f4ff,#e8edff);border-radius:10px;color:#00f;font-size:.95rem;font-weight:600;margin-top:16px;padding:12px 16px;text-align:center}.belbin-block-total .complete{color:#0a0}.belbin-block-total .error{color:#c00}.belbin-total{background:linear-gradient(135deg,#00f,#33f);border-radius:12px;margin-bottom:24px;padding:20px;text-align:center}.belbin-total h3{margin:0}.belbin-submit,.belbin-total h3{color:#fff;font-size:1.1rem;font-weight:600}.belbin-submit{background:linear-gradient(135deg,#00f,#33f);border:none;border-radius:12px;box-shadow:0 4px 12px #0000ff40;cursor:pointer;display:block;margin:0 auto;max-width:300px;padding:16px 32px;transition:transform .2s,box-shadow .2s;width:100%}.belbin-submit:hover{box-shadow:0 6px 20px #0000ff59;transform:translateY(-2px)}.belbin-mobile{display:flex;flex-direction:column;gap:20px}.belbin-progress{color:#666;font-size:.9rem;text-align:center}.belbin-progress-bar{background:#e0e0e0;border-radius:10px;height:6px;margin-top:8px;overflow:hidden}.belbin-progress-fill{background:linear-gradient(90deg,#00f,#44f);border-radius:10px;height:100%;transition:width .3s ease}.belbin-statement{background:#f8f9fa;border-radius:10px;margin-bottom:8px;padding:12px}.belbin-statement .belbin-statement-text{margin-bottom:10px}.belbin-points-selector{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.belbin-point-btn{background:#fff;border:2px solid #00f;border-radius:8px;color:#00f;cursor:pointer;font-size:.9rem;font-weight:600;height:36px;transition:all .2s ease;width:36px}.belbin-point-btn.selected,.belbin-point-btn:hover:not(.disabled){background:#00f;color:#fff}.belbin-point-btn.disabled{cursor:not-allowed;opacity:.4}.belbin-nav{display:flex;gap:12px;justify-content:space-between}.belbin-nav-btn{background:#f0f0f0;border:none;border-radius:10px;color:#333;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:12px 16px;transition:all .2s ease}.belbin-nav-btn:hover:not(:disabled){background:#00f;color:#fff}.belbin-nav-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.belbin-block,.belbin-container{padding:16px}.belbin-header h1{font-size:1.4rem}}.chart-container{align-items:flex-start;box-shadow:0 4px 10px #00000026;display:flex;flex-direction:row;flex-wrap:wrap;font-family:Ubuntu,sans-serif;gap:15px;justify-content:space-between;margin:20px auto;width:90%}.chart-container,.chart-section{background-color:#fff;border-radius:15px;padding:20px}.chart-section{box-shadow:0 4px 8px #00000026;flex:3 1;min-height:100px;min-width:100px;width:100%}.chart-title{color:#4b5563;font-size:22px;font-weight:700;margin-bottom:15px;text-align:center}.date-section{min-width:100px;width:100%}.date-scroll-container{background:#0d1119;border-radius:10px;max-height:450px;padding:10px;scrollbar-color:#0d1119 #d7deff}.date-scroll-container::-webkit-scrollbar-track{border-radius:10px}.date-item{transition:background-color .3s ease,transform .2s ease}.active-date{font-weight:700}.role-info-section h3{color:#0d1119;font-size:24px;text-align:center}.role-info-section table{background-color:#fff;border-collapse:collapse;box-shadow:0 4px 8px #0000001a;margin-top:20px;min-width:100px;overflow:hidden;width:100%}.role-info-section td,.role-info-section th{max-width:30px;overflow-wrap:break-word;padding:12px 15px;text-align:left;white-space:normal;width:30px}.role-info-section th{background-color:#0d1119;color:#fff;font-weight:700;max-width:30px;width:30px}.role-info-section{min-width:100px;width:100%}.role-info-section tbody tr:nth-child(2n),.role-info-section tbody tr:nth-child(odd){background-color:#232934;border:1px solid #00f;color:#fff;max-width:30px;width:30px}.role-info-section tbody tr:hover{background-color:#424447}.expandable-role-section{margin:20px 0;width:-webkit-fill-available}.role-details{background:#fff;border:1px solid #fff;border-radius:6px;box-shadow:0 2px 4px #0000001a;margin-bottom:10px;min-width:100px}.role-summary{background-color:#fff;border-bottom:1px solid #ccc;color:#00f;cursor:pointer;font-size:18px;font-weight:700;text-transform:uppercase}.role-description,.role-summary{padding:12px 16px;text-align:center}.role-description{font-size:16px;line-height:1.6}@media screen and (max-width:768px){.chart-container{box-shadow:none}.result-container{padding:10px;width:100%}.result-box{margin-top:30px;padding:20px}.result-section{font-size:1.3em;margin-top:30px}.result-text{line-height:1.6}.button,.result-text,.top-roles{font-size:1em}.button{margin-top:20px;padding:12px;width:100%}.result-table td,.result-table th{font-size:.95em;padding:8px}.chart-container{flex-direction:column;padding:10px;width:95%}.chart-section,.date-section{margin-bottom:20px;padding:10px;width:100%}.chart-title{font-size:18px;margin-bottom:10px}.date-item{font-size:14px;padding:10px}.role-info-section h3{font-size:20px}.role-summary{font-size:16px;padding:10px}.role-description{font-size:14px;padding:10px}.role-info-section table{font-size:.9em}.role-info-section td,.role-info-section th{padding:10px}}.result-container{align-items:center;color:#333;display:flex;flex-direction:column;justify-content:center;margin:auto;min-width:100px;padding:20px;width:70%}h1{color:#333;font-size:2em;margin-bottom:20px}h2{font-size:1.5em;margin-bottom:15px}.top-roles{color:#4a4a4a;font-size:1.1em;list-style-type:none;padding:0}.top-roles li{margin-bottom:10px}.top-roles li span{color:#99f;font-weight:700}.result-table{border-collapse:collapse;margin-bottom:30px;margin-top:20px;width:100%}.result-table td,.result-table th{border:1px solid #ddd;padding:10px;text-align:left}.result-table th{background-color:#f1f1f1;color:#99f}.result-table td{color:#333}.button{background-color:#99f;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.1em;margin-top:30px;padding:10px 20px;text-align:center;text-decoration:none}.button:hover{background-color:#7a7aff}.result-box{background-color:#f8fafe;border:2px solid #99f;border-radius:15px;box-shadow:0 4px 10px #0000001a;margin-top:50px;max-width:800px;padding:40px;width:100%}.result-section{color:#99f;font-size:1.5em;font-weight:700;margin-bottom:20px;margin-top:50px}.result-text{color:#333;font-size:1.1em;line-height:1.8;margin-bottom:30px;margin-bottom:10px}.top-roles-container{margin-top:20px}.top-role{margin-bottom:10px}.desktop-only{display:block}.mobile-only{display:none}.no-results-message{background-color:#fff;border:1px solid grey;border-radius:10px;color:grey;font-size:1.2rem;font-weight:600;margin:50px auto;max-width:600px;padding:30px 20px;text-align:center}@media (max-width:768px){.desktop-only{display:none}.mobile-only{display:block}.role-buttons{display:flex;gap:10px;justify-content:center;margin-bottom:15px}.role-buttons button{background-color:#232934;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:8px 14px}.role-buttons button.active{background-color:blue;color:#fff}.role-card{background-color:#232934;border:1px solid blue;border-radius:10px;color:#fff;padding:15px}}.feedback-container{margin-top:30px;min-width:100px;padding:20px;width:-webkit-fill-available}.feedback-title{color:#1a1a1a;font-size:1.5rem;font-weight:700;margin-bottom:24px;text-align:center}.feedback-loading{color:#888;padding:20px;text-align:center}.feedback-form-section{margin-bottom:24px}.feedback-form{background:#fff;border:1px solid #e8e8e8;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:20px}.feedback-form .form-group{margin-bottom:16px;position:relative}.feedback-input{border:1px solid #e0e0e0;border-radius:10px;box-sizing:border-box;font-size:15px;padding:12px 16px;transition:all .2s ease;width:100%}.feedback-input:focus{border-color:#2f49d1;box-shadow:0 0 0 3px #2f49d11a;outline:none}.feedback-textarea{border:1px solid #e0e0e0;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:15px;min-height:100px;padding:12px 16px;resize:vertical;transition:all .2s ease;width:100%}.feedback-textarea:focus{border-color:#2f49d1;box-shadow:0 0 0 3px #2f49d11a;outline:none}.feedback-form .char-counter{bottom:8px;color:#999;font-size:12px;position:absolute;right:12px}.form-actions{align-items:center;flex-wrap:wrap}.feedback-submit-btn{background:linear-gradient(135deg,#2f49d1,#4158d0);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:12px 24px;transition:all .3s ease}.feedback-submit-btn:hover:not(:disabled){box-shadow:0 4px 16px #2f49d159;transform:translateY(-2px)}.feedback-submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.feedback-success{color:#28a745;font-size:14px;font-weight:500}.feedback-error{color:#dc3545;font-size:14px;font-weight:500}.feedback-list-section{margin-top:20px}.feedback-list{display:flex;flex-direction:column;gap:20px}.feedback-card{background:#fff;border:1px solid #e8e8e8;border-radius:12px;box-shadow:0 2px 12px #00000014;padding:20px}.feedback-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.feedback-user{gap:12px}.feedback-user,.user-avatar{align-items:center;display:flex}.user-avatar{background:#c4c4c4;border-radius:50%;color:#fff;flex-shrink:0;font-size:18px;font-weight:600;height:48px;justify-content:center;width:48px}.user-name{font-size:16px}.user-email{margin-top:2px}.feedback-time{color:#666;font-size:14px}.feedback-card-title{color:#2f49d1;font-size:16px;font-weight:600;margin:0 0 12px}.feedback-card-title,.feedback-message{overflow-wrap:break-word;word-break:break-word}.feedback-message{background:#f5f5f5;border-radius:10px;color:#333;font-size:15px;line-height:1.7;padding:16px 20px;text-align:left;white-space:pre-wrap}.coming-soon{background:#f8f9ff;border:1px dashed #e0e0e0;border-radius:12px;color:#888;font-size:1rem;padding:24px;text-align:center}.feedback-sort{align-items:center;color:#666;display:flex;font-size:14px;gap:10px;margin-bottom:16px}.sort-select{background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:14px;padding:6px 12px}.sort-select:focus{border-color:#2f49d1;outline:none}.feedback-header-right{align-items:center;display:flex;gap:12px}.feedback-actions{display:flex;gap:6px}.feedback-action-btn{background:#0000;border:none;border-radius:6px;cursor:pointer;font-size:16px;opacity:.6;padding:4px 8px;transition:all .2s ease}.feedback-action-btn:hover{background:#f0f0f0;opacity:1}.delete-btn:hover{background:#ffe0e0}.editing-notice{align-items:center;background:#fff3cd;border-radius:8px;color:#856404;display:flex;font-size:14px;justify-content:space-between;margin-bottom:16px;padding:10px 14px}.cancel-edit-btn{background:#0000;border:1px solid #856404;border-radius:6px;color:#856404;cursor:pointer;font-size:13px;padding:4px 12px;transition:all .2s ease}.cancel-edit-btn:hover{background:#856404;color:#fff}@media (max-width:768px){.feedback-container,.feedback-form{padding:16px}.feedback-submit-btn{width:100%}.form-actions{align-items:stretch;flex-direction:column}.feedback-error,.feedback-success{text-align:center}.feedback-header{align-items:flex-start;flex-direction:column;gap:8px}.feedback-header-right{justify-content:space-between;width:100%}.user-avatar{font-size:16px;height:40px;width:40px}.feedback-sort{align-items:flex-start;flex-direction:column}}.app{background-color:#f8f9fb;display:flex;font-family:Ubuntu,sans-serif;min-height:100vh;padding-bottom:40px}.side-panel{background:#fff;border:1px solid #00000005;border-radius:20px;box-shadow:0 10px 40px #0000000f;display:flex;flex-direction:column;flex-shrink:0;height:calc(100vh - 40px);margin-left:20px;margin-top:20px;overflow-y:auto;padding:24px;position:-webkit-sticky;position:sticky;top:20px;width:260px;z-index:100}.side-panel-title{color:#1a1a1a;display:block;font-size:20px;font-weight:700;margin:0 0 8px}.side-panel-subtitle{color:#888;font-size:13px;margin-bottom:24px}.draggable-group{display:flex;flex-direction:column;gap:12px}.draggable-item{width:100%}.draggable-item:after{display:none}.draggable-question{align-items:center;background:#f8f9fb;border:1px solid #0000;border-radius:12px;cursor:pointer;display:flex;padding:14px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.draggable-question:hover{background:#fff;border-color:#2f49d1;box-shadow:0 4px 12px #2f49d11f;transform:translateY(-2px)}.drag-content{align-items:center;display:flex;gap:14px;width:100%}.drag-icon{color:#2f49d1;font-size:22px!important}.drag-label{color:#333;font-size:14px;font-weight:600}.side-panel-footer{border-top:1px solid #eee;color:#aaa;font-size:12px;margin-top:auto;padding-top:20px;text-align:center}.side-panel .MuiFormControlLabel-root,.side-panel .MuiRadio-root,.side-panel .questionSlider{display:none!important}.main-content{align-items:center;display:flex;flex:1 1;flex-direction:column;max-width:1600px;padding:20px 40px 100px;width:100%}.skills-card-container{background:#fff;border:1px solid #eaecf0;border-radius:20px;box-shadow:0 4px 20px #00000005;margin-bottom:30px;max-width:900px;padding:32px;width:100%}.skills-card-header h3{color:#1a1a1a;font-size:20px;font-weight:700;margin:0 0 8px}.skills-card-header p{color:#666;font-size:14px;margin:0 0 24px}.skills-selector-wrapper{margin-bottom:12px}.modern-skill-select{background:#f8f9fb;border:1px solid #e0e0e0;border-radius:12px!important}.modern-skill-select:hover{background:#fff;border-color:#bbb}.selected-skills-chips{border-top:1px dashed #e0e0e0;display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;padding-top:20px}.skill-chip{align-items:center;background:#eef2ff;border:1px solid #2f49d126;border-radius:50px;color:#2f49d1;display:flex;font-size:14px;font-weight:600;gap:10px;padding:8px 16px;transition:all .2s ease}.skill-chip:hover{background:#e0e7ff;transform:translateY(-1px)}.chip-delete-btn{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 2px 4px #0000000d;color:#2f49d1;cursor:pointer;display:flex;height:20px;justify-content:center;transition:all .2s;width:20px}.chip-delete-btn:hover{background:#2f49d1;color:#fff}.test_name{background-color:initial;border:none;border-bottom:2px solid #e0e0e0;border-radius:0;color:#1a1a1a;font-size:32px;padding:10px 20px;transition:all .3s ease;width:100%}.test_name:focus{background:#0000;border-color:#2f49d1;box-shadow:none;outline:none}.test_name::placeholder{color:#ccc;font-weight:400}.test_description_container{display:flex;flex-direction:column;margin-bottom:30px;max-width:900px;position:relative;width:100%}.test_description{background-color:#fff;border:1px solid #e0e0e0;border-radius:16px;box-shadow:0 4px 12px #00000005;color:#1a1a1a;font-family:Ubuntu,sans-serif;font-size:15px;min-height:100px;padding:20px;resize:vertical;transition:all .3s ease;width:100%}.test_description:focus{border-color:#2f49d1;box-shadow:0 0 0 3px #2f49d11a;outline:none}.test_description::placeholder{color:#aaa}.char-counter{color:#aaa;margin-top:6px;padding-right:16px}.item-list{max-width:900px;width:100%}.question-item{border:1px solid #eaecf0;border-radius:20px;box-shadow:0 4px 20px #00000008;margin:20px auto;max-width:1200px;padding:30px;transition:all .3s ease;width:100%}.question-item:hover{border-color:#d0d5dd;box-shadow:0 12px 30px #00000014}.empty-questions-hint{align-items:center;background:#f8f9fb;border:2px dashed #d0d5dd;border-radius:20px;color:#666;display:flex;flex-direction:column;justify-content:center;margin:20px 0;padding:60px;text-align:center}.test_q{margin-bottom:50px}.fristWrapper{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.firstQuestion{background-color:#f0f4ff;color:#2f49d1;font-size:16px;font-weight:600;margin:0}.closeButton,.firstQuestion{border-radius:12px;height:44px;width:44px}.closeButton{background-color:#f8f9fb;border:none;color:#888;cursor:pointer;font-size:20px;transition:all .2s ease}.closeButton:hover{background-color:#fee2e2;color:#d9534f}.fristQuestionText{background-color:#f8f9fb;border:1px solid #e8e8e8;border-radius:10px;color:#1a1a1a;font-size:16px;outline:none;padding:12px 16px;text-align:center;transition:all .3s ease;width:85%!important}.fristQuestionText:focus{background-color:#fff;border-color:#2f49d1;box-shadow:0 0 0 3px #2f49d11a}.yes-no-buttons{gap:60px;margin:24px 0}.yesno_button{background-color:#2f49d1!important;border-radius:10px!important;font-weight:500!important;padding:12px 32px!important;transition:all .3s!important}.yesno_button:hover{background-color:#2439a8!important;transform:translateY(-2px)}.wrapperPointsYN{display:flex!important;gap:120px;justify-content:center;margin-top:20px}.addPointsYN{background-color:#f8f9fb;border:1px solid #e8e8e8;border-radius:8px!important;font-size:14px;height:36px!important;outline:none;padding:8px;text-align:center;width:70px!important}.addPointsYN:focus{border-color:#2f49d1;box-shadow:0 0 0 3px #2f49d11a}.options-container{display:flex;flex-direction:column;gap:12px;margin-top:20px}.option-row{align-items:center;background-color:#f8f9fb;border:1px solid #e8e8e8;border-radius:10px;display:flex;justify-content:space-between;padding:12px 16px;width:100%}.checkbox-with-form-control{align-items:center;display:flex!important;gap:16px;margin:0}.correct-answer-dndssection{background-color:#f0f4ff;border-radius:10px;display:flex;gap:12px;padding:12px}.option-dndcontainer{display:flex;gap:12px}.circlee{margin-top:12px;text-align:left}.circlee svg{color:#2f49d1;transition:all .2s ease}.circlee svg:hover{transform:scale(1.15)}.timer-settings{background:linear-gradient(135deg,#f8f9fb,#fff);border:1px solid #e8e8e8;border-radius:20px;box-shadow:0 4px 15px #00000008;display:flex;flex-direction:column;gap:20px;margin:30px 0;max-width:800px;padding:28px;width:100%}.timer-header{align-items:center;display:flex;justify-content:space-between}.timer-title-section{align-items:center;display:flex;gap:12px}.timer-icon{align-items:center;background:linear-gradient(135deg,#2f49d1,#4158d0);border-radius:12px;box-shadow:0 4px 12px #2f49d140;display:flex;font-size:20px;height:44px;justify-content:center;width:44px}.timer-title-text h4{color:#1a1a1a;font-size:16px;font-weight:600;margin:0}.timer-title-text p{color:#888;font-size:13px;margin:4px 0 0}.toggle-switch{height:30px;position:relative;width:56px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#e0e0e0;border-radius:30px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 6px #00000026;content:"";height:24px;left:3px;position:absolute;transition:.3s;width:24px}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#2f49d1,#4158d0)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(26px)}.timer-input-section{align-items:center;animation:fadeIn .3s ease;background:#fff;border:2px dashed #2f49d1;border-radius:14px;display:flex;gap:16px;padding:20px}.timer-input-section label{color:#555;font-size:14px;font-weight:500}.timer-input-wrapper{align-items:center;background:#f8f9fb;border:1px solid #e0e0e0;border-radius:10px;display:flex;gap:10px;padding:8px 16px}.timer-input-wrapper input[type=number]{background:#0000;border:none;color:#2f49d1;font-size:18px;font-weight:600;outline:none;padding:10px 12px;text-align:center;width:90px}.timer-input-wrapper input[type=number]::-webkit-inner-spin-button,.timer-input-wrapper input[type=number]::-webkit-outer-spin-button{opacity:1}.timer-unit{color:#888;font-size:14px;font-weight:500}.timer-hint{color:#aaa;font-size:12px;margin-left:auto}.create_test{background:linear-gradient(135deg,#2f49d1,#4158d0);box-shadow:0 4px 20px #2f49d14d;font-size:17px;height:56px;margin:30px 0;max-width:300px;transition:all .3s ease;width:100%}.create_test:hover{box-shadow:0 8px 30px #2f49d166;transform:translateY(-3px)}.MuiSlider-track{background:linear-gradient(90deg,#2f49d1,#4158d0)!important;border:none!important;height:8px!important}.MuiSlider-thumb,.MuiSlider-valueLabel{background:#fff!important;border:2px solid #2f49d1!important;border-radius:8px!important;box-shadow:0 2px 8px #2f49d14d!important;height:28px!important;width:28px!important}.MuiSlider-markActive{background-color:#fff!important;height:10px!important;width:6px!important}@media screen and (max-width:1024px){.side-panel{display:none}}@media screen and (max-width:768px){.app{flex-direction:column}.side-panel{border-radius:0;flex-direction:row;height:auto;margin:0 0 20px;overflow-x:auto;padding:15px;position:static;width:100%}.main-content{padding:20px}.draggable-item{min-width:120px;width:auto}}.results-container{background-color:#f5f5f5;border-radius:12px;box-shadow:0 4px 8px #0000001a;margin:20px auto;max-width:800px;text-align:center}.results-title{color:#333;font-size:28px;font-weight:600;margin-bottom:20px}.results-list{display:flex;flex-direction:column;gap:15px}.results-card{background-color:#fff;border-radius:10px;box-shadow:0 2px 6px #0000001a;padding:15px;transition:transform .3s ease}.results-card:hover{transform:translateY(-3px)}.results-title-card{color:#555;font-size:20px;margin-bottom:5px}.results-points{color:#777;font-size:16px}.error-message,.loading,.no-results{color:#888;font-size:18px;margin-top:20px}.error-message{color:#d9534f}@media (max-width:600px){.results-container{padding:15px}.results-title{font-size:24px}.results-card{padding:12px}.results-title-card{font-size:18px}.results-points{font-size:14px}}.results-container{align-items:center;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:90%;max-width:1000px}.results-container h2{font-size:24px;margin-bottom:10px}.results-container p{font-size:18px;margin:4px 0}.results-layout{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:30px;justify-content:center;margin-top:20px;width:100%}.radar-chart-wrapper{background:#fff;box-shadow:0 4px 10px #0000001a;flex:2 1;flex-direction:column;max-width:700px;min-height:540px;min-width:300px;padding:20px}.date-section,.radar-chart-wrapper{align-items:center;display:flex;justify-content:center}.date-section{background-color:#0d1119;box-shadow:0 4px 8px #00000026;flex:1 1;flex-direction:column;height:400px;max-width:300px;min-width:200px;overflow:hidden;padding:15px}.date-scroll-container{flex-direction:column;max-height:370px;overflow-y:auto;padding-right:10px;scrollbar-color:#0d1119 #fff;scrollbar-width:thin;width:100%}.date-scroll-container::-webkit-scrollbar{width:8px}.date-scroll-container::-webkit-scrollbar-track{background:#e0d7ff}.date-scroll-container::-webkit-scrollbar-thumb{background:#fff;border-radius:10px;-webkit-transition:background .3s ease-in-out;transition:background .3s ease-in-out}.date-scroll-container::-webkit-scrollbar-thumb:hover{background:#00f}.date-item{background-color:#232934;color:#fff;display:block;font-size:16px;font-weight:700;margin:5px 0;padding:12px;text-align:center;transition:all .3s ease}.date-item:hover{background-color:#00f;transform:scale(1.05)}.active-date{background-color:#2a2aff;border:2px solid #000;color:#dadada}.characteristics-table{margin-top:40px;width:100%}.characteristics-table h3{color:#0d1119;font-size:24px;margin-bottom:20px;text-align:center}.characteristics-table table{background-color:#fff;border-collapse:collapse;box-shadow:0 4px 8px #0000001a;margin-top:20px;width:100%}.characteristics-table th{background-color:#0d1119;color:#fff;font-weight:700;padding:12px 15px;width:40%}.characteristics-table td{border-bottom:1px solid #00f;padding:12px 15px;text-align:left}.characteristics-table tbody tr:nth-child(2n),.characteristics-table tbody tr:nth-child(odd){background-color:#232934;color:#fff}.characteristics-table tbody tr:hover{background-color:#232934}@media (max-width:768px){.results-layout{align-items:stretch;flex-direction:column;gap:20px}.radar-chart-wrapper{padding:15px}.date-section,.radar-chart-wrapper{box-sizing:border-box;max-width:100%;width:100%}.date-section{flex-direction:row;flex-wrap:wrap;height:auto;justify-content:center;min-width:0;min-width:auto;padding:10px}.date-item{flex:0 0 auto;font-size:14px;margin:5px;padding:10px}.characteristics-table{margin-top:30px;overflow-x:auto}.characteristics-table table{font-size:14px;min-width:400px}.results-container h2{font-size:20px;text-align:center}.results-container p{font-size:16px;text-align:center}.characteristics-table h3{font-size:20px}}.results-container{padding:20px}.date-scroll-container{display:flex;gap:10px;margin-top:20px;overflow-x:auto}.date-item{background:#232934;border:none;border-radius:6px;cursor:pointer;padding:8px 12px}.date-item.active-date{background:#00f;color:#fff;font-weight:700}@media (max-width:750px){.question-item{width:400px}.create-test{width:25%}}.notification-form{background-color:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;font-family:Ubuntu,sans-serif;margin:40px auto;max-width:800px;padding:40px}.notification-form h1{color:#1a1a1a;font-size:28px;font-weight:600;margin:0 0 30px;text-align:center}.form-group{align-items:center;display:flex;gap:16px;margin-bottom:20px}.form-group label{color:#333;flex-shrink:0;font-size:15px;font-weight:600;width:160px}.form-group input,.form-group select,.form-group textarea{background-color:#f8f9fb;border:1px solid #e0e0e0;border-radius:10px;flex:1 1;font-family:Ubuntu,sans-serif;font-size:15px;padding:12px 16px;transition:all .3s ease}.input-with-counter{display:flex;flex:1 1;flex-direction:column;gap:6px}.input-with-counter input,.input-with-counter textarea{width:100%}.char-counter{color:#888;display:block;font-size:12px;margin-top:4px;padding:4px 4px 0 0;text-align:right;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background-color:#fff;border-color:#2f49d1;box-shadow:0 0 0 3px #2f49d11a;outline:none}.form-group select{-webkit-appearance:none;appearance:none;background-color:#f8f9fb;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='%232f49d1' stroke-width='20' d='m20 50 50 50 50-50'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:14px;border:2px solid #2f49d1;color:#1a1a1a;cursor:pointer;font-weight:600;padding-right:40px}.form-group select:focus{background-color:#fff;border-color:#2f49d1;box-shadow:0 0 0 3px #2f49d126;outline:none}.form-group select option{background-color:#fff;color:#1a1a1a;padding:12px}.form-group select:hover{background-color:#fff;border-color:#2439a8}.form-group textarea{min-height:120px;resize:vertical}.main-info{border-bottom:1px solid #eee;padding-bottom:30px}.main-info,.recipients{margin-bottom:40px}.recipients h3{color:#1a1a1a;font-size:16px;font-weight:600;margin:0 0 15px}.user-list-row{display:flex;flex-direction:column;margin-bottom:30px}.user-list-row h3{margin-bottom:15px}.user-list{grid-gap:12px;background-color:#f8f9fb;border:1px solid #e8e8e8;border-radius:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));max-height:300px;overflow-y:auto;padding:20px}.user-item{align-items:center;background-color:#fff;border:1px solid #e8e8e8;border-radius:10px;box-shadow:0 2px 6px #0000000a;display:flex;justify-content:space-between;padding:14px 16px;transition:all .2s ease}.user-item:hover{border-color:#2f49d1;box-shadow:0 4px 12px #2f49d11a}.user-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.user-name{color:#1a1a1a;font-size:14px;font-weight:600}.user-email{color:#888;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-item button{background-color:#2f49d1;border:none;border-radius:8px;color:#fff;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:600;margin-left:12px;padding:8px 16px;transition:all .2s ease}.user-item button:hover{background-color:#2439a8;transform:translateY(-1px)}.added-users-row{display:flex;flex-direction:column}.added-users-row h3{margin-bottom:15px}.added-users-row p{color:#888;font-size:14px;padding:20px;text-align:center}.added-users-list{grid-gap:12px;background:linear-gradient(135deg,#f0f4ff,#f8f9fb);border:2px dashed #2f49d1;border-radius:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));min-height:80px;padding:20px}.added-user{animation:slideIn .2s ease;border:1px solid #2f49d1;border-radius:10px;box-shadow:0 2px 8px #2f49d11a;justify-content:space-between;padding:14px 16px}.added-user,.added-user button{align-items:center;background-color:#fff;display:flex}.added-user button{border:1px solid #d9534f;border-radius:50%;color:#d9534f;cursor:pointer;flex-shrink:0;font-size:18px;font-weight:600;height:28px;justify-content:center;margin-left:12px;padding:0;transition:all .2s ease;width:28px}.added-user button:hover{background-color:#d9534f;color:#fff;transform:scale(1.1)}.form-actions{border-top:1px solid #eee;display:flex;gap:16px;justify-content:flex-end;margin-top:30px;padding-top:30px}.form-actions button{border:none;border-radius:10px;cursor:pointer;font-family:Ubuntu,sans-serif;font-size:15px;font-weight:600;padding:14px 32px;transition:all .3s ease}.form-actions button:first-child{background-color:#f0f0f0;color:#555}.form-actions button:first-child:hover{background-color:#e0e0e0}.form-actions button:last-child{background-color:#2f49d1;box-shadow:0 4px 15px #2f49d14d;color:#fff}.form-actions button:last-child:hover{background-color:#2439a8;box-shadow:0 6px 20px #2f49d166;transform:translateY(-2px)}.error{border:1px solid #f5c6cb;border-radius:10px;font-weight:600;padding:16px}.user-list>div:only-child{color:#888;grid-column:1/-1;padding:20px;text-align:center}@media screen and (max-width:768px){.notification-form{margin:10px;max-width:none;padding:16px}.notification-form h1{font-size:22px}.form-group{align-items:flex-start;flex-direction:column;gap:8px}.form-group label{width:100%}.form-group input,.form-group select,.form-group textarea{box-sizing:border-box;width:100%}.input-with-counter{width:100%}.char-counter{padding-left:4px;text-align:left}.selection-type-radio{flex-direction:column;gap:10px}.radio-label{box-sizing:border-box;width:100%}.focus-group-criteria-section{padding:14px}.added-users-list,.user-list{grid-template-columns:1fr;padding:12px}.user-item{gap:10px;padding:12px}.user-item button{margin-left:8px;padding:8px 14px;white-space:nowrap}.user-info{min-width:0;overflow:hidden}.user-name{word-break:break-word}.user-email{word-break:break-all}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}}.focus-group-criteria-section{background:linear-gradient(135deg,#f8f9fb,#fff);border:1px solid #e0e0e0;border-radius:12px;margin-top:20px;padding:20px}.criteria-section-label{color:#333;display:block;font-size:15px;font-weight:600;margin-bottom:16px}.selection-type-radio{display:flex;gap:24px;margin-bottom:16px}.radio-label{align-items:center;border:2px solid #e0e0e0;border-radius:8px;color:#555;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 16px;transition:all .2s ease}.radio-label:hover{background-color:#f0f4ff;border-color:#2f49d1}.radio-label input[type=radio]{accent-color:#2f49d1;cursor:pointer;height:18px;width:18px}.radio-label input[type=radio]:checked+span{color:#2f49d1;font-weight:600}.selection-dropdown-wrapper{display:flex;flex-direction:column;gap:8px}.selection-dropdown{background-color:#fff;border:1px solid #e0e0e0;border-radius:10px;font-size:14px;min-height:120px;padding:8px 12px;width:100%}.selection-dropdown:focus{border-color:#2f49d1;box-shadow:0 0 0 3px #2f49d11a;outline:none}.selection-dropdown option{padding:8px}.selection-help{color:#666;font-size:12px}.focus-group-section{background:linear-gradient(135deg,#f0f4ff,#faf9fb);border:2px solid #2f49d1;border-radius:12px;margin:30px 0;padding:24px}.focus-group-section h3{color:#2f49d1;font-size:18px;font-weight:600;margin:0 0 20px}.focus-group-controls{align-items:flex-end;display:flex;gap:20px}.focus-group-controls .form-group{flex:0 0 auto;margin-bottom:0}.focus-group-controls input[type=number]{width:120px}.focus-group-button{background-color:#2f49d1;border:none;border-radius:10px;box-shadow:0 4px 12px #2f49d14d;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s ease}.focus-group-button:hover:not(:disabled){background-color:#2439a8;box-shadow:0 6px 18px #2f49d166;transform:translateY(-2px)}.focus-group-button:disabled{cursor:not-allowed;opacity:.6}.modal-overlay{align-items:center;animation:fadeIn .2s ease;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s ease;background-color:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:700px;overflow:hidden;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;background:linear-gradient(135deg,#2f49d1,#2439a8);color:#fff;display:flex;justify-content:space-between;padding:24px}.modal-header h2{font-size:20px;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:32px;height:36px;justify-content:center;padding:0;transition:all .2s ease;width:36px}.modal-close:hover{background-color:#fff3;transform:rotate(90deg)}.modal-body{background-color:#fff;flex:1 1;overflow-y:auto;padding:24px}.modal-description{font-size:15px;margin:0 0 20px}.recommended-users-list{display:flex;flex-direction:column;gap:12px}.recommended-user-item{align-items:center;background-color:#f8f9fb;border:1px solid #e0e0e0;border-radius:10px;display:flex;justify-content:space-between;padding:16px;transition:all .2s ease}.recommended-user-item:hover{background-color:#f0f4ff;border-color:#2f49d1;box-shadow:0 2px 8px #2f49d11a}.user-score{background-color:#e8ecff;border-radius:6px;color:#2f49d1;flex-shrink:0;font-size:13px;font-weight:600;margin-left:12px;padding:6px 12px}.modal-footer{align-items:center;background-color:#fafafa;border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.btn-primary,.btn-secondary{border:none;border-radius:10px;cursor:pointer;font-family:Ubuntu,sans-serif;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-secondary{background-color:#f0f0f0;color:#555}.btn-secondary:hover{background-color:#e0e0e0}.btn-primary{background-color:#2f49d1;box-shadow:0 4px 12px #2f49d14d;color:#fff}.btn-primary:hover{background-color:#2439a8;box-shadow:0 6px 18px #2f49d166;transform:translateY(-2px)}@media screen and (max-width:768px){.focus-group-controls{align-items:stretch;flex-direction:column}.focus-group-button,.focus-group-controls .form-group,.focus-group-controls input[type=number]{width:100%}.modal-content{max-height:90vh;width:95%}.modal-header h2{font-size:18px}.modal-footer{flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%}}.notifications-page{background-color:#fff;border-radius:16px;margin:40px auto;max-width:800px;min-height:70vh;padding:30px 40px;width:100%}.notifications-page-header{align-items:center;display:flex;gap:15px;justify-content:center;margin-bottom:30px;position:relative}.notifications-page-header h1{color:#1a1a1a;font-size:28px;font-weight:600;margin:0;text-align:center}.page-clock-wrapper{align-items:center;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:all .3s ease}.page-clock-wrapper:hover{background-color:#f0f2f5}.page-clock-wrapper.active .page-clock-icon{fill:#e6e9fa;color:#2f49d1}.page-clock-icon{color:#888;height:28px;transition:all .3s ease;width:28px}.error{background-color:#fdf2f2;border-radius:8px;color:#d9534f;font-weight:700;margin-bottom:20px;padding:12px;text-align:center}.no-notifications{color:#888;font-size:18px;font-weight:500;padding:60px 0;text-align:center}.notifications-list{display:flex;flex-direction:column;gap:16px}.notification-item{background-color:#f8f9fb;border:1px solid #e8e8e8;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;gap:12px;padding:20px 24px;transition:box-shadow .2s ease}.notification-item:hover{box-shadow:0 4px 12px #0000001a}.notification-header{align-items:center;display:flex;flex-direction:column;gap:8px;position:relative}.mark-read-btn{align-items:center;background:none;border:none;border-radius:50%;color:#2f49d1;cursor:pointer;display:flex;justify-content:center;padding:6px;position:absolute;right:0;top:0;transition:all .2s ease}.mark-read-btn:hover{background-color:#e6e9fa;transform:scale(1.1)}.notification-title-row{display:flex;justify-content:center;width:100%}.notification-title{word-wrap:break-word;color:#1a1a1a;font-size:20px;font-weight:700;line-height:1.3;max-width:100%;overflow-wrap:break-word;text-align:center}.notification-meta-row{align-items:center;color:#666;display:flex;flex-wrap:wrap;font-size:14px;justify-content:center;width:100%}.name-with-icon{align-items:center;color:#555;display:flex;font-weight:500}.separator{color:#ccc;margin:0 8px}.notification-time{color:#888;font-size:13px}.notification-body{word-wrap:break-word;color:#444;font-size:15px;line-height:1.6;max-width:100%;overflow-wrap:break-word}.notification-body p{margin:0}.notification-images{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.notification-images img{border-radius:8px;box-shadow:0 2px 8px #0000001a;height:auto;max-width:200px;object-fit:cover}.show-more-btn{background-color:#2f49d1;border:none;border-radius:25px;box-shadow:0 4px 15px #2f49d14d;color:#fff;cursor:pointer;display:block;font-size:15px;font-weight:600;margin:30px auto;padding:14px 32px;transition:all .3s ease}.show-more-btn:hover{background-color:#2439a8;box-shadow:0 6px 20px #2f49d166;transform:translateY(-1px)}.show-more-btn:disabled{background-color:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.go-to-test-btn{background-color:#2f49d1;border-radius:8px;color:#fff;display:inline-block;font-weight:600;margin-top:8px;padding:10px 20px;text-decoration:none;transition:all .3s ease}.go-to-test-btn:hover{background-color:#2439a8}@media screen and (max-width:768px){.notifications-page{margin:20px;max-width:none;padding:20px}.notifications-page-header h1{font-size:22px}.page-clock-icon{position:static}.notification-header{flex-wrap:wrap;gap:8px}.notification-time{margin-left:0;order:-1;text-align:left;width:100%}.notification-author{font-size:15px}.notification-images img{max-width:150px}}.page-loader-overlay{align-items:center;background:linear-gradient(135deg,#0a0a2e,#0d0d3b 40%,#115);display:flex;inset:0;justify-content:center;opacity:0;pointer-events:none;position:fixed;transition:opacity .35s ease,visibility .35s ease;visibility:hidden;z-index:9999}.page-loader-overlay.visible{opacity:1;pointer-events:all;transition:none;visibility:visible}.page-loader-content{align-items:center;display:flex;flex-direction:column;gap:28px}.page-loader-spinner{height:80px;position:relative;width:80px}.spinner-ring{border:3px solid #0000;border-radius:50%;inset:0;position:absolute}.spinner-ring:first-child{animation:spin-clockwise .9s linear infinite;border-right-color:#3b82f6;border-top-color:#3b82f6}.spinner-ring:nth-child(2){animation:spin-counter 1.2s linear infinite;border-bottom-color:#60a5fa;border-left-color:#60a5fa;inset:8px}.spinner-ring:nth-child(3){animation:spin-clockwise 1.8s linear infinite;border-top-color:#93c5fd;inset:16px}@keyframes spin-clockwise{to{transform:rotate(1turn)}}@keyframes spin-counter{to{transform:rotate(-1turn)}}.page-loader-text{animation:text-pulse 1.8s ease-in-out infinite;color:#93c5fd;font-family:Ubuntu,sans-serif;font-size:16px;font-weight:400;letter-spacing:1.5px;margin:0;-webkit-user-select:none;user-select:none}@keyframes text-pulse{0%,to{opacity:.5}50%{opacity:1}}@media (max-width:768px){.page-loader-spinner{height:60px;width:60px}.spinner-ring:nth-child(2){inset:6px}.spinner-ring:nth-child(3){inset:12px}.page-loader-text{font-size:14px;letter-spacing:1px}}@media (max-width:480px){.page-loader-spinner{height:48px;width:48px}.spinner-ring:nth-child(2){inset:5px}.spinner-ring:nth-child(3){inset:10px}.page-loader-text{font-size:13px}}.modal{align-items:center;display:flex!important;justify-content:center}.modal-dialog{align-items:center;display:flex;margin:auto!important;max-width:800px!important;min-height:calc(100% - 1rem);width:100%}.modal-content{background-color:#1a1a1a!important;border:1px solid #ffffff1a;border-radius:16px!important;box-shadow:0 10px 30px #00000080;min-height:500px}.modal-dialog-centered{min-height:calc(100% - 1rem)}.modal.show .modal-dialog{transform:none}.manageTable{background:linear-gradient(180deg,#1a1a1a,#0d0d0d);border-radius:16px;box-shadow:0 4px 20px #00000026;min-height:400px;padding:30px}.manageTable__title{color:#fff!important;font-size:32px;font-weight:600;line-height:1.4;margin-bottom:30px;text-align:center}.manageTable__add{align-items:center;background-color:initial;border:2px dashed #ffffff4d;border-radius:12px;color:#ffffffe6!important;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:12px;margin-bottom:24px;padding:14px 20px;transition:all .3s ease}.manageTable__add:hover{background-color:#2f49d11a;border-color:#2f49d1;color:#2f49d1!important}.manageTable__ico{background-color:#2f49d1;border-radius:10px;height:36px;padding:8px;width:36px}.manageTable__ico path{stroke:#fff}.manageTable__table{width:100%}.manageTable__body{display:flex;flex-direction:column;gap:12px}.manageTable__tr{align-items:center;display:flex;gap:12px}.manageTable__td-wrap{background-color:#232934;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex:1 1;overflow:hidden}.manageTable__td{color:#fff;font-size:15px;font-weight:400;line-height:1.5;padding:16px 20px}.manageTable__td.skill_admin{background-color:#2d3748;color:#fff;font-weight:600;max-width:200px;min-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.char_skill{align-items:center;background-color:#f8f9fb!important;color:#1a1a1a!important;display:flex;flex:1 1}.char_skill .manageTable__td{word-wrap:break-word;color:#1a1a1a;white-space:normal;width:100%}.manageTable__btn{background-color:#2d3748;border:none;border-radius:10px;cursor:pointer;flex-shrink:0;padding:10px;transition:all .2s ease}.manageTable__btn:hover{background-color:#4a5568;transform:translateY(-2px)}.manageTable__btn img{filter:brightness(0) invert(1);height:24px;width:24px}.modalBody,.modalFooter,.modalHeader{background-color:#1a1a1a!important;color:#1a1a1a}.modalHeader{border-bottom:1px solid #ffffff1a}.modalFooter{border-top:1px solid #ffffff1a}.titleModal{color:#fff!important;font-weight:600}.modalBody .form-label{color:#ffffffe6}.titleInput{background-color:#2d3748!important;border:1px solid #ffffff1a!important;border-radius:8px!important;color:#fff!important;padding:12px 16px!important}.titleInput:focus{border-color:#2f49d1!important;box-shadow:0 0 0 3px #2f49d133!important}.charactList{background-color:#2d3748!important;border:1px solid #ffffff1a!important;border-radius:8px!important;color:#fff!important;font-size:15px!important;height:250px!important}.charactList option{background-color:#2d3748;color:#fff;padding:10px}.charactList option:checked,.charactList option:hover{background-color:#2f49d1}.addedCharactList{overflow-y:auto;padding:12px}.selectedCharacteristicItem{align-items:center;background-color:#3d4a5c;border-radius:8px;color:#fff;display:flex;justify-content:space-between;margin-bottom:8px;padding:10px 14px}.selectedCharacteristicItem span{font-size:14px}.selectedCharacteristicItem button{background:none;border:none;border-radius:4px;color:#ff6b6b;cursor:pointer;font-size:16px;padding:4px 8px;transition:all .2s ease}.selectedCharacteristicItem button:hover{background-color:#ff6b6b33}.saveButton{background:linear-gradient(135deg,#2f49d1,#4158d0)!important;border:none!important;border-radius:10px!important;box-shadow:0 4px 12px #2f49d14d;font-size:16px!important;font-weight:600!important;padding:12px 30px!important;transition:all .3s ease!important}.saveButton:hover{box-shadow:0 6px 16px #2f49d166;transform:translateY(-2px)}.cancelButton{background-color:initial!important;border:1px solid #fff3!important;border-radius:10px!important;color:#ffffffb3!important;font-size:16px!important;font-weight:500!important;margin-right:12px;padding:12px 30px!important;transition:all .3s ease!important}.cancelButton:hover{background-color:#ffffff1a!important;border-color:#ffffff80!important;color:#fff!important}.delete-modal-dialog{max-width:400px!important;min-height:auto!important}.delete-modal-dialog .modal-content{min-height:auto!important;padding-bottom:0}.delete-modal-dialog .modal-footer,.delete-modal-dialog .modal-header{padding:15px 20px!important}.delete-modal-dialog .modal-body{font-size:16px;padding:20px 20px 10px!important;text-align:center}@media (max-width:768px){.manageTable{border-radius:14px;padding:16px}.manageTable__title{font-size:22px;margin-bottom:20px}.manageTable__add{border-radius:10px;font-size:14px;margin-bottom:16px;padding:12px 16px}.manageTable__ico{height:30px;padding:6px;width:30px}.manageTable__body{gap:14px}.manageTable__tr{background-color:#232934;border:1px solid #ffffff1a;border-radius:12px;flex-wrap:wrap;gap:0;overflow:hidden}.manageTable__td-wrap{border:none;border-radius:0;flex:0 0 100%!important;flex-direction:column;min-width:100%!important;width:100%!important}.manageTable__td.skill_admin{border-radius:0;font-size:16px;max-width:100%;min-width:100%;overflow:visible;padding:14px 16px;text-align:left;text-overflow:clip;white-space:normal}.char_skill{border-radius:0}.char_skill .manageTable__td{font-size:13px;line-height:1.5;padding:10px 16px 14px}.manageTable__td{font-size:14px;padding:12px 16px}.manageTable__tr .manageTable__btn{background-color:#2d374899;border-radius:0;border-top:1px solid #ffffff0d}.manageTable__btn{align-items:center;border-radius:0;display:flex;flex:1 1;justify-content:center;padding:12px}.manageTable__btn img{height:20px;width:20px}.modal-dialog{margin:10px;max-width:calc(100% - 20px)!important}.modal-content{border-radius:14px!important;min-height:auto!important}.modalHeader{padding:14px 16px!important}.modalBody{padding:16px!important}.modalBody .row{flex-direction:column!important}.modalBody .row>.col-6,.modalBody .row>[class*=col-]{flex:0 0 100%!important;max-width:100%!important;padding-left:0!important;padding-right:0!important;width:100%!important}.modalFooter{flex-direction:column!important;gap:8px;padding:12px 16px!important}.titleModal{font-size:18px!important}.titleInput{font-size:14px!important;padding:10px 14px!important}.charactList{font-size:14px!important;height:160px!important}.addedCharactList{height:auto!important;max-height:140px;min-height:80px;padding:10px}.selectedCharacteristicItem{margin-bottom:6px;padding:8px 12px}.selectedCharacteristicItem span{font-size:13px}.saveButton{padding:12px 20px!important}.cancelButton,.saveButton{margin:0!important;width:100%}}@media (max-width:480px){.manageTable{padding:12px}.manageTable__title{font-size:20px}.manageTable__add{font-size:13px;padding:10px 14px}.manageTable__td{font-size:13px;padding:10px 12px}.manageTable__btn{padding:10px}}.user-list-wrapper{background:linear-gradient(180deg,#1a1a1a,#0d0d0d);border-radius:16px;box-shadow:0 4px 20px #00000026;min-height:400px;padding:30px}.all_users{background:#0000;font-family:Ubuntu,sans-serif;margin-bottom:24px;max-width:1520px;padding:0 0 24px}.all_users h1{color:#fff!important;font-size:28px;font-weight:600;margin:0}.a_usercard{background:#fff!important;border:1px solid #e8e8e8!important;border-radius:16px!important;box-shadow:0 4px 16px #0000000f!important;color:#1a1a1a!important;font-family:Ubuntu,sans-serif;overflow:hidden;transition:all .3s ease!important}.a_usercard:hover{box-shadow:0 8px 24px #0000001f!important;transform:translateY(-4px)}.a_usercard .card-body{padding:20px}.a_usercard .card-title{color:#1a1a1a!important;font-size:18px;font-weight:600;margin-bottom:12px!important}.a_usercard .card-text{color:#555!important;font-size:14px;margin-bottom:8px!important}.a_usercard .card-img-top{border:3px solid #f0f4ff;border-radius:50%;display:block;height:80px!important;margin:24px auto 0;object-fit:cover;width:80px!important}.user_actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:16px}.user_actions .btn{border:none!important;border-radius:10px!important;font-size:14px!important;font-weight:500!important;padding:10px 18px!important;transition:all .3s ease!important}.user_results{background:linear-gradient(135deg,#2f49d1,#4158d0)!important;box-shadow:0 4px 12px #2f49d14d;color:#fff!important}.user_results:hover{box-shadow:0 6px 16px #2f49d166;transform:translateY(-2px)}.user_edit{background-color:#2d3748!important;border:1px solid #ffffff1a!important;color:#fff!important}.user_edit:hover{background-color:#4a5568!important;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.user_delete{background:linear-gradient(135deg,#dc3545,#c82333)!important;box-shadow:0 4px 12px #dc35454d;color:#fff!important}.user_delete:hover{background:linear-gradient(135deg,#c82333,#bd2130)!important;box-shadow:0 6px 16px #dc354566;transform:translateY(-2px)}.role-badge{border-radius:6px;font-size:11px;padding:4px 10px}.deleteModalHeader{background:linear-gradient(135deg,#dc3545,#c82333)!important}.deleteModalBody{text-align:center}.deleteModalBody p{font-size:16px;margin-bottom:12px}.delete-warning{color:#dc3545;font-size:14px!important;font-weight:500}.deleteModalFooter{border-top:1px solid #e8e8e8;gap:12px;justify-content:center;padding:16px!important}.deleteModalFooter .btn-danger,.deleteModalFooter .btn-secondary{border-radius:10px!important;padding:10px 24px!important}.deleteModalFooter .btn-danger{background:linear-gradient(135deg,#dc3545,#c82333)!important;border:none!important}.custom-select,.form-select.custom-select,select.custom-select{-webkit-appearance:none!important;appearance:none!important;background-color:#2f49d1!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='20' d='m20 50 50 50 50-50'/%3E%3C/svg%3E")!important;background-position:right 12px center!important;background-repeat:no-repeat!important;background-size:14px!important;border:none!important;border-radius:10px!important;box-shadow:0 4px 12px #2f49d140;color:#fff!important;cursor:pointer;font-size:15px;font-weight:500;height:auto!important;margin-bottom:0;padding:12px 40px 12px 16px!important;transition:all .3s ease}.custom-select option{background-color:#fff!important;color:#1a1a1a!important}.custom-select:hover{background-color:#2439a8!important;box-shadow:0 6px 16px #2f49d159}.custom-select:focus{box-shadow:0 0 0 3px #2f49d14d!important;outline:none!important}.form-control{border:1px solid #e0e0e0!important;border-radius:10px!important;font-size:15px;padding:12px 16px!important;transition:all .3s ease}.form-control:focus{border-color:#2f49d1!important;box-shadow:0 0 0 3px #2f49d11a!important}.pagination_{margin-top:30px}.pagination_ .page-item .page-link{border:none;border-radius:8px;color:#1a1a1a;font-weight:500;margin:0 4px;padding:10px 16px;transition:all .2s ease}.pagination_ .page-item.active .page-link{background:linear-gradient(135deg,#2f49d1,#4158d0)!important;border:none!important;box-shadow:0 4px 12px #2f49d14d;color:#fff!important}.pagination_ .page-item:not(.active) .page-link:hover{background-color:#f0f4ff;color:#2f49d1}.modalHeader{background:linear-gradient(135deg,#2f49d1,#4158d0)!important;border-radius:0!important;color:#fff!important}.modalHeader .btn-close{filter:brightness(0) invert(1)}.modalBody{background-color:#fff!important;padding:24px!important}.modalBody .form-label{color:#1a1a1a;font-weight:500;margin-bottom:8px}.modalBody .form-control,.modalBody .form-select{border:1px solid #e0e0e0!important;border-radius:10px!important;padding:12px 16px!important}.modalBody .form-control:focus,.modalBody .form-select:focus{border-color:#2f49d1!important;box-shadow:0 0 0 3px #2f49d11a!important}@media (max-width:768px){.user-list-wrapper{border-radius:14px;padding:16px}.all_users{border-radius:0;padding:0 0 12px}.all_users h1{font-size:22px;margin-bottom:8px!important}.user-list-wrapper>.row.mb-4{gap:0!important}.user-list-wrapper>.row.mb-4>[class*=col]{flex:0 0 100%!important;max-width:100%!important;padding:0!important;width:100%!important}.custom-select{border-radius:10px!important;padding:12px 36px 12px 14px!important}.custom-select,.form-control{font-size:14px;margin-bottom:10px;width:100%}.form-control{padding:12px 14px!important}.a_usercard{align-items:flex-start;border-radius:14px!important;flex-direction:row!important;margin-bottom:0}.a_usercard .card-body{padding:16px;text-align:left!important}.a_usercard .card-img-top{align-self:flex-start;flex-shrink:0;height:70px!important;margin:16px 0 16px 16px!important;width:70px!important}.a_usercard .card-title{font-size:17px;margin-bottom:6px!important;text-align:left}.a_usercard .card-text{font-size:13px;margin-bottom:4px!important;text-align:left}.user_actions{flex-wrap:wrap;gap:8px;justify-content:flex-start;margin-top:10px;width:100%}.user_actions .btn{flex:1 1 auto;font-size:13px!important;padding:10px 12px!important;text-align:center;white-space:nowrap}.user_actions .user_delete{flex:0 0 100%!important;width:100%}.user_edit{font-size:13px!important;padding:10px 16px!important;width:auto}.pagination_{margin-top:20px}.pagination_ .page-item .page-link{font-size:14px;margin:0 2px;padding:8px 12px}.modalHeader{padding:14px 16px!important}.modalBody{padding:16px!important}.modalBody .form-label{font-size:14px;margin-bottom:6px}.modalBody .form-control,.modalBody .form-select{font-size:14px;padding:10px 14px!important}}@media (max-width:480px){.all_users{padding:12px}.all_users h1{font-size:18px}.a_usercard .card-img-top{height:50px!important;width:50px!important}.a_usercard .card-title{font-size:15px}.a_usercard .card-text{font-size:12px}.pagination_ .page-item .page-link{font-size:13px;padding:6px 10px}}.test-list-wrapper{background:linear-gradient(180deg,#1a1a1a,#0d0d0d);border-radius:16px;box-shadow:0 4px 20px #00000026;min-height:400px;padding:30px}.all_tests{background:#0000;font-family:Ubuntu,sans-serif;margin-bottom:24px;max-width:1520px;padding:0 0 24px}.all_tests.text-center h1{color:#fff;font-size:28px;font-weight:600;margin:0;padding:0}.a_testcard{background:linear-gradient(135deg,#232934,#1a1f2b);border:1px solid #ffffff1a!important;border-radius:16px!important;box-shadow:0 4px 16px #0003;color:#fff!important;display:flex;flex-direction:column;font-family:Ubuntu,sans-serif;height:100%;min-height:200px;overflow:hidden;transition:all .3s ease}.a_testcard:hover{border-color:#2f49d14d!important;box-shadow:0 8px 24px #0000004d;transform:translateY(-4px)}.a_testcard .card-body{display:flex;flex:1 1;flex-direction:column;height:auto!important;justify-content:center;padding:24px 20px}.a_testcard .card-title{word-wrap:break-word;color:#fff!important;font-size:18px;font-weight:600;margin:0!important;overflow-wrap:break-word;text-align:center}.a_testcard .d-flex{flex-wrap:wrap;gap:12px;justify-content:center!important;margin-top:auto;padding:0 20px 24px!important}.review-btn{align-items:center;background:linear-gradient(135deg,#2f49d1,#4158d0);border:none;border-radius:10px;box-shadow:0 4px 12px #2f49d140;color:#fff!important;display:inline-flex;flex:1 1;font-size:14px;font-weight:500;height:auto!important;justify-content:center;margin:0!important;max-width:140px;min-width:100px;padding:12px 20px;text-decoration:none;transition:all .3s ease}.review-btn:hover{box-shadow:0 6px 16px #2f49d159;color:#fff!important;transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,#dc3545,#c82333)!important;border:none!important;border-radius:10px!important;box-shadow:0 4px 12px #dc354540;flex:1 1;font-size:14px;font-weight:500!important;height:auto!important;margin:0!important;max-width:140px;min-width:100px;padding:12px 20px!important;transition:all .3s ease!important}.btn-danger:hover{box-shadow:0 6px 16px #dc354559;transform:translateY(-2px)}@media (max-width:768px){.all_tests{border-radius:14px;padding:16px}.all_tests.text-center h1{font-size:20px;margin-bottom:16px!important}.a_testcard{border-radius:14px!important;margin-bottom:12px;min-height:140px}.a_testcard .card-body{padding:16px}.a_testcard .card-title{font-size:16px}.a_testcard .d-flex{flex-direction:column;gap:8px;padding:12px 16px!important}.btn-danger,.review-btn{border-radius:10px!important;font-size:13px;max-width:100%;padding:10px 16px!important;width:100%}}@media (max-width:480px){.all_tests{padding:12px}.all_tests.text-center h1{font-size:18px}.a_testcard{min-height:120px}.a_testcard .card-body{padding:12px}.a_testcard .card-title{font-size:15px}.a_testcard .d-flex{gap:6px;padding:10px 12px!important}.btn-danger,.review-btn{font-size:12px;padding:9px 14px!important}}.adm_nav{font-family:Ubuntu,sans-serif;min-height:100vh}.navcol{background:linear-gradient(180deg,#1a1a1a,#0d0d0d)!important;border-radius:16px!important;box-shadow:0 4px 20px #00000026;color:#fff!important;height:-webkit-fit-content;height:fit-content;margin-bottom:30px;min-height:400px;padding:24px 16px!important;position:-webkit-sticky!important;position:sticky!important;text-align:center;top:40px}.navcol h2{border-bottom:1px solid #ffffff1a;color:#fff;font-size:22px;font-weight:600;margin-bottom:24px;padding-bottom:16px}.navitm{background-color:initial!important;border-radius:12px!important;color:#ffffffbf!important;font-size:15px;font-weight:500;margin-bottom:8px;padding:14px 20px!important;text-align:left;transition:all .3s ease!important}.navitm:hover{background-color:#2f49d126!important;color:#fff!important;transform:translateX(4px)}.nav-link.active,.navitm.active{background:linear-gradient(135deg,#2f49d1,#4158d0)!important;box-shadow:0 4px 12px #2f49d14d;color:#fff!important}.tab-content{min-height:500px}.tab-pane{animation:fadeIn .3s ease}@media (max-width:768px){.adm_nav{padding:16px!important}.adm_nav .row{flex-direction:column!important}.navcol{background:linear-gradient(180deg,#1a1a1a,#0d0d0d)!important;border-radius:16px!important;box-shadow:0 4px 20px #00000040;flex:none!important;margin-bottom:16px;max-height:none!important;max-width:100%!important;min-height:auto!important;overflow:visible;padding:20px 14px!important;position:static!important;width:100%!important}.navcol h2{border-bottom:1px solid #ffffff1a;color:#fff;display:block;font-size:20px;font-weight:600;margin-bottom:18px;padding-bottom:14px;text-align:center}.navcol .nav{width:100%!important}.flex-column{flex-direction:column!important;flex-wrap:nowrap!important;gap:6px!important;overflow-x:visible!important;padding-bottom:0}.navcol .nav-item{flex:none!important;max-width:none!important;min-width:auto!important;width:100%}.navitm{background:#0000!important;border:none!important;border-radius:12px!important;color:#ffffffbf!important;display:block!important;font-size:15px!important;font-weight:500!important;letter-spacing:0;margin:0 0 4px!important;min-height:auto!important;padding:13px 18px!important;text-align:left!important;transition:all .3s ease!important;white-space:nowrap;width:100%}.navitm:hover{background:#2f49d126!important;color:#fff!important;transform:translateX(4px)!important}.nav-link.active,.navitm.active{background:linear-gradient(135deg,#2f49d1,#4158d0)!important;border-color:#0000!important;box-shadow:0 4px 12px #2f49d14d!important;color:#fff!important;transform:none!important}.tab-content{min-height:auto;padding:0!important}.tab-pane{animation:fadeInMobile .4s ease}@keyframes fadeInMobile{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.adm_nav .col-sm-9{flex:none!important;max-width:100%!important;padding:0!important;width:100%!important}}@media (max-width:480px){.adm_nav{padding:10px!important}.navcol{border-radius:14px!important;padding:16px 12px!important}.navcol h2{font-size:18px;margin-bottom:14px;padding-bottom:12px}.navitm{border-radius:10px!important;font-size:14px!important;padding:11px 16px!important}}.pdp-admin__skills-list{display:flex;flex-direction:column;gap:12px}.pdp-admin__skill-block{background-color:#232934;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden}.pdp-admin__skill-row{align-items:center;display:flex;gap:12px;padding:4px}.pdp-admin__skill-info{align-items:center;border-radius:10px;cursor:pointer;display:flex;flex:1 1;gap:12px;padding:14px 16px;transition:background-color .2s ease}.pdp-admin__skill-info:hover{background-color:#ffffff0d}.pdp-admin__chevron{color:#fff9;flex-shrink:0;transition:transform .3s ease}.pdp-admin__chevron--open{transform:rotate(180deg)}.pdp-admin__skill-details{display:flex;flex-direction:column;gap:2px}.pdp-admin__skill-title{color:#fff;font-size:16px;font-weight:600}.pdp-admin__skill-meta{color:#ffffff80;font-size:13px}.pdp-admin__skill-actions{display:flex;gap:8px;padding-right:8px}.pdp-admin__tasks-section{background-color:#0003;border-top:1px solid #ffffff14;padding:16px 20px}.pdp-admin__tasks-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.pdp-admin__tasks-label{color:#ffffffb3;font-size:14px;font-weight:500}.pdp-admin__add-task-btn{align-items:center;background:none;border:1px dashed #ffffff4d;border-radius:8px;color:#fffc;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-size:13px;gap:6px;padding:6px 14px;transition:all .3s ease}.pdp-admin__add-task-btn:hover{background-color:#2f49d11a;border-color:#2f49d1;color:#8da4ff}.pdp-admin__tasks-list{display:flex;flex-direction:column;gap:8px}.pdp-admin__task-row{align-items:center;background-color:#2d3748;border-radius:8px;display:flex;gap:10px;padding:12px 14px;transition:background-color .2s ease}.pdp-admin__task-row:hover{background-color:#3d4a5c}.pdp-admin__task-info{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0}.pdp-admin__task-title{color:#fff;font-size:14px;font-weight:500}.pdp-admin__task-tags{display:flex;flex-wrap:wrap;gap:6px}.pdp-admin__tag{background-color:#ffffff14;border-radius:4px;color:#ffffffb3;font-size:11px;padding:2px 8px}.pdp-admin__task-actions{display:flex;flex-shrink:0;gap:6px}.pdp-admin__task-actions .manageTable__btn{border-radius:6px;padding:6px}.pdp-admin__task-actions .manageTable__btn img{height:18px;width:18px}@media (max-width:768px){.pdp-admin__skill-row{flex-wrap:wrap}.pdp-admin__skill-info{flex:none;width:100%}.pdp-admin__skill-actions{padding:0 8px 8px;width:100%}.pdp-admin__skill-actions .manageTable__btn{align-items:center;display:flex;flex:1 1;justify-content:center}.pdp-admin__task-row{align-items:flex-start;flex-direction:column}.pdp-admin__task-actions{width:100%}.pdp-admin__task-actions .manageTable__btn{align-items:center;display:flex;flex:1 1;justify-content:center;padding:10px}.pdp-admin__tasks-header{align-items:flex-start;flex-direction:column;gap:10px}}.sn{font-family:Inter,Segoe UI,sans-serif;padding:4px 0 24px}.sn-header{justify-content:space-between;margin-bottom:20px}.sn-header,.sn-header-left{align-items:center;display:flex}.sn-header-left{gap:10px}.sn-header-icon{align-items:center;background:#eff6ff;border-radius:9px;color:#4f6ef7;display:flex;height:36px;justify-content:center;width:36px}.sn-title{color:#1e293b;font-size:1.35rem;font-weight:700;margin:0}.sn-header-right{align-items:center;display:flex;gap:10px}.sn-total-badge{background:#f1f5f9;border-radius:20px;color:#475569;font-size:.82rem;font-weight:600;padding:4px 12px}.sn-icon-btn{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:34px;justify-content:center;transition:all .15s;width:34px}.sn-icon-btn:hover{background:#eff6ff;border-color:#4f6ef7;color:#4f6ef7}.sn-filters{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;gap:10px;margin-bottom:18px;padding:14px 16px}.sn-filter-item,.sn-filters{align-items:center;display:flex}.sn-filter-item{gap:8px}.sn-filter-icon{align-items:center;color:#94a3b8;display:flex;flex-shrink:0}.sn-filter-search{flex:1 1;min-width:200px;position:relative}.sn-input{background:#fff;border:1.5px solid #e2e8f0;border-radius:7px;color:#334155;font-size:.875rem;outline:none;padding:7px 12px;transition:border-color .15s;width:100%}.sn-input:focus{border-color:#4f6ef7}.sn-clear-input{align-items:center;background:none;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;display:flex;padding:2px;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.sn-clear-input:hover{color:#475569}.sn-filter-search .sn-input{padding-right:30px}.sn-type-tabs{display:flex;gap:5px}.sn-type-tab{background:#fff;border:1.5px solid #e2e8f0;border-radius:7px;color:#475569;cursor:pointer;font-size:.82rem;font-weight:500;padding:6px 13px;transition:all .15s;white-space:nowrap}.sn-type-tab:hover{border-color:#94a3b8}.sn-type-tab--active{background:#eff6ff;border-color:#4f6ef7;color:#4f6ef7}.sn-filter-dates{flex-wrap:nowrap}.sn-date-input{width:134px}.sn-date-sep{color:#94a3b8;font-size:.85rem}.sn-clear-btn{align-items:center;background:#fff;border:1.5px solid #fca5a5;border-radius:7px;color:#dc2626;cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:500;gap:5px;padding:6px 12px;transition:all .15s;white-space:nowrap}.sn-clear-btn:hover,.sn-error{background:#fef2f2}.sn-error{border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.875rem;margin-bottom:14px;padding:11px 14px}.sn-loading{align-items:center;color:#64748b;display:flex;font-size:.9rem;gap:10px;justify-content:center;padding:50px 0}.sn-spinner{animation:sn-spin .7s linear infinite;border:2.5px solid #e2e8f0;border-radius:50%;border-top-color:#4f6ef7;flex-shrink:0;height:20px;width:20px}@keyframes sn-spin{to{transform:rotate(1turn)}}.sn-empty{align-items:center;color:#94a3b8;display:flex;flex-direction:column;font-size:.9rem;gap:10px;padding:50px 0}.sn-empty svg{height:32px;opacity:.35;width:32px}.sn-table-wrapper{border:1.5px solid #e2e8f0;border-radius:10px;overflow:hidden;overflow-x:auto}.sn-table{border-collapse:collapse;font-size:.875rem;width:100%}.sn-table thead tr{background:#f8fafc}.sn-table th{border-bottom:1.5px solid #e2e8f0;color:#64748b;font-size:.8rem;font-weight:600;letter-spacing:.03em;padding:11px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.sn-th-num{width:40px}.sn-th-center{text-align:center!important}.sn-row{border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background .12s}.sn-row:last-child:not(:has(+.sn-detail-row)){border-bottom:none}.sn-row:hover{background:#f8fafc}.sn-row--expanded{background:#eff6ff!important;border-bottom:none}.sn-table td{color:#334155;padding:11px 14px;vertical-align:middle}.sn-cell-num{color:#94a3b8;font-size:.78rem}.sn-cell-title{font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sn-cell-center{text-align:center}.sn-cell-date{white-space:nowrap}.sn-owner{gap:6px;white-space:nowrap}.sn-owner,.sn-owner-icon{align-items:center;display:flex}.sn-owner-icon{color:#94a3b8}.sn-recipients-count{align-items:center;display:inline-flex;gap:5px;justify-content:center}.sn-recipients-icon{align-items:center;color:#94a3b8;display:flex}.sn-count-badge{align-items:center;background:#e0e7ff;border-radius:11px;color:#4f46e5;display:inline-flex;font-size:.78rem;font-weight:700;height:22px;justify-content:center;min-width:26px;padding:0 6px}.sn-date-wrap{color:#64748b;font-size:.82rem;gap:5px}.sn-date-icon,.sn-date-wrap{align-items:center;display:flex}.sn-date-icon{color:#94a3b8}.sn-badge{border-radius:20px;color:#fff;display:inline-block;font-size:.76rem;font-weight:600;padding:3px 10px;white-space:nowrap}.sn-expand-btn{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;display:inline-flex;height:26px;justify-content:center;pointer-events:none;transition:all .12s;width:26px}.sn-row--expanded .sn-expand-btn{background:#eff6ff;border-color:#4f6ef7;color:#4f6ef7}.sn-detail-row>td{background:#f8fafc;border-bottom:1.5px solid #e2e8f0;padding:0}.sn-detail{padding:16px 18px 20px}.sn-detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}@media (max-width:680px){.sn-detail-grid{grid-template-columns:1fr}}.sn-detail-block{background:#fff;border:1.5px solid #e2e8f0;border-radius:9px;padding:14px 16px}.sn-detail-block-title{align-items:center;border-bottom:1px solid #f1f5f9;color:#1e293b;display:flex;font-size:.85rem;font-weight:600;gap:7px;margin-bottom:12px;padding-bottom:10px}.sn-detail-block-title svg{color:#4f6ef7;flex-shrink:0}.sn-detail-rows{display:flex;flex-direction:column;gap:9px}.sn-detail-row-item{align-items:center;display:flex;font-size:.845rem;gap:8px}.sn-detail-row-item--col{align-items:flex-start;flex-direction:column}.sn-detail-label{color:#64748b;flex-shrink:0;font-size:.8rem;font-weight:500;min-width:110px}.sn-detail-value{color:#1e293b}.sn-detail-message{background:#f8fafc;border-radius:6px;color:#334155;font-size:.84rem;line-height:1.5;margin:6px 0 0;padding:8px 10px;width:100%;word-break:break-word}.sn-code{background:#f1f5f9;border-radius:5px;color:#4f46e5;font-family:monospace;font-size:.78rem;padding:2px 7px}.sn-no-recipients{color:#94a3b8;font-size:.85rem;font-style:italic}.sn-test-ref{align-items:center;display:flex;gap:6px}.sn-test-title{color:#1e293b;font-size:.845rem;font-weight:500}.sn-test-link{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:5px;color:#4f6ef7;display:inline-flex;flex-shrink:0;font-size:.75rem;height:22px;justify-content:center;text-decoration:none;transition:all .15s;width:22px}.sn-test-link:hover{background:#4f6ef7;border-color:#4f6ef7;color:#fff}.sn-recipients-chips{display:flex;flex-direction:column;gap:7px;max-height:200px;overflow-y:auto}.sn-recipient-chip{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:8px;padding:7px 10px}.sn-recipient-icon{align-items:center;color:#94a3b8;display:flex;flex-shrink:0}.sn-recipient-info{display:flex;flex-direction:column;gap:1px;min-width:0}.sn-recipient-name{color:#1e293b;font-size:.845rem;font-weight:500}.sn-recipient-email,.sn-recipient-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sn-recipient-email{color:#64748b;font-size:.76rem}.sn-recipient-id{color:#94a3b8;font-family:monospace;font-size:.78rem}.sn-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:20px}.sn-page-numbers{align-items:center;display:flex;gap:4px}.sn-page-btn{background:#fff;border:1.5px solid #e2e8f0;border-radius:7px;color:#475569;cursor:pointer;font-size:.84rem;padding:7px 13px;transition:all .12s}.sn-page-btn:hover:not(:disabled){border-color:#4f6ef7;color:#4f6ef7}.sn-page-btn:disabled{cursor:default;opacity:.4}.sn-page-btn--num{min-width:36px;padding:7px 8px;text-align:center}.sn-page-btn--active{background:#4f6ef7;border-color:#4f6ef7;color:#fff!important;font-weight:600}.sn-page-dots{color:#94a3b8;font-size:.85rem;padding:7px 3px}.question-card{width:100%}.question-header{align-items:flex-start;display:flex;gap:14px;margin-bottom:16px}.question-number{align-items:center;background:linear-gradient(135deg,#00f,#33f);border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:40px;justify-content:center;min-width:40px}.question-text{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:10px;color:#333;flex:1 1;font-size:1rem;line-height:1.5;min-width:0;overflow-wrap:break-word;padding:14px 18px;word-break:break-word}.yes-no-buttons{gap:16px}.yes-no-buttons,.yesno-btn{display:flex;justify-content:center}.yesno-btn{align-items:center;border:3px solid;border-radius:12px;cursor:pointer;font-size:1.1rem;font-weight:600;gap:8px;height:52px;min-width:140px;transition:all .2s ease}.yesno-icon{height:20px;width:20px}.yesno-btn.yes{background:#fff;border-color:#0a0;color:#0a0}.yesno-btn.yes:hover{background:#f0fff0}.yesno-btn.yes.selected{background:#0a0;box-shadow:0 4px 16px #00aa0059;color:#fff;transform:scale(1.02)}.yesno-btn.no{background:#fff;border-color:#c00;color:#c00}.yesno-btn.no:hover{background:#fff0f0}.yesno-btn.no.selected{background:#c00;box-shadow:0 4px 16px #cc000059;color:#fff;transform:scale(1.02)}.slider-wrapper{padding:8px 16px 0}.slider-range{color:#666;display:flex;font-size:.9rem;font-weight:500;justify-content:space-between;margin-top:4px}.options-grid{grid-gap:10px!important;display:grid!important;gap:10px!important;grid-template-columns:repeat(3,1fr)!important}@media (max-width:900px){.options-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:600px){.options-grid{grid-template-columns:1fr!important}}.option-item{align-items:center;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;margin:0;padding:8px 10px;transition:all .2s ease}.option-item:hover{background:#f0f4ff;border-color:#00f}.option-item.selected{background:#e8edff;border-color:#00f;box-shadow:0 2px 8px #0000ff26}.option-item .MuiFormControlLabel-label,.option-label{color:#333;font-size:.9rem;line-height:1.3;word-break:break-word}.option-item .MuiCheckbox-root,.option-item .MuiRadio-root{padding:4px}.option-item .MuiCheckbox-root svg,.option-item .MuiRadio-root svg{height:18px;width:18px}@media (max-width:768px){.question-card{overflow:hidden;width:100%}.question-header{align-items:flex-start;flex-direction:row;gap:10px}.question-number{flex-shrink:0;font-size:.85rem;height:32px;min-width:32px;width:32px}.question-text{font-size:.9rem;min-width:0;overflow-wrap:break-word;padding:10px 12px;word-break:break-word}.yes-no-buttons{gap:10px}.yesno-btn{font-size:.9rem;height:44px;min-width:100px}.slider-wrapper{padding:8px 4px 0}.option-item{padding:10px}.option-item .MuiFormControlLabel-label,.option-label{font-size:.85rem;word-break:break-word}.options-grid{gap:8px!important}}.fristWrapper.test_q{align-items:flex-start;display:flex;gap:14px;margin-bottom:16px}.firstQuestion{align-items:center;background:linear-gradient(135deg,#00f,#33f);border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:40px;justify-content:center;min-width:40px}.question_wrap{margin-bottom:0;width:100%}.question_wrap .MuiOutlinedInput-root{background:#f8f9fa;border-radius:10px}.question_wrap .MuiInputBase-input{color:#333;font-size:1rem;font-weight:500;padding:12px 16px;text-align:left}.option-testcontainer{display:flex;flex-direction:column;gap:8px}.correct-answer-section{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}@media (max-width:640px){.correct-answer-section{grid-template-columns:1fr}}.checkbox-with-form-control{margin-left:0;width:100%}.checkbox-container{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;padding:10px 14px;transition:all .2s ease}.checkbox-container:hover{background:#f0f4ff;border-color:#00f}.checkbox-container.selected{background:#e8edff;border-color:#00f}.MuiCheckbox-root.Mui-checked,.MuiRadio-root.Mui-checked{color:#00f!important}.main-content{box-sizing:border-box;contain:layout;margin:0 auto;max-width:900px;overflow-x:hidden;padding:24px}.test_name{color:#1a1a2e;font-size:1.75rem;font-weight:700;margin-bottom:8px;text-align:center}.progress-container{margin-bottom:24px;width:100%}.progress-header{align-items:center;color:#666;display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:8px}.progress-text{font-weight:500}.progress-percentage{color:#00f;font-weight:600}.progress-bar-wrapper{background:#e0e0e0;border-radius:10px;height:8px;overflow:hidden;width:100%}.progress-bar-fill{background:linear-gradient(90deg,#00f,#44f);border-radius:10px;height:100%;transition:width .4s ease}.timer-container{background:linear-gradient(135deg,#f8f9fb,#fff);border:1px solid #e8e8e8;border-radius:14px;box-shadow:0 4px 12px #00000008;gap:12px;margin-bottom:20px;margin-left:auto;margin-right:auto;max-width:200px;padding:12px 20px}.timer-container,.timer-icon-wrapper{align-items:center;display:flex;justify-content:center}.timer-icon-wrapper{background:linear-gradient(135deg,#2f49d1,#4158d0);border-radius:12px;box-shadow:0 4px 12px #2f49d140;flex-shrink:0;height:44px;width:44px}.timer-icon{stroke:#fff;color:#fff;height:22px;width:22px}.timer{font-feature-settings:"tnum";color:#2f49d1;font-size:1.25rem;font-variant-numeric:tabular-nums;font-weight:600}@keyframes pulse-warning{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.question-item{background:#fff;border:1px solid #e8e8e8;border-radius:16px;box-shadow:0 2px 8px #0000000f;margin-bottom:24px;padding:20px 24px;transition:box-shadow .2s ease,border-color .2s ease}.question-item:hover{border-color:#d0d0d0;box-shadow:0 4px 16px #0000001a}.submit-container{display:flex;justify-content:center;padding:20px 0 40px}.create_test{background:linear-gradient(135deg,#00f,#33f);border:none;border-radius:12px;box-shadow:0 4px 12px #0000ff40;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:14px 48px;transition:transform .2s,box-shadow .2s}.create_test:hover{box-shadow:0 6px 20px #0000ff59;transform:translateY(-2px)}.create_test:active{transform:translateY(0)}@media (max-width:768px){.main-content{box-sizing:border-box;contain:none;max-width:100vw;overflow-x:hidden;padding:10px;width:100%}.test_name{font-size:1.2rem;-webkit-hyphens:auto;hyphens:auto;padding:0 4px;word-break:break-word}.question-item{margin-bottom:14px;overflow:hidden;padding:12px;word-break:break-word}.question-item,.question-item *{box-sizing:border-box;max-width:100%}.create_test{font-size:1.1rem;padding:16px 0;width:100%}.timer-container{margin-bottom:16px;max-width:100%}.timer{font-size:1.1rem}.item-list1{box-sizing:border-box;max-width:100%!important;overflow:hidden!important;width:100%!important}}@media (min-width:769px) and (max-width:1024px){.main-content{max-width:800px;padding:20px}.test_name{font-size:1.5rem}.question-item{padding:18px 20px}.create_test{font-size:1.05rem;min-width:200px;padding:14px 40px;width:auto}}.error-toast,.success-toast{border:none!important;border-radius:12px!important;box-shadow:0 8px 24px #00000026!important;min-width:300px;position:fixed!important;right:20px;top:20px;z-index:9999}.success-toast{background:#f0fff0!important}.error-toast{background:#fff5f5!important}.success-toast-header{background:#0a0!important}.error-toast-header,.success-toast-header{align-items:center!important;border-radius:12px 12px 0 0!important;color:#fff!important;display:flex!important;gap:8px!important;padding:12px 16px!important}.error-toast-header{background:#c00!important}.error-toast-header svg,.success-toast-header svg{stroke:#fff}.error-toast .toast-body,.success-toast .toast-body{color:#333;font-size:.95rem;padding:12px 16px!important}.error-toast .btn-close,.success-toast .btn-close{filter:brightness(0) invert(1)}.page404{font-family:Ubuntu,sans-serif}.page404 a{background-color:initial!important;color:#000;text-decoration:none}#notfound_text{color:var(--primary-color);font-size:40px;font-weight:600}.pdp-page{font-family:Ubuntu,sans-serif;padding:0 5%}.pdp-container{background:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column;gap:25px;margin:0 auto;max-width:1320px;padding:35px}.pdp-header{text-align:center}.pdp-title{color:#382b4a;font-size:28px;font-weight:600;margin:0 0 8px}.pdp-subtitle{color:#4a5568;font-size:16px;margin:0}.pdp-overall-progress{background-color:#232934;border-radius:10px;box-shadow:0 2px 0 #00f;padding:20px 25px}.pdp-overall-progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.pdp-overall-progress-label{color:#fff;font-size:16px;font-weight:500}.pdp-overall-progress-value{color:#fff;font-size:18px;font-weight:600}.pdp-overall-progress-bar{background-color:#ffffff26;border-radius:5px;height:10px;overflow:hidden;width:100%}.pdp-overall-progress-fill{background-color:#00f;border-radius:5px;height:100%;transition:width .6s ease}.pdp-skills-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.pdp-skill-card{background:linear-gradient(135deg,#fff,#f5f5f5);border:1px solid #0000000f;border-radius:8px;box-shadow:0 4px 15px #00000014;cursor:pointer;display:flex;flex-direction:column;gap:14px;padding:22px;transition:all .3s ease}.pdp-skill-card:hover{box-shadow:0 6px 20px #00000026}.pdp-skill-card__header{align-items:center;display:flex;justify-content:space-between}.pdp-skill-card__title{color:#2d3436;font-size:20px;font-weight:600;margin:0}.pdp-skill-card__test-score{background-color:#e4e4e4;border-radius:6px;color:#636e72;font-size:14px;font-weight:600;padding:4px 10px}.pdp-skill-card__description{color:#636e72;font-size:14px;line-height:1.5;margin:0}.pdp-skill-card__xp-section{display:flex;flex-direction:column;gap:6px}.pdp-skill-card__xp-header{align-items:center;display:flex;justify-content:space-between}.pdp-skill-card__xp-label{align-items:center;color:#636e72;display:flex;font-size:13px;font-weight:500;gap:5px}.pdp-skill-card__xp-value{color:#2d3436;font-size:13px;font-weight:600}.pdp-skill-card__progress-bar{background-color:#e4e4e4;border-radius:4px;height:8px;overflow:hidden;width:100%}.pdp-skill-card__progress-fill{background-color:#00f;border-radius:3px;height:100%;transition:width .6s ease}.pdp-skill-card__progress-fill--ready{background-color:#27ae60}.pdp-skill-card__footer{align-items:center;display:flex;justify-content:space-between}.pdp-skill-card__tasks-count{color:#636e72;font-size:13px}.pdp-skill-card__arrow{align-items:center;color:#636e72;display:flex;transition:transform .2s ease}.pdp-skill-card:hover .pdp-skill-card__arrow{transform:translateX(4px)}.pdp-back-btn{align-items:center;align-self:flex-start;background:none;border:none;border-radius:10px;color:#2d3436;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-size:16px;gap:8px;padding:8px 16px;transition:all .3s ease}.pdp-back-btn:hover{background-color:#e4e4e4}.pdp-skill-detail-header{align-items:flex-start;background-color:#000;border-radius:10px;box-shadow:0 2px 0 #00f;display:flex;gap:20px;justify-content:space-between;padding:25px 30px}.pdp-skill-detail-info{flex:1 1}.pdp-skill-detail-title{color:#fff;font-size:26px;font-weight:600;margin:0 0 8px}.pdp-skill-detail-desc{color:#ffffffb3;font-size:15px;line-height:1.5;margin:0}.pdp-skill-detail-stats{display:flex;gap:20px}.pdp-skill-detail-stat{align-items:center;background-color:#232934;border-radius:10px;display:flex;flex-direction:column;gap:4px;min-width:80px;padding:14px 18px}.pdp-skill-detail-stat-value{color:#fff;font-size:22px;font-weight:700}.pdp-skill-detail-stat-label{color:#fff9;font-size:12px}.pdp-xp-block{background-color:#e4e4e4;border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:20px 25px}.pdp-xp-block__header{align-items:center;display:flex;justify-content:space-between}.pdp-xp-block__label{color:#2d3436;font-size:15px;font-weight:500}.pdp-xp-block__value{color:#2d3436;font-size:15px;font-weight:600}.pdp-xp-block__bar{background-color:#0000001a;border-radius:5px;height:10px;overflow:hidden;width:100%}.pdp-xp-block__fill{background-color:#00f;border-radius:5px;height:100%;transition:width .6s ease}.pdp-xp-block__fill--ready{background-color:#27ae60}.pdp-xp-block__footer{display:flex;justify-content:flex-start;margin-top:4px}.pdp-retest-btn{align-items:center;background-color:#0000001a;border:none;border-radius:8px;color:#636e72;cursor:not-allowed;display:flex;font-family:Ubuntu,sans-serif;font-size:14px;font-weight:600;gap:8px;padding:10px 22px;transition:all .3s ease}.pdp-retest-btn--active{background-color:#27ae60;box-shadow:0 4px 12px #27ae604d;color:#fff;cursor:pointer}.pdp-retest-btn--active:hover{background-color:#219a52;box-shadow:0 6px 16px #27ae6066}.pdp-retest-locked{align-items:center;color:#636e72;display:flex;font-size:14px;gap:8px}.pdp-tasks-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.pdp-tasks-title{color:#382b4a;font-size:22px;font-weight:600;margin:0}.pdp-tasks-filters{align-items:center;color:#636e72;display:flex;gap:8px}.pdp-filter-btn{background-color:#e4e4e4;border:none;border-radius:8px;color:#2d3436;cursor:pointer;font-family:Ubuntu,sans-serif;font-size:13px;padding:6px 14px;transition:all .3s ease}.pdp-filter-btn--active,.pdp-filter-btn:hover{background-color:#232934;color:#fff}.pdp-tasks-list{display:flex;flex-direction:column;gap:16px}.pdp-tasks-empty{background-color:#e4e4e4;border-radius:10px;color:#636e72;font-size:16px;padding:40px 20px;text-align:center}.pdp-task-card{background:linear-gradient(135deg,#fff,#f5f5f5);border:1px solid #0000000f;border-radius:8px;box-shadow:0 4px 15px #00000014;display:flex;flex-direction:column;gap:12px;padding:22px;transition:all .3s ease}.pdp-task-card:hover{box-shadow:0 6px 20px #0000001f}.pdp-task-card--completed{opacity:.75}.pdp-task-card__header{align-items:center;display:flex;justify-content:space-between}.pdp-task-card__type-badge{align-items:center;background-color:#e4e4e4;border-radius:8px;color:#2d3436;display:flex;font-size:13px;font-weight:500;gap:6px;padding:5px 12px}.pdp-task-card__status{align-items:center;color:#00f;display:flex;font-size:13px;font-weight:600;gap:5px}.pdp-task-card__status--done{color:#27ae60}.pdp-task-card__title{color:#2d3436;font-size:17px;font-weight:600;margin:0}.pdp-task-card__description{color:#636e72;font-size:14px;line-height:1.5;margin:0}.pdp-task-card__meta{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.pdp-task-card__meta-item{align-items:center;color:#636e72;display:flex;font-size:13px;gap:5px}.pdp-task-card__difficulty{align-items:center;display:flex;gap:6px}.pdp-difficulty-dots{display:flex;gap:3px}.pdp-difficulty-dot{background-color:#0000001f;border-radius:50%;height:8px;width:8px}.pdp-difficulty-dot--active{background-color:#00f}.pdp-task-card__footer{align-items:center;border-top:1px solid #0000000f;display:flex;justify-content:space-between;padding-top:8px}.pdp-task-card__confirmation{color:#636e72;font-size:13px}.pdp-task-card__action-btn{background-color:#fff;border:1px solid #0000001a;border-radius:10px;cursor:pointer;font-family:Ubuntu,sans-serif;font-size:14px;font-weight:500;padding:8px 20px;transition:all .3s ease}.pdp-task-card__action-btn:hover{background-color:#232934;box-shadow:0 4px 10px #00000026;color:#fff}@media only screen and (max-width:768px){.pdp-page{padding:0 3%}.pdp-container{gap:20px;padding:20px}.pdp-title{font-size:22px}.pdp-skills-grid{grid-template-columns:1fr}.pdp-skill-detail-header{flex-direction:column;padding:20px}.pdp-skill-detail-stats{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);width:100%}.pdp-skill-detail-stat{min-width:auto;padding:10px}.pdp-skill-detail-stat-value{font-size:18px}.pdp-tasks-header{align-items:flex-start;flex-direction:column}.pdp-tasks-filters{flex-wrap:wrap}.pdp-task-card__meta{align-items:flex-start;flex-direction:column;gap:8px}}@media only screen and (max-width:480px){.pdp-container{border-radius:12px;padding:15px}.pdp-skill-card,.pdp-task-card{padding:16px}.pdp-skill-detail-title{font-size:20px}.pdp-skill-detail-stats{grid-template-columns:repeat(2,1fr)}}.pdp-task-card__resource-link{align-items:center;align-self:flex-start;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:8px;color:#1e40af;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;text-decoration:none;transition:all .2s ease}.pdp-task-card__resource-link:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);box-shadow:0 4px 12px #1e40af26;color:#1e3a8a;transform:translateY(-1px)}.pdp-task-card__expert-waiting{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:8px;color:#92400e;font-size:13px;font-weight:500;padding:6px 14px}.pdp-task-card__upload-area{align-items:center;display:flex;gap:10px}.pdp-task-card__upload-btn{background:linear-gradient(135deg,#f0f0f5,#e8e8ed);border:1px dashed #adb5bd;border-radius:8px;color:#495057;cursor:pointer;font-family:Ubuntu,sans-serif;font-size:13px;font-weight:500;padding:8px 18px;transition:all .2s ease}.pdp-task-card__upload-btn:hover{background:linear-gradient(135deg,#e8e8ed,#dee2e6);border-color:#6c757d}.pdp-task-card__upload-selected{align-items:center;display:flex;gap:10px}.pdp-task-card__file-name{color:#495057;font-size:13px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-pdp-editor{padding:24px 32px}.user-pdp-editor__header{align-items:center;border-bottom:1px solid #eee;display:flex;gap:20px;margin-bottom:32px;padding-bottom:24px}.user-pdp-editor__back-btn{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:10px;color:#495057;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:10px 18px;transition:all .25s}.user-pdp-editor__back-btn:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6);border-color:#ced4da;transform:translateX(-2px)}.user-pdp-editor__user-info h2{color:#292e46;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:0}.user-pdp-editor__user-info p{color:#6c757d;font-size:.88rem;margin:4px 0 0}.user-pdp-editor__tabs{background:#f8f9fa;border-radius:12px;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:32px;padding:8px}.user-pdp-editor__tab{background:#0000;border:none;border-radius:8px;color:#6c757d;cursor:pointer;font-size:.92rem;font-weight:500;padding:10px 22px;transition:all .25s}.user-pdp-editor__tab:hover{background:#fff9;color:#495057}.user-pdp-editor__tab--active{background:#fff;box-shadow:0 2px 8px #0000000f;color:#6366f1;font-weight:600}.user-pdp-editor__skill-content{background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 2px 12px #0000000a;padding:32px}.user-pdp-editor__skill-title{color:#292e46;font-size:1.25rem;font-weight:700;letter-spacing:-.01em;margin-bottom:6px}.user-pdp-editor__skill-desc{color:#6c757d;font-size:.88rem;line-height:1.5;margin-bottom:28px}.user-pdp-editor__section-title{align-items:center;color:#495057;display:flex;font-size:1rem;font-weight:600;gap:10px;margin-bottom:18px}.user-pdp-editor__section-title svg{color:#6366f1}.user-pdp-editor__tasks-list{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.user-pdp-editor__task-item{align-items:center}.user-pdp-editor__task-item:hover{background:#fafafe;border-color:#c7d2fe;box-shadow:0 4px 12px #6366f114;transform:translateY(-1px)}.user-pdp-editor__task-item--assigned{background:linear-gradient(135deg,#f5f3ff,#eef2ff);border-color:#a5b4fc;box-shadow:0 2px 8px #6366f11a}.user-pdp-editor__task-item--assigned:hover{border-color:#818cf8;box-shadow:0 4px 16px #6366f126}.user-pdp-editor__task-checkbox{accent-color:#6366f1;cursor:pointer;flex-shrink:0;height:22px;width:22px}.user-pdp-editor__task-info{flex:1 1;min-width:0}.user-pdp-editor__task-name{color:#292e46;font-size:.95rem;font-weight:600;margin-bottom:6px}.user-pdp-editor__task-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.user-pdp-editor__task-tag{background:linear-gradient(135deg,#f0f0f5,#e8e8ed);border-radius:20px;color:#555;font-size:.75rem;font-weight:500;padding:3px 10px}.user-pdp-editor__task-item--assigned .user-pdp-editor__task-tag{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4338ca}.user-pdp-editor__test-section{border-top:2px solid #f0f0f0;margin-top:4px;padding-top:28px}.user-pdp-editor__test-select{border:2px solid #e9ecef;border-radius:10px;font-size:.92rem;max-width:400px;padding:10px 14px;transition:border-color .2s}.user-pdp-editor__test-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.user-pdp-editor__actions{border-top:2px solid #f0f0f0;display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:28px}.user-pdp-editor__save-btn{background:linear-gradient(135deg,#6366f1,#818cf8);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;letter-spacing:.02em;padding:12px 32px;transition:all .25s}.user-pdp-editor__save-btn:hover{box-shadow:0 6px 20px #6366f159;transform:translateY(-2px)}.user-pdp-editor__save-btn:active{transform:translateY(0)}.user-pdp-editor__save-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.user-pdp-editor__empty{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:16px;color:#6c757d;font-size:1rem;padding:4rem 2rem;text-align:center}.user-pdp-editor__success-toast{animation:slideIn .4s cubic-bezier(.16,1,.3,1);background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #6ee7b7;border-radius:12px;box-shadow:0 8px 24px #0000001f;color:#065f46;font-size:.92rem;font-weight:600;padding:14px 24px;position:fixed;right:24px;top:24px;z-index:1050}.user-pdp-editor__skill-stats{display:flex;gap:12px;margin-bottom:28px}.user-pdp-editor__stat-badge{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:20px;color:#495057;display:flex;font-size:.82rem;font-weight:500;gap:6px;padding:8px 14px}.user-pdp-editor__stat-badge--purple{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#5b21b6}.user-pdp-editor__stat-badge--green{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.user-pdp-editor__task-item{align-items:flex-start;background:#fff;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:18px 22px;transition:all .25s}.user-pdp-editor__task-status-area{align-items:center;display:flex;flex-shrink:0;margin-left:auto;padding-top:2px}.user-pdp-editor__completed-badge{align-items:center;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:20px;color:#065f46;display:flex;font-size:.8rem;font-weight:600;gap:6px;padding:6px 14px;white-space:nowrap}.user-pdp-editor__expert-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:8px;color:#78350f;cursor:pointer;font-size:.82rem;font-weight:600;padding:6px 16px;transition:all .2s;white-space:nowrap}.user-pdp-editor__expert-btn:hover{box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-1px)}.user-pdp-editor__expert-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.user-pdp-editor__waiting-badge{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:20px;color:#92400e;display:flex;font-size:.78rem;font-weight:500;padding:6px 14px;white-space:nowrap}.user-pdp-editor__resource-url{border-top:1px solid #e9ecef;margin-top:12px;padding-top:10px}.user-pdp-editor__resource-label{color:#6c757d;display:block;font-size:.78rem;font-weight:600;margin-bottom:6px}.user-pdp-editor__resource-input-row{align-items:center;display:flex;gap:8px}.user-pdp-editor__resource-input{border:1.5px solid #dee2e6;border-radius:8px;flex:1 1;font-size:.85rem;outline:none;padding:7px 12px;transition:border-color .2s}.user-pdp-editor__resource-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f114}.user-pdp-editor__resource-save-btn{background:linear-gradient(135deg,#6366f1,#818cf8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;padding:6px 14px;transition:all .2s}.user-pdp-editor__resource-save-btn:hover{box-shadow:0 3px 8px #6366f14d;transform:translateY(-1px)}.user-pdp-editor__resource-save-btn:disabled{cursor:not-allowed;opacity:.5}.user-pdp-editor__file-download{margin-top:8px}.user-pdp-editor__download-link{align-items:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:none;border-radius:8px;color:#1e40af;cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:500;gap:6px;padding:6px 14px;text-decoration:none;transition:all .2s}.user-pdp-editor__download-link:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e3a8a;transform:translateY(-1px)}.audio-uploader{display:flex;flex-direction:column;gap:12px;max-width:520px;width:100%}.audio-uploader__api-key{display:flex;flex-direction:column;gap:4px}.audio-uploader__api-label{color:#555;font-size:13px;font-weight:600}.audio-uploader__api-input{border:1px solid #ddd;border-radius:8px;font-family:monospace;font-size:13px;outline:none;padding:9px 12px;transition:border-color .2s}.audio-uploader__api-input:focus{border-color:#4a90e2}.audio-uploader__dropzone{align-items:center;background:#fafafa;border:2px dashed #ccc;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:110px;padding:24px 16px;text-align:center;transition:border-color .2s,background .2s}.audio-uploader__dropzone:hover{background:#f0f6ff;border-color:#4a90e2}.audio-uploader__icon{font-size:28px}.audio-uploader__filename{color:#333;font-size:14px;font-weight:500;word-break:break-all}.audio-uploader__hint{color:#777;font-size:14px;line-height:1.5}.audio-uploader__hint small{color:#aaa;font-size:12px}.audio-uploader__btn{align-items:center;background:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;justify-content:center;padding:10px 20px;transition:background .2s,opacity .2s}.audio-uploader__btn:hover:not(:disabled){background:#357abd}.audio-uploader__btn:disabled{cursor:not-allowed;opacity:.5}.audio-uploader__spinner{animation:spin .7s linear infinite;border:2px solid #fff6;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.audio-uploader__error{color:#e53935;font-size:13px;margin:0}.audio-uploader__result{background:#f8f9fb;border:1px solid #e8ecf0;border-radius:12px;padding:16px}.audio-uploader__result-label{color:#4a90e2;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.audio-uploader__result-text{color:#333;font-size:14px;line-height:1.6;margin:0;white-space:pre-wrap}.audio-uploader__utterances{display:flex;flex-direction:column;gap:12px}.audio-uploader__utterance{grid-gap:4px 8px;align-items:baseline;display:grid;gap:4px 8px;grid-template-columns:auto auto 1fr;grid-template-rows:auto auto}.audio-uploader__speaker-badge{border-radius:10px;color:#fff;display:inline-block;font-size:11px;font-weight:600;grid-column:1;grid-row:1;letter-spacing:.3px;padding:2px 8px;white-space:nowrap}.audio-uploader__utterance-time{color:#999;font-family:monospace;font-size:11px;grid-column:2;grid-row:1;white-space:nowrap}.audio-uploader__utterance-text{color:#333;font-size:14px;grid-column:1/-1;grid-row:2;line-height:1.55;margin:0}.interview-tab{padding:0}.interview-tab__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.interview-tab__title{color:#1a1a1a;font-size:20px;font-weight:600;margin:0}.interview-tab__add-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.interview-tab__add-btn:hover{box-shadow:0 4px 12px #6366f166;transform:translateY(-2px)}.interview-tab__loading{color:#888;font-size:15px;padding:40px;text-align:center}.interview-tab__empty{color:#888;padding:48px 24px;text-align:center}.interview-tab__empty-icon{display:block;font-size:48px;margin-bottom:12px}.interview-tab__empty p{font-size:16px;margin:4px 0}.interview-tab__empty-hint{color:#aaa;font-size:13px!important}.interview-tab__create-form{background:#f8f9ff;border:1px solid #e8eaf6;border-radius:14px;margin-bottom:24px;padding:24px}.interview-tab__input{border:1px solid #e0e0e0;border-radius:10px;box-sizing:border-box;font-size:15px;margin-bottom:16px;padding:14px 16px;transition:border-color .3s ease;width:100%}.interview-tab__input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.interview-tab__create-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:16px}.interview-tab__save-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .3s ease}.interview-tab__save-btn:hover:not(:disabled){box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.interview-tab__save-btn:disabled{cursor:not-allowed;opacity:.6}.interview-tab__cancel-btn{background:#e5e7eb;border:none;border-radius:10px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .3s ease}.interview-tab__cancel-btn:hover{background:#d1d5db}.interview-tab__list{display:flex;flex-direction:column;gap:12px}.interview-tab__item{background:#fff;border:1px solid #e8e8e8;border-radius:14px;overflow:hidden;transition:all .3s ease}.interview-tab__item:hover{box-shadow:0 4px 16px #0000000f}.interview-tab__item-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:background .2s ease}.interview-tab__item-header:hover{background:#fafbff}.interview-tab__item-info{align-items:center;display:flex;flex-wrap:wrap;gap:12px;min-width:0;overflow:hidden}.interview-tab__item-title{color:#1a1a1a;font-size:15px;font-weight:600;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.interview-tab__item-date{color:#888;font-size:13px}.interview-tab__item-badge{background:#f0f0ff;border-radius:6px;color:#6366f1;font-size:12px;padding:2px 8px}.interview-tab__item-actions{align-items:center;display:flex;gap:8px}.interview-tab__icon-btn{background:none;border:none;border-radius:6px;cursor:pointer;font-size:16px;padding:4px 8px;transition:all .2s ease}.interview-tab__icon-btn--delete:hover{background:#fef2f2;color:#ef4444}.interview-tab__chevron{color:#aaa;display:inline-block;font-size:18px;transition:transform .3s ease}.interview-tab__chevron--open{transform:rotate(180deg)}.interview-tab__item-body{border-top:1px solid #f0f0f0;padding:0 20px 20px}.interview-tab__utterances{display:flex;flex-direction:column;gap:8px}.interview-tab__utterance{background:#f9fafb;border-left:3px solid #6366f1;border-radius:10px;display:flex;flex-direction:column;gap:4px;padding:10px 14px}.interview-tab__speaker-badge{border-radius:6px;color:#fff;display:inline-block;font-size:11px;font-weight:600;margin-right:8px;padding:2px 8px}.interview-tab__utterance-time{color:#8b8fa3;font-family:SF Mono,Fira Code,monospace;font-size:11px;letter-spacing:.3px}.interview-tab__utterance-text{color:#333;font-size:14px;line-height:1.6;margin:0;overflow-wrap:break-word;word-break:break-word}.interview-tab__transcript-section{background:#f9fafb;border:1px solid #e8ecf0;border-radius:12px;margin-top:16px;overflow:hidden}.interview-tab__transcript-header{align-items:center;background:#f1f3f9;border-bottom:1px solid #e8ecf0;display:flex;justify-content:space-between;padding:12px 16px}.interview-tab__transcript-label{align-items:center;color:#555;display:flex;font-size:13px;font-weight:600}.interview-tab__copy-btn{align-items:center;background:#fff;border:1px solid #dde0e6;border-radius:8px;color:#555;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 14px;transition:all .2s ease}.interview-tab__copy-btn:hover{background:#f0f0ff;border-color:#6366f1;color:#6366f1}.interview-tab__copy-btn--copied{background:#f0fdf4!important;border-color:#10b981!important;color:#059669!important}.interview-tab__transcript-section .interview-tab__utterances{padding:12px 16px}.interview-tab__transcript-section .interview-tab__transcription-text{margin:0;padding:16px}.interview-tab__expand-btn{background:none;border:none;border-top:1px solid #e8ecf0;color:#6366f1;cursor:pointer;display:block;font-size:13px;font-weight:500;padding:10px;transition:background .2s ease;width:100%}.interview-tab__expand-btn:hover{background:#f0f0ff}.interview-tab__edit-segments{display:flex;flex-direction:column;gap:8px;max-height:500px;overflow-y:auto;padding-right:4px}.interview-tab__edit-segments::-webkit-scrollbar{width:6px}.interview-tab__edit-segments::-webkit-scrollbar-track{background:#0000}.interview-tab__edit-segments::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.interview-tab__edit-segment{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:10px 14px;transition:border-color .2s}.interview-tab__edit-segment:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f114}.interview-tab__edit-segment-header{align-items:center;display:flex;gap:8px;margin-bottom:6px}.interview-tab__edit-segment-time{background:#e8ecf0;border-radius:4px;color:#8b8fa3;font-family:SF Mono,Fira Code,monospace;font-size:11px;padding:2px 8px}.interview-tab__edit-segment-input{background:#0000;border:none;box-sizing:border-box;color:#333;font-family:inherit;font-size:14px;line-height:1.6;min-height:40px;outline:none;resize:vertical;width:100%}.interview-tab__textarea--large{min-height:200px}.interview-tab__transcription-text{background:#f9fafb;border-radius:10px;color:#333;font-size:14px;line-height:1.6;margin-top:16px;overflow-wrap:break-word;padding:16px;white-space:pre-wrap;word-break:break-word}.interview-tab__no-transcript{color:#aaa;font-size:14px;font-style:italic;margin-top:16px}.interview-tab__edit-btn{background:none;border:1px solid #e0e0e0;border-radius:8px;color:#555;cursor:pointer;font-size:13px;margin-top:12px;padding:8px 16px;transition:all .2s ease}.interview-tab__edit-btn:hover{background:#f0f0ff;border-color:#6366f1;color:#6366f1}.interview-tab__edit-area{margin-top:16px}.interview-tab__textarea{border:1px solid #e0e0e0;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:14px;line-height:1.6;padding:14px 16px;resize:vertical;transition:border-color .3s ease;width:100%}.interview-tab__textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.interview-tab__edit-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:12px}.interview-tab__form-row{display:flex;gap:16px;margin-bottom:4px}.interview-tab__form-group{flex:1 1;margin-bottom:12px}.interview-tab__label{color:#555;display:block;font-size:13px;font-weight:500;margin-bottom:6px}.interview-tab__item-badge--creator{background:#f0fdf4;color:#16a34a}.interview-tab__meta{background:#f8f9ff;border-radius:10px;color:#555;display:flex;flex-wrap:wrap;font-size:13px;gap:16px;margin:16px 0;padding:14px 16px}.interview-tab__meta-item{align-items:center;display:flex}.interview-tab__notes-block{background:#fffbf0;border-left:3px solid #f59e0b;border-radius:10px;margin:16px 0 12px;padding:14px 16px}.interview-tab__notes-title{align-items:center;color:#92400e;display:flex;font-size:14px;font-weight:600;margin:0 0 6px}.interview-tab__notes-content{color:#555;font-size:14px;line-height:1.6;margin:0;max-width:100%;overflow-wrap:break-word;white-space:pre-wrap;word-break:break-word}.interview-tab__save-audio-label{align-items:center;background:linear-gradient(135deg,#f0f7ff,#f5f0ff);border:1px solid #d4dff7;border-radius:10px;cursor:pointer;display:flex;gap:10px;margin-top:12px;padding:12px 16px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.interview-tab__save-audio-label:hover{background:linear-gradient(135deg,#e8f0ff,#ece5ff);border-color:#6366f1}.interview-tab__save-audio-checkbox{accent-color:#6366f1;cursor:pointer;flex-shrink:0;height:18px;width:18px}.interview-tab__save-audio-text{align-items:center;color:#444;display:flex;font-size:14px;font-weight:500}.interview-tab__audio-section{background:linear-gradient(135deg,#f0f7ff,#f5f0ff);border:1px solid #d4dff7;border-radius:12px;margin:16px 0;overflow:hidden}.interview-tab__audio-header{align-items:center;background:linear-gradient(135deg,#6366f114,#8b5cf614);border-bottom:1px solid #d4dff7;display:flex;justify-content:space-between;padding:10px 16px}.interview-tab__audio-label{align-items:center;color:#555;display:flex;font-size:13px;font-weight:600}.interview-tab__audio-expiry{background:#fff;border:1px solid #d4dff7;border-radius:20px;color:#6366f1;font-size:12px;font-weight:500;padding:3px 10px}.interview-tab__audio-player{box-sizing:border-box;display:block;padding:12px 16px 14px;width:100%}.interview-tab__audio-player::-webkit-media-controls-panel{background:#0000}@media (max-width:768px){.interview-tab__header{align-items:stretch;flex-direction:column;gap:12px}.interview-tab__add-btn{text-align:center}.interview-tab__item-info{align-items:flex-start;flex-direction:column;gap:4px}.interview-tab__create-form{padding:16px}.interview-tab__audio-header{align-items:flex-start;flex-direction:column;gap:8px}}.notes-tab{padding:0}.notes-tab__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.notes-tab__title{color:#1a1a1a;font-size:20px;font-weight:600;margin:0}.notes-tab__add-btn{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.notes-tab__add-btn:hover{box-shadow:0 4px 12px #f59e0b66;transform:translateY(-2px)}.notes-tab__loading{color:#888;font-size:15px;padding:40px;text-align:center}.notes-tab__empty{color:#888;padding:48px 24px;text-align:center}.notes-tab__empty-icon{display:block;font-size:48px;margin-bottom:12px}.notes-tab__empty p{font-size:16px;margin:4px 0}.notes-tab__empty-hint{color:#aaa;font-size:13px!important}.notes-tab__create-form{background:#fffbf0;border:1px solid #fde68a;border-radius:14px;margin-bottom:24px;padding:24px}.notes-tab__input{border:1px solid #e0e0e0;border-radius:10px;box-sizing:border-box;font-size:15px;margin-bottom:12px;padding:14px 16px;transition:border-color .3s ease;width:100%}.notes-tab__input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a;outline:none}.notes-tab__textarea{border:1px solid #e0e0e0;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:14px;line-height:1.6;padding:14px 16px;resize:vertical;transition:border-color .3s ease;width:100%}.notes-tab__textarea:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a;outline:none}.notes-tab__create-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:12px}.notes-tab__save-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .3s ease}.notes-tab__save-btn:hover:not(:disabled){box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.notes-tab__save-btn:disabled{cursor:not-allowed;opacity:.6}.notes-tab__cancel-btn{background:#e5e7eb;border:none;border-radius:10px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .3s ease}.notes-tab__cancel-btn:hover{background:#d1d5db}.notes-tab__list{display:flex;flex-direction:column;gap:12px}.notes-tab__item{background:#fff;border:1px solid #e8e8e8;border-radius:14px;padding:20px;transition:all .3s ease}.notes-tab__item:hover{box-shadow:0 4px 16px #0000000f}.notes-tab__item-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.notes-tab__item-title{color:#1a1a1a;font-size:16px;font-weight:600;margin:0 0 4px;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notes-tab__item-date{color:#888;font-size:13px}.notes-tab__item-actions{display:flex;gap:8px}.notes-tab__icon-btn{background:none;border:none;border-radius:6px;cursor:pointer;font-size:16px;padding:4px 8px;transition:all .2s ease}.notes-tab__icon-btn:hover{background:#f0f0ff}.notes-tab__icon-btn--delete:hover{background:#fef2f2;color:#ef4444}.notes-tab__item-content{color:#555;font-size:14px;line-height:1.6;margin-top:12px;max-width:100%;overflow-wrap:break-word;white-space:pre-wrap;word-break:break-word}.notes-tab__edit-form{padding:0}.notes-tab__edit-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:12px}@media (max-width:768px){.notes-tab__header{align-items:stretch;flex-direction:column;gap:12px}.notes-tab__add-btn{text-align:center}.notes-tab__create-form,.notes-tab__item{padding:16px}}.student-detail{font-family:Ubuntu,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:24px}.student-detail__loading{color:#888;font-size:16px;padding:80px 24px;text-align:center}.student-detail__top-bar{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);border-radius:18px;box-shadow:0 8px 32px #00000026;display:flex;gap:24px;margin-bottom:32px;padding:24px 28px}.student-detail__back-btn{align-items:center;background:#ffffff1a;border:1px solid #ffffff26;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:500;gap:6px;padding:10px 18px;transition:all .3s ease}.student-detail__back-btn:hover{background:#fff3;transform:translateX(-2px)}.student-detail__user-brief h2{color:#fff;font-size:24px;font-weight:700;margin:0 0 6px}.student-detail__user-meta{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.student-detail__user-meta span{color:#ffffffb3;font-size:14px}.student-detail__role-badge{border-radius:6px!important;font-size:11px!important;padding:3px 10px!important}.student-detail__tabs{background:#f1f3f9;border-radius:14px;display:flex;gap:6px;margin-bottom:24px;overflow-x:auto;padding:6px}.student-detail__tab{align-items:center;background:#0000;border:none;border-radius:10px;color:#555;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.student-detail__tab:hover{background:#ffffffb3;color:#1a1a1a}.student-detail__tab--active{background:#fff!important;box-shadow:0 2px 8px #00000014;color:#2f49d1!important;font-weight:600}.student-detail__tab--danger{color:#dc3545}.student-detail__tab--danger.student-detail__tab--active{color:#dc3545!important}.student-detail__tab-icon{font-size:16px}.student-detail__content{min-height:400px}.student-detail__panel{animation:fadeIn .3s ease;background:#fff;border:1px solid #eee;border-radius:18px;box-shadow:0 4px 20px #0000000f;padding:32px}.student-detail__panel--pdp{overflow:hidden;padding:0}.student-detail__panel--pdp .user-pdp-editor{border:none;box-shadow:none;margin:0}.student-detail__panel--pdp .user-pdp-editor--embedded{padding-top:24px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.student-detail__pdp-link{padding:40px 24px;text-align:center}.student-detail__pdp-link h3{color:#1a1a1a;font-size:22px;font-weight:600;margin-bottom:8px}.student-detail__pdp-link p{color:#888;font-size:15px;margin-bottom:24px}.student-detail__section-title{color:#1a1a1a;font-size:20px;font-weight:600;margin:0 0 24px}.student-detail__edit-form{max-width:640px}.student-detail__form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.student-detail__form-group{margin-bottom:20px}.student-detail__form-group label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.student-detail__form-group input{border:1px solid #e0e0e0;border-radius:10px;box-sizing:border-box;font-size:15px;padding:12px 16px;transition:border-color .3s ease;width:100%}.student-detail__form-group input:focus{border-color:#2f49d1;box-shadow:0 0 0 3px #2f49d11a;outline:none}.student-detail__select{border:1px solid #e0e0e0!important;border-radius:10px!important;font-size:15px!important;padding:12px 16px!important}.student-detail__select:focus{border-color:#2f49d1!important;box-shadow:0 0 0 3px #2f49d11a!important}.student-detail__action-btn{border:none;border-radius:10px;cursor:pointer;font-size:15px;font-weight:500;padding:12px 28px;transition:all .3s ease}.student-detail__action-btn:hover:not(:disabled){transform:translateY(-2px)}.student-detail__action-btn:disabled{cursor:not-allowed;opacity:.6}.student-detail__action-btn--primary{background:linear-gradient(135deg,#2f49d1,#4158d0);box-shadow:0 4px 12px #2f49d14d;color:#fff}.student-detail__action-btn--primary:hover:not(:disabled){box-shadow:0 6px 16px #2f49d166}.student-detail__action-btn--danger{background:linear-gradient(135deg,#dc3545,#c82333);box-shadow:0 4px 12px #dc35454d;color:#fff}.student-detail__action-btn--danger:hover:not(:disabled){box-shadow:0 6px 16px #dc354566}.student-detail__action-btn--secondary{background:#e5e7eb;color:#374151}.student-detail__action-btn--secondary:hover{background:#d1d5db}.student-detail__delete-section{padding:40px 24px;text-align:center}.student-detail__delete-warning{margin-bottom:32px}.student-detail__delete-icon{display:block;font-size:48px;margin-bottom:16px}.student-detail__delete-warning h3{color:#dc3545;font-size:22px;font-weight:600;margin-bottom:12px}.student-detail__delete-warning p{color:#555;font-size:15px;margin-bottom:4px}.student-detail__delete-hint{color:#dc3545!important;font-size:14px!important;font-weight:500;margin-top:8px!important}.student-detail__delete-confirm{background:#fef2f2;border:1px solid #fecaca;border-radius:14px;padding:24px}.student-detail__delete-confirm p{color:#333;font-size:16px;margin-bottom:20px}.student-detail__delete-confirm-actions{display:flex;gap:12px;justify-content:center}.student-detail__toast{animation:slideIn .3s ease;border-radius:12px;box-shadow:0 8px 24px #00000026;font-size:14px;font-weight:500;padding:14px 24px;position:fixed;right:24px;top:24px;z-index:10000}.student-detail__toast--success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.student-detail__toast--danger{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}@keyframes slideIn{0%{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.student-detail{padding:16px}.student-detail__top-bar{align-items:flex-start;flex-direction:column;gap:16px;padding:20px}.student-detail__user-brief h2{font-size:20px}.student-detail__user-meta{gap:8px}.student-detail__tabs{gap:4px;padding:4px}.student-detail__tab{font-size:13px;padding:10px 14px}.student-detail__panel{border-radius:14px;padding:20px}.student-detail__form-row{grid-template-columns:1fr}.student-detail__delete-confirm-actions{flex-direction:column}}
/*# sourceMappingURL=main.69279971.css.map*/