*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;font-family:Arial,sans-serif;background-color:#0a2e5e;color:#092e5e;overflow:hidden}canvas{position:absolute;top:50px;z-index:11}.markdown-content strong{@apply font-bold text-black}.markdown-content em{@apply italic text-gray-700}.message-container{@apply max-h-[calc(100vh-200px)] overflow-y-auto p-4 space-y-4}.ielts-highlight{@apply text-blue-600 font-semibold}.loading-dots{@apply inline-flex space-x-1}.loading-dots div{@apply h-2 w-2 bg-blue-500 rounded-full;animation:bounce 1.4s ease-in-out infinite both}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.loading-dots{display:inline-flex;align-items:center;gap:4px}.loading-dots div{width:6px;height:6px;border-radius:50%;background-color:#3b82f6;animation:loading-dots 1.4s ease-in-out infinite both}.loading-dots div:first-child{animation-delay:-.32s}.loading-dots div:nth-child(2){animation-delay:-.16s}@keyframes loading-dots{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.markdown-content hr{@apply my-3 border-gray-200}.markdown-content ul{@apply list-disc ml-5 my-2}.markdown-content ol{@apply list-decimal ml-5 my-2}.markdown-content li{@apply my-1}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4{@apply font-bold my-3}.markdown-content h1{@apply text-2xl}.markdown-content h2{@apply text-xl}.markdown-content h3{@apply text-lg}.markdown-content p{@apply my-2}.markdown-content a{@apply text-blue-500 underline}.message-bubble{@apply rounded-lg p-4 max-w-3xl my-2}.user-message{@apply bg-blue-100 ml-auto}.assistant-message{@apply bg-white border}.ielts-section{@apply font-semibold text-blue-600}.ielts-score{@apply font-mono bg-blue-50 px-2 py-1 rounded text-blue-700}.ielts-example{@apply italic text-gray-600 border-l-4 border-gray-300 pl-3 my-2}.logo{margin-top:-60px;width:164px;height:50px;border-radius:5px;background:url(/images/logo.png) 50% no-repeat;background-size:contain;position:absolute;right:331px;z-index:1000}.background{height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden}.background-top{position:absolute;top:-276px;width:600px;height:2000px;background-color:#b7113d;transform:rotate(33deg);z-index:10;right:200px}.container{max-width:1700px;width:100%;height:calc(100vh - 180px)}.container,.container-system{margin:80px 100px;position:relative;z-index:14}.container-system{width:calc(100% - 180px);min-height:calc(100vh - 180px)}.content-wrapper{width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s ease-in-out;position:relative}.content{height:100%;display:flex}.content,.content-system{width:100%;background:#fff;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);position:absolute;justify-content:center;align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden}.content-system{min-height:100%;margin-bottom:100px}.contentA{transform:rotateY(0deg)}.contentB,.rotated{transform:rotateY(180deg)}buttonCeyhun{padding:10px 20px;border:none;background:#b7113d;color:#fff;cursor:pointer;position:fixed;bottom:0;border-top-left-radius:10px;border-top-right-radius:10px;z-index:99}button:hover{background:#0a2e5e}.contentRightBox{position:absolute;width:680px;border-color:transparent transparent #fff;border-style:solid;border-width:50px 0 400px 270px;top:-40px;right:0;border-top-right-radius:12px}.bottomInfoText{position:fixed;bottom:14px;left:3%;color:#fff;font-size:12px;z-index:20}.menu-wrap{position:fixed;top:14px;left:3%;z-index:30}.menu-wrap .toggler{position:absolute;top:0;left:0;z-index:2;cursor:pointer;width:50px;height:50px;opacity:0}.menu-wrap .hamburger{position:absolute;top:0;left:0;z-index:1;width:60px;height:60px;padding:1rem;background:var(--primary-color);border-radius:12px}.menu-wrap .hamburger,.menu-wrap .hamburger>div{display:flex;align-items:center;justify-content:center}.menu-wrap .hamburger>div{position:relative;flex:none;width:100%;height:2px;background:#fff;transition:all .4s ease}.menu-wrap .hamburger>div:after,.menu-wrap .hamburger>div:before{content:"";position:absolute;z-index:1;top:-10px;width:100%;height:2px;background:inherit}.menu-wrap .hamburger>div:after{top:10px}.menu-wrap .toggler:checked+.hamburger>div{transform:rotate(135deg)}.menu-wrap .toggler:checked+.hamburger>div:after,.menu-wrap .toggler:checked+.hamburger>div:before{top:0;transform:rotate(90deg)}.menu-wrap .toggler:checked:hover+.hamburger>div{transform:rotate(225deg)}.menu-wrap .toggler:checked~.menu{visibility:visible}.menu-wrap .toggler:checked~.menu>div{transform:scale(1);transition-duration:var(--menu-speed)}.menu-wrap .toggler:checked~.menu>div>div{opacity:1;transition:opacity .4s ease .4s}.menu-wrap .menu{position:fixed;top:0;left:0;width:100%;height:100%;visibility:hidden;overflow:hidden}.menu-wrap .menu,.menu-wrap .menu>div{display:flex;align-items:center;justify-content:center}.menu-wrap .menu>div{background:var(--overlay-color);border-radius:50%;width:200vw;height:200vw;flex:none;transform:scale(0);transition:all .4s ease}.menu-wrap .menu>div>div{text-align:center;max-width:90vw;max-height:100vh;opacity:0;transition:opacity .4s ease}.menu-wrap .menu>div>div>ul>li{list-style:none;color:#fff;font-size:1.5rem;padding:1rem;line-height:12px}.menu-wrap .menu>div>div>ul>li>a{color:inherit;text-decoration:none;transition:color .4s ease}:root{--primary-color:#0a2e5e;--overlay-color:#0a2e5ef0;--menu-speed:0.75s}.login-container{padding:20px;border-radius:10px;width:100%;max-width:400px}.login-container h2{margin-bottom:20px;color:#000;text-align:center;font-size:30px}.login-container form{display:flex;flex-direction:column}.login-container label{margin-bottom:5px;color:#092e5ec8}.login-container input{padding:16px;margin-bottom:15px;border:1px solid #ccc;border-radius:5px;font-size:16px}.login-container button{padding:16px;color:#fff;border:none;border-radius:5px;font-size:20px;cursor:pointer;margin-top:10px;position:relative;bottom:0;font-weight:700;box-sizing:border-box;animation:colorChange 4s infinite;box-shadow:rgba(0,0,0,.1)}@keyframes colorChange{0%{background-color:#b7113d}50%{background-color:#0a2e5e}to{background-color:#b7113d}}.login-container button:hover{background-color:#0a2e5e}.rowSeperator{float:left;width:100%;height:30px}.rememberText{width:100%;height:auto;font-size:15px;color:#fff;text-align:center;padding:30px}.menu-container{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px;max-width:1000px;width:100%;padding:0 20px;justify-items:center;box-sizing:border-box}.menu-item{display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid #092e5e;border-radius:10px;padding:10px;background-color:#092e5e;box-shadow:0 2px 5px rgba(0,0,0,.1);transition:transform .3s ease;text-decoration:none;color:inherit;max-width:200px;min-height:100px;width:100%;color:#fff}.menu-item:hover{transform:scale(1.05)}.menu-item img{max-width:100%;height:auto;border-radius:8px}.menu-item p{font-size:14px;color:#fff;bottom:-45px;position:relative}.slider-container{position:relative;width:100%;height:100vh;overflow:hidden}.slide,.slider{position:absolute;width:100%;height:100%}.slide{top:0;left:0;opacity:0;transition:opacity 1s ease,filter 1s ease;object-fit:cover}.desktop-img{display:block}.desktop-img,.mobile-img{width:100%;height:100%;object-fit:cover}.mobile-img{display:none}@media (max-width:768px){.desktop-img{display:none}.mobile-img{display:block}}@keyframes fadeInOut{0%{opacity:0;filter:blur(10px)}25%{opacity:1;filter:blur(0)}50%{opacity:1;filter:blur(0)}75%{opacity:0;filter:blur(10px)}to{opacity:0;filter:blur(10px)}}.slider .slide:first-child{animation:fadeInOut 15s infinite;animation-delay:0s}.slider .slide:nth-child(2){animation:fadeInOut 15s infinite;animation-delay:5s}.slider .slide:nth-child(3){animation:fadeInOut 15s infinite;animation-delay:10s}.slider .slide:nth-child(4){animation:fadeInOut 15s infinite;animation-delay:15s}.slider .slide:nth-child(5){animation:fadeInOut 15s infinite;animation-delay:20s}.slider .slide:nth-child(6){animation:fadeInOut 15s infinite;animation-delay:25s}.slider .slide:nth-child(7){animation:fadeInOut 15s infinite;animation-delay:30s}.slider .slide:nth-child(){animation:fadeInOut 15s infinite;animation-delay:35s}.slider-containerText{width:100%;height:auto;position:absolute;padding:31px;color:#fff;font-weight:700;font-size:9vw;z-index:99;line-height:93px;text-shadow:-2px -1px 6px rgba(10,4,3,.25);letter-spacing:-8px}@media (max-width:1024px){.menu-container{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.menu-container{grid-template-columns:repeat(3,1fr)}.slider-containerText{font-size:17vw;line-height:53px;letter-spacing:-3px}}@media (max-width:480px){.menu-container{grid-template-columns:repeat(3,1fr);padding:0 20px;margin-top:-20px}}.calendar{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px;width:100%;position:absolute;top:50px;padding-right:20px}.calendar a{background:#0a2e5e;color:#fff;text-decoration:none;border-radius:5px;padding:10px;cursor:pointer}.calendar-days{display:flex;gap:5px;overflow-x:auto;width:590px;overflow-x:hidden}.day{flex:0 0 auto;width:80px;height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;background:#fff;transition:background-color .3s;text-align:center}.day .circle{width:8px;height:8px;border-radius:50%;background-color:#ccc;flex-shrink:0}.day span{margin-top:5px;font-size:14px}.day.selected,.day:hover{background-color:#0a2e5e;color:#fff;cursor:pointer}.day.selected .circle,.day:hover .circle{background-color:#fff}.tasks{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:15px;gap:15px;position:absolute;width:100%;top:260px;padding:20px 40px 20px 0}.task{background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:15px}.task-header{font-weight:700;margin-bottom:10px;background:#092e5e59;height:30px;color:#fff;font-size:16px;text-indent:8px;line-height:30px;border-radius:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress-bar{width:100%;height:15px;background:#f1f1f1;margin-bottom:10px}.progress-bar span{display:block;height:100%;position:absolute;left:0;top:0;text-align:center;line-height:20px;font-size:14px;color:#fff;transition:background-color .3s;font-weight:800}.progress-bar[data-progress=low] span{background:#dc3545}.progress-bar[data-progress=medium] span{background:#ffc107}.progress-bar[data-progress=high] span{background:#28a745}.task-buttons{display:flex;gap:5px;margin-top:16px;padding-right:20px}.task-buttons a{background:#0a2e5e;color:#fff;text-decoration:none;border-radius:5px;padding:8px 10px;cursor:pointer;font-size:12px}.task-buttons a:hover{background:#b7113d}.task.reminder-active{background:#b7113e59;color:#fff}.subheader{font-size:14px;color:#092e5e;margin-bottom:5px;font-weight:700;text-indent:5px}.description{height:80px;padding:5px;border:none;border-radius:4px;margin-bottom:10px}.description,.testScore{width:100%;font-size:14px}.testScore{margin-bottom:15px;color:#092e5e;margin-top:10px}.testScore span{font-size:46px}.view-toggle{margin-bottom:25px;display:flex;justify-content:flex-end;gap:10px;position:absolute;width:100%;top:160px;padding:0 40px 0 20px;height:36px;line-height:2}.view-toggle a{color:#0a2e5e;text-decoration:none;border-radius:5px;padding:5px 10px;cursor:pointer}.view-toggle a.active{background:#0a2e5e;color:#fff}.view-toggleText{position:absolute;width:180px;height:40px;font-size:19px;font-weight:900;text-align:left;left:25px;padding:0 10px;line-height:40px}#global-progress-container{margin:20px 50px 20px 180px;width:calc(100% - 280px)}#general-progress-container{width:100%;margin-top:20px}#global-progress-bar{background-color:#e0e0e0;border-radius:10px;height:20px;position:relative;top:-10px}#global-progress-bar span{display:block;height:100%;background-color:#0a2e5e;color:#fff}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s;z-index:92}.modal-content{background:#fff;padding:20px;border-radius:8px;max-width:500px;width:90%;position:relative}.modal-content .close-btn{position:absolute;top:10px;right:10px;background:#b7113e;color:#fff;border:none;border-radius:10px;width:30px;height:30px;text-align:center;cursor:pointer;z-index:22;line-height:2}.modal-content video{width:100%;height:auto}.modal.show{visibility:visible;opacity:1}.calendarButton{position:fixed;bottom:0;left:calc(50% - 88px);border-bottom-left-radius:0;border-bottom-right-radius:0}@media (max-width:768px){.calendar{width:92%;top:30px;left:16px;padding-right:0}.calendar-days{gap:5px;overflow-x:hidden;width:258px}.day{width:60px;height:68px}.tasks{grid-template-columns:1fr;margin-top:-60px;padding:20px 40px 20px 0}#card-view,#list-view{display:none}.view-toggleText{top:-50px;left:-14px;font-size:18px}#global-progress-container{margin:-29px 0 20px 180px;width:calc(100% - 210px);top:0;position:absolute}}@media (max-width:375px){.calendar-days{gap:2px;overflow-x:hidden;width:258px}}.dashboardContainer{width:100%;height:100%;overflow-y:scroll;overflow-x:hidden;position:absolute;padding:20px;background-color:#f1f1f1;border-radius:12px}.testContainer{max-width:800px;margin:0 auto;padding:20px;background:#fff;box-shadow:0 4px 8px rgba(0,0,0,.1);border-radius:10px}.testContainer h1{text-align:center;margin-bottom:20px;font-size:26px}.questions{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px}@media (max-width:768px){.questions{grid-template-columns:1fr}}.question{background:#f9f9f9;padding:15px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.question h2{margin-bottom:10px;font-size:18px}.testContainer .options{display:flex;flex-direction:column}.options label{margin:5px 0;padding:10px;border:1px solid #ccc;border-radius:5px;cursor:pointer;transition:background .3s}.options input{display:none}.options input:checked+label{background:#22b257;color:#fff}.question-buttons{margin-top:10px;display:flex;gap:10px;font-size:15px}.testContainer a{display:inline-block;padding:10px 15px;background:#0a2e5e;color:#fff;text-decoration:none;border-radius:5px;transition:background .3s;font-size:15px}.testContainer a:hover{background:#b7113d}.test-controls{display:flex;justify-content:space-between;align-items:center}.timer{font-size:28px;font-weight:700}.disabled{pointer-events:none;opacity:.6}.testControlsContainer{position:fixed;width:calc(100% - 40px);height:76px;bottom:0;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);z-index:31;padding:16px;border-top-left-radius:10px;border-top-right-radius:10px}.testEmptyRow{width:100%;height:70px}.popupT{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.2);z-index:1000;display:none;min-width:340px}.popupT h2{margin-bottom:15px;font-size:20px}.popupT p{margin:10px}.popupT a{margin-top:15px;display:inline-block}.popupT-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:999;display:none;border-radius:9px}.popupT .close-btn{position:absolute;top:-6px;right:10px;background:#b7113e;color:#fff;border:none;border-radius:10px;width:30px;height:30px;text-align:center;font-size:16px;cursor:pointer;line-height:27px}.score{font-size:36px;font-weight:700}.timeline-container{max-width:1200px;margin:0 auto}.timeline{position:relative;margin:20px 0;padding:0}.timeline:before{content:"";position:absolute;left:50%;top:0;width:2px;height:100%;background:repeating-linear-gradient(180deg,#0a2e5e5c 0,#0a2e5e5c 2px,transparent 5px);transform:translateX(-50%)}.timeline-item{display:flex;align-items:center;position:relative;margin:20px 0}.timeline-item:nth-child(2n){flex-direction:row-reverse}.timeline-content{background:#fff;border-radius:10px;padding:20px;width:calc(50% - 30px);box-shadow:0 4px 8px rgba(0,0,0,.1);text-align:left}.timeline-content h2{color:#0a2e5e;margin-bottom:10px;font-size:22px}.timeline-content p{margin-bottom:10px;margin-top:10px}.timeline-content .weight{font-weight:700}.timeline-content a{text-decoration:none;background-color:#0a2e5e;color:#fff;padding:10px 15px;border-radius:5px;display:inline-block;transition:background-color .3s;font-size:15px}.timeline-content a:hover{background-color:#b7113e}.timeline-dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;background:#b7113e;border-radius:50%;z-index:1}@media (max-width:768px){.timeline-item{flex-direction:column;align-items:center}.timeline-content{width:100%;text-align:center;margin:0 auto}.timeline-dot{display:none}.timeline:before{left:50%;transform:translateX(-50%)}}.lesson-container{margin:0 auto;display:grid;grid-template-columns:1fr;grid-gap:20px;gap:20px}.lesson-section{background:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);padding:20px}.lesson-section h2{color:#0a2e5e;margin-bottom:10px;font-size:20px}.lesson-section p{line-height:1.6}.lesson-content{display:flex;flex-direction:column;gap:10px;font-size:15px}.lesson-video{width:100%;height:300px;background-color:#ddd;border-radius:10px;display:flex;justify-content:center;align-items:center;font-size:18px;color:#0a2e5e}.lesson-videoPlayer{height:100%;width:100%;border-radius:10px}.lesson-example-item,.lesson-exercise-item{background:#f9f9f9;border:1px solid #ddd;padding:15px;border-radius:5px;font-size:15px}.lesson-note-area{display:flex;flex-direction:column;align-items:center;gap:10px}.lesson-note-area textarea{width:100%;max-width:100%;height:150px;border:1px solid #ddd;border-radius:5px;padding:10px;font-size:14px}.lesson-note-area a{color:#fff;border:none;padding:10px 20px;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.lesson-note-area a,.lesson-note-area a:hover{background-color:#0a2e5e}.lesson-progress-bar{margin-top:30px}@media (max-width:768px){.lesson-container{padding:0}.lesson-video{height:156px}}.report-container{margin:0 auto}.report-section{background:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);padding:20px;margin-bottom:20px}.report-section h2{color:#0a2e5e;margin-bottom:15px;font-size:20px}.chart-container{display:flex;justify-content:center;align-items:center;height:300px;background-color:#f9f9f9;border:1px solid #ddd;border-radius:10px;text-align:center;color:#0a2e5e;font-size:18px}.strength-weakness{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}.report-container .card{background:#f9f9f9;border:1px solid #ddd;border-radius:10px;padding:15px;width:calc(50% - 10px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.report-container .card h3{margin-top:0;color:#0a2e5e}.target-tracking{display:flex;justify-content:space-between;align-items:center;gap:20px}.progress-bar{flex:1 1;height:20px;background-color:#ddd;border-radius:5px;overflow:hidden;margin:0 10px;position:relative}.progress-bar-fill{height:100%;width:75%;background-color:#8abb70;transition:width .3s ease}.progress-bar-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:700;color:#fff}.export-btn{display:inline-block;background-color:#0a2e5e;color:#fff;text-decoration:none;padding:10px 20px;border-radius:5px;font-size:15px;text-align:center;margin:10px auto;transition:background-color .3s ease}.export-btn:hover{background-color:#b7113e}@media (max-width:768px){.strength-weakness{flex-direction:column}.report-container .card{width:100%}.target-tracking{flex-direction:column}.progress-bar-fill{height:15px}}.menu-icon{display:none;font-size:24px;cursor:pointer}.main-content{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.card{background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .3s}.card:hover{transform:translateY(-5px)}.card h2{color:#092e5e;margin-bottom:10px}.card p{color:#092e5e;margin-top:15px;margin-bottom:15px;font-size:14px}.card a{display:block;margin-top:10px;color:#fff;background-color:#092e5e;padding:10px;text-align:center;border-radius:5px;transition:background-color .3s;font-size:15px;text-decoration:none}.card a:hover{background-color:#b7113e}.suso{left:calc(50% - 40px);margin-top:20px;position:relative}@media (max-width:1024px){.main-content{grid-template-columns:repeat(2,1fr)}.menu-icon{display:block}}@media (max-width:768px){.main-content{grid-template-columns:1fr}.suso{left:calc(50% - 40px);margin-top:20px;position:relative}}.ai-assistant{margin-top:30px}.ai-assistant,.ai-assistantTask{padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.ai-assistant h2{color:#b7113e}.message-box{margin-top:20px;padding:15px;background-color:#f1f1f1;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.message-box p{margin:10px}.user-input{margin-top:20px}.user-input input{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px}.componentsContainer{width:100%;height:100%;padding:20px;overflow-y:scroll}.componentRow{width:100%;height:auto;margin-bottom:30px}.componentTitle{color:#092e5e;font-size:22px;margin-bottom:30px}.componentSubTitle{color:#092e5e;font-size:18px;font-weight:lighter}@keyframes shake{0%{transform:translate(1px,1px) rotate(0deg)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0deg)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0deg)}to{transform:translate(1px,-2px) rotate(-1deg)}}.btn-edit{color:#fff;background-color:#22b257;border-color:#22b257}.btn-edit:hover{color:#fff;background-color:#0b7b34;border-color:#0b7b34}.buttonIcon{float:left;width:26px;height:26px;line-height:1.2}.buttonText{float:left;font-size:1rem;color:#fff;line-height:1.2!important;margin-left:auto}.buttonIconText{float:left;font-size:.9rem;color:#fff;line-height:2;margin-left:8px}input[type=range]{accent-color:#092e5e}.buttonIconText:hover{color:#fff}.buttonIconText2{float:left;font-size:1rem;color:#092e5e;line-height:2;margin-left:8px}.buttonIconText2:hover{color:#fff}.fa{font-size:x-large!important}.notification{background-color:#092e5e;color:#fff;text-decoration:none;padding:14px;position:relative;border-radius:6px;top:1px}.notification:hover{background:#b7113d}.notification .badge{position:absolute;top:-12px;right:-11px;padding:6px 10px;border-radius:50%;background:#b7113d;color:#fff;font-size:13px}label{margin:5px;font-size:14px;cursor:pointer;color:#092e5e}label input[type=checkbox].checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.6em;height:1.6em;background:#ddd;margin:-1px 5px 5px;vertical-align:middle;cursor:pointer;position:relative;outline:0;transition:content .2s ease-in-out,background .2s ease-in-out}label input[type=checkbox].checkbox:checked{background:#092e5e}label input[type=checkbox].checkbox:checked:after{content:"✓";left:50%;top:50%;font-size:0;font-weight:700;transform:translate(-50%,-50%);text-align:center;vertical-align:middle;position:absolute;animation:checkAppear .4s ease-in-out forwards}label input[type=checkbox].checkbox:after{content:"";color:#fff;font-size:100%}label input[type=checkbox].toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:3em;height:1.8em;background:#ddd;vertical-align:middle;border-radius:1.6em;position:relative;outline:0;margin:-1px 5px 5px;cursor:pointer;transition:background .1s ease-in-out}label input[type=checkbox].toggle:after{content:"";width:1.8em;height:1.8em;background:#fff;position:absolute;border-radius:1.2em;transform:scale(.7);left:0;box-shadow:0 1px rgba(0,0,0,.5);transition:left .1s ease-in-out}label input[type=checkbox].toggle:checked{background:#092e5e}label input[type=checkbox].toggle:checked:after{left:1.2em}label input[type=checkbox].toggle2{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:3em;height:1.8em;background:#ddd;vertical-align:middle;border-radius:1.6em;position:relative;outline:0;margin:-1px 5px 5px;cursor:pointer;transition:background .1s ease-in-out}label input[type=checkbox].toggle2:after{content:"";width:1.8em;height:1.8em;background:#fff;position:absolute;border-radius:1.2em;transform:scale(.7);left:0;box-shadow:0 1px rgba(0,0,0,.5);transition:left .1s ease-in-out}label input[type=checkbox].toggle2:checked{background:#b7113d}label input[type=checkbox].toggle2:checked:after{left:1.2em}label input[type=radio].radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.8em;height:1.8em;background:#ddd;vertical-align:middle;border-radius:1.6em;position:relative;outline:0;margin:-1px 5px 5px;cursor:pointer}label input[type=radio].radio:after{content:"";width:1.8em;height:1.7em;background:#092e5e;position:absolute;border-radius:1.2em;box-shadow:0 1px rgba(0,0,0,.5);transform:scale(0);display:none;animation:radioAppear .4s ease-in-out reverse}label input[type=radio].radio:checked:after{display:block;animation:radioAppear .4s ease-in-out forwards}@keyframes checkAppear{50%{font-size:2em}to{font-size:1.15em}}@keyframes radioAppear{50%{transform:scale(1.2)}to{transform:scale(.6)}}.rangeBarOneColor{-webkit-appearance:none;width:100%;height:10px;border-radius:5px;background:#ddd;outline:none;transition:background .3s}.rangeBarOneColor::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#092e5e;border-radius:50%;cursor:pointer}.rangeBarOneColor::-moz-range-thumb{width:20px;height:20px;background:#092e5e;border-radius:50%;cursor:pointer}.rangeBar{-webkit-appearance:none;width:100%;height:10px;border-radius:5px;background:linear-gradient(90deg,red,#ff0,green);outline:none;transition:background .3s}.rangeBar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#fff;border:2px solid #092e5e;border-radius:50%;cursor:pointer}.rangeBar::-moz-range-thumb{width:20px;height:20px;background:#fff;border:2px solid #b7113d;border-radius:50%;cursor:pointer}#loader{display:block;position:relative;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;border:3px solid transparent;border-top-color:#092e5e;animation:spin 1.7s linear infinite;z-index:11}#loader:before{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;border:3px solid transparent;border-top-color:#b7113d;animation:spin-reverse .6s linear infinite}#loader:after{content:"";position:absolute;top:15px;left:15px;right:15px;bottom:15px;border-radius:50%;border:3px solid transparent;border-top-color:orange;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin-reverse{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}.searchBox{float:left;width:calc(100% - 46px);width:-moz-calc(100% - 46px);height:46px;border-top-left-radius:6px;border-bottom-left-radius:6px;text-indent:10px;font-size:16px;box-sizing:border-box;background-color:#efefef;border:none}.searchIcon{float:left;width:46px;height:46px;background:#092e5e;font-size:17px;cursor:pointer;border-top-right-radius:6px;border-bottom-right-radius:6px;background-image:url(/images/searchIcon.png);background-position:50%;background-repeat:no-repeat;border:1px solid #092e5e}.searchIcon:hover{background:#b7113d;background-image:url(/images/searchIcon.png);background-position:50%;background-repeat:no-repeat;border:1px solid #b7113d}.formBox{height:36px;margin-bottom:10px}.formBoxAutoHeight{height:auto;width:100%}.form-control{height:36px;padding:1.375rem .75rem;border:#efefef;border-radius:6px;box-sizing:border-box}.form-control,.form-controlAutoHeight{display:block;width:100%;font-size:1rem;font-weight:400;line-height:1.5;color:#092e5e;background-color:#efefef;background-clip:padding-box;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-controlAutoHeight{height:auto;padding:.375rem .75rem;border:1px solid #efefef;border-radius:6px}.custom-select select,.selectOption{background-color:#092e5e;color:#fff}.custom-select select{padding:12px 32px 12px 16px;border:1px solid transparent;-webkit-user-select:none;-moz-user-select:none;width:100%;box-sizing:border-box;height:46px;border-radius:6px;cursor:pointer;user-select:none;font-size:16px}.select-selected:after{position:relative;content:"";top:14px;width:0;height:0;border:6px solid transparent;border-top-color:#fff;left:10px}.select-items{background-color:#092e5e;margin-top:4px;border-radius:9px;position:absolute;z-index:8}.select-hide{display:none}.same-as-selected,.select-items div:hover{background-color:rgba(0,0,0,.1)}.dropdown{position:relative;display:inline-block}.dropdown-toggle{padding:10px 20px;color:#fff;border:1px solid transparent;cursor:pointer;text-decoration:none}.dropdown-menu,.dropdown-toggle{background-color:#092e5e;border-radius:6px}.dropdown-menu{display:none;position:absolute;min-width:200px;z-index:10;margin-top:10px;padding:10px 0}.dropdown-menu a{color:#fff;padding:10px 20px;display:block;text-decoration:none}.dropdown-menu a:hover{background-color:#b7113d}.dropdown-menu .dropdown-divider{border-top:1px solid hsla(0,0%,100%,.2)}.dropdown:hover .dropdown-menu{display:block}.btn-group .dropdown-menu{left:0}.form-dropdown .dropdown-menu{width:auto;padding:15px}.form-dropdown .form input{width:100%;padding:8px;margin:10px 0;border-radius:5px;border:1px solid #ccc}.form-dropdown .form-check{display:flex;align-items:center}.form-dropdown .form-check input{margin-right:10px}.form-dropdown button{background-color:#092e5e;padding:10px 20px;border:none;color:#fff;cursor:pointer;border-radius:5px}.dropup .dropdown-menu{bottom:100%;top:auto}.dropright .dropdown-menu{left:100%;top:0}.dropleft .dropdown-menu{right:100%;top:0}@media (max-width:768px){.componentRow{padding:15px}.btn-group,.dropdown{display:block;width:100%;margin-bottom:15px}.dropdown-menu{min-width:100%}.form-dropdown .dropdown-menu{width:100%}}.progress{display:flex;height:1rem;overflow:hidden;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:flex;flex-direction:column;justify-content:center;color:#fff;text-align:center;white-space:nowrap;transition:width .6s ease}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:.3rem .3rem}.progress-bar-animated{animation:progress-bar-stripes 1s linear infinite}@media (prefers-reduced-motion:reduce){.progress-bar-animated{animation:none}}.mt-2{margin-top:.5rem;margin-bottom:1rem}.progresText{font-size:14px;font-weight:700;text-indent:2px}.bg-standard{background-color:#092e5e}.bg-success{background-color:#1bb74f}.bg-danger{background-color:#ec185d}.bg-warning{background-color:#ff6d02}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.badge-primary{color:#fff;background-color:#092e5e}.badge-secondary{color:#fff;background-color:#393e46}.badge-success{color:#fff;background-color:#1bb74f}.badge-info{color:#fff;background-color:#17a2b8}.badge-warning{color:#fff;background-color:#ff6d02}.badge-danger{color:#fff;background-color:#ec185d}.badge-light{color:#212529;background-color:#f8f9fa}.badge-dark{color:#fff;background-color:#212529}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}.alert-success{color:#fff;background-color:#04aa6d;border-color:#04aa6d}.alert-success hr{border-top-color:#ace5bf}.alert-success .alert-link{color:#073316}.alert-info{color:#fff;background-color:#2474b7;border-color:#2474b7}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{color:#fff;background-color:orange;border-color:orange}.alert-warning hr{border-top-color:#ffc79f}.alert-warning .alert-link{color:#522301}.alert-danger{color:#fff;background-color:#ec185d;border-color:#ec185d}.alert-danger hr{border-top-color:#f8a6c2}.alert-danger .alert-link{color:#4d071e}.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.closeX{float:right;font-size:1.5rem;font-weight:700;line-height:1;text-shadow:0 1px 0 #fff;background-color:transparent;border:none;margin-top:-5px;margin-right:-50px;cursor:pointer;color:#fff}.closeX:hover{opacity:1;text-decoration:none}.danger{background-color:rgba(233,32,95,.4);border-left:10px solid #e9205f;color:#a00938}.danger,.success{height:46px;line-height:46px;text-indent:20px}.success{background-color:rgba(27,169,111,.4);border-left:10px solid #1ba96f;color:#0c794d}.info{background-color:rgba(41,117,181,.4);border-left:10px solid #2975b5;color:#1c5889}.info,.warning{height:46px;line-height:46px;text-indent:20px}.warning{background-color:rgba(253,164,40,.4);border-left:10px solid #fda428;color:#f27a11}table{width:100%;border-collapse:collapse;margin:20px 0}td,th{padding:12px;text-align:left;border:1px solid #ddd}th{cursor:pointer;background-color:#092e5e;color:#fff}th:hover{background-color:#b7113d;color:#fff}tbody tr:nth-child(2n){background-color:#f1f1f1}tbody tr:nth-child(odd){background-color:#fff}th .sort-icon{margin-left:5px;font-size:12px;vertical-align:middle}.ascending:after{content:"↑"}.descending:after{content:"↓"}td img{width:50px;height:auto;max-width:100%}.action-buttons{display:flex;gap:10px}.action-buttons button{padding:8px 12px;cursor:pointer;border:none;border-radius:4px;font-size:14px}.edit-btn{background-color:#4caf50;color:#fff}.delete-btn{background-color:#f44336;color:#fff}.edit-btn:hover{background-color:#45a049}.delete-btn:hover{background-color:#e53935}@media screen and (max-width:600px){table,tbody,td,th,thead,tr{display:block}th{position:-webkit-sticky;position:sticky;top:0;z-index:2}td{border:none;border-bottom:1px solid #ddd}td:before{content:attr(data-label);font-weight:700;display:inline-block;width:120px}.componentsContainer{padding:0}.progress-bar span{line-height:20px}}input[type=text]{height:50px;padding:8px;width:100%;box-sizing:border-box;border:1px solid #ddd;font-size:14px;border-radius:9px;text-indent:10px}.tab{overflow:hidden;border-top:1px solid #092e5e;border-left:1px solid #092e5e;background-color:#092e5e;color:#fff;width:calc(100% - 40px)}.tab .tablinks{background-color:inherit;float:left;border:none;outline:none;cursor:pointer;padding:14px 16px;transition:.3s;font-size:15px;color:#fff}.tab .tablinks:hover,.tab a.active{background-color:#fff;color:#092e5e}.tabcontent{display:none;padding:10px 12px;border:1px solid #092e5e;border-top:none;color:#fff;font-size:15px;width:calc(100% - 40px)}.textColor{color:#092e5e}.rowContainer{width:calc(100% - 40px);height:auto;position:absolute;top:220px;z-index:40}.row{width:100%;height:auto;margin-bottom:20px}.column{float:left;width:33.33%;padding:10px;text-align:center;font-size:18px;cursor:pointer;color:#fff;box-sizing:border-box}.containerTab{padding:20px;color:#fff;margin-top:-20px}.row:after{content:"";display:table;clear:both}.closebtn{float:right;color:#fff;font-size:35px;cursor:pointer;margin-top:-10px}.accordion{width:100%}.accordion-item{border:1px solid #ddd;margin-bottom:10px;border-radius:5px;overflow:hidden}.accordion-header{background-color:#092e5e;color:#fff;padding:15px;cursor:pointer;font-size:16px;font-weight:700;text-align:left;transition:background-color .3s ease}.accordion-header:hover{background-color:#b7113d;color:#fff}.accordion-header:after{content:"▼";float:right;transition:transform .3s ease}.accordion-header.active:after{transform:rotate(-180deg)}.accordion-content{max-height:0;overflow:hidden;background-color:#fff;transition:max-height .3s ease;padding:0 15px}.accordion-content p{padding:15px 0;margin:0}.unique-multi-select-container{position:relative;width:100%;margin:20px 0}.unique-select-box{border-radius:5px;padding:10px;background:#092e5e;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:#fff}.unique-select-box:after{content:"▼";font-size:12px;color:#fff}.unique-options-container{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #bbb;border-top:none;max-height:250px;overflow-y:auto;z-index:10}.unique-option{padding:10px;cursor:pointer;border-bottom:1px solid #f4f4f4}.unique-option:hover{background:#f0f0f0}.unique-option input[type=checkbox]{margin-right:10px}.unique-done-button{text-align:center;padding:10px;background:#092e5e;color:#fff;border:none;cursor:pointer;width:90%;position:absolute;bottom:-50px;left:5%;border-top-left-radius:6px;border-top-right-radius:6px}.unique-done-button:hover{background:#092e5e}.unique-selected-values{margin:10px 0;font-size:14px;color:#092e5e}.single-select-container{position:relative;width:100%;margin:0 0 20px}.single-select-input{border-radius:5px;padding:10px;background:#092e5e;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:#fff}.single-select-input:after{content:"▼";font-size:12px;color:#fff}.single-options-container{display:none;position:absolute;top:100%;left:0;right:0;background:#f1f1f1;color:#092e5e;border:1px solid #bbb;border-top:none;z-index:10;border-radius:0 0 5px 5px;overflow:hidden}.single-option{padding:10px;cursor:pointer;border-bottom:1px solid #f4f4f4}.single-option:last-child{border-bottom:none}.single-option:hover{background:#f0f0f0}.pagination{display:flex;justify-content:center;flex-wrap:nowrap;gap:4px}.pagination a{color:#000;padding:8px 16px;text-decoration:none;transition:background-color .3s;border:1px solid #ddd;text-align:center;white-space:nowrap;flex-shrink:0}.pagination a.active{background-color:#092e5e;color:#fff;border:1px solid #092e5e}.pagination a:hover:not(.active){background-color:#b7113d;color:#fff}@media (max-width:768px){.logo{right:197px}.background-top{width:478px}.contentRightBox{width:225px;border-bottom:316px solid #fff;border-left:224px solid transparent;top:-40px}.bottomInfoText{left:20px}.menu-wrap{left:82%}:root{--primary-color:#b7113d;--overlay-color:#b7113df5}.menu-wrap .menu>div{width:1000vw;height:1000vw;transition:all .6s ease}.rowContainer{top:160px}}@media (max-width:375px){.login-container{padding:15px;width:90%;left:5%}.login-container h2{font-size:2em}.tasks{left:14px}}