@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300&display=swap";*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth;font-family:DM Sans,sans-serif}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#fdcb6eb3;border-radius:4px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:#fdcb6e66}.home-page{height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;background-image:url(/assets/nova-CL_33Gsn.jpg);background-size:cover;background-position:center}.home-page header{position:absolute;top:2rem;left:2rem}.home-page header img{width:15vw;max-width:180px}.card{display:flex;flex-direction:column;align-items:center;padding:2rem;border-radius:16px;max-width:1200px;width:90%;height:auto}.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;width:100%;margin-top:2rem}.grid-item{display:flex;flex-direction:column;align-items:center;border-radius:14px;padding:2vw;box-shadow:0 6px 20px #00000040;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);transition:all .3s ease;cursor:pointer}.grid-item:hover{background:#ffffff59;transform:translateY(-6px) scale(1.05);box-shadow:0 12px 32px #0006}.link{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-decoration:none;color:#fff;width:100%;font-weight:500}.link img{width:100%}.grid-item button{background-color:transparent;border:none;cursor:pointer;font-size:18px;color:#fff}.logout{position:absolute;top:1rem;right:1rem;padding:.6rem 1.2rem;border:none;border-radius:5px;background-color:#e17055;cursor:pointer;transition:.5s}.logout:hover{transform:translateY(6px) scale(1.05);background-color:#ff7675}@media(max-width:768px){.home-page header{flex-direction:column;gap:.5rem}.home-page header img{width:30vw;max-width:120px}.card{padding:1rem;width:95%}.grid-container{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:16px}.grid-item{padding:1rem}}@media(max-width:480px){.home-page header img{width:40vw;max-width:100px}.home-page h1{font-size:1.5rem}.home-page button{padding:.5rem 1rem;font-size:.9rem}}.data-table-wrapper{background-color:#fff;padding:1rem;border-radius:4px;box-shadow:0 5px 20px #0000004d}.rdt-theme-custom::-webkit-scrollbar{width:8px;height:12px}.rdt-theme-custom::-webkit-scrollbar-track{background:transparent}.rdt-theme-custom::-webkit-scrollbar-thumb{background-color:#03a19f;border-radius:4px;border:2px solid transparent;background-clip:content-box}.data-table-wrapper input{background-color:#81ecec;color:#000;border:2px solid rgba(178,190,195,1);border-radius:5px}.table-action-button{margin:.2rem;padding:.3rem;border:none;cursor:pointer;border-radius:5px;background-color:#fdcb6eb3;transition:.5s}.table-action-button:hover{background-color:#fdcb6e;transform:translateY(-2px)}.table-action-button-danger{padding:.3rem;border:none;cursor:pointer;border-radius:5px;background-color:#fab1a0;transition:.5s}.table-action-button.mapping{background-color:#81ecec}.table-action-button.detail{background-color:#55efc4}.table-action-button-danger:hover{background-color:#ff7675;transform:translateY(-2px)}.survey-layout-container{display:flex;height:100vh;overflow:hidden}.survey-sidebar{flex-shrink:0;width:220px;background:#03a19f;color:#fff;display:flex;flex-direction:column;padding:1rem;transition:.5s;box-shadow:0 10px 20px #1c1a3399;overflow-y:auto}.survey-sidebar::-webkit-scrollbar{width:8px}.survey-sidebar::-webkit-scrollbar-track{background:transparent}.survey-sidebar::-webkit-scrollbar-thumb{background-color:#fdcb6eb3;border-radius:4px;border:2px solid transparent;background-clip:content-box}.survey-sidebar::-webkit-scrollbar-thumb:hover{background-color:#fff9}.survey-sidebar img{width:100%;margin-bottom:1.5rem}.survey-navigation{display:flex;flex-direction:column;gap:.5rem}.survey-navigation a{display:flex;align-items:center;text-decoration:none;font-size:14px;padding:10px;color:#fff;font-weight:700;border-radius:4px;transition:background-color .3s,transform .2s}.survey-navigation a:hover,.survey-navigation a.active{transform:translateY(-2px);background-color:#81ecec;color:#000}.survey-hamburger{display:flex;flex-direction:column;justify-content:center;gap:4px;width:30px;height:30px;border:none;background:none;cursor:pointer;transition:.3s}.survey-hamburger:hover{transform:translateY(-2px)}.survey-hamburger .bar{height:3px;width:100%;background-color:#dfe6e9;border-radius:2px;transition:.3s}.survey-hamburger:hover .bar{height:4px}.survey-sidebar.closed{transform:translate(-100%);position:absolute;z-index:999;background-color:#fff;height:100vh}.survey-sidebar.open{transform:translate(0)}.survey-content-area{flex:1;display:flex;flex-direction:column;min-width:0;height:100vh}.survey-header{flex-shrink:0;background-image:url(/assets/nova-CL_33Gsn.jpg);background-size:cover;background-position:bottom;background-repeat:no-repeat;padding:1rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000001a}.survey-main-content{flex:1;padding:2rem;overflow-y:auto;transition:.5s}.survey-main-content::-webkit-scrollbar{width:8px}.survey-main-content::-webkit-scrollbar-track{background:transparent}.survey-main-content::-webkit-scrollbar-thumb{background-color:#03a19f;border-radius:4px;border:2px solid transparent;background-clip:content-box}.survey-page-container header{margin-bottom:20px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.export-button{margin-top:.5rem;background-color:#81ecec;padding:.3rem;border:none;border-radius:4px;cursor:pointer;transition:.5s}.export-button:hover{transform:translateY(-2px);background-color:#00cec9}.survey-page-container header .datetime{width:20vw;max-width:160px;border-radius:5px}.survey-page-container .primary-button{padding:10px;background-color:#81ecec;color:#000;border:none;cursor:pointer;border-radius:4px;transition:.5s}.survey-page-container .primary-button:hover{transform:translateY(2px);transform:translate(-2px);background-color:#00cec9}.instruction{padding:10px 0}.instruction table{width:50%;border-collapse:collapse}.instruction table th{background-color:#f2f2f2;text-align:left;padding:8px}.instruction table td{background-color:#fff;padding:8px}.login-page{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;flex-direction:row;background-image:url(/assets/login-B_6--TAW.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}.login-page .card{background:#ffffff26;padding:2rem;width:20vw;height:auto;border-radius:12px;box-shadow:0 8px 32px #00000040;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.login-page img{display:block;max-width:100%;height:auto;margin:0 auto 1.5rem;object-fit:contain}.login-page input{width:100%;padding:8px;margin-bottom:1rem;font-size:14px;border-radius:6px;border:none;outline:none;background:#ffffff1a;color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.login-page input:focus{outline:none;border:none;background:#ffffff26}.login-page input::placeholder{color:#ffffffb3}.login-page button{width:100%;padding:12px;background-color:#0984e3;color:#fff;font-size:16px;font-weight:600;border-radius:6px;border:none;cursor:pointer;transition:.5s}.login-page button:hover{transform:translateY(3px);box-shadow:0 8px 32px #00000080;background-color:#74b9ff}@media(max-width:768px){.login-page{align-items:center}.login-page-header,.login-page-main{width:100%;height:50%}.login-page .card{width:90%;height:auto}}.pelatihan-layout-container{display:flex;height:100vh;overflow:hidden}.pelatihan-sidebar{flex-shrink:0;width:220px;background:#a29bfe;color:#fff;display:flex;flex-direction:column;padding:1rem;transition:.5s;box-shadow:0 10px 20px #1c1a3399;overflow-y:auto}.pelatihan-sidebar::-webkit-scrollbar{width:8px}.pelatihan-sidebar::-webkit-scrollbar-track{background:transparent}.pelatihan-sidebar::-webkit-scrollbar-thumb{background-color:#fdcb6eb3;border-radius:4px;border:2px solid transparent;background-clip:content-box}.pelatihan-sidebar::-webkit-scrollbar-thumb:hover{background-color:#fff9}.pelatihan-sidebar img{width:100%;margin-bottom:1.5rem}.pelatihan-navigation{display:flex;flex-direction:column;gap:.5rem}.pelatihan-navigation a{display:flex;align-items:center;text-decoration:none;font-size:14px;padding:10px;color:#fff;font-weight:700;border-radius:4px;transition:background-color .3s,transform .2s}.pelatihan-navigation a:hover,.pelatihan-navigation a.active{transform:translateY(-2px);background-color:#74b9ff;color:#000}.pelatihan-hamburger{display:flex;flex-direction:column;justify-content:center;gap:4px;width:30px;height:30px;border:none;background:none;cursor:pointer;transition:.3s}.pelatihan-hamburger:hover{transform:translateY(-2px)}.pelatihan-hamburger .bar{height:3px;width:100%;background-color:#dfe6e9;border-radius:2px;transition:.3s}.pelatihan-hamburger:hover .bar{height:4px}.pelatihan-sidebar.closed{transform:translate(-100%);position:absolute;z-index:999;background-color:#fff;height:100vh}.pelatihan-sidebar.open{transform:translate(0)}.btn-logout{display:flex;flex-direction:row;align-items:center;background-color:#d6303180;color:#fff;padding:.6rem 1.2rem;border:none;border-radius:6px;cursor:pointer;font-weight:700;font-size:1rem;transition:background-color .3s,transform .2s}.btn-logout:hover{background-color:#d63031;transform:translateY(-2px)}.pelatihan-content-area{flex:1;display:flex;flex-direction:column;min-width:0;height:100vh}.pelatihan-header{flex-shrink:0;background-image:url(/assets/nova-CL_33Gsn.jpg);background-size:cover;background-position:bottom;background-repeat:no-repeat;padding:1rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000001a}.pelatihan-main-content{flex:1;padding:2rem;overflow-y:auto;transition:.5s}.pelatihan-main-content::-webkit-scrollbar{width:8px}.pelatihan-main-content::-webkit-scrollbar-track{background:transparent}.pelatihan-main-content::-webkit-scrollbar-thumb{background-color:#a29bfe;border-radius:4px;border:2px solid transparent;background-clip:content-box}.pelatihan-page-container header{margin-bottom:20px;display:flex;flex-direction:column;align-items:start;justify-content:space-between}.pelatihan-page-container header .datetime{width:20vw;max-width:160px;border-radius:5px}.pelatihan-page-container .primary-button{padding:10px;background-color:#a29bfe;color:#fff;border:none;cursor:pointer;border-radius:4px;transition:.5s}.pelatihan-page-container .primary-button:hover{transform:translateY(2px);transform:translate(-2px);background-color:#6c5ce7}.loading{display:flex;align-items:center;justify-content:center}.loading .loader{width:20%;height:20%}.button-loader{width:20px;height:20px}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;padding:1rem;z-index:1000;overflow-y:auto}.modal{background:#03a19f;color:#000;padding:2rem;border-radius:10px;width:100%;max-width:700px;min-height:400px;height:auto;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0006}.modal.user{background-color:#fdcb6e99;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 8px 10px #fff3;overflow:visible}.modal::-webkit-scrollbar{width:8px}.modal::-webkit-scrollbar-track{background:transparent}.modal::-webkit-scrollbar-thumb{background-color:#fdcb6eb3;border-radius:4px;border:2px solid transparent;background-clip:content-box}.modal::-webkit-scrollbar-thumb:hover{background-color:#fdcb6e66}.modal-header{padding-bottom:1rem}.modal-column{display:flex;flex-direction:column}.modal span{color:#000}.modal h3{margin-top:0;font-size:1.4rem;margin-bottom:1rem}.modal input,.modal select,textarea{width:100%;padding:.6rem;margin-bottom:1rem;border:none;outline:none;border-radius:6px;font-size:1rem;background-color:#fff;color:#000}.modal-datetime{width:100%;background-color:#fff;border:none;transition:.5s;border-radius:5px}.modal select{cursor:pointer}.modal.user .modal-button button{background-color:#670805;color:#fff;border-radius:5px}.modal-button{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.modal-option{display:flex;flex-direction:column;align-items:start;margin:10px}.modal-option .modal-select{border:2px solid;border-radius:5px;width:100%}.modal-option input[type=checkbox]{transform:scale(2);margin-top:1rem;cursor:pointer}.modal-option button{cursor:pointer}.modal-button button{padding:.5rem 1rem;font-size:.9rem;transition:.1s;border:none;border-radius:5%;cursor:pointer;background-color:#00b894;box-shadow:0 3px 1px #000}.modal-button button:hover{background-color:#55efc4;transform:translateY(5px);box-shadow:none}.cancel{background:none!important;color:#000!important;border:1px solid rgba(103,8,5,1)!important}.modal-table{padding:.6rem}.change-password .modal-option{display:flex;flex-direction:row;align-items:center;justify-content:center;background-color:#fff;border-radius:6px}.change-password .modal-option button{border:none;background-color:transparent;padding:1rem}.change-password .modal-option input{margin:0 auto;background-color:transparent}.check-modal-button{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:5px;padding:.5rem}.check-modal-button button{padding:.2rem;border:none;cursor:pointer}.check-modal-button button:hover{background-color:#faebd7}.user-login-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#111;width:100%;background-color:#670805;overflow:hidden}.snow-canvas{position:fixed;top:0;left:0;z-index:0;width:100%;height:100%}.login img{width:100%;transition:.2s}.ring{display:flex;justify-content:center;align-items:center;border:4px solid #ffeaa7;border-radius:10%;padding:2rem;transition:.2s;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.ring:hover{filter:drop-shadow(0 0 5px rgba(253,203,110,1))}@keyframes animate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes animate2{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.login{width:300px;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px;z-index:1000}.login h2{font-size:2em;color:#fff}.login .input{width:100%;display:flex;align-items:center;border-radius:40px;border:2px solid#ffeaa7;padding:.7rem}.login .input button{background-color:transparent;border:none;cursor:pointer;color:#ffeaa7}.login .input input{position:relative;width:100%;background:transparent;font-size:1.2em;border:none;color:#fff;box-shadow:none;outline:none}.login .input input::placeholder{color:#ffffffbf}.login .links{position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.login .links a{color:#fff;text-decoration:none}.login-button{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center}.login-button button{width:100%;padding:12px 20px;border-radius:40px;font-size:18px;background-color:#ffeaa7;border:none;cursor:pointer;transition:.5s}.login-button button:hover{background-color:#fdcb6e;transform:translateY(2px)}@media(max-width:768px){.ring{width:60vw;height:60vw}.login{width:80%}.login img{width:50vw}.login h2{font-size:1.6em}.login .input{font-size:1em;padding:10px 16px}.login-button button{padding:10px 16px}}@media(max-width:480px){.ring{width:100vw;height:100vw}.login{width:90%;gap:15px}.login h2{font-size:1.4em}.login .input{font-size:.9em;padding:8px 14px}.login .links{flex-direction:column;gap:10px;padding:0;text-align:center}.login-button button{padding:8px 14px}}.home-page-container header{display:flex;justify-content:space-between;padding:1rem;background-color:#55efc466;border-radius:5px;margin-bottom:1rem;box-shadow:0 4px 10px #0003}header button{cursor:pointer;padding:10px}.home-status-container{display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;border-radius:5px;box-shadow:0 4px 10px #0003}.home-status-wrapper{padding:.5rem}.home-status-wrapper p,h2,h3,h4{display:flex;align-items:center;color:#000;gap:10px}.home-status{padding-left:1rem;margin-top:.5rem;border-radius:5px}.home-status-body{display:flex}.home-status-body p{font-style:italic}@media(max-width:768px){.home-page-container header{margin-bottom:.4rem}.home-status{width:100%;font-size:14px}}*{margin:0;padding:0;box-sizing:border-box;font-family:Quicksand,sans-serif}body{background-color:#fdcb6e33;overflow:hidden}.user-layout-container{display:flex;height:100vh;overflow:hidden}.user-sidebar{margin:15px 0 15px 15px;flex-shrink:0;min-width:220px;max-width:260px;background:#670805;color:#fff;display:flex;flex-direction:column;border-radius:10px;box-shadow:0 4px 10px #0003;overflow-y:auto;gap:1rem;transform:translate(0);transition:transform .45s ease,opacity .35s ease;opacity:1}.user-sidebar.closed{transform:translate(-100%);opacity:0;position:absolute;z-index:999;height:100%}.user-sidebar.open{transform:translate(0);opacity:1}.user-sidebar::-webkit-scrollbar{width:8px}.user-sidebar::-webkit-scrollbar-track{background:transparent}.user-sidebar::-webkit-scrollbar-thumb{background-color:#fdcb6eb3;border-radius:5px;border:2px solid transparent;background-clip:content-box}.user-sidebar::-webkit-scrollbar-thumb:hover{background-color:#fff9}.user-navigation{margin-bottom:1rem;display:flex;flex-direction:column;gap:.5rem;padding:0 .5rem}.user-navigation a{display:flex;align-items:center;text-decoration:none;gap:.4rem;font-size:14px;padding:.5rem;color:#000;background-color:#fdcb6e;box-shadow:0 4px 1px #fff;border-radius:10px;transition:.1s}.user-navigation a:hover,.user-navigation a.active{background-color:#fdcb6ecc;transform:translateY(5px);box-shadow:none}.user-hamburger{display:flex;flex-direction:column;justify-content:center;gap:4px;width:30px;height:30px;border:none;background:none;cursor:pointer}.user-hamburger .bar{height:3px;width:100%;background-color:#670805;border-radius:2px;transition:.1s;box-shadow:0 1px 1px #000}.user-hamburger:hover .bar{transform:translateY(1px);box-shadow:none}.btn-logout{display:flex;flex-direction:row;align-items:center;background-color:#670805cc;color:#fff;box-shadow:0 4px 1px #000;padding:.6rem 1.2rem;border-radius:5px;cursor:pointer;font-weight:700;font-size:1rem;transition:.1s}.btn-logout:hover{box-shadow:none;background-color:#670805;transform:translateY(5px)}.btn-logout:active{transform:scale(.98)}.user-content-area{flex:1;display:flex;flex-direction:column;min-width:0;height:100vh;margin:5px 5px 5px 0}.user-header{flex-shrink:0;padding:1rem;display:flex;justify-content:space-between;align-items:center}.user-main-content{position:relative;flex:1;padding:1rem;overflow-y:auto;transition:opacity .4s ease}.user-main-content.content-open{overflow-y:hidden;opacity:.6}.user-main-content::-webkit-scrollbar{width:8px}.user-main-content::-webkit-scrollbar-thumb{background-color:#670805;border-radius:5px;border:2px solid transparent;background-clip:content-box}.user-page-container header{margin-bottom:20px;display:flex;align-items:center;justify-content:space-between}.user-page-container .primary-button{padding:10px;background-color:#670805;color:#000;border:none;cursor:pointer;border-radius:5px;transition:.4s ease}.user-page-container .primary-button:hover{transform:translate(-2px,2px);background-color:#670805;color:#fff}.overlay{position:absolute;inset:0;height:1000vh;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.profile{margin:1rem .5rem 0;display:flex;flex-direction:row;align-items:center;gap:.5rem;padding:.5rem;background-color:#ffffff4d;border-radius:10px}.profile h3{color:#fff;text-align:start;font-size:14px}.profile p{color:#fff;text-align:start;font-size:12px}.img-container{position:relative;aspect-ratio:1 / 1;transition:.5s;border-radius:50%;overflow:hidden;padding:.4rem}.img-container img{width:100%;height:100%;object-fit:cover}.img-container:after{content:"";position:absolute;top:1%;left:1%;height:100%;width:100%;background-image:linear-gradient(90deg,#3c67e3 43%,#5ddcff);z-index:-2}.img-container,.profile-detail{flex:0 0 30%}@media(max-width:768px){.user-sidebar.open{width:100%}.user-content-area{margin:0}.user-header{border-radius:0}.user-sidebar{border-radius:0;margin:0;height:100vh;max-width:none;gap:0;padding:0}.user-navigation{padding:1rem}.user-navigation a{border-radius:20px}.profile{flex-direction:column;padding:0;justify-content:start;height:25%}.profile h3,.profile p{text-align:center}.img-container,.profile-detail{flex:0 0 60%}.user-main-content{padding:1rem}.user-hamburger{gap:2px;width:22px;height:22px}.btn-logout{padding:.3rem .5rem;font-size:.85rem}.user-header{padding:.7rem}}.survey-page-container h2,h3,p{color:#000}.survey-page-header{display:flex;flex-direction:column;align-items:start;background-color:#fff;padding:10px;border-radius:5px;box-shadow:0 4px 10px #0003;margin-bottom:1rem}.survey-page-header header{width:100%;display:flex;justify-content:space-between}.survey-btn{transition:.1s!important;background-color:#fdcb6ecc!important;box-shadow:0 4px 1px #000!important}.survey-btn:hover{background-color:#fdcb6e!important;box-shadow:none!important;transform:translateY(5px)!important}.survey-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;width:100%;margin-top:1rem;margin-bottom:2rem}.request .survey-card{cursor:default}.survey-card{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:start;border-radius:5px;box-shadow:0 4px 10px #0003;background-color:#55efc466;transition:all .3s ease;cursor:pointer;padding:1rem;max-width:500px}.active .survey-card{box-shadow:0 4px 1px #000!important}.active .survey-card:hover{transform:translateY(4px);background-color:#81ecec80;box-shadow:none!important}.survey-card-header{display:flex;border-bottom:2px solid;width:100%;padding-bottom:.2rem}.survey-card-body{padding-top:.2rem;display:flex;width:100%}.survey-card-body h3,.survey-card-header div{flex:1;font-size:14px}.survey-tooltip{position:fixed;display:flex;color:#000;font-size:16px;padding:4px 10px;border-radius:5px;pointer-events:none;white-space:nowrap;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;transform:translate(-50%,-50%)}.survey-status-list{margin-bottom:1rem;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:1rem}.survey-status{padding:1rem;display:flex;flex-direction:column;align-items:center;border-radius:5px;box-shadow:0 4px 10px #0003}.survey-status-value{display:flex;flex-direction:row}.survey-status h2{margin-left:10px}.coming{background-color:#ffeaa766}.complete{background-color:#55efc466}.incomplete{background-color:#ff767566}.card-status{position:absolute;top:12px;right:-40px;background-color:#fdcb6e80;padding:4px 40px;font-size:12px;font-weight:600;transform:rotate(45deg);box-shadow:0 2px 6px #0003;text-align:center}@media(max-width:768px){.survey-status-list{margin-bottom:1rem}.survey-page-container{font-size:12px}.survey-list{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:.4rem;margin-bottom:.8rem;gap:10px}.survey-card{display:flex;flex-wrap:wrap;padding:.3rem}.survey-card-header,.survey-card-body{flex-direction:column}.survey-status{padding:.5rem}.survey-status h4{font-size:10px}}.survey-work-page-container{margin:0 auto;min-height:100vh;width:100%;height:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#670805;display:flex;flex-direction:column;align-items:center}.survey-work-page-wrapper{max-width:1000px;background-color:#fdcb6e;border-radius:5px;padding:2rem;height:100vh;box-shadow:0 4px 10px #fff3;overflow:auto}.back-button{display:flex;align-items:center;background-color:#670805b3;color:#fff;padding:.4rem;border:none;border-radius:5px;cursor:pointer;transition:.1s;box-shadow:0 4px 1px #000}.back-button:hover{background-color:#670805;transform:translateY(5px);box-shadow:none}.survey-work-header{text-align:center;margin-bottom:2rem;display:flex;justify-content:center}.survey-work-header h2{font-size:1.8rem;font-weight:600;color:#333}.survey-work-body{display:flex;flex-direction:column;gap:2rem;padding:1rem}.pilihan-survey-question h2{font-size:1rem;margin-bottom:1rem}.option-label{margin-bottom:.5rem;display:block;width:100%;padding:12px;border:2px solid;border-radius:5px;background-color:#fff;cursor:pointer;position:relative;transition:.3s}.option-label:hover{background-color:#74b9ff}.option-label input[type=radio]{position:absolute;opacity:0;width:100%;height:100%;top:0;left:0;margin:0;cursor:pointer}.option-text{display:inline-block}.option-label.isSelected{background-color:#0984e3;color:#fff;border-color:#636e72}.terbuka-survey-question h2{font-size:1rem;margin-bottom:1rem}.terbuka-survey-text textarea{width:100%;min-height:120px;padding:.75rem;box-shadow:0 4px 10px #0003;border-radius:5px;font-size:1rem;resize:vertical;transition:border-color .2s ease}.terbuka-survey-text textarea:focus{outline:none;box-shadow:0 4px 10px #fff3;background-color:#f9fbff}.linier-survey-question-container{box-shadow:0 4px 10px #0003}.linier-survey-question{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:1rem;background-color:#fff}.linier-survey-question h2{font-size:1rem;flex:1;white-space:normal;overflow-wrap:break-word;word-break:break-word;overflow:visible}.linier-survey-options{display:flex;justify-content:center;width:100%;flex-wrap:wrap;flex:2}.linier-survey-options label{display:flex;flex-direction:column-reverse;align-items:center;cursor:pointer;padding:.5rem .75rem;transition:all .2s ease}.linier-survey-options input[type=radio]{accent-color:rgba(103,8,5,1);cursor:pointer}.linier-survey-options label:hover{background-color:#f0f4ff}.linier-survey-options input:checked+span{font-weight:600;color:#2563eb}.form-button button{margin-top:1rem;padding:1rem;width:100%;cursor:pointer;border:none;box-shadow:0 4px 1px #000;background-color:#670805b3;color:#fff;border-radius:5px;transition:.1s;font-weight:700}.form-button button:hover{background-color:#670805;box-shadow:none;transform:translateY(5px)}@media(max-width:768px){.survey-work-body{padding:0;border:none}.linier-survey-question h2{font-size:1rem;flex:1}.linier-survey-options label{flex-direction:row}.linier-survey-options{flex-direction:column;align-items:start;flex:2}.linier-survey-question{flex-direction:column;align-items:start}}.content-header{padding:10px 1rem;box-shadow:0 4px 10px #0003;border-radius:5px;margin-bottom:1rem;background-color:#74b9ff66}.content-table{border-radius:5px}.content-table header{margin-bottom:1rem}.content-table input{background-color:#fff}