@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#999;font-family:Poppins,sans-serif}body,h3{margin:0}h3{color:#0185c6;font-size:17px;font-weight:600}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.main_wrap{padding:0 20px 80px}.infotext{align-items:center;display:flex;justify-content:center;min-height:60vh;text-align:center}a{color:inherit}.header-nav{align-items:center;background:#0185c6;display:flex;min-height:40px;padding:10px 18px;position:fixed;top:0;width:100%;z-index:999}.header_content{display:flex;flex-direction:row;gap:5px}.header-nav img{width:8px}.header-nav h1{color:#fff;font-size:14px;margin:0}.subheading_wrap{align-items:center;display:flex;gap:10px;justify-content:space-between;padding:75px 20px 15px}.filter-subheading{position:relative}.detail-page .subheading_wrap{padding-left:0}.month-header{background:#e4e7ee;font-size:14px;font-weight:400;margin:0 -20px;padding:5px 20px}.nav-item{align-items:center;display:flex;flex-direction:column;font-size:12px}.nav-item.menu{color:#0185c6}.nav-item .logofooter{margin-bottom:5px;width:25px}.login-page{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:400px;min-height:100vh;text-align:center}form{width:100%}.logo{margin-bottom:20px;width:200px}button{background-color:#0185c6;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;margin-top:20px;padding:10px;width:100%}.item-list{margin:20px auto auto;overflow:hidden;width:100%}.item{align-items:center;background:#fff;border-radius:5px;display:flex;gap:5px;margin-bottom:5px;padding:10px 0;transition:background-color .2s}.item:last-child{border-bottom:0}.item-date{align-items:center;display:flex;flex-direction:column;font-weight:600;justify-content:center;min-width:50px;width:50px}.item-day{font-size:16px}.item-month{font-size:10px}.item-year{font-size:8px}.item-content{flex:1 1;overflow-wrap:break-word;padding-left:10px;word-break:break-word}.item-title{font-size:14px;margin:0}.item-description{font-size:12px;font-style:italic;font-weight:5px;margin:0}.status-green,.status-grey,.status-red{background:#0b670b;border-radius:5px;color:#fff;font-size:14px;padding:5px 8px}.status-red{background:#c20404}.status-grey{background:gray}.detail-content{border-top:1px solid #ddd}.item-detail{display:flex;gap:40px;padding:10px 0}.item-detail-left{color:#0185c6;font-size:14px;font-weight:600;width:50%}.item-detail-right{color:#4b4b4b;font-size:14px;font-weight:700;width:40%}.bukti_wrap{display:flex;flex:1 1;flex-direction:column;gap:15px}.bukti_detail{display:flex;flex-direction:row;flex-wrap:wrap;gap:15px;width:100%}.bukti_detail img{border-radius:8px;box-shadow:0 4px 8px #0003;height:130px;max-width:100%;object-fit:cover;width:100%}.image-gallery{display:flex;flex-wrap:wrap;gap:10px}.image-gallery img{border-radius:8px;box-shadow:0 4px 8px #0003;flex-basis:calc(50% - 10px);flex-grow:1;flex-shrink:1;height:150px;max-width:calc(50% - 10px);object-fit:cover;transition:transform .2s ease}.detail-images-page .gallery-image:hover{transform:scale(1.05)}.lightbox{align-items:center;background:#000c;cursor:pointer;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.lightbox-image{border-radius:8px;max-height:90%;max-width:90%}.btn-request button{font-size:14px;margin-top:40px}.see-more-btn{font-size:14px;text-align:center;width:100%}.error,.error-message{color:red;font-size:13px;font-weight:700}.footer-nav{align-items:center;background:#fff;bottom:0;box-shadow:8px 4px 10px 2px #00000040;display:flex;justify-content:space-around;min-height:50px;padding:10px 0;position:fixed;width:100%;z-index:999}#root{background:#b0c7f8;min-height:100vh}.tribox_tabs{align-items:center;display:flex;gap:20px;justify-content:center;margin-bottom:25px}.tribox_tabs .tab{background-color:initial;border:1px solid #e4e7ee;color:#000;font-size:14px;width:35%}.tribox_tabs .tab.active{background-color:#0185c6;border-color:#0185c6;color:#fff}.swal2-actions button{width:100%}@media(min-width:768px){.footer-nav,.header-nav,.swal2-container,body{margin:0 auto;max-width:400px}.header-nav{max-width:365px}.login-page{padding:0 20px}#root{box-shadow:0 0 10px -2px #000}}.homepage{align-items:center;display:flex;flex-direction:column;height:78vh;justify-content:center;position:relative}.logo-container{margin-top:35px;text-align:center}.logo{height:auto;width:100px}.user-menu{position:absolute;right:20px;top:20px}.user-icon{align-items:center;background-color:#f0f0f0;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;width:40px}.user-icon img{height:24px;width:24px}.dropdown-menu{background:#fff;border:1px solid #e4e7ee;box-shadow:0 4px 8px #0000001a;min-width:170px;position:absolute;right:15px;top:28px;z-index:100}.dropdown-item{align-items:center;cursor:pointer;display:flex;gap:10px;justify-content:flex-end;padding:10px 15px}.dropdown-item:first-child{border-bottom:1px solid #e4e7ee}.dropdown-item:hover{background-color:#f7f7f7}.dropdown-item span{color:#999;font-size:14px}.button-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:100px;text-align:center}.button-grid:has(>:only-child){grid-template-columns:1fr;place-items:center}.button-grid a{color:#0185c6}.button{align-items:center;background:#fff;border-radius:27px;box-shadow:0 0 6px -3px #00000080;cursor:pointer;display:flex;flex-direction:column;font-size:16px;gap:10px;height:125px;justify-content:center;width:125px}.button img{height:40px;object-fit:contain;width:40px}a{text-decoration:none}.login-form input{background:#e4e7ee;border:1px solid #e4e7ee;border-radius:20px;display:block;margin:10px auto;padding:10px 20px;width:80%}.password-container{align-items:center;display:flex;position:relative}.password-toggle-icon{cursor:pointer;height:20px;position:absolute;right:24px;width:20px}button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7;transition:.3s ease}.skeleton-container{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}.skeleton{animation:loading 1.5s ease-in-out infinite;background-color:#e0e0e0;border-radius:4px;overflow:hidden;position:relative}@keyframes loading{0%{background-position:-200px 0}to{background-position:200px 0}}.skeleton:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#fff0,#fff3 50%,#fff0);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.kartupage{height:100vh}.kartuNama{background:#fff;padding:20px;width:80%}.header_kartu{align-items:center;display:flex;justify-content:space-between}.logo_kartu img{width:100px}.isi_kartu{color:#373435;margin-top:40px;text-align:center}.isi_kartu p{margin-bottom:0}.isi_kartu img{width:200px}.text_kartu{color:#373435;font-size:12px}.profilpage{align-items:center;display:flex;flex-direction:column;margin:auto;max-width:600px;padding:20px}.img_wrap{position:relative}.img_profil{border-radius:50%;height:120px;margin-bottom:20px;overflow:hidden;width:120px}.img_profil .avatar{height:100%;object-fit:cover;width:100%}.img_profil .placeholder-img{align-items:center;background-color:#e4e7ee;color:#bbb;display:flex;font-size:16px;height:100%;justify-content:center;text-align:center;width:100%}.edit-icon{background-color:#fff;border:none;border-radius:50%;bottom:10px;color:#888;cursor:pointer;font-size:14px;padding:5px;position:absolute;right:10px;transition:background-color .3s}.edit-img-icon{box-shadow:0 0 5px -2px #000;height:40px;margin:0;width:40px}.edit-img-icon img{width:20px}.edit-icon:hover{background-color:#f0f0f0}.profile-details{gap:15px;width:100%}.input-group,.profile-details{display:flex;flex-direction:column}.profile-details label{color:#333;font-size:14px;font-weight:700}.input-with-icon{position:relative;width:100%}.input-with-icon input,.input-with-icon textarea{background-color:#e4e7ee;border:1px solid #e4e7ee;border-radius:8px;font-size:14px;padding:10px;transition:all .3s ease;width:93%}.input-with-icon input:disabled .input-with-icon textarea:disabled{background-color:#e9e9e9;cursor:not-allowed}.input-with-icon input:focus,.input-with-icon textarea:focus{border-color:#4e73df;outline:none}.input-with-icon button{background-color:initial;border:none;bottom:auto;color:#888;cursor:pointer;font-size:16px;margin:0;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:auto}.input-with-icon button:hover{color:#4e73df}.save-button{background-color:#4e73df;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s ease;width:100%}.save-button:hover{background-color:#2e59d9}.save-button:disabled{background-color:#e1e1e1;cursor:not-allowed}
/*# sourceMappingURL=main.2cfa2378.css.map*/