@import url(https://fonts.googleapis.com/css2?family=Teachers:wght@400;500;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Teachers:ital,wght@0,400;0,600;0,800;1,400&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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}.home-page{background:url(/static/media/Bg%20awan.859e8cec0c2b31fc410b.png);background-position:50%;background-repeat:no-repeat;background-size:cover;height:917px;margin:0 auto;overflow:hidden;position:relative;width:412px}.homepage-day-title{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(0deg,#fff,#fff);-webkit-background-clip:text;background-clip:text;font-family:Teachers;font-size:32px;font-style:normal;font-weight:800;height:40px;left:calc(50% - 41px);line-height:38px;position:absolute;text-shadow:0 0 20px #fff6;top:calc(50% - 25px);width:90px}.back-arrow{background:none;border:none;color:#fff;font-size:24px}.back-arrow:hover{transform:scale(1.1)}.connection-lines{height:100%;pointer-events:none;position:absolute;width:100%}.vector-line{border:3px solid #452761;border-radius:20px;position:absolute}.vector-43{border-bottom:none;border-left:none;border-top-right-radius:20px;left:150px;top:105px}.vector-43,.vector-44{height:60px;width:140px}.vector-44{border-bottom:none;border-right:none;border-top-left-radius:20px;left:122px;top:195px}.vector-45{border-bottom:none;border-left:none;border-top-right-radius:20px;left:150px;top:290px}.vector-45,.vector-46{height:60px;width:140px}.vector-46{border-bottom:none;border-right:none;border-top-left-radius:20px;left:122px;top:380px}.vector-47{border-bottom:none;border-left:none;border-top-right-radius:20px;left:150px;top:470px}.vector-47,.vector-48{height:60px;width:140px}.vector-48{border-bottom:none;border-right:none;border-top-left-radius:20px;left:122px;top:560px}.vector-49{border-bottom:none;border-left:none;border-top-right-radius:20px;height:60px;left:150px;top:645px;width:140px}.number-boxes{height:100%;position:relative;width:100%}.number-box{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 4px #00000040;cursor:pointer;display:flex;height:88px;justify-content:center;position:absolute;transition:all .3s ease;width:88px}.number-box:hover{background:linear-gradient(180deg,#75217f,#e62d72 133.52%);box-shadow:0 6px 8px #0000004d;transform:translateY(-2px)}.number-box-0{left:81px;top:60px}.number-box-1{left:245px;top:150px}.number-box-2{left:81px;top:240px}.number-box-3{left:245px;top:335px}.number-box-4{left:81px;top:425px}.number-box-5{left:245px;top:515px}.number-box-6{left:81px;top:600px}.number-box-7{left:245px;top:690px}.number-text{align-items:center;color:#452761;display:flex;font-family:Teachers,sans-serif;font-size:48px;font-style:normal;font-weight:500;justify-content:center;line-height:58px;text-shadow:0 0 20px #fff6;transition:color .3s ease}.number-text:hover{color:#fff}@media (max-width:480px){.home-page{max-width:412px;width:100vw}.header{width:100%}.number-box{height:80px;width:80px}.number-text{font-size:42px;line-height:50px}}.attendance-container{background:#cca4cc;height:917px;margin:0 auto;overflow:hidden;position:relative;width:412px}.background-overlay{background:url(/static/media/Bg%20awan.859e8cec0c2b31fc410b.png);background-position:50%;background-repeat:no-repeat;background-size:cover;height:917px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:412px}.back-arrow{top:20px}.header-title{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(0deg,#fff,#fff);-webkit-background-clip:text;background-clip:text;display:flex;font-family:Teachers,sans-serif;font-size:32px;font-style:normal;font-weight:800;height:38px;justify-content:center;line-height:38px;margin:0;text-shadow:0 0 20px #fff6;top:13px;width:162px}.attendance-card,.header-title{left:50%;position:absolute;transform:translateX(-50%)}.attendance-card{background:#fff;border-radius:25px;box-sizing:border-box;height:317px;padding:22px 0;top:300px;width:320px}.question-title{align-items:center;color:#75217f;display:flex;font-family:Teachers,sans-serif;font-size:20px;font-style:normal;font-weight:600;height:24px;line-height:24px;margin:0;text-align:center;text-shadow:0 0 20px #fff6;top:22px;width:246px}.divider,.question-title{left:50%;position:absolute;transform:translateX(-50%)}.divider{border:1px solid #949494;height:0;top:61px;width:320px}.reason-section{left:50%;position:absolute;top:78px;transform:translateX(-50%);width:269px}.reason-label{align-items:center;color:#75217f;display:flex;font-size:14px;height:17px;line-height:17px;text-align:center;top:0;width:44px}.reason-input,.reason-label{font-family:Teachers,sans-serif;font-style:normal;font-weight:400;left:0;position:absolute;text-shadow:0 0 20px #fff6}.reason-input{background:#fff;border:1px solid #949494;border-radius:5px;box-sizing:border-box;color:#949494;font-size:12px;height:59px;line-height:14px;outline:none;padding:8px 12px;resize:none;top:19px;width:269px}.reason-input::placeholder{color:#949494;font-family:Teachers,sans-serif;font-size:12px}.button-section{left:50%;position:absolute;top:179px;transform:translateX(-50%);width:269px}.attendance-btn{align-items:center;border:none;border-radius:5px;box-shadow:0 4px 5px #0000001a;color:#fff;cursor:pointer;display:flex;font-family:Teachers,sans-serif;font-size:14px;font-style:normal;font-weight:600;height:30px;justify-content:center;line-height:17px;position:absolute;text-shadow:0 0 20px #fff6;transition:opacity .2s ease;width:269px}.present-btn{background:#75217f;left:0;top:0}.absent-btn{background:#e62d72;left:0;top:45px}.attendance-btn:hover{opacity:.9}.attendance-btn:active{transform:translateY(1px)}.attendance-btn.selected{opacity:.8;transform:scale(.98)}.popup-overlay{background:#0006;height:100vh;left:0;position:fixed;top:0;width:98vw;z-index:1000}.popup-card,.popup-overlay{align-items:center;display:flex;justify-content:center}.popup-card{background:#513371;border:1px solid #fff;border-radius:20px;box-shadow:0 4px 4px #00000040;box-sizing:border-box;color:#fff;flex-direction:column;font-family:Teachers,sans-serif;font-size:18px;height:196px;padding:16px;text-align:center;width:315px}.popup-card button{background:#fff;border:none;border-radius:8px;color:#513371;cursor:pointer;font-weight:600;margin-top:16px;padding:8px 16px}.login-container{align-items:center;background:url(/static/media/Bg2.29fb49ef021539e41b7b.png) no-repeat 50%;background-size:cover;color:#fff;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:917px;justify-content:flex-start;margin:0 auto;padding-top:80px;width:412px}.dropdown-container{margin-bottom:30px;margin-top:40px}.password-container{margin-bottom:30px}@media (max-width:480px){.login-container{max-width:412px;width:100vw}}.logo{margin-bottom:15px;position:top;width:250px}.dropdown-container{margin-bottom:15px;position:relative;width:330px}.password-container{margin-bottom:20px;width:330px}.password-input{background-color:#d3c9e8;border:none;border-radius:5px;box-sizing:border-box;color:#4a4a4a;font-size:16px;padding:12px 15px;width:100%}.password-input::placeholder{color:#8a8a8a}.password-input:focus{background-color:#e4dcf1;outline:none}.password-input:disabled{cursor:not-allowed;opacity:.7}.custom-dropdown{appearance:none;background-color:#d3c9e8;border:none;border-radius:5px;color:#4a4a4a;cursor:pointer;font-size:16px;padding:12px 40px 12px 15px;width:100%}.dropdown-arrow{height:10px;pointer-events:none;position:absolute;right:15px;top:50%;transform:translateY(-50%);width:15px}.login-button{background:none;border:none;cursor:pointer;height:60px;padding:0;position:relative;width:350px}.button-img{display:block;height:100%;object-fit:cover;width:100%}.button-text{color:#fff;font-size:16px;font-weight:700;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none}.error-message{background-color:#ff00001a;border:1px solid #ff00004d;border-radius:5px;color:#ff6b6b;margin-top:20px;max-width:330px;padding:10px;text-align:center}body,html{width:100%}.kepulangan-page{background:url(/static/media/Bg%20awan.859e8cec0c2b31fc410b.png) no-repeat 50%;background-size:cover;font-family:Teachers,sans-serif;height:917px;margin:0 auto;max-width:412px;position:fixed;position:relative;width:412px}.header{color:#fff;font-size:14px;font-weight:800;line-height:38px;text-shadow:0 0 20px #fff6;width:412px;z-index:10}.back-arrow{cursor:pointer;height:24px;left:16px;position:absolute;width:24px}.title{margin:0 auto}.upload-container{background:#fff;border-radius:20px;height:300px;margin:300px auto;padding:10px;text-align:center;width:320px}.upload-container h2{border-bottom:1px solid #949494;color:#513371;font-size:24px;font-weight:600;line-height:50px;margin:0 auto 20px;width:340px auto}.upload-container form{align-items:center;display:flex;flex-direction:column;margin-top:40px}.file-label{color:#513371;display:block;font-weight:500;margin-bottom:7px;text-align:left}input[type=file]{border:1px solid #ccc;border-radius:4px;box-sizing:center;padding:7px;width:300px}.upload-button{align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;justify-content:center;margin-top:15px;position:relative}.upload-button img{height:auto;width:140px}.upload-button span{color:#fff;font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-80%)}.homepage-container{background:url(/static/media/Bg%20awan.859e8cec0c2b31fc410b.png);background-position:50%;background-repeat:no-repeat;background-size:cover;height:917px;left:calc(50% - 206px);position:relative;width:412px}.header{left:0}.day-title{-webkit-text-fill-color:#0000;background:linear-gradient(0deg,#fff,#fff);-webkit-background-clip:text;background-clip:text;font-family:Teachers;font-size:32px;font-style:normal;font-weight:800;height:40px;left:calc(50% - 41px);line-height:38px;text-shadow:0 0 20px #fff6;top:calc(50% - 44px);width:90px}.button-frame,.day-title{align-items:center;position:absolute}.button-frame{display:flex;flex-direction:column;gap:28px;left:50%;top:calc(50% - 181.5px);transform:translateX(-50%)}.button-games,.button-kehadiran,.button-kepulangan{align-items:center;border-radius:20px;box-shadow:0 4px 5px #0000001a;cursor:pointer;display:flex;font-family:Teachers,sans-serif;font-size:32px;font-weight:500;height:102px;justify-content:center;text-align:center;width:293px}.button-kehadiran,.button-kepulangan{background:linear-gradient(90deg,#59217f,#e62d72 122%);border:1px solid #fff;color:#fff}.button-games{background:linear-gradient(90deg,#75217f,#ad2779 74%,#e62d72 122%);border:1px solid #fff;color:#fff}.button-games:hover,.button-kehadiran:hover,.button-kepulangan:hover{background:#fff;border:1px solid #75217f;color:#75217f}.games-page{background:url(/static/media/Bg%20awan.859e8cec0c2b31fc410b.png) no-repeat 50%;background-size:cover;font-family:Teachers,sans-serif;height:917px;margin:0 auto;max-width:100%;overflow:hidden;position:relative;width:412px}.header{position:absolute;top:0}.back-button{top:20px}.title{-webkit-text-fill-color:#0000;background:linear-gradient(0deg,#fff,#fff);-webkit-background-clip:text;font-size:32px;font-weight:800;line-height:38px;text-shadow:0 0 20px #fff6}.content{align-items:center;display:flex;flex-direction:column;position:absolute;top:271px;width:100%}.subtitle{color:#75217f;font-size:32px;font-weight:700;line-height:38px;text-align:center;width:328px}.play-button,.subtitle{text-shadow:0 0 20px #fff6}.play-button{align-items:center;background:linear-gradient(90.02deg,#59217f .01%,#e62d72 122.16%);border:none;border-radius:20px;box-shadow:0 4px 5px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;height:38px;justify-content:center;margin-top:30px;width:192px}body,html{background:#cca4cc;font-family:Teachers,sans-serif;height:100%;margin:0;padding:0}.games-container{background:url(/static/media/Bg%20awan.859e8cec0c2b31fc410b.png) no-repeat 50%;background-size:cover;flex-direction:column;height:917px;margin:0 auto;max-width:412px}.games-container,.header{align-items:center;display:flex;position:relative;width:100%}.header{background:#513371;height:64px;justify-content:center}.back-button{background:none;border:none;color:#fff;cursor:pointer;font-size:24px;left:16px;position:absolute}.games-title{color:#fff;font-size:32px;font-weight:800;text-shadow:0 0 20px #fff6}.question-card{background:#fff;border:1px solid #75217f;border-radius:5px;box-shadow:0 4px 5px #0000001a;margin-top:40px;padding:20px;text-align:center;width:306px}.question-label{background:#762280;border-radius:5px;color:#fff;display:inline-block;margin-bottom:10px;padding:5px 10px}.question-text{color:#75217f;font-size:16px;font-weight:600;line-height:1.4}.answer-button{background:#fff;border:none;border-radius:5px;box-shadow:0 4px 5px #0000001a;color:#75217f;cursor:pointer;font-size:15px;font-weight:600;margin:8px 0;padding:10px;width:306px}.answer-button:hover{transform:scale(1.01)}.answer-button.selected,.answer-button:hover{background:#8c5f95;color:#fff}.answer-button:disabled{cursor:not-allowed;opacity:.6}.navigation-buttons{display:flex;justify-content:space-between;margin-top:20px;width:306px}.nav-button{background:#75217f;border:none;border-radius:5px;color:#fff;cursor:pointer;flex:1 1;font-weight:600;margin:0 5px;padding:10px}.nav-button:disabled{background:#aaa;cursor:not-allowed}.popup{align-items:center;background:#513371;border:1px solid #fff;border-radius:20px;box-shadow:0 4px 4px #00000040;color:#fff;display:flex;flex-direction:column;font-family:Teachers,sans-serif;height:196px;justify-content:center;left:50%;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:315px;z-index:999}.popup h2{font-size:32px;line-height:38px;margin:0}.popup h2,.popup p{font-weight:600;text-shadow:0 0 20px #fff6}.popup p{font-size:16px;line-height:19px;margin-top:16px}.close-popup{background:none;font-size:24px;line-height:29px;position:absolute;right:15px;text-shadow:0 0 20px #fff6;top:10px}.close-popup,.submit-button{border:none;color:#fff;cursor:pointer;font-weight:600}.submit-button{background:#8c5f95;border-radius:5px;display:block;font-size:16px;margin:16px auto;max-width:300px;padding:10px;transition:background .3s;width:90%}.submit-button:disabled{cursor:not-allowed;opacity:.6}.progress-bar-container{background:#fff;border:1px solid #75217f;border-radius:10px;height:12px;margin:20px auto;max-width:320px;overflow:hidden;width:90%}.progress-bar{background:linear-gradient(90deg,#75217f,#8c5f95);height:100%;transition:width .3s ease}.score-display{background:#fff;border:2px solid #75217f;border-radius:10px;box-shadow:0 4px 6px #0000001a;margin:40px auto;max-width:320px;padding:24px;text-align:center}.score-display h2{color:#75217f;font-size:24px;margin-bottom:12px}.score-display p{color:#513371;font-size:20px;font-weight:700}
/*# sourceMappingURL=main.2853c152.css.map*/