*{font-family:Poppins,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;box-sizing:border-box}:root{--font-xsm: .75rem;--font-sm: .875rem;--font-md: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-xxl: 2rem;--font-xxxl: 2.5rem;--font-hero: 1.75rem;--font-glass-title: 1.5rem;--color-primary: #074799;--color-primary-dark: #030177;--color-primary-light: #3576cb;--color-secondary: #046aa3;--color-accent: #1976b1;--color-white: #ffffff;--color-black: #000000;--color-bg-light: #f4f6f8;--color-bg-blue-light: #e6f0ff;--color-border: #ebebeb;--color-border-dark: #d6d6d6;--color-success: #00ad00;--color-danger: #e40202;--color-text-dark: #333333;--color-text-gray: #444444;--color-text-light-gray: #999999;--color-text-muted: #666666;--color-shadow-blue: #91d6ff;--color-disabled: #cccccc}html{font-size:100%;transition:font-size .2s ease-in-out}.navbar{position:fixed;top:0;left:0;width:100%;height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 50px;background:#fff0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:none;transition:background .3s ease,box-shadow .3s ease;z-index:1000;color:var(--color-primary)}.navbar.scrolled{background:#fffffff2;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 2px 4px #0000001a}.navbar-logo{width:250px;height:55px;z-index:1002}.navbar-logo img{width:100%;height:100%}.desktop-nav-links{display:flex;gap:80px;align-items:center}.nav1{width:auto;display:flex;justify-content:flex-start;align-items:center;font-weight:500;font-size:var(--font-lg)}.nav-btn{cursor:pointer;display:inline-flex;flex-direction:column;align-items:center;font-weight:500;font-size:var(--font-lg)}.nav-btn{text-decoration:none;color:inherit}.nav-btn:after{content:attr(data-text);height:0;visibility:hidden;overflow:hidden;-webkit-user-select:none;user-select:none;pointer-events:none;font-weight:700}.nav-btn:hover{font-weight:700}.nav-dropdown-container{position:relative}.nav-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%);background-color:var(--color-white);box-shadow:0 8px 16px #0003;z-index:1000;border-radius:10px;min-width:200px;overflow:hidden;display:flex;flex-direction:column}.hamburger-menu{display:none;cursor:pointer;z-index:1002}.mobile-nav-links{display:none}.login-btn{padding:7px 20px;font-size:var(--font-md);border:1px solid var(--color-primary);border-radius:5px;transition:background-color .3s ease,color .3s ease;font-weight:300}.navbar.scrolled .login-btn{font-weight:300}.navbar .login-btn:hover,.navbar.scrolled .login-btn:hover{font-weight:600}.footer-title{font-weight:600;color:var(--color-white);font-size:var(--font-lg)}.footer-list{font-weight:200;color:var(--color-white)}.footer-list:hover{font-weight:500;pointer-events:visible;cursor:pointer}.footer-contact{font-weight:200;color:var(--color-white)}.footer-socials{cursor:pointer;height:100%}.footer-socials:hover{background-color:#36363680}.lihat-semua-btn{background-color:var(--color-white)}.lihat-semua-btn:hover{background-color:var(--color-primary);color:var(--color-white);cursor:pointer}.profil-bg-top,.profil-bg-bot{background-size:cover;background-position:center;background-repeat:no-repeat;width:85%;min-height:100px;color:var(--color-white);font-size:var(--font-lg);line-height:1.8rem;display:flex;justify-content:center;align-items:center;padding:40px 200px;box-shadow:10px 10px 5px #bdbdbdbf;opacity:0;transition:all 1.5s ease-out}.profil-bg-top{background-image:url(/assets/profil-bg-top-y_p35jGW.png);transform:translate(-100px)}.profil-bg-bot{background-image:url(/assets/profil-bg-bot-CrFB0LQK.png);transform:translate(100px)}.profil-bg-top.show,.profil-bg-bot.show{opacity:1;transform:translate(0)}.box-lp{height:174px;width:174px;border:1px solid var(--color-shadow-blue);border-radius:20px;box-shadow:3px 3px 10px 2px var(--color-shadow-blue);justify-content:center;align-items:center;display:flex;flex-direction:column;color:var(--color-primary-light);gap:5%;transition:all .2s ease-in-out}.box-lp:hover{height:190px;width:190px;font-size:110%;font-weight:500;cursor:pointer;background-color:var(--color-primary-light);color:var(--color-white);box-shadow:5px 5px 15px 5px var(--color-shadow-blue)}.cont{height:220px;width:220px;display:flex;justify-content:center;align-items:center}.galeri-bg{height:70vh;display:flex;justify-content:center;align-items:center;margin-bottom:10vh}.main-title{font-size:var(--font-xxl);text-shadow:2px 2px 2px var(--color-text-light-gray);font-weight:700}.main-text{font-size:var(--font-md);font-weight:300;line-height:1.5}.main-tanggal{font-size:var(--font-md);font-weight:300;color:var(--color-text-muted)}.main-news-btn{margin-top:10px;border-radius:30px;background-color:var(--color-white);font-weight:400;font-size:var(--font-md);cursor:pointer;padding:5px 30px;width:fit-content}.main-news-btn:hover{background-color:var(--color-primary);color:var(--color-white)}.container-main-berita{border-radius:20px;border:1px solid var(--color-border)}.layanan-wrapper{display:flex;flex-direction:column;align-items:center}.layanan-title{text-align:center;color:var(--color-primary);font-size:var(--font-xxxl);margin-bottom:24px}.layanan-container{display:flex;justify-content:center;width:90vw;flex-wrap:wrap;margin:0 auto}.wrapper-iconwrapper{width:100%;height:100px;position:relative;top:85%;left:50%;transform:translate(-50%);z-index:3;display:flex;justify-content:center;align-items:center;gap:20px}.iconWrapper{width:80px;height:80px;border-radius:20px;background-color:#00000040;border:1px solid rgba(255,255,255,.3);color:"white";-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer;transition:transform .3s ease}.title-wrapper{position:absolute;bottom:17%;left:25%;transform:translate(-50%);z-index:2;width:45%;text-align:left;padding:20px 10px 20px 25px;border-radius:15px;background-color:#cdcdcd0d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3)}.banner-news-title{color:var(--color-white);font-size:var(--font-hero);font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.8);margin:0}.banner-news-title :hover{text-decoration:underline}.hero-icon{width:50px;height:50px;color:var(--color-white);border-radius:10px}.home-berita{width:100%;padding:50px 0;display:flex;flex-direction:column;justify-content:center;align-items:center}.home-berita-title{text-align:center;font-size:var(--font-xxxl);color:var(--color-primary);margin-bottom:30px}.news-wrapper{display:flex;gap:20px;justify-content:center;width:90%;margin:auto auto 20px}.news-card-wrapper{display:flex;justify-content:center;align-items:center;width:100%}.news-card{width:95%;background:var(--color-white);display:flex;flex-direction:column;height:28.125rem;border:1px solid var(--color-border);border-radius:10px;margin:10px 0;overflow:hidden;text-decoration:none;box-shadow:8px 9px 10px -2px #00000082;-webkit-box-shadow:8px 9px 10px -2px rgba(127,127,127,.51);-moz-box-shadow:8px 9px 10px -2px rgba(0,0,0,.51)}.news-img-wrapper{width:100%;height:55%}.news-image-wrapper{height:55%}.news-text-wrapper{width:100%;height:45%;display:flex;flex-direction:column;justify-content:space-between;padding:1rem;color:var(--color-black)}.news-image{width:100%;height:100%;object-fit:cover}.news-content{height:45%;padding:16px;display:flex;flex-direction:column;justify-content:space-between}.news-title{font-weight:600;font-size:var(--font-lg)}.news-text{font-size:var(--font-sm);color:var(--color-text-gray)}.news-footer{display:flex;justify-content:space-between;font-size:var(--font-sm);color:var(--color-primary)}.lihat-semua-btn{padding:10px 25px;border-radius:25px;font-weight:200;align-self:center;justify-self:center}.tolong{color:#ffffffbf}.galeri-content{width:90%;height:100%;background-color:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:30px 0 0 30px;display:flex;justify-content:center;align-items:center}.galeri-text{width:20%;text-align:left;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;height:100%;font-size:var(--font-xxxl);font-weight:600;color:var(--color-primary)}.galeri-carousel-container{width:60%;height:75%;display:flex;flex-direction:column;gap:20px;justify-content:center}.carousel-wrapper{width:100%;height:45%;overflow:hidden;position:relative;border-radius:15px}.carousel-track-right{display:flex;gap:20px;animation:scrollRight 30s linear infinite;width:fit-content;height:100%;will-change:transform}.carousel-track-left{display:flex;gap:20px;animation:scrollLeft 30s linear infinite;width:fit-content;height:100%;will-change:transform}.carousel-image{height:100%;width:300px;object-fit:cover;border-radius:10px;flex-shrink:0}@keyframes scrollRight{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scrollLeft{0%{transform:translate(-50%)}to{transform:translate(0)}}.footer-root{height:45vh;background-size:cover;background-position:center}.footer-bg{height:100%;width:100%;display:flex;justify-content:center;align-items:center;background-color:#48484840}.footer-container{height:100%;width:100%;display:flex;justify-content:center;align-items:center;background-color:#001c5140;border:.5px solid var(--color-border-dark);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.footer-container-2{width:100%;height:90%;border-radius:10px;display:flex;justify-content:space-between;padding:0 10vw}.footer-lokasi{height:80%;width:30%;display:flex;flex-direction:column}.footer-lokasi iframe{border:0;border-radius:2px;width:90%}.footer-right{width:55%;display:flex;flex-direction:column;justify-content:space-between}.footer-right-inner{width:100%;display:flex;justify-content:flex-end;gap:15px}.footer-sitemap,.footer-kontak-section{color:var(--color-white);width:33%;display:flex;flex-direction:column;gap:15px}.footer-follow{height:100%;width:30%}.footer-socials-container{display:flex;gap:10px;align-items:center;height:25px}.footer-logo-container{position:absolute;z-index:10;display:flex;justify-content:flex-end;bottom:7%;right:15%}.footer-logo-wrapper{width:35%}.footer-img{width:250px}.profil-page{margin-top:80px}.tugas-fungsi-wrapper{min-height:50vh;display:flex;flex-direction:column;gap:24px;margin-bottom:100px}.tugas-title{color:var(--color-primary);font-size:var(--font-xxl)}.tugas-card{background-color:var(--color-accent);padding:55px 65px;margin:0 130px;border-radius:8px}.tugas-text{color:var(--color-white);font-size:var(--font-lg);line-height:1.8;text-align:justify;margin-bottom:20px}.tugas-list{color:var(--color-white);font-size:var(--font-lg);line-height:1.8;padding-left:20px}.itjen-title{font-size:var(--font-xxxl);color:var(--color-primary);text-align:center}.berita-container{padding:15vh 10vw 5vh 10vw;display:flex;flex-direction:column;min-height:fit-content}.berita-headline{margin-top:50px;display:flex;justify-content:space-between;gap:40px}.berita-headline-img-container{width:50%;height:28rem;background-color:var(--color-border-dark);overflow:hidden;border-radius:10px}.berita-headline-info{width:50%;height:450px;display:flex;flex-direction:column;gap:20px;padding-top:30px}.news-list-grid{width:100%;min-height:fit-content;display:flex;gap:20px;flex-wrap:wrap;margin-top:20px}.news-list-grid2{width:100%;min-height:fit-content;display:grid;grid-template-columns:repeat(3,1fr);align-items:center}.berita-card{width:calc((100% - 40px) / 3);height:530px;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 6px #0000000d}.struktur-organisasi-wrapper{position:absolute;top:50%;left:50%;width:90%;height:100%;z-index:2;transform:translate(-50%,-50%)}.inspektur-jenderal{width:33%;height:8.7%;border-radius:55px;position:absolute;top:28.5%;left:49%;transform:translate(-50%,-50%);cursor:pointer}.sekitjen{width:24%;height:6%;border-radius:55px;position:absolute;top:37.5%;left:72%;transform:translate(-50%,-50%);cursor:pointer}.sekretariat{width:22%;height:6%;border-radius:55px;position:absolute;top:37.5%;left:71%;transform:translate(-50%,-50%);cursor:pointer}.inspektur1{width:22%;height:6%;border-radius:55px;position:absolute;top:63.5%;left:14%;transform:translate(-50%,-50%);cursor:pointer}.inspektur2{width:22%;height:6%;border-radius:55px;position:absolute;top:63.5%;left:38%;transform:translate(-50%,-50%);cursor:pointer}.inspektur3{width:22%;height:6%;border-radius:55px;position:absolute;top:63.5%;left:61%;transform:translate(-50%,-50%);cursor:pointer}.inspektur4{width:22%;height:6%;border-radius:55px;position:absolute;top:63.5%;left:87%;transform:translate(-50%,-50%);cursor:pointer}.modal-so{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:9999;background-color:#00000080}.itjen-list{grid-template-columns:repeat(4,1fr);background-color:var(--color-primary)}.modal-so-content{height:70%;width:70%;background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;text-align:center;border:1px solid var(--color-border-dark)}.modal-so-title{text-align:center;display:flex;justify-content:center;align-items:center;color:var(--color-white);padding:25px 0 20px}.modal-so-list-wrapper{display:flex;height:80%;justify-content:center}.so-list{width:90%;display:grid;grid-template-columns:repeat(4,1fr);align-items:start;justify-content:center;min-height:200px}.so-list-item{text-align:center;display:flex;flex-direction:column;align-items:center;height:100%}.so-list-img{width:150px;height:150px;object-fit:cover;border-radius:8px}.so-list-nama{margin:5px 0;font-size:16px;color:var(--color-white);font-weight:400}.prev-btn,.next-btn{max-height:80%;min-width:5%;cursor:pointer;background-color:transparent;border:none;color:var(--color-primary-dark);font-size:24px}.skeleton-wrapper{display:flex;justify-content:center}.skeleton-card{width:95%;height:430px;background:var(--color-border);border-radius:10px;animation:pulse 1.5s infinite ease-in-out;margin:10px}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.modal-overlay{position:fixed;bottom:0;left:15vw;width:85vw;height:90vh;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:999;padding:10% 5%}.modal-card{width:1200px;max-width:95%;background:#ffffff59;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:18px;padding:20px 30px 25px;color:var(--color-white);border:1px solid var(--color-border-dark);box-shadow:0 10px 40px #0006}.modal-header{display:flex;justify-content:center;align-items:center;position:relative;margin-bottom:20px}.modal-header h3{font-weight:500}.close-btn{position:absolute;right:0;top:0;background:none;border:none;font-size:22px;color:var(--color-white);cursor:pointer}.modal-body{display:flex;flex-direction:column;gap:14px}.form-row{display:flex;align-items:center;gap:12px}.form-row label{width:120px;min-width:120px;font-size:14px;opacity:.9}.form-row input,.form-row textarea{flex:1;border:none;outline:none;border-radius:14px;padding:10px 14px;background:#fffffff2;font-size:14px}.form-row textarea{resize:none}.form-row textarea.input-error{border:2px solid var(--color-danger)}.form-row .error-text{color:var(--color-danger)}.error-text{text-align:left;justify-self:left}.form-row2{display:flex;align-items:center;gap:12px}.form-row2 label{width:fit-content;font-size:14px;opacity:.9}.form-row2 input,.form-row2 textarea{flex:1;border:none;outline:none;border-radius:14px;padding:10px 14px;background:#fffffff2;font-size:14px}.form-row2 textarea{resize:none}.image-row{align-items:flex-start}.image-area{display:flex;align-items:center;gap:14px}.image-area img{width:140px;height:90px;object-fit:cover;border-radius:10px}.image-buttons{display:flex;gap:8px}.image-buttons button{padding:6px 12px;border-radius:14px;border:none;background:var(--color-white);font-size:12px;cursor:pointer}.form-row.split{gap:20px}.form-row.split>div{flex:1;display:flex;align-items:center;gap:10px}.modal-footer{margin-top:20px;display:flex;justify-content:center;gap:20px}.db-card{background-color:#ffffff80;border-radius:15px;text-align:center;display:flex;align-items:center;justify-content:center;font-size:var(--font-xl);color:var(--color-primary-dark);font-weight:700;cursor:pointer;text-decoration:none;box-shadow:var(--color-primary-dark)}.file-name{font-size:14px;color:var(--color-white);align-self:center;margin-left:10px}.inp-req{font-size:10px;color:var(--color-border)}.login-bg{height:100vh;display:flex;justify-content:center;align-items:center;background-image:url(/assets/bgbg-BAlGozGE.jpeg)}.login-container{height:95%;width:95%;display:flex;justify-content:center;align-items:center;background-color:#0000000d;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--color-border-dark);border-radius:15px}.login-form{width:420px;height:450px;padding:20px;background:linear-gradient(90deg,#ffffff40,#e0e0e040,#ffffff40);backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%);border-radius:18px;border:1px solid rgba(255,255,255,.45);box-shadow:0 14px 45px #0006,inset 0 1px 1px #ffffffa6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden}.login-form:before{content:"";position:absolute;inset:0;border-radius:18px;background:linear-gradient(120deg,rgba(255,255,255,.35),rgba(255,255,255,.08),transparent);pointer-events:none}.login-form h2{text-align:center;margin-bottom:20px;color:var(--color-text-dark)}.login-input{width:100%;padding:10px;background:#fff6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:8px;border:1px solid rgba(255,255,255,.6);color:var(--color-text-dark);outline:none;box-shadow:inset 0 1px 2px #ffffffb3,0 2px 6px #0003}.input-container{width:90%}.login-input::placeholder{color:#0000008c}.login-home-btn{padding:10px 20px;font-size:var(--font-md);background:linear-gradient(135deg,var(--color-secondary),var(--color-primary-dark));color:var(--color-white);border:none;border-radius:8px;cursor:pointer;box-shadow:0 6px 22px #0006;transition:transform .2s ease,box-shadow .2s ease}.login-btn{width:90%;padding:12px;font-weight:500;background:linear-gradient(135deg,var(--color-secondary),var(--color-primary-dark));color:var(--color-white);border:none;border-radius:8px;cursor:pointer;box-shadow:0 6px 22px #0006;transition:transform .2s ease,box-shadow .2s ease}.login-btn:hover{transform:translateY(-2px);box-shadow:0 10px 32px #00000080}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{scrollbar-width:none}.no-scrollbar{-ms-overflow-style:none}.image-wrapper{position:relative;width:100%;margin:0 auto;border-radius:12px;overflow:hidden}.gallery-image{width:100%;height:200px;object-fit:cover;display:block}.image-overlay{position:absolute;inset:0;background:#00000073;opacity:0;transition:opacity .25s ease}.image-wrapper:hover .image-overlay{opacity:1}.btn-preview{position:absolute;top:10px;right:10px;background:var(--color-white);border:none;border-radius:8px;padding:6px 8px;font-size:16px;cursor:pointer}.overlay-actions{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;gap:12px}.btn-delete{background:red;color:var(--color-white);border:none;padding:6px 16px;border-radius:20px;cursor:pointer}.btn-update{background:orange;color:var(--color-white);border:none;padding:6px 16px;border-radius:20px;cursor:pointer}.preview-modal{position:fixed;top:10vh;left:15vw;height:90vh;width:85vw;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:999999}.preview-content{position:relative;height:80%;max-width:80%;max-height:80%}.preview-content img{width:auto;height:auto;max-height:100%;border-radius:5px}.preview-close{position:absolute;top:-40px;right:0;background:var(--color-white);border:none;border-radius:50%;width:32px;height:32px;font-size:18px;cursor:pointer}.glass{width:100%;height:90vh;max-height:90vh;padding:10px;display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;overflow:hidden}.glass-content{width:95%;height:97%;padding:20px 50px;display:flex;flex-direction:column;gap:20px;overflow-y:auto;background:#ffffff1a;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(9.5px);-webkit-backdrop-filter:blur(9.5px);border:1px solid rgba(255,255,255,.39)}.glass-header{display:flex;justify-content:space-between}.glass-title{font-size:var(--font-glass-title);color:var(--color-white)}.search-add{display:flex;justify-content:flex-end;align-items:center;gap:20px}.search-input{width:300px;height:45px;border-radius:25px;border:none;padding-left:20px;outline:none}.invalid-btn{padding:10px 30px;border-radius:25px;opacity:.5;cursor:not-allowed;background-color:var(--color-disabled);color:var(--color-white);font-weight:700;font-size:var(--font-md)}.add-btn{height:45px;padding:10px 30px;border-radius:25px;border:1px solid var(--color-border-dark);background-color:var(--color-success);color:var(--color-white);font-weight:700;font-size:var(--font-md);cursor:pointer}.add-btn:hover{border:2px solid var(--color-white)}.upd-btn{width:90px;border-radius:20px;border:none;background:var(--color-success);color:var(--color-white);font-weight:700;cursor:pointer}.del-btn{width:90px;height:40px;border-radius:20px;border:none;background:var(--color-danger);color:var(--color-white);font-weight:700;cursor:pointer}.upload-btn{display:inline-block;padding:5px 10px;background-color:var(--color-primary);border:none;border-radius:6px;cursor:pointer;font-size:14px;color:var(--color-white)}.upload-btn:hover{background-color:var(--color-accent)}.table-container{width:100%;flex:1;background-color:var(--color-white);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--color-border)}.table-container-2{display:flex;min-height:fit-content;gap:5%}.table-container-sm{width:60%;max-height:440px;flex:1;background-color:var(--color-white);overflow:hidden;display:flex;flex-direction:column;border-radius:15px;border:1px solid var(--color-white)}.table-sm{width:100%;height:fit-content;border-collapse:collapse}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none;flex:1;overflow-y:auto}.hide-scrollbar::-webkit-scrollbar{display:none}.table{width:100%;border-collapse:collapse;text-align:left}.add-table-container{width:40%;height:100%}.add-table{width:100%;height:fit-content;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid var(--color-border);padding:20px;color:var(--color-white);background-color:#0000001a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.add-table h3{text-align:center;margin:10px 0 15px;display:flex;justify-content:center;align-items:center}.add-form{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;margin-bottom:20px}.add-form p{width:90%;text-align:left}.add-form input{width:90%;height:45px;border-radius:10px;border:none;padding-left:20px;outline:none;border:1px solid var(--color-text-gray)}.tb-head{padding:10px;position:sticky;top:0;background-color:var(--color-secondary);color:var(--color-white);font-weight:400;font-size:var(--font-md);z-index:1}.tb-cell{padding:10px 10px 0;margin:10px;border-bottom:1px solid var(--color-border);color:var(--color-text-dark);font-size:var(--font-sm);vertical-align:top;height:50px;text-align:left}.infinite-scroll{text-align:center;padding:10px 0 35px;color:var(--color-text-light-gray);height:20px;font-size:var(--font-sm)}.doc-btn{padding:6px 12px;font-size:13px;border-radius:8px;border:none;cursor:pointer;background-color:var(--color-bg-blue-light);color:var(--color-secondary);font-weight:600}.doc-btn:hover{background-color:var(--color-secondary);color:var(--color-white)}.document-area-2{display:flex;justify-content:center;align-items:center;gap:15px}.galeri-wrap{height:fit-content;overflow-y:auto;display:flex;flex-direction:column}.grid-galeri{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:0 20px}.sidebar-admin{display:flex;flex-direction:column;justify-content:space-between;align-items:center}.item-container{display:flex;flex-direction:column;font-size:16px;font-weight:500}.sidebar-item,.dropdown-item{padding:5px 14px;display:block;color:var(--color-secondary);text-decoration:none;transition:all .2s ease}.sidebar-item:hover,.dropdown-item:hover{background:var(--color-bg-blue-light)}.sidebar-item.active,.dropdown-item.active{background-color:var(--color-secondary);border:1px solid var(--color-secondary);color:var(--color-white);font-weight:600}.txt-handler{width:100%;display:flex;flex-direction:column}.select-field{height:40px;border-radius:10px;border:none;width:70%;padding:0 10px}.logout-admin{padding:8px;color:var(--color-white);background-color:red;border:none;border-radius:10px;font-size:var(--font-md);width:50%;cursor:pointer}.logout-admin:hover{font-weight:700}.sidebar-link{color:var(--color-secondary);text-decoration:none;margin-bottom:10px;background:none;border:none;cursor:pointer;text-align:left;font-size:16px}.sidebar-dropdown{display:flex;flex-direction:column}.dropdown-btn{display:flex;justify-content:space-between;align-items:center;padding:0 14px}.dropdown-menu{padding-left:5px}.dropdown-item{display:block;color:var(--color-secondary);text-decoration:none;font-size:var(--font-md);font-weight:500}.arrow{transition:transform .2s ease}.arrow.open{transform:rotate(180deg)}.publikasi-card{width:300px;display:flex;flex-direction:column;cursor:pointer}.publikasi-card img{width:100%;height:340px;object-fit:cover;border-radius:8px;margin-bottom:10px}.publikasi-card h3{margin-bottom:2px}.publikasi-card span{font-size:var(--font-sm);color:var(--color-text-light-gray)}.publikasi-title{display:flex;justify-content:space-between}.publikasi-title h1{cursor:pointer;color:var(--color-primary);font-size:1.8rem;display:flex;align-items:center;gap:10px}.publikasi-pagination{display:flex;gap:10px}.publikasi-pagination button{padding:10px 20px;border-radius:5px;border:none;color:var(--color-white);background-color:var(--color-text-muted)}.publikasi-card-wrapper{display:flex;gap:40px;flex-wrap:wrap;margin-top:20px}.publikasi-card-wrapper a{text-decoration:none;color:inherit}.unit-kerja-page{padding:90px 100px;background-color:var(--color-bg-light);min-height:100vh}.unit-kerja-page h1{text-align:center;color:var(--color-primary);margin-bottom:40px}.karyawan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,2fr));gap:30px;max-width:1200px;margin:0 auto}.karyawan-card{background-color:var(--color-white);border-radius:10px;box-shadow:0 4px 12px #0000001a;text-align:center;padding:20px;transition:transform .2s;cursor:pointer}.back-btn{margin-bottom:20px;margin-left:5%;padding:10px 20px;cursor:pointer;border:none;background-color:var(--color-primary);color:var(--color-white);border-radius:5px}.swal-fixed-height{height:fit-content;display:flex;flex-direction:column;justify-content:center;background-color:#ffffff1a;border:1px solid rgba(222,222,222,.3);color:var(--color-white);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:15px;width:fit-content!important;min-width:300px}.file-name{font-size:10px;color:var(--color-white)}@media(max-width:1280px){html{font-size:90%}.news-list-grid2{width:100%;height:480px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center}}@media(max-width:760px){html{font-size:80%}.hero-icon{width:30px;height:30px}.navbar{padding:0 25px;max-width:100%}.desktop-nav-links,.desktop-login{display:none}.hamburger-menu{display:block}.hamburger-menu svg{color:var(--color-primary);font-size:25px}.navbar.scrolled .hamburger-menu svg{color:var(--color-primary)}.mobile-nav-links{position:fixed;top:0;right:0;width:100%;height:100vh;background-color:var(--color-primary);color:var(--color-white);display:flex;flex-direction:column;align-items:center;padding-top:100px;gap:20px;transform:translate(100%);transition:transform .3s ease-in-out;box-shadow:-5px 0 15px #0003;z-index:1001}.mobile-nav-links.open{transform:translate(0)}.mobile-nav-links .nav-btn{color:var(--color-white);text-decoration:none}.mobile-nav-separator{font-weight:700;color:var(--color-disabled);margin-top:15px;padding-top:15px;border-top:1px solid var(--color-secondary);width:80%;text-align:center}.mobile-nav-links .login-btn{background-color:var(--color-white);color:var(--color-primary)}.layanan-container{justify-content:center}.kemnaker-logo{width:50px;height:50px}.wrapper-iconwrapper{max-width:100%;display:flex;justify-content:center;gap:10px}.iconWrapper{width:50px;height:50px;border-radius:20px;background-color:#00000040;border:1px solid rgba(255,255,255,.3);color:var(--color-white);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer;transition:transform .3s ease}.news-wrapper{flex-direction:column;align-items:center}.news-card{width:100%;max-width:26rem;height:auto}.news-image-wrapper{height:200px}.news-footer{flex-direction:column;gap:5px;align-items:flex-start}.profil-bg-top,.profil-bg-bot{width:95%;padding:20px;line-height:1rem;text-align:center;min-height:auto}.profil-bg-top,.profil-bg-bot{transform:translateY(50px)}.profil-bg-top.show,.profil-bg-bot.show{transform:translateY(0)}.galeri-bg{height:auto;padding:40px 0}.galeri-content{flex-direction:column;width:90%;height:auto;border-radius:20px;padding:30px 20px;gap:30px}.galeri-text{width:100%;align-items:center;text-align:center;font-size:32px;height:auto}.galeri-carousel-container{width:100%;height:auto;gap:15px}.carousel-wrapper{height:150px}.carousel-image{width:200px}.footer-root{height:auto;padding:40px 0}.footer-container{flex-direction:column;padding:30px 20px;height:auto;gap:40px}.footer-lokasi,.footer-right{width:100%}.footer-right{gap:40px}.footer-right-inner{flex-direction:column;gap:40px;align-items:center;text-align:center}.footer-kontak-section,.footer-follow{width:100%;align-items:center}.footer-sitemap{display:none}.footer-socials-container{justify-content:center}.footer-logo-container{position:relative;display:flex;justify-content:center}.footer-img{width:150px}.footer-logo-wrapper{width:20%;max-width:250px}.tugas-title{font-size:24px;text-align:center}.tugas-card{margin:0 16px;padding:24px 20px}.tugas-text{line-height:1.6}.tugas-list{line-height:1.6;padding-left:16px}.itjen-title{font-size:28px;color:var(--color-primary);text-align:center}.berita-container{padding:100px 20px}.berita-headline{flex-direction:column;margin-top:20px;gap:20px}.berita-headline-img-container{width:100%;height:250px}.berita-headline-info{width:100%;height:auto}.news-list-grid{flex-direction:column}.berita-card{width:100%;height:auto;min-height:450px}.news-list-grid2{width:100%;height:480px;display:grid;grid-template-columns:repeat(2,1fr);align-items:center}}@media(max-width:480px){html{font-size:75%}.news-list-grid2{display:grid;grid-template-columns:repeat(1,1fr);align-items:center}}.navbar-admin{position:fixed;top:0;left:0;width:100%;height:10vh;display:flex;align-items:center;justify-content:space-between;padding:0 50px;background:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:-1px 1px 10px 1px #00000082;transition:background .3s ease,box-shadow .3s ease;z-index:101;color:var(--color-primary)}.sidebar-admin{position:fixed;top:10vh;left:0;width:15vw;height:90vh;display:flex;flex-direction:column;padding:20px 0;background:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:none;transition:background .3s ease,box-shadow .3s ease;z-index:100;color:var(--color-primary)}.admin-content{position:fixed;top:10vh;left:15vw;display:flex;height:90vh;width:85vw;flex-grow:1;overflow-y:hidden;background-image:url(/assets/bgbg-BAlGozGE.jpeg);background-color:var(--color-secondary)}.admin-container{display:flex;flex-direction:column;height:100vh;background-color:var(--color-bg-light)}.admin-body{display:flex;flex-grow:1;overflow:hidden}