body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0d5a84;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{padding:10px;text-align:center}.App-logo{height:30vmin;max-width:80%;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(8px + 2vmin);justify-content:center;min-height:100vh;padding:20px;text-align:center}.App-link{color:#61dafb;font-size:1rem}@media (max-width:768px){.App-header{font-size:calc(8px + 2vmin);min-height:auto;padding:15px}.App-logo{height:25vmin;max-width:70%}}@media (max-width:480px){.App-header{font-size:calc(6px + 2vmin);padding:10px}.App-logo{height:20vmin;max-width:60%}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.toggle-button{background:#444;border-radius:8px;color:#fff;cursor:pointer;display:block!important;font-size:22px;left:15px;padding:12px 18px;position:fixed;top:15px;transition:background .3s ease;z-index:1400}.toggle-button:hover{background:#555}.overlay{background:#00000080;display:none;height:100%;left:0;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:900}.sidebar.open+.overlay{display:block;opacity:1}.sidebar{align-items:center;background-color:#222;box-shadow:2px 0 5px #0003;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;overflow-x:hidden;padding:10px;position:fixed;top:0;transition:width .3s ease-in-out;width:70px;z-index:1000}.sidebar h2{color:#fff;font-size:24px;font-weight:700;margin-bottom:10px;text-align:center}.sidebar.open{width:240px}.sidebar ul{list-style:none;margin-top:20px;padding:0;width:100%}.sidebar li{padding:15px;text-align:center;transition:background .3s ease}.sidebar li:hover{background:#ffffff1a}.sidebar a{color:#fff;display:block;font-size:16px;padding:10px;text-decoration:none}@media (max-width:768px){.toggle-button{background:#444;border-radius:8px;color:#fff;cursor:pointer;display:block!important;font-size:22px;left:15px;padding:12px 18px;position:fixed;top:15px;transition:background .3s ease;z-index:1500}.toggle-button:hover{background:#555}.overlay{background:#00000080;display:none;height:100%;left:0;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:1400}.sidebar.open+.overlay{display:block;opacity:1}.sidebar{align-items:center;background-color:#222;box-shadow:2px 0 5px #0003;color:#fff;display:flex;flex-direction:column;height:100vh;left:-100%;overflow-x:hidden;padding:10px;position:fixed;top:0;transition:left .4s ease-in-out;width:70px;z-index:1300}.sidebar.open{height:100%;left:0;width:100%}.sidebar ul{align-items:center;display:flex;flex-direction:column;list-style:none;margin-top:10px;width:100%}.sidebar li{background:#ffffff1a;border-radius:10px;margin:10px 0;max-width:300px;opacity:0;padding:15px;text-align:center;transform:translateY(-20px);transition:background .3s ease;transition:transform .3s ease,opacity .3s ease;width:85%}.sidebar.open li{opacity:1;transform:translateY(0)}.sidebar a{color:#fff;display:block;font-size:16px;padding:10px;text-decoration:none}}.dashboard{overflow:hidden}@media (max-width:768px){.dashboard{flex-direction:column}.sidebar{height:auto;width:100%}.main-content{margin-left:0;padding:15px 15px 15px 0}.main-content.expanded{margin-left:0}}.add-kuisioner-container{background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px #0000001a;box-sizing:border-box;margin:20px 0;max-width:100%;padding:20px}.add-kuisioner-container h2{color:#2c3e50;font-size:24px;margin-bottom:20px;text-align:center}.add-kuisioner-container form{display:flex;flex-direction:column}.add-kuisioner-container label{color:#34495e;font-size:16px;margin-bottom:8px}.add-kuisioner-container input[type=text],.add-kuisioner-container select{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:16px;margin-bottom:15px;outline:none;padding:10px;transition:border-color .3s;width:100%}.add-kuisioner-container input[type=text]:focus,.add-kuisioner-container select:focus{border-color:#2980b9}.add-kuisioner-container button{background-color:#2980b9;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px;transition:background-color .3s;width:100%}.add-kuisioner-container button:hover{background-color:#216a94}@media (max-width:480px){.add-kuisioner-container{padding:15px}.add-kuisioner-container h2{font-size:20px}.add-kuisioner-container button,.add-kuisioner-container input[type=text],.add-kuisioner-container label,.add-kuisioner-container select{font-size:14px}}.kategori-container{gap:20px}.kategori-card{flex:1 1 200px;margin:10px;transition:transform .2s}.kategori-card:hover{transform:scale(1.05)}@media (max-width:768px){.kategori-card{flex:1 1 100%;max-width:300px}}.error-message,.success-message{animation:showMessage .5s ease-out forwards,hideMessage 3s ease-in 2.5s forwards;border-radius:5px;box-shadow:0 4px 8px #0003;font-weight:700;left:50%;max-width:400px;opacity:0;padding:10px 20px;position:fixed;text-align:center;top:20px;transform:translateX(-50%);width:90%;z-index:1000}@keyframes showMessage{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes hideMessage{0%{opacity:1}to{opacity:0;transform:translateX(-50%) translateY(20px)}}.success-message{background-color:#28a745;color:#fff}.error-message{background-color:#dc3545;color:#fff}.kategori-table{box-sizing:border-box}.add-kategori-container{background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:20px 0;max-width:100%;padding:20px}.add-kategori-container h2{color:#2c3e50;font-size:24px;margin-bottom:20px;text-align:center}.add-kategori-container label{color:#34495e;font-size:16px;margin-bottom:8px}.add-kategori-container form{box-sizing:border-box;display:flex;flex-direction:column;max-width:100%;width:100%}.add-kategori-container input[type=text],.add-kategori-container select{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:16px;margin-bottom:15px;max-width:100%;padding:10px;width:100%}.add-kategori-container input[type=text]:focus,.add-kategori-container select:focus{border-color:#2980b9}.add-kategori-container button{background-color:#2980b9;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px;transition:background-color .3s;width:100%}.add-kategori-container button:hover{background-color:#216a94}@media (max-width:768px){.dashboard{flex-direction:column}.sidebar{height:auto;width:100%}.main-content{margin-left:0;padding:15px 15px 15px 0}.main-content.expanded{margin-left:0}.add-kategori-container{padding:15px}.kategori-container{align-items:center;flex-direction:column;margin-left:0}.kategori-card{flex:1 1 auto;max-width:300px;width:100%}}@media (max-width:480px){.add-kategori-container h2{font-size:20px}.add-kategori-container button,.add-kategori-container input[type=text],.add-kategori-container label,.add-kategori-container select{font-size:14px}.kategori-card{height:auto;padding:15px}}.kategori-table{border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;overflow-x:auto;width:100%}.kategori-table table{border-collapse:collapse;width:100%}.kategori-table td,.kategori-table th{border-bottom:1px solid #ddd;padding:10px;text-align:left;white-space:nowrap}.kategori-table th{background-color:#f4f4f4;color:#333;font-weight:700}.kategori-table tr:hover{background-color:#f1f1f1}.kategori-table .delete-button,.kategori-table .edit-button{border:none;border-radius:4px;cursor:pointer;font-size:14px;margin-right:5px;padding:6px 10px;width:50%}.kategori-table .edit-button{background-color:#4caf50;color:#fff}.kategori-table .delete-button{background-color:#f44336;color:#fff}.kategori-table .edit-button:hover{background-color:#45a049}.kategori-table .delete-button:hover{background-color:#e53935}@media (max-width:768px){.kategori-table td,.kategori-table th{font-size:14px;padding:8px}}@media (max-width:480px){.kategori-table td,.kategori-table th{font-size:12px;padding:6px}}@media (max-width:768px){.kategori-table .delete-button,.kategori-table .edit-button{font-size:12px;padding:4px 6px;width:60px}}@media (max-width:480px){.kategori-table .delete-button,.kategori-table .edit-button{font-size:10px;padding:3px 5px;width:60px}}.header{background-color:#f4f4f4;padding:15px;text-align:center;transition:margin-left .3s}.header.full-width{margin-left:60px}.header.collapsed{margin-left:220px}@media (max-width:768px){.header{padding:10px}.header,.header.collapsed,.header.full-width{margin-left:0}}@media (max-width:480px){.header{font-size:14px;padding:8px}}.kategori-container{flex-wrap:wrap;gap:15px;margin-top:20px;max-width:100%;padding:0 10px}.kategori-card,.kategori-container{align-items:center;box-sizing:border-box;display:flex;justify-content:center}.kategori-card{background:#f0f0f0;border-radius:10px;box-shadow:0 2px 5px #0000001a;cursor:pointer;height:150px;padding:20px;text-align:center;transition:transform .2s,box-shadow .2s}.kategori-card,.kategori-container:after{flex-basis:calc(33.333% - 20px);flex-grow:1;flex-shrink:1;max-width:220px}.kategori-container:after{content:""}@media (max-width:768px){.kategori-card{height:120px;padding:15px}.kategori-card,.kategori-container:after{flex-basis:calc(50% - 15px);flex-grow:1;flex-shrink:1;max-width:180px}}@media (max-width:480px){.kategori-card{flex:1 1 100%;height:100px;max-width:100%;padding:10px}.kategori-container:after{display:none}}.main-content{margin-left:60px;overflow-x:hidden;padding:20px}.content{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-top:20px;padding:20px}h2{color:#333;font-size:24px;margin-bottom:20px}@media (max-width:768px){.dashboard{flex-direction:column}.main-content{margin-left:0;padding:15px}.main-content.expanded{margin-left:0}.content{margin-top:15px;padding:15px}h2{font-size:20px;text-align:center}}@media (max-width:480px){.content,.main-content{padding:10px}.content{border-radius:8px}h2{font-size:18px}}.information-container{align-items:center;background-color:#f0f2f5;display:flex;justify-content:center;min-height:100vh;padding:20px}.information-container .card{background:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;max-width:800px;padding:30px;text-align:center}.information-container h1{color:#333;font-size:2rem;margin-bottom:15px}.information-container h2{color:#444;font-size:1.5rem;margin-top:20px}.information-container p{color:#555;font-size:1rem;line-height:1.8;margin-bottom:10px;text-align:justify}.information-container button{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;margin-top:20px;padding:12px;transition:background .3s,transform .2s;width:100%}.information-container button:hover{background-color:#0056b3;transform:scale(1.05)}.dashboard{background-color:#f9f9f9;display:flex;height:100vh}.sidebar{transition:width .3s;width:60px}.sidebar.expanded{width:220px}.main-content{flex:1 1;overflow-y:auto;padding:20px 20px 20px 60px;transition:margin-left .3s}.main-content.expanded{margin-left:220px;padding-left:80px}.pertanyaan-container{background-color:#fafafa;border-radius:12px;box-shadow:0 4px 14px #00000026;margin:20px 0;max-width:100%;padding:20px}.pertanyaan-container h2{color:#2c3e50;font-size:24px;font-weight:600;margin-bottom:40px;text-align:center}.pertanyaan-list{list-style-type:none;padding:0}.pertanyaan-item{background-color:#fff;border-radius:10px;box-shadow:0 3px 10px #0000001a;margin-bottom:20px;padding:20px;transition:transform .3s}.pertanyaan-item:hover{transform:translateY(-5px)}.pertanyaan-text{color:#34495e;font-size:18px;font-weight:500;margin-bottom:15px}.range-options{justify-content:space-between;padding:15px 0}.range-option,.range-options{display:flex;position:relative}.range-option{align-items:center;cursor:pointer;flex-direction:column;flex-grow:1;padding:10px;transition:background-color .3s,box-shadow .3s}.range-option:hover{background-color:#f0f4f8;box-shadow:0 2px 6px #00000026}.range-option input[type=radio]{margin-bottom:8px;transform:scale(1.3)}.range-option label{color:#2c3e50;font-size:16px;font-weight:500}.range-option:not(:last-child):after{background:linear-gradient(180deg,#2c3e5000,#bdc3c7,#2c3e5000);content:"";height:60%;position:absolute;right:0;top:20%;width:1px}.navigation-buttons{align-items:center;display:flex;justify-content:space-between;margin-top:30px}.navigation-button{align-items:center;background:linear-gradient(135deg,#6dd5fa,#2980b9);border:none;border-radius:30px;box-shadow:0 4px 10px #00000026;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:center;letter-spacing:1px;overflow:hidden;padding:12px 30px;position:relative;text-transform:uppercase;transition:background .4s ease,transform .2s ease,box-shadow .3s ease}.navigation-button:hover{background:linear-gradient(135deg,#53a0de,#2c6fa7);box-shadow:0 8px 20px #00000040}.navigation-button:active{transform:scale(.97)}.navigation-button.disabled{background:linear-gradient(135deg,#ccc,#999);box-shadow:none;cursor:not-allowed}.navigation-button .icon{font-size:18px;margin-right:10px;transition:transform .3s ease}.navigation-button:hover .icon{transform:translateX(5px)}.navigation-button.disabled:hover{background:linear-gradient(135deg,#ccc,#999)}@media (max-width:768px){.dashboard{flex-direction:column;height:auto}.sidebar{display:flex;height:auto;justify-content:space-around;padding:10px 0;width:100%}.main-content{margin-left:0;padding-left:20px}.pertanyaan-container{margin:10px 0;padding:15px}.pertanyaan-container h2{font-size:20px;margin-bottom:20px}.pertanyaan-item{margin-bottom:15px;padding:15px}.pertanyaan-text{font-size:16px}.range-options{align-items:center;flex-direction:column;gap:10px}.range-option{text-align:center;width:100%}.range-option:not(:last-child):after{display:none}.navigation-buttons{align-items:center;flex-direction:column;gap:10px}.navigation-button{font-size:14px;letter-spacing:.5px;padding:12px;width:90%}.navigation-button .icon{font-size:16px;margin-right:5px}}@media (max-width:480px){.pertanyaan-container{padding:10px}.pertanyaan-text{font-size:14px}.navigation-button{font-size:13px;padding:10px;width:100%}}.container{background:#fff;border-radius:15px;box-shadow:0 4px 12px #0000001a;margin:10vh auto;max-width:400px;padding:40px;width:90%}.container,.header{display:flex;flex-direction:column}.header{align-items:center;background:#0000;gap:5px}.text{color:#333;font-family:Arial,sans-serif;font-size:28px;font-weight:600;text-align:center}.underline{background:#030477;border-radius:5px;height:4px;width:50px}.inputs{display:flex;flex-direction:column;gap:15px;margin-bottom:20px;margin-top:20px}.input{align-items:center;background:#f5f5f5;border-radius:10px;box-shadow:inset 0 2px 6px #0000001a;display:flex;height:45px;overflow:hidden;padding:0 10px;width:100%}.input img{flex-shrink:0;height:auto;margin-right:10px;max-width:20px}.input input{background:#0000;border:none;color:#555;flex:1 1;font-size:16px;min-width:0;outline:none}.forgot-password{color:#666;font-size:14px;margin-top:10px;text-align:center}.forgot-password span{color:#2980b9;cursor:pointer;text-decoration:underline}.submit-container{margin-bottom:20px;margin-top:20px}.submit,.submit-container{display:flex;justify-content:center}.submit{align-items:center;border-radius:25px;box-shadow:0 2px 8px #0000001a;color:#fff;cursor:pointer;font-size:16px;font-weight:600;height:45px;max-width:200px;transition:background .3s ease;width:100%}.submit,.submit:hover{background:#030477}.gray{background:#e0e0e0;box-shadow:none;color:#676767}.gray:hover{background:#d0d0d0}@media (max-width:480px){.container{margin-bottom:5vh;margin-top:5vh;padding:15px}.text{font-size:22px}.input{height:40px;padding:0 8px}.input img{max-width:16px}.submit{font-size:14px;height:38px}}.summary-page{align-items:center;background:linear-gradient(45deg,#dc6ff5,#af65e7);border-radius:15px;box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:30px}.summary-title{animation:bounceIn 2s ease-in-out;color:#fff;font-size:36px;margin-bottom:20px;text-shadow:2px 2px 5px #0000004d}.user-info{color:#fff;font-size:18px;font-weight:600;margin:10px 0}.user-info span{color:#fc0}.circle-container{animation:bounceIn 2s ease-in-out;margin-top:40px;position:relative}.circle{transform-origin:center}.progress-circle{animation:bounceIn 1s ease-in-out;transition:stroke-dashoffset 1s ease}.percentage-text{color:#fff;font-size:24px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.emoji-container{animation:bounceIn 1s ease-in-out;font-size:50px;margin-top:20px}.emoji{animation:bounce 1s infinite;display:inline-block}.emoji-gold{color:#fc0}.emoji-silver{color:silver}.emoji-bronze{color:#cd7f32}.emoji-score-text{color:#fff;font-size:20px;font-weight:700;margin-top:20px;text-align:center}@keyframes bounceIn{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.2)}to{transform:scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:768px){.summary-page{border-radius:10px;min-height:100vh;padding:20px}.summary-title{font-size:28px;text-align:center}.user-info{font-size:16px;text-align:center}.circle-container{margin-top:20px;max-width:250px;width:80%}.progress-circle{height:auto;width:100%}.emoji-container{font-size:40px;margin-top:15px}.emoji-score-text{font-size:18px;padding:0 10px}.percentage-text{font-size:20px}}
/*# sourceMappingURL=main.70927a8e.css.map*/