:root{--font-sans: "Plus Jakarta Sans", sans-serif;--bs-body-font-family: var(--font-sans);--primary-color: #0d6efd;--primary-soft: rgba(13, 110, 253, .1);--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(255, 255, 255, .5);--surface-card: #ffffff;--surface-bg: #f8f9fa;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .06);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .08)}body{background-color:var(--surface-bg);font-family:var(--font-sans)!important;color:#1e293b;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.025em}@media(max-width:991.98px){.navbar{background-color:var(--glass-bg)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.05)!important;box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:1030}}.header-main{background:linear-gradient(90deg,#002347,#0056b3,#002347);padding:1.5rem 0;color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}.header-main .logo-container{display:flex;align-items:center;gap:15px}.header-main .logo-text{font-size:1.85rem;font-weight:800;line-height:1;letter-spacing:-.5px}.header-main .logo-kemen{color:#feae00}.header-main .logo-dikdasmen{color:#fff}.header-main .search-container{max-width:550px;flex-grow:1}.header-main .search-input{background-color:#e2e8f0;border:none;border-radius:8px;padding:.75rem 1.25rem;width:100%;font-size:1rem;color:#1e293b}.header-main .search-input::-moz-placeholder{color:#94a3b8}.header-main .search-input::placeholder{color:#94a3b8}.header-main .extra-logos{display:flex;align-items:center}.header-main .extra-logos img{height:45px;width:auto;filter:drop-shadow(0 0 8px rgba(255,255,255,.2))}.navbar-main{background-color:#0c1c2e!important;color:#fff;padding:2px 0;border-bottom:1px solid #004080}.navbar-main .nav-link{color:#fff!important;font-size:.95rem;padding:.8rem 1.5rem!important;font-weight:400;transition:all .2s}.navbar-main .nav-link:hover,.navbar-main .nav-link.active{background-color:#ffffff14}.navbar-main .btn-hubungi{background-color:#fff;color:#000;border-radius:6px;padding:.5rem 1.25rem;font-weight:600;text-decoration:none;white-space:nowrap}.navbar-main .btn-hubungi i{margin-right:6px}.card{border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:var(--surface-card);transition:transform .2s ease,box-shadow .2s ease}.card-header{background-color:transparent;border-bottom:1px solid rgba(0,0,0,.05);padding:1.25rem 1.5rem;font-weight:600}.card-body{padding:1.5rem}.form-control,.form-select{border-radius:var(--radius-md);border:1px solid #e2e8f0;padding:.75rem 1rem;font-size:.95rem;box-shadow:none;background-color:#fff;transition:all .2s ease}.form-control:focus,.form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px var(--primary-soft);background-color:#fff}.btn{border-radius:var(--radius-md);padding:.6rem 1.25rem;font-weight:600;letter-spacing:.01em;transition:all .2s ease;border:none}.btn-primary{background:linear-gradient(135deg,#0d6efd,#0a58ca);box-shadow:0 4px 12px #0d6efd33}.btn-primary:active,.btn-primary:focus{box-shadow:inset 0 2px 4px #0000001a;transform:translateY(1px)}.btn-sm{border-radius:var(--radius-sm);padding:.4rem .8rem;font-size:.875rem}.badge{padding:.5em .8em;border-radius:6px;font-weight:600;letter-spacing:.02em}@media(max-width:767.98px){.mobile-table-card thead{display:none}.mobile-table-card tbody,.mobile-table-card tr,.mobile-table-card td{display:block;width:100%}.mobile-table-card tr{margin-bottom:1rem;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1rem;border:1px solid #f1f5f9}.mobile-table-card td{padding:.5rem 0;text-align:left;position:relative;border:none;border-bottom:1px solid #f8fafc}.mobile-table-card td:last-child{border-bottom:none}}.form-floating-file{position:relative}.form-floating-file>input[type=file]{padding-top:1.8rem}.form-floating-file>label{position:absolute;top:.35rem;left:.75rem;font-size:.875rem;opacity:.65}.banner-preview{width:200px;aspect-ratio:4/1;border:1px dashed #dee2e6;background-color:#f8f9fa;display:none;overflow:hidden}.banner-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}