@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;600&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,Outfit,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.swal2-popup.custom-popup{background-color:#fff;border-radius:1rem;box-shadow:0 4px 20px #00000026;color:#333;font-family:Outfit,sans-serif;padding:24px}.swal2-title.custom-title{color:#222;font-size:1rem;font-weight:600}.swal2-confirm.custom-confirm{background-color:#ff7272!important}.swal2-cancel.custom-cancel,.swal2-confirm.custom-confirm{border-radius:6px;color:#fff!important;font-family:Outfit,sans-serif;font-weight:300;padding:8px 16px}.swal2-cancel.custom-cancel{background-color:#c2c2c2!important}.App{text-align:center}.App-logo{height:40vmin;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(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{background-color:#fafdff;color:#424242;font-family:Outfit,sans-serif;margin:0;overflow:hidden}.app-header{align-items:center;background:linear-gradient(135deg,#ffda75,#7eb2ff);color:#fff;display:flex;gap:15px;padding:15px 20px}.menu-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:24px}.main-content{margin-left:0;transition:margin-left .3s}.content-body{padding:0}@media (min-width:614px){.main-content{margin-left:60px}.sidebar{left:0!important}.menu-btn{display:none}}hr{border:1px solid #e8f3ff;margin:0}.spinner-wrapper{align-items:center;display:flex;justify-content:center}.spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-radius:50%;border-top-color:#3550e9}.spinner-overlay{align-items:center;background:#ffffffb3;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}@keyframes spin{to{transform:rotate(1turn)}}*{box-sizing:border-box;font-family:Outfit,sans-serif;margin:0;padding:0}body{background:#fbfaf6}p{margin:0 auto auto;text-align:center}.lastword{color:#9e9e9e;font-size:.7rem;height:auto;justify-content:center;margin-top:20px}.lastword,.login-wrapper{align-items:center;display:flex;width:100%}.login-wrapper{background:linear-gradient(135deg,#fff,#fff,#67b6ff);flex-direction:row;justify-content:space-between;min-height:100vh}.ornamentpic{height:100%;justify-content:center;width:100%}.loginLandingPage,.ornamentpic{align-items:center;display:flex}.loginLandingPage{border-radius:50px;height:80vh;margin:0;overflow:hidden;position:relative;width:90%}.loginLandingPage img{height:100%;object-fit:cover;transition:transform .8s ease;width:100%}.loginLandingPage img:hover{transform:scale(1.3)}.login-container{background:#fff;box-shadow:0 10px 25px rgba(0,0,0,.034);height:100vh;margin:0;max-width:500px;padding:10% 5%;width:100%}.login-container h2{color:#333;font-weight:600;margin-bottom:25px;text-align:center}.login-container input,.login-container select{border:1px solid #ccc;border-radius:8px;font-size:15px;margin-bottom:15px;padding:12px 15px;transition:border-color .3s;width:100%}.login-container input:focus,.login-container select:focus{border-color:#3550e9;outline:none}.tahun-select{appearance:auto;background-color:#f9f9f9;border:2px solid #3550e9;border-radius:8px;font-weight:200;min-width:80px;padding:8px 12px;width:auto}.password-wrapper{margin-bottom:15px;position:relative;width:100%}.pin-input{border:1px solid #ccc;border-radius:8px;font-size:15px;padding:12px 44px 12px 15px;width:100%}.toggle-pin-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#666;cursor:pointer;display:inline-flex;height:32px;justify-content:center;padding:0;position:absolute;right:8px;top:23px;transform:translateY(-50%);transition:color .2s;width:36px}.toggle-pin-btn:hover{color:#3550e9}.toggle-pin-btn:focus{outline:2px solid rgba(255,206,44,.438);outline-offset:2px}.toggle-pin-btn svg{display:block;height:20px;width:20px}.primary-btn{background:#3550e9;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:200;padding:12px;transition:background .3s ease;width:100%}.primary-btn span{display:inline-block;transition:transform .3s ease}.primary-btn:hover{background:#2bd355;font-weight:700}.primary-btn:hover span{transform:scale(1.4)}.error-message{color:#d32f2f;font-size:14px;margin-top:12px;text-align:center}.login-container select.tahun-select{box-sizing:border-box;display:inline-block;max-width:140px;min-width:80px;padding:12px 15px;vertical-align:middle;width:auto}@media (max-width:610px){.login-wrapper{flex-direction:column;gap:50px;height:100vh;justify-content:flex-start}.loginLandingPage{border-radius:100px;border-top-left-radius:0;border-top-right-radius:0;height:100%;max-height:300px;width:100%}.ornamentpic{align-items:flex-start;justify-content:flex-start}.loginLandingPage img{height:100%}.loginLandingPage img:hover{transform:scale(1.7)}.login-container{background:hsla(0,0%,100%,.281);border-radius:10px;left:50%;max-height:50%;max-width:400px;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1}.blur-background{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff0;border-radius:10px;height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.login-content{border-radius:10px;padding:20px;position:relative;z-index:2}}.container{align-items:center;background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff;display:flex;font-family:Arial,sans-serif;height:100vh;justify-content:center;padding:20px}.landing-box{background:#ffffff1a;border-radius:12px;box-shadow:0 8px 20px #0000004d;max-width:500px;padding:40px;text-align:center;width:100%}.title{font-size:28px;font-weight:700}.landing-box h3{font-size:1.3em;font-weight:300;margin:0}.subtitle{font-size:16px;font-weight:300;margin-bottom:30px;margin-top:30px}.tittleWraper{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:center}.button-group{display:flex;flex-direction:column;gap:15px}.button-primary{background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:300;margin-top:14px;padding:3px}.button-primary:hover{border-bottom:1px solid #fff}.button-secondary{background:#fff;border:none;border-radius:8px;color:#2575fc;cursor:pointer;display:inline-block;font-size:16px;font-weight:800;height:50px;line-height:50px;margin:4px auto auto;overflow:hidden;padding:0;text-align:center;text-decoration:none;transition:all .3s;width:250px}.button-secondary:hover{background-color:#ffff50;font-size:1.7rem}.footer{color:#eee;font-size:14px;margin-top:30px}.app-content{text-align:center}@media (max-width:791px){.tittleWraper{flex-direction:column;gap:0}}
/*# sourceMappingURL=main.c9617646.css.map*/