@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";#nprogress{pointer-events:none}#nprogress .bar{background:#29d;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;-webkit-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:solid 2px transparent;border-top-color:#29d;border-left-color:#29d;border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#nprogress .bar{background:#e42015;height:2.4px}#nprogress .peg{box-shadow:0 0 10px #e42015,0 0 5px #e42015}*{margin:0;padding:0;box-sizing:border-box;font-family:Lato,sans-serif}:root{--tag-color: #fff;--white-color: #fff;--black-color: #000;--light-white-color: #f0f0f0;--light-gray-color: #e5e5e5;--border-color: #ccc;--primary-color: #094b88;--secondary-color: #404040;--overlay-dark-color: rgba(0, 0, 0, .6);--wrapper-color: #fdfeff;--wrapper-name-color: #31344b;--table-color-ntd-chid:#f2f2f2;--table-color-ntd-chid-hover:#ddd}.dark-mode{--tag-color: #fff;--white-color: #171717;--black-color: #d4d4d4;--light-white-color: #333;--light-gray-color: #404040;--border-color: #808080;--secondary-color: #d4d4d4;--overlay-dark-color: rgb(255, 255, 255);--wrapper-color: #171717;--wrapper-name-color: #d3d4e0;--table-color-ntd-chid:#171717;--table-color-ntd-chid-hover:#171717}body{background:var(--white-color)}.container{display:flex;overflow:hidden;max-height:100vh;flex-direction:column}header,.sidebar .nav-left{position:sticky;top:0;z-index:10;background:var(--primary-color)}.navbar{display:flex;gap:2rem;align-items:center;padding:.5rem 1rem;justify-content:space-between}.mt-1{margin-top:1px}.mt-2{margin-top:2px}.mt-3{margin-top:3px}.mt-4{margin-top:4px}.mt-10{margin-top:10px}h2{color:var(--overlay-dark-color)}.h-50{height:50px}.h-40{height:40px}.h-30{height:30px}.h-20{height:20px}.h-5{height:5px}.text-3xl{font-size:3rem}.text-white{color:var(--white-color)}#customers tr td,.text-black{color:var(--black-color)}.text-red-500{color:#f13131}.text-1xl{font-size:1rem}.text-center{text-align:center}.week .text-black{color:var(--black-color)}.text-red-400{color:#de2727}.text-primary{color:var(--primary-color)}.text-orange-400{color:#f0ab2a}:where(.navbar,.sidebar) .nav-section{gap:1rem}:where(.navbar,.sidebar) :where(.nav-section,.nav-logo,.search-form){display:flex;align-items:center}:where(.navbar,.sidebar) :where(.logo-image,.user-image){width:32px;cursor:pointer;border-radius:50%}:where(.navbar,.sidebar) .nav-section .nav-button{border:none;height:40px;width:40px;cursor:pointer;background:none;border-radius:50%}:where(.navbar,.sidebar) .nav-section .nav-button2{border:none;height:40px;width:40px;cursor:pointer;background:none;border-radius:50%}:where(.navbar,.sidebar) .nav-section .nav-button:hover{background:#032e56}:where(.navbar,.sidebar) .nav-section .nav-button2:hover{background:#032e56}:where(.navbar,.sidebar) .nav-button i{font-size:1.5rem;display:flex;color:#fff;align-items:center;justify-content:center}:where(.navbar,.sidebar) .nav-logo{display:flex;gap:.5rem;text-decoration:none}:where(.navbar,.sidebar) .nav-logo .logo-text{color:#fff;font-size:1.25rem}:where(.navbar,.sidebar) .nav-logo .logo-text-sub{color:#fff;font-size:1.25rem}.navbar .nav-center{gap:.5rem;width:100%;display:flex;justify-content:center}.navbar .search-form{flex:1;height:40px;max-width:550px}.navbar .search-form .search-input{width:100%;height:100%;font-size:1rem;padding:0 1rem;outline:none;color:var(--black-color);background:var(--white-color);border-radius:.3rem 0 0 .3rem;border:1px solid var(--border-color)}.navbar .search-form .search-input:focus{border-color:var(--primary-color)}svg{color:var(--black-color)}.navbar .search-form .search-button{height:40px;width:auto;padding:0 1.25rem;border-radius:.1rem 0 0 .1rem;border:1px solid var(--border-color);border-left:0}.navbar .nav-center .mic-button{background:var(--light-white-color)}.navbar .nav-center .search-button i{color:#fff}.navbar .nav-right .search-button{display:none}.main-layout{display:flex;overflow-y:auto;scrollbar-color:#a6a6a6 transparent}.main-layout .sidebar{width:280px;overflow:hidden;background:var(--white-color)}.main-layout .sidebar .nav-left{display:none}body.sidebar-hidden .main-layout .sidebar{width:0;padding:0}.sidebar .links-container{padding:1rem 0 2rem;overflow-y:auto;height:calc(100vh - 60px);scrollbar-width:thin}.sidebar .links-container:hover{scrollbar-color:#a6a6a6 transparent}.sidebar .link-section .link-item{display:flex;color:var(--black-color);white-space:nowrap;align-items:center;font-size:.938rem;padding:.37rem .75rem;margin-bottom:.25rem;border-radius:.3rem;text-decoration:none}.sidebar .link-section .link-item:hover{background:var(--light-gray-color)}.sidebar .link-section .link-item.active{background:var(--primary-color);color:var(--tag-color)}.sidebar .link-section .link-item i{font-size:1.4rem;margin-right:.625rem}.sidebar .link-section .section-title{color:var(--black-color);font-weight:600;font-size:.938rem;margin:1rem 0 .5rem .5rem}.sidebar .section-separator{height:1px;margin:.64rem 0;background:var(--light-gray-color)}.main-layout .content-wrapper{padding:0 1rem;overflow-x:hidden;width:100%}.content-wrapper .category-list{display:flex;overflow-x:auto;gap:.75rem;padding:.75rem 0 .7rem;scrollbar-width:none}.category-list .category-button{border:none;cursor:pointer;font-weight:500;font-size:.94rem;border-radius:.3rem;white-space:nowrap;color:var(--black-color);padding:.4rem .75rem;background:var(--light-gray-color)}.category-list .category-button.active{color:var(--tag-color);background:var(--primary-color);pointer-events:none}.dark-mode .category-list .category-button.active{filter:brightness(120%)}.category-list .category-button:not(.active):hover{background:var(--border-color)}.content-wrapper .video-list{display:grid;gap:1rem;padding:1.25rem 0 4rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.video-list .video-card{text-decoration:none}.video-list .video-card .thumbnail-container{position:relative}.video-list .video-card .thumbnail{width:100%;object-fit:cover;border-radius:.5rem;aspect-ratio:16 / 9;background:var(--light-white-color)}.video-list .video-card .duration{position:absolute;right:.65rem;bottom:.8rem;color:#fff;font-size:.875rem;padding:0 .3rem;border-radius:.3rem;background:var(--overlay-dark-color)}.video-list .video-card .video-info{display:flex;gap:.7rem;padding:.7rem .5rem}.video-list .video-card .icon{width:36px;height:36px;border-radius:50%}.video-list .video-card .title{font-size:1rem;color:var(--black-color);font-weight:600;line-height:1.375;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.video-list .video-card:hover .title{color:var(--primary-color)}.video-list .video-card p{font-size:.875rem;color:var(--secondary-color)}.video-list .video-card .channel-name{margin:.25rem 0 .15rem}.link-quizz{display:flex;flex-direction:column;text-align:center;gap:15px}.link-quizz .begin{border:none;outline:none;cursor:pointer;background:#61396d;padding:10px 0;border-radius:6px;color:#fff;font-size:1rem;font-weight:400;transition:.2s ease;margin-top:4px}.link-quizz .begin:hover{background:#392040}@media (max-width: 768px){.navbar .nav-center,.navbar .nav-right .search-button{display:none}.sidebar .links-container{padding:1rem .7rem 0}.main-layout .screen-overlay{position:absolute;left:0;top:0;z-index:15;width:100%;height:100vh;background:var(--overlay-dark-color);transition:.2s ease}body.sidebar-hidden .main-layout .screen-overlay{opacity:0;pointer-events:none}.main-layout .sidebar{position:absolute;left:0;top:0;z-index:20;height:100vh;transition:.2s ease}body.sidebar-hidden .main-layout .sidebar{left:-280px}.main-layout .sidebar .nav-left{display:flex;width:100%;padding:8px}.logo-text{display:none}}.wrapper-cardreport,.wrapper-cardreport .img-area,.social-icons a,.buttons button{background:var(--wrapper-color);box-shadow:-3px -3px 7px var(--light-white-color),3px 3px 5px var(--light-white-color);border:1px solid #eeeeee}.wrapper-cardreport{position:relative;width:100%;padding:30px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-direction:column}.wrapper-cardreport .icon{font-size:17px;color:var(--wrapper-name-color);position:absolute;cursor:pointer;opacity:.7;top:15px;height:35px;width:35px;text-align:center;line-height:35px;border-radius:50%;font-size:16px}.wrapper-cardreport .icon i{position:relative;z-index:9}.wrapper-cardreport .icon.arrow{left:15px}.wrapper-cardreport .icon.dots{right:15px}.wrapper-cardreport .img-area{height:150px;width:150px;border-radius:50%;display:flex;align-items:center;justify-content:center}.img-area .inner-area{height:calc(100% - 25px);width:calc(100% - 25px);border-radius:50%}.inner-area img{height:100%;width:100%;border-radius:50%;object-fit:cover}.wrapper-cardreport .name{font-size:23px;font-weight:500;color:var(--wrapper-name-color);margin:10px 0 5px}.wrapper-cardreport .about{color:#44476a;font-weight:400;font-size:16px}.wrapper-cardreport .social-icons{margin:15px 0 25px}.social-icons a{position:relative;height:40px;width:40px;margin:0 5px;display:inline-flex;text-decoration:none;border-radius:50%}.social-icons a:hover:before,.wrapper-cardreport .icon:hover:before,.buttons button:hover:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;border-radius:50%;background:#ecf0f3;box-shadow:inset -3px -3px 7px #fff,inset 3px 3px 5px #ceced1}.buttons button:hover:before{z-index:-1;border-radius:5px}.social-icons a i{position:relative;z-index:3;text-align:center;width:100%;height:100%;line-height:40px}.wrapper-cardreport .buttons{display:flex;width:100%;justify-content:space-between}.buttons button{position:relative;width:100%;border:none;outline:none;padding:12px 0;color:#31344b;font-size:17px;font-weight:400;border-radius:5px;cursor:pointer;z-index:4}.buttons button:first-child{margin-right:10px}.buttons button:last-child{margin-left:10px}.wrapper-cardreport .social-share{display:flex;width:100%;margin-top:30px;padding:0 5px;justify-content:space-between}.social-share .row{color:#31344b;font-size:17px;cursor:pointer;position:relative}.social-share .row:before{position:absolute;content:"";height:100%;width:2px;background:#e0e6eb;margin-left:-25px}.row:first-child:before{background:none}.social-share .row i.icon-2{position:absolute;left:0;top:50%;color:var(--wrapper-name-color);transform:translateY(-50%);opacity:0;pointer-events:none;transition:all .3s ease}.row:nth-child(1):hover i.fa-heart,.row:nth-child(2):hover i.fa-comment{opacity:1;pointer-events:auto}.container-pagination,.button-pagination,.links-pagination,.link-pagination{display:flex;align-items:center;justify-content:center}.container-pagination{padding:20px;border-radius:8px;column-gap:12px;background:var(--white-color);overflow:auto;white-space:nowrap;width:100%}.button-pagination{border:none}.button-pagination i{pointer-events:none}.button-pagination:disabled{color:#b3b3b3;pointer-events:none}.button-pagination,.link-pagination{height:45px;width:45px;font-size:20px;color:#666;background-color:#f2f2f2;border-radius:6px;cursor:pointer}.links-pagination{column-gap:12px}.link-pagination{font-weight:500;text-decoration:none}.button-pagination:hover,.link-pagination:hover,.link-pagination.active{color:#fff;background:var(--primary-color)}#customers{font-family:Arial,Helvetica,sans-serif;border-collapse:collapse;width:100%}#customers td{border:1px solid #ddd;padding:12px}.td-link{color:#0d569a}.td-link:hover{color:#0a3a68;font-weight:600}#customers th{border-right:1px solid #ddd;padding:10px}#customers tr:nth-child(2n){background-color:var(--table-color-ntd-chid)}#customers tr:hover{background-color:var(--table-color-ntd-chid-hover);cursor:pointer}#customers th{padding-top:12px;padding-bottom:12px;text-align:left;background-color:#0d569a;color:#fff}#customers a{text-decoration:none}#customers .btn-update{border:none;outline:none;cursor:pointer;background:#149a55;padding:7px;border-radius:3px;color:#fff}#customers .btn-delete{border:none;outline:none;cursor:pointer;background:#ca2424;padding:7px;border-radius:3px;color:#fff}#customers .btn-state{border:none;outline:none;cursor:pointer;background:#eee;padding:7px;border-radius:3px;color:#fff}#customers .btn-primary{border:none;outline:none;cursor:pointer;background:#0d569a;padding:7px;border-radius:3px;color:#fff}.col-75 label{color:var(--black-color)}.col-75 input{color:var(--black-color);background:var(--white-color)}.text-center i,.report-style p{color:var(--black-color)}.collapsible-collapse{background-color:transparent;color:var(--black-color);cursor:pointer;padding:14px;width:100%;border:none;text-align:left;outline:none;font-size:15px;border:1px solid #e8e1e1}.content p{color:var(--black-color)}.active-collapse,.collapsible-collapse:hover{background-color:var(--light-white-color)}.p-joint{color:var(--black-color)}.content-collapse{padding:0 18px;display:none;overflow:hidden;background-color:#f1f1f1}.btn-btn-primary{border:none;outline:none;cursor:pointer;background:#0d569a;padding:7px;border-radius:3px;color:#fff;align-items:center;text-align:center}.btn-btn-danger{border:none;outline:none;cursor:pointer;background:#e42015;padding:7px;border-radius:3px;align-items:center;text-align:center}button.login{display:flex;align-items:center;justify-content:center;position:relative;min-width:100px;min-height:40px;padding:10px 20px;font-size:16px;font-weight:700;color:#fff;background-color:#007bff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.tooltip-container{position:relative;display:inline-block}.tooltip-text{visibility:hidden;background-color:#000;color:#fff;text-align:center;padding:5px 10px;border-radius:5px;position:absolute;top:120%;left:50%;transform:translate(-50%);white-space:nowrap;font-size:12px;opacity:0;transition:opacity .3s ease-in-out;z-index:9999;overflow:visible;cursor:pointer}.tooltip-container:hover .tooltip-text{visibility:visible;opacity:1}.new-year-popup{border-radius:20px!important;box-shadow:0 25px 50px #094b884d!important;border:2px solid rgba(9,75,136,.1)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#fffffffa!important;overflow:hidden!important}.new-year-popup:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#094b88,#1e3a8a,#094b88);background-size:200% 100%;animation:gradient-move 3s ease infinite}.new-year-title{font-size:2rem!important;font-weight:700!important;background:linear-gradient(135deg,#094b88,#1e3a8a)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;text-shadow:none!important;margin-bottom:10px!important}.new-year-content{padding:0!important;margin:0!important}@keyframes gradient-move{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.new-year-popup:after{content:"🎉 ✨ 🎊 ⭐ 💫 🌟";position:absolute;top:-10px;left:0;right:0;text-align:center;font-size:1.5rem;animation:confetti-fall 4s ease-in-out infinite;pointer-events:none;z-index:1000}@keyframes confetti-fall{0%{transform:translateY(-30px) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1;transform:translateY(20px) rotate(360deg)}to{transform:translateY(30px) rotate(360deg);opacity:0}}.swal2-confirm{font-size:1.1rem!important;padding:12px 30px!important;border-radius:25px!important;font-weight:600!important;background:linear-gradient(135deg,#094b88,#1e3a8a)!important;border:none!important;box-shadow:0 5px 15px #094b8866!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.swal2-confirm:hover{transform:translateY(-2px)!important;box-shadow:0 8px 25px #094b8880!important}.swal2-confirm:active{transform:translateY(0)!important}.dark-mode .new-year-popup{background:#171717fa!important;border-color:#094b884d!important;color:#f1f5f9!important}.dark-mode .new-year-title{background:linear-gradient(135deg,#3b82f6,#1e40af)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important}@media (max-width: 768px){.new-year-popup{margin:10px!important;width:calc(100% - 20px)!important}.new-year-title{font-size:1.5rem!important}.new-year-popup:after{font-size:1.2rem}}@keyframes sparkle{0%,to{opacity:1}50%{opacity:.7;transform:scale(1.05)}}.new-year-content h2{animation:sparkle 2s ease-in-out infinite}@keyframes glow{0%,to{text-shadow:0 0 5px rgba(9,75,136,.5)}50%{text-shadow:0 0 20px rgba(9,75,136,.8),0 0 30px rgba(9,75,136,.6)}}.new-year-popup:after{animation:confetti-fall 4s ease-in-out infinite,glow 3s ease-in-out infinite}.flex-login{display:flex;align-items:center}.container-login{padding:0 15px;min-height:100vh;justify-content:center;background:#f0f2f5}.facebook-page-login{justify-content:space-between;max-width:1100px;width:100%}.facebook-page-login .text{margin-bottom:90px}.facebook-page-login h1{color:#0d569a;font-size:4rem;margin-bottom:10px}.facebook-page-login p{font-size:1.75rem;white-space:nowrap}#form-login{display:flex;flex-direction:column;background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a,0 8px 16px #0000001a;max-width:550px;width:100%}#form-login input{height:50px;width:100%;border:1px solid #ccc;border-radius:6px;font-size:1.1rem;padding:0 14px}#form-login select{height:50px;width:100%;border:1px solid #ccc;border-radius:6px;font-size:1rem;padding:0 14px}#form-login input:focus{outline:none;border-color:#0d569a}::placeholder{color:#777;font-size:1.063rem}.link-login{display:flex;flex-direction:column;text-align:center;gap:15px}.link-login .login{border:none;outline:none;cursor:pointer;background:#0d569a;padding:15px 0;border-radius:6px;color:#fff;font-size:1.25rem;font-weight:600;transition:.2s ease}.link-login .login-primary{border:none;outline:none;cursor:pointer;background:#0d569a;padding:10px 0;border-radius:6px;color:#fff;font-size:1.25rem;font-weight:600;transition:.2s ease}.link-login .login-success{border:none;outline:none;cursor:pointer;background:#67c270;padding:10px 0;border-radius:6px;color:#fff;font-size:1.25rem;font-weight:600;transition:.2s ease}.link-login .login-light{border:none;outline:none;cursor:pointer;background:#eee;padding:10px 0;border-radius:6px;color:#474545;font-size:1.25rem;font-weight:600;transition:.2s ease}.link-login .login-bad{border:none;outline:none;cursor:pointer;background:#f44336;padding:10px 0;border-radius:6px;color:#fff;font-size:1.25rem;font-weight:600;transition:.2s ease}.link-login .login:hover{background:#073865}#form-login a{text-decoration:none}.link-login .forgot{color:#0d569a;font-size:1rem}.link-login .forgot:hover{text-decoration:underline}hr{border:none;height:1px;background-color:#ccc;margin-bottom:20px;margin-top:20px}.button-login{margin-top:25px;text-align:center;margin-bottom:20px}.o-cover{object-fit:cover}.button-login a{padding:15px 20px;background:#000;border-radius:6px;color:#fff;font-size:1.063rem;font-weight:600;transition:.2s ease}.button-login a:hover{background:var(--primary-color)}@media (max-width: 900px){.facebook-page-login{flex-direction:column;text-align:center}.facebook-page-login .text{margin-bottom:30px}}@media (max-width: 460px){.facebook-page-login h1{font-size:3.5rem}.facebook-page-login p{font-size:1.3rem}#form-login{padding:15px}}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -16px}.col-25{-ms-flex:25%;flex:25%}.col-50{-ms-flex:50%;flex:50%}.col-75{-ms-flex:75%;flex:75%}.col-25,.col-50,.col-75{padding:0 16px}.container-form{padding:24px;border:1px solid lightgrey;border-radius:3px}textarea{width:100%;height:110px;padding:12px;box-sizing:border-box;border:1px solid #ccc;border-radius:3px;font-size:16px;resize:none}input[type=text],input[type=file],input[type=number],#select-team-form{width:100%;padding:12px;border:1px solid #ccc;border-radius:3px}label{margin-bottom:10px;display:block}.icon-container{margin-bottom:20px;padding:7px 0;font-size:24px}hr{border:1px solid lightgrey}span.price{float:right;color:gray}.img-thumbnail{border:1px solid #ddd;border-radius:4px;padding:5px;width:150px}.img-thumbnail:hover{box-shadow:0 0 2px 1px #8e8c8f}@media (max-width: 800px){.row{flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.col-25{margin-bottom:20px}}.container-radio{display:block;position:relative;padding-left:35px;margin-bottom:28px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.container-radio input{position:absolute;opacity:0;cursor:pointer}.checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#eee;border-radius:50%}.container-radio:hover input~.checkmark{background-color:#ccc}.container-radio input:checked~.checkmark{background-color:#0d569a}.checkmark:after{content:"";position:absolute;display:none}.container-radio input:checked~.checkmark:after{display:block}.container-radio .checkmark:after{top:9px;left:9px;width:8px;height:8px;border-radius:50%;background:#fff}.starting-page{background-position:center;background-size:cover;position:relative;color:#000;font-size:25px;justify-content:center;width:100%;height:100vh;display:flex;align-items:center;background-color:#f2fbff}.starting-topleft{position:absolute;top:0;left:16px}.starting-bottomleft{position:absolute;bottom:0;left:16px}.starting-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}@media (max-width: 768px){.starting-middle{position:static;transform:none;margin:0 auto;text-align:center}}.alert{padding:20px;color:#fff;border-radius:4px}.alert-danger{background-color:#f44336}.alert-success{background-color:#2fb050}.alert-warning{background-color:#e9af29}.text-left{text-align:left}.text-primary{color:#08447c}.text-black{color:#000}.text-success{color:#2fb050}.text-danger{color:#c42618}.text-warning{color:#e1af0b}.text-light{color:#8a8a8a}.closebtn{margin-left:15px;color:#fff;font-weight:700;float:right;font-size:22px;line-height:20px;cursor:pointer;transition:.3s}.closebtn:hover{color:#eee4e4}@media print{.print-hidden{display:none}}button.login .spinner{width:25px;height:25px;border:3px solid transparent;border-top:3px solid white;border-radius:50%;animation:spin 1s linear infinite}p.text-center{display:flex;align-items:center;justify-content:center;text-align:center;margin:0;padding:10px;font-size:16px}p.text-center .loader{width:44px;height:44px;border:3px solid #ccc;border-top:3px solid #000;border-radius:50%;animation:spin 1s linear infinite}.snow-animation{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;overflow:hidden}.snowflake{position:absolute;top:-50px;border-radius:50%;opacity:.8;animation:fall 10s linear infinite,sway 6s ease-in-out infinite}.snowflake:nth-child(1){width:8px;height:8px;left:5%;background:radial-gradient(circle,#ffeb3b,#ffa726);animation-duration:12s,8s}.snowflake:nth-child(2){width:6px;height:6px;left:15%;background:radial-gradient(circle,#03a9f4,#0288d1);animation-duration:10s,7s}.snowflake:nth-child(3){width:10px;height:10px;left:25%;background:radial-gradient(circle,#fff,#f1f1f1);animation-duration:14s,9s}.snowflake:nth-child(4){width:12px;height:12px;left:40%;background:radial-gradient(circle,#8e24aa,#7b1fa2);animation-duration:11s,7s}.snowflake:nth-child(5){width:7px;height:7px;left:55%;background:radial-gradient(circle,#ff5722,#e64a19);animation-duration:13s,8.5s}.snowflake:nth-child(6){width:5px;height:5px;left:70%;background:radial-gradient(circle,#4caf50,#388e3c);animation-duration:10s,6.5s}.snowflake:nth-child(7){width:9px;height:9px;left:80%;background:radial-gradient(circle,#03a9f4,#0288d1);animation-duration:15s,10s}.snowflake:nth-child(8){width:8px;height:8px;left:90%;background:radial-gradient(circle,#ffeb3b,#ffb300);animation-duration:12.5s,9s}@keyframes fall{0%{top:-50px;opacity:1}to{top:100vh;opacity:.7}}@keyframes sway{0%,to{transform:translate(0)}50%{transform:translate(30px)}}.home-container{min-height:100vh;overflow-x:hidden;position:relative}.hero-section{min-height:100vh;background:linear-gradient(135deg,#4f739a,#1b64b2);background-attachment:fixed;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(120,219,255,.3) 0%,transparent 50%);animation:backgroundShift 20s ease-in-out infinite alternate}@keyframes backgroundShift{0%{transform:translate(-10px) translateY(-5px)}to{transform:translate(10px) translateY(5px)}}.hero-content{text-align:center;z-index:2;position:relative;max-width:800px;padding:2rem}.logo-container{position:relative;display:inline-block;margin-bottom:2rem;animation:logoFloat 3s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.app-logo{width:120px;height:110px;object-fit:contain;filter:drop-shadow(0 10px 30px rgba(0,0,0,.3));transition:all .3s ease;position:relative;z-index:3}.logo-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140px;height:130px;background:radial-gradient(circle,rgba(255,255,255,.4) 0%,transparent 70%);border-radius:50%;animation:glow 2s ease-in-out infinite alternate;z-index:1}@keyframes glow{0%{opacity:.5;transform:translate(-50%,-50%) scale(.9)}to{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}.app-title{font-size:clamp(3rem,8vw,5rem);font-weight:800;margin:1rem 0;letter-spacing:2px;background:linear-gradient(135deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 20px rgba(0,0,0,.3);animation:titleSlideIn 1s ease-out .5s both}@keyframes titleSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.title-text{display:inline-block;margin-right:.5rem}.title-accent{background:linear-gradient(135deg,#ff6b6b,#ffd93d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-description{font-size:clamp(1.1rem,3vw,1.4rem);color:#ffffffe6;line-height:1.6;margin:2rem auto;max-width:600px;font-weight:300;text-shadow:0 2px 10px rgba(0,0,0,.3);animation:descriptionFadeIn 1s ease-out 1s both}@keyframes descriptionFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cta-container{margin-top:3rem;animation:buttonSlideUp 1s ease-out 1.5s both}@keyframes buttonSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.cta-button{position:relative;padding:16px 48px;font-size:1.2rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#123d83);border:none;border-radius:50px;cursor:pointer;overflow:hidden;transition:all .3s ease;box-shadow:0 10px 30px #667eea66;display:inline-flex;align-items:center;gap:12px;text-decoration:none;outline:none;min-width:200px}.cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.cta-button:hover:before{left:100%}.cta-button:hover{transform:translateY(-2px);box-shadow:0 15px 40px #667eea99}.cta-button:active{transform:translateY(0)}.button-text{position:relative;z-index:2}.button-arrow{width:20px;height:20px;fill:currentColor;color:#fff;transition:transform .3s ease}.cta-button:hover .button-arrow{transform:translate(5px)}.floating-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.floating-circle{position:absolute;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.circle-1{width:100px;height:100px;top:20%;left:10%;animation:float1 6s ease-in-out infinite}.circle-2{width:60px;height:60px;top:60%;right:15%;animation:float2 8s ease-in-out infinite}.circle-3{width:80px;height:80px;bottom:20%;left:20%;animation:float3 7s ease-in-out infinite}@keyframes float1{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(180deg)}}@keyframes float2{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(30px) rotate(-180deg)}}@keyframes float3{0%,to{transform:translateY(0) translate(0) rotate(0)}50%{transform:translateY(-20px) translate(20px) rotate(360deg)}}.features-preview{padding:80px 20px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;max-width:1200px;margin:0 auto}.feature-card{background:#fff;padding:40px 30px;border-radius:20px;text-align:center;box-shadow:0 10px 30px #0000001a;transition:all .3s ease;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(135deg,#667eea,#764ba2)}.feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 50px #0003}.feature-icon{font-size:3rem;margin-bottom:20px;animation:iconBounce 2s ease-in-out infinite}@keyframes iconBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.feature-card h3{font-size:1.5rem;font-weight:700;color:#333;margin-bottom:15px}.feature-card p{color:#666;line-height:1.6;font-size:1rem}@media (max-width: 768px){.hero-content{padding:1rem}.app-logo{width:100px;height:90px}.logo-glow{width:120px;height:110px}.app-description{font-size:1.1rem;padding:0 1rem}.cta-button{padding:14px 32px;font-size:1.1rem;min-width:180px}.features-preview{padding:60px 20px;gap:30px}.feature-card{padding:30px 20px}.floating-circle{opacity:.5}}@media (max-width: 480px){.hero-content{padding:.5rem}.cta-button{width:100%;max-width:280px}.features-preview{grid-template-columns:1fr;padding:40px 15px}}@media (prefers-color-scheme: dark){.feature-card{background:#2a2a2a;color:#fff}.feature-card h3{color:#fff}.feature-card p{color:#ccc}}.custom-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:20px;width:500px;max-width:90%;border-radius:10px;z-index:1050;box-shadow:0 8px 16px #0000004d;opacity:0;animation:modalFadeIn .3s forwards}.custom-modal-body .p-line{font-size:20px;line-height:2}.custom-modal-header,.custom-modal-footer{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.custom-modal-header{border-bottom:1px solid #e5e5e5}.custom-modal-footer{border-top:1px solid #e5e5e5;text-align:right}.custom-modal-body{padding:10px 0}.custom-modal-close{background:transparent;border:none;font-size:1.5rem;cursor:pointer}.custom-modal-overlay{position:fixed;top:50%;left:50%;width:100%;height:100%;background-color:#00000080;z-index:1040;opacity:0;animation:modalFadeIn .3s forwards}.custom-modal.hide,.custom-modal-overlay.hide{animation:modalFadeOut .3s forwards}@keyframes modalFadeIn{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes modalFadeOut{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-40%)}}.custom-modal .modal-header button.close{background:none;border:none;font-size:1.5rem;position:absolute;right:20px;top:20px;cursor:pointer}.custom-modal .modal-content{padding:20px;text-align:center}:root{--primary-color: #0f3669;--primary-light: #033381;--primary-dark: #2c3858;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--surface-primary: #ffffff;--surface-secondary: #f8fafc;--surface-tertiary: #f1f5f9;--border-color: #e5e7eb;--border-hover: #d1d5db;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--transition-fast: .15s ease-out;--transition-normal: .25s ease-out;--transition-slow: .35s ease-out}.dark-mode{--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-tertiary: #9ca3af;--surface-primary: #111827;--surface-secondary: #1f2937;--surface-tertiary: #374151;--border-color: #374151;--border-hover: #4b5563}.modern-content-wrapper{padding:1.5rem;background:var(--surface-secondary);width:97%;max-width:97%;height:calc(100vh - 64px);margin:0;box-sizing:border-box;overflow:hidden}.reports-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:var(--surface-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);width:100%;box-sizing:border-box}.reports-counter{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem;font-weight:500}.reports-counter .count-badge{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:#fff;padding:.25rem .75rem;border-radius:var(--radius-full);font-weight:600;font-size:.75rem}.modern-pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:2rem 0;padding:1rem 0}.pagination-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border-color);background:var(--surface-primary);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:.875rem;font-weight:500}.pagination-btn:hover:not(:disabled){background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-1px);box-shadow:var(--shadow-md)}.pagination-btn:disabled{background:var(--surface-tertiary);color:var(--text-tertiary);cursor:not-allowed;opacity:.6}.pagination-links{display:flex;gap:.25rem;max-width:300px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.pagination-links::-webkit-scrollbar{display:none}.pagination-link{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;border:1px solid var(--border-color);background:var(--surface-primary);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:.875rem;font-weight:500;text-decoration:none}.pagination-link.active{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:#fff;border-color:var(--primary-color);box-shadow:var(--shadow-md)}.pagination-link:hover:not(.active){background:var(--surface-tertiary);border-color:var(--border-hover)}.reports-scroll-container{height:calc(100vh - 200px);overflow-y:auto;overflow-x:hidden;padding-right:.5rem;margin-right:-.5rem}.reports-scroll-container::-webkit-scrollbar{width:8px}.reports-scroll-container::-webkit-scrollbar-track{background:var(--surface-tertiary);border-radius:var(--radius-full)}.reports-scroll-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full);transition:background var(--transition-fast)}.reports-scroll-container::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.date-section{margin-bottom:3rem}.date-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);width:100%;box-sizing:border-box}.date-title{font-size:1.5rem;font-weight:700;margin:0;color:#fff}.date-count{background:#fff3;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:600}.modern-reports-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;padding:0;width:100%}.modern-report-card{background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-normal);box-shadow:var(--shadow-sm);position:relative;cursor:pointer;display:block;text-decoration:none}.modern-report-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--primary-color)}.modern-report-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--primary-light));opacity:0;transition:opacity var(--transition-normal)}.modern-report-card:hover:before{opacity:1}.card-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.5rem 1rem}.user-info{display:flex;align-items:center;gap:1rem;flex:1}.user-avatar-container{position:relative}.user-avatar{width:50px;height:50px;border-radius:var(--radius-full);object-fit:cover;border:3px solid var(--border-color);transition:all var(--transition-fast)}.user-avatar:hover{border-color:var(--primary-color);transform:scale(1.05)}.user-details{flex:1;min-width:0}.user-name{font-size:1rem;font-weight:600;color:var(--primary-color);margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-position{font-size:.875rem;color:var(--text-secondary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-actions{display:flex;align-items:center;gap:.5rem}.status-badge{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-badge.valid{background:#10b9811a;color:var(--success-color);border:1px solid rgba(16,185,129,.2)}.status-badge.invalid{background:#ef44441a;color:var(--danger-color);border:1px solid rgba(239,68,68,.2)}.status-badge.pending{background:#f59e0b1a;color:var(--warning-color);border:1px solid rgba(245,158,11,.2)}.status-icon{font-size:.875rem}.delete-action{background:none;border:none;color:var(--danger-color);cursor:pointer;padding:.5rem;border-radius:var(--radius-md);transition:all var(--transition-fast)}.delete-action:hover{background:#ef44441a;transform:scale(1.1)}.card-content{padding:0 1.5rem}.report-time{display:flex;align-items:center;gap:.5rem;color:var(--text-tertiary);font-size:.875rem;margin-bottom:1rem}.card-footer{padding:1rem 1.5rem 1.5rem;border-top:1px solid var(--border-color);background:var(--surface-secondary)}.card-actions-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.primary-actions{display:flex;gap:.75rem}.action-btn{background:none;border:1px solid var(--border-color);color:var(--text-secondary);padding:.5rem 1rem;border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;font-weight:500;transition:all var(--transition-fast);text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.action-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-1px);box-shadow:var(--shadow-md)}.action-btn.primary{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.action-btn.primary:hover{background:var(--primary-dark)}.action-btn.secondary{background:var(--surface-tertiary);color:var(--text-primary)}.social-actions{display:flex;justify-content:space-between;align-items:center;gap:1rem}.social-action{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:.5rem;border-radius:var(--radius-md);transition:all var(--transition-fast);font-size:.875rem;position:relative;text-decoration:none}.social-action:hover{color:var(--primary-color);background:var(--surface-tertiary);transform:scale(1.05)}.social-action.like{color:var(--danger-color)}.social-action.like:hover{color:var(--danger-color);background:#ef44441a}.social-action.edit{color:var(--primary-color)}.social-action.edit:hover{background:#2563eb1a}.social-action.share{color:var(--success-color)}.social-action.share:hover{background:#10b9811a}.social-action .count{font-weight:600;font-size:.75rem}.loading-container{display:flex;align-items:center;justify-content:center;padding:4rem 2rem}.modern-loader{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.empty-state h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.empty-state p{font-size:.875rem;max-width:400px;margin:0 auto}.modern-modal-content{padding:1.5rem}.comment-form{margin-bottom:2rem}.comment-form label{display:block;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.comment-submit{background:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:.5rem}.comment-submit:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.comment-submit:disabled{opacity:.6;cursor:not-allowed}.comments-container{max-height:400px;overflow-y:auto;padding:1rem;background:var(--surface-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.comments-container::-webkit-scrollbar{width:6px}.comments-container::-webkit-scrollbar-track{background:var(--surface-tertiary);border-radius:var(--radius-full)}.comments-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}.comment-item{padding:1rem;background:var(--surface-primary);border-radius:var(--radius-md);margin-bottom:1rem;border:1px solid var(--border-color)}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.comment-author{font-weight:600;color:var(--text-primary)}.comment-date{font-size:.75rem;color:var(--text-tertiary)}.comment-content{color:var(--text-secondary);line-height:1.6}.success-message{background:#10b9811a;color:var(--success-color);padding:.75rem 1rem;border-radius:var(--radius-md);border:1px solid rgba(16,185,129,.2);margin:1rem 0;font-size:.875rem;font-weight:500}@media (max-width: 1024px){.modern-reports-grid{grid-template-columns:1fr 1fr;gap:1rem}.modern-content-wrapper{padding:1rem}}@media (max-width: 768px){.modern-content-wrapper{padding:.75rem}.reports-header{flex-direction:column;gap:1rem;text-align:center;padding:1rem}.modern-reports-grid{grid-template-columns:1fr;gap:1rem}.modern-pagination{flex-wrap:wrap;gap:.25rem}.pagination-links{order:-1;width:100%;justify-content:center;margin-bottom:1rem}.card-actions-row{flex-direction:column;gap:1rem;align-items:stretch}.primary-actions{justify-content:center}.social-actions{justify-content:space-around}.date-header{padding:1rem;flex-direction:column;text-align:center;gap:.5rem}}@media (max-width: 480px){.user-info{flex-direction:column;text-align:center;gap:.5rem}.card-header{flex-direction:column;gap:1rem}.primary-actions{flex-direction:column;width:100%}.action-btn{justify-content:center}}.file-uploader{width:100%;background:#fff;border-radius:5px;box-shadow:0 10px 20px #0000001a}.file-uploader .uploader-header{display:flex;padding:20px;background:#eef1fb;align-items:center;border-radius:5px 5px 0 0;justify-content:space-between}.uploader-header .uploader-title{font-size:1.2rem;font-weight:700;text-transform:uppercase}.uploader-header .file-completed-status{font-size:1rem;font-weight:500;color:#333}.file-uploader .file-list{list-style:none;width:100%;padding-bottom:10px;max-height:600px;overflow-y:auto;scrollbar-color:#999 transparent;scrollbar-width:thin}.file-uploader .file-list:has(li){padding:20px}.file-list .file-item{display:flex;gap:14px;margin-bottom:22px}.file-list .file-item:last-child{margin-bottom:0}.file-list .file-item .file-extension{height:50px;width:50px;color:#fff;display:flex;text-transform:uppercase;align-items:center;justify-content:center;border-radius:8px;background:#5145ba}.file-list .file-item .file-content-wrapper{flex:1}.file-list .file-item .file-content{display:flex;width:100%;justify-content:space-between}.file-list .file-item .file-name{font-size:1rem;font-weight:600}.file-list .file-item .file-info{display:flex;gap:5px}.file-list .file-item .file-info small{color:#5c5c5c;margin-top:5px;display:block;font-size:.9rem;font-weight:500}.file-list .file-item .file-info .file-status{color:#5145ba}.file-list .file-item .cancel-button{align-self:center;border:none;outline:none;background:none;cursor:pointer;font-size:1.4rem}.file-list .file-item .cancel-button:hover{color:#e3413f}.file-list .file-item .file-progress-bar{width:100%;height:3px;margin-top:10px;border-radius:30px;background:#d9d9d9}.file-list .file-item .file-progress-bar .file-progress{width:0%;height:inherit;border-radius:inherit;background:#5145ba}.file-uploader .file-upload-box{margin:10px 20px 20px;border-radius:5px;min-height:100px;display:flex;align-items:center;justify-content:center;border:2px dashed #B1ADD4;transition:all .2s ease}.file-uploader .file-upload-box.active{border:2px solid #5145BA;background:#f3f6ff}.file-uploader .file-upload-box .box-title{font-size:1.05rem;font-weight:500;color:#626161}.file-uploader .file-upload-box.active .box-title{pointer-events:none}.file-upload-box .box-title .file-browse-button{color:#5145ba;cursor:pointer;font-size:22px}.file-upload-box .box-title .file-browse-button:hover{text-decoration:underline}