#permohonanForm .btn.btn-primary {
            background: #1a5bb8 !important;
            border-color: #1a5bb8 !important;
            color: #fff !important;
            font-weight: 800;
            border-radius: 14px;
            padding: 14px 18px;
            transition: all .18s ease;
        }

        #permohonanForm .btn.btn-primary:hover {
            background: #164c97 !important;
            border-color: #164c97 !important;
            transform: translateY(-1px);
        }

        #permohonanForm .btn.btn-primary:active {
            transform: translateY(0);
            box-shadow: 0 8px 18px rgba(26, 91, 184, .20);
        }

        #permohonanForm .btn.btn-primary i {
            color: #fff !important;
        }

        .form-control::placeholder,
        textarea::placeholder {
            opacity: 1 !important;
            font-weight: 500 !important;
        }

        .form-control,
        textarea.form-control {
            font-weight: 600 !important;
            color: #212529 !important;
        }

        .form-control-lg {
            font-size: 15px !important;
            padding-top: 18px !important;
            padding-bottom: 18px !important;
            height: 60px !important;
        }

        .form-floating>label {
            font-size: 15px !important;
            font-weight: 600 !important;
            color: #555555 !important;
        }

        .form-floating>.form-control:focus~label,
        .form-floating>.form-control:not(:placeholder-shown)~label {
            font-size: 14px !important;
            transform: translateY(-14px) scale(.9) !important;
            opacity: .85;
            color: #555555 !important;
        }

        .big-box {
            background: #f6f8ff;
            border: 1px solid #d7e2ff;
            border-radius: 14px;
            padding: 18px;
            margin-bottom: 12px;
            overflow: visible !important;
        }

        .mb-3 {
            margin-bottom: 10px !important;
        }

        .navbar,
        .topbar,
        footer,
        #header:not(.card-header),
        header:not(.card-header) {
            display: none !important;
        }

        .content-wrapper {
            padding-top: 5px !important;
        }

        .kegiatan-card {
            border: 0;
            border-radius: 22px;
            overflow: hidden;
            box-shadow: 0 14px 34px rgba(2, 6, 23, .10);
            background: #fff;
        }

        .kegiatan-header {
            position: relative;
            overflow: hidden;
            padding: 20px 22px;
            border-bottom: 1px solid rgba(255, 255, 255, .22);
            background: none !important;
        }

        .kegiatan-header::before{
            content:"";
            position:absolute;
            inset:-12%;
            background-image: var(--megamendung-url);
            background-repeat: repeat;
            background-size: 170px;
            background-position: center;
            opacity: .87;
            pointer-events:none;
            z-index:0;
            filter:saturate(1.05) contrast(1.05);
            transform: rotate(-1deg);
            }

        .kegiatan-header::after {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(135deg, rgba(26, 91, 184, .55), rgba(26, 91, 184, .50));
            pointer-events: none;
            z-index: 1;
        }

        .kegiatan-header>* {
            position: relative;
            z-index: 2;
        }

        .header-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
        }

        .header-left {
            display: flex;
            align-items: center;
            gap: 12px;
            min-width: 0;
        }

        .header-ic {
            background: transparent !important;
            border: 0 !important;
            box-shadow: none !important;
            padding: 0 !important;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .header-ic i {
            font-size: 22px;
            color: #fff !important;
            line-height: 1;
        }

        .kegiatan-header,
        .kegiatan-header * {
            color: #fff !important;
        }

        .header-text .title {
            margin: 0;
            font-weight: 800;
            font-size: 22px;
            line-height: 1.1;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .header-text .sub {
            margin: 4px 0 0 0;
            font-weight: 600;
            font-size: 13px;
            opacity: .94;
        }

        #permohonanForm .lainnya-wrap {
            margin-top: 10px !important;
        }

        .flatpickr-calendar {
            border: 1px solid #e5e7eb !important;
            border-radius: 12px !important;
            box-shadow: 0 12px 28px rgba(2, 6, 23, .12) !important;
            overflow: hidden !important;
            font-family: inherit !important;
            z-index: 99999 !important;
            background: #fff !important;
        }

        .flatpickr-months {
            background: #fff !important;
            border-bottom: 1px solid #eef2f7 !important;
            padding: 10px 12px !important;
        }

        .flatpickr-current-month {
            color: #111827 !important;
            font-weight: 800 !important;
            font-size: 14px !important;
        }

        .flatpickr-prev-month,
        .flatpickr-next-month {
            color: #111827 !important;
            opacity: .8 !important;
        }

        .flatpickr-prev-month:hover,
        .flatpickr-next-month:hover {
            opacity: 1 !important;
        }

        .flatpickr-weekdays {
            background: #fff !important;
            border-bottom: 1px solid #eef2f7 !important;
        }

        .flatpickr-weekday {
            color: #6b7280 !important;
            font-weight: 700 !important;
            font-size: 12px !important;
        }

        .flatpickr-day {
            line-height: 30px !important;
            height: 40px !important;
            max-width: 30px !important;
            font-size: 11px !important;
            margin: 1px !important;
        }

        .flatpickr-day:hover {
            background: #f3f4f6 !important;
            border-color: transparent !important;
        }

        .flatpickr-day.today {
            border-color: #d1d5db !important;
        }

        .flatpickr-day.selected,
        .flatpickr-day.startRange,
        .flatpickr-day.endRange {
            background: #1a5bb8 !important;
            border-color: #1a5bb8 !important;
            color: #fff !important;
        }

        .flatpickr-day.inRange {
            background: rgba(26, 91, 184, .10) !important;
            border-color: transparent !important;
            box-shadow: none !important;
        }

        .flatpickr-day.prevMonthDay,
        .flatpickr-day.nextMonthDay {
            color: #9ca3af !important;
        }

        .flatpickr-time {
            display: none !important;
        }

        .date-wrap {
            position: relative;
        }

        .date-wrap::after {
            content: "";
            position: absolute;
            right: 14px;
            top: 50%;
            width: 18px;
            height: 18px;
            transform: translateY(-50%);
            pointer-events: none;
            opacity: .55;
            background-repeat: no-repeat;
            background-size: 18px 18px;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");
        }

        .date-wrap .form-control {
            padding-right: 46px !important;
            cursor: pointer;
        }

        .select-card {
            background: #fff;
            border: 1px solid #cfd6e4;
            border-radius: 10px;
            padding: 12px 14px;
            box-shadow: 0 2px 0 rgba(2, 6, 23, .02);
            position: relative;
        }

        .select-card .select-label {
            display: block;
            margin: 0 0 6px 0;
            font-size: 12px !important;
            font-weight: 700;
            color: #163f74;
            padding-left: 14px;
        }

        .select-card .choices {
            width: 100% !important;
            margin: 0 !important;
        }

        .select-card .choices__inner {
            border: 0 !important;
            background: transparent !important;
            box-shadow: none !important;
            padding: 0 !important;
            min-height: auto !important;
        }

        .select-card .choices__list--single {
            padding: 0 !important;
            margin: 0 !important;
        }

        .select-card .choices__list--single .choices__item {
            font-size: 14px !important;
            font-weight: 700 !important;
            line-height: 1.2;
            padding-left: 14px !important;
            color: #6b7280 !important;
        }

        .select-card .choices__list--single .choices__placeholder {
            font-size: 14px !important;
            font-weight: 700 !important;
            opacity: 1 !important;
            padding-left: 14px !important;
            color: #9ca3af !important;
        }

        .select-card .choices[data-type*="select-one"]::after {
            right: 0 !important;
            margin-top: -3px !important;
            border-color: #111827 transparent transparent transparent !important;
        }

        .select-card.is-open,
        .select-card.is-focus {
            border-color: #1a5bb8 !important;
            box-shadow: 0 0 0 .2rem rgba(26, 91, 184, .12) !important;
        }

        .select-card .choices__list--dropdown {
            border: 1px solid #cfd6e4 !important;
            border-radius: 10px !important;
            box-shadow: 0 18px 40px rgba(2, 6, 23, .14) !important;
            overflow: hidden !important;
            z-index: 999999 !important;
            padding: 6px 0 !important;
        }

        .select-card .choices__list--dropdown .choices__list {
            padding-left: 0 !important;
            margin: 0 !important;
        }

        .select-card .choices__list--dropdown .choices__item {
            font-size: 13px !important;
            font-weight: 700 !important;
            padding: 10px 16px !important;
            margin: 0 !important;
            background: transparent !important;
            color: inherit !important;
        }

        .select-card .choices__list--dropdown .choices__placeholder {
            display: block !important;
            font-weight: 700 !important;
            font-size: 13px !important;
            padding: 10px 16px !important;
            color: inherit !important;
        }

        .select-card .choices__list--dropdown .choices__item--selectable.is-highlighted {
            background: #1a5bb8 !important;
            color: #fff !important;
        }

        .select-card .choices__list--dropdown .choices__item--selectable.is-selected {
            background: rgba(26, 91, 184, .08) !important;
        }

        @media (max-width:576px) {
            .select-card .select-label {
                padding-left: 10px !important;
            }

            .select-card .choices__list--single .choices__item {
                padding-left: 10px !important;
            }

            .select-card .choices__list--single .choices__placeholder {
                padding-left: 10px !important;
            }

            .select-card .choices__list--dropdown .choices__item {
                padding: 10px 14px !important;
            }

            .select-card .choices__list--dropdown .choices__placeholder {
                padding: 10px 14px !important;
            }
        }

        @media (max-width:576px) {
            .kegiatan-card {
                border-radius: 18px;
            }

            .kegiatan-header {
                padding: 18px 16px;
            }

            .kegiatan-header::before {
                background-size: 105px 105px;
                opacity: .78;
            }

            .kegiatan-header::after {
                background: linear-gradient(135deg, rgba(26, 91, 184, .52), rgba(26, 91, 184, .48));
            }

            .header-ic i {
                font-size: 20px;
            }

            .header-text .title {
                font-size: 18px;
            }

            .header-text .sub {
                font-size: 12.5px;
            }

            .form-control-lg {
                height: 55px !important;
                font-size: 15px !important;
            }

            .big-box {
                padding: 15px !important;
                margin-bottom: 10px !important;
            }

            .col-md-6,
            .col-md-4 {
                width: 100% !important;
                max-width: 100% !important;
            }

            .btn-lg {
                width: 100% !important;
                font-size: 18px !important;
            }

            .select-card .select-label {
                padding-left: 10px !important;
            }

            .select-card .choices__item--selectable {
                padding-left: 10px !important;
            }

            .select-card .choices__placeholder {
                padding-left: 10px !important;
            }

            .select-card .choices__list--dropdown .choices__item {
                padding: 10px 14px !important;
            }

            .select-card .choices__list--dropdown .choices__placeholder {
                padding: 10px 14px !important;
            }
        }

        .google-info {
            background: linear-gradient(135deg, #f8f9ff 0%, #e8f4ff 100%);
            border: 1px solid #b8daff;
            border-radius: 12px;
            padding: 20px;
            margin: 20px 0;
        }

        .file-upload-info {
            background: #e8f4fd;
            border: 1px solid #b8daff;
            border-radius: 8px;
            padding: 15px;
            margin-top: 15px;
        }

        .btn-google {
            background: linear-gradient(135deg, #4285F4 0%, #357AE8 100%);
            border: none;
            color: white;
            font-weight: 600;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            transition: all 0.3s ease;
        }

        .btn-google:hover {
            background: linear-gradient(135deg, #357AE8 0%, #2B65D1 100%);
            color: white;
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(66, 133, 244, 0.3);
        }