.glass {
    position: relative;
    border: 1px solid rgba(255, 255, 255, 0.45);
    background: rgba(255, 255, 255, 0.42); /* diturunkan dari 0.62 → lebih tembus pandang */
    box-shadow:
        0 20px 60px rgba(0, 84, 80, 0.10),
        inset 0 1px 0 rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(8px) saturate(160%); /* diturunkan dari 18px → efek buram lebih halus, tidak "susu" */
    -webkit-backdrop-filter: blur(8px) saturate(160%);
    transition: box-shadow 300ms ease-in-out, transform 300ms ease-in-out;
}

.glass::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.35), transparent 45%);
    opacity: 0.5; /* highlight dikurangi supaya tidak terlalu "berkilau" */
    pointer-events: none;
}

.glass:hover {
    box-shadow:
        0 24px 70px rgba(0, 84, 80, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

.field {
    width: 100%;
    border-radius: 1rem;
    border: 1px solid rgba(0, 84, 80, 0.14);
    background: rgba(255, 255, 255, 0.78);
    padding: 0.75rem 1rem;
    outline: none;
    transition: all 300ms ease-in-out;
}
.field:focus {
    border-color: #005450;
    background: rgba(255, 255, 255, 0.92); /* sedikit lebih solid saat fokus, kesan "terangkat" */
    box-shadow: 0 0 0 4px rgba(0, 84, 80, 0.12);
    transform: translateY(-1px);
}

.btn-primary,
.btn-accent,
.btn-muted {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    border-radius: 9999px;
    padding: 0.75rem 1.1rem;
    font-weight: 800;
    transition: all 300ms ease-in-out;
}
.btn-primary {
    background: #005450;
    color: #fff;
    box-shadow: 0 4px 14px rgba(0, 84, 80, 0.3); /* bayangan agar tombol tidak flat */
}
.btn-primary:hover {
    background: #E0235D;
    box-shadow: 0 6px 18px rgba(224, 35, 93, 0.35);
    transform: translateY(-1px);
}
.btn-primary:active {
    transform: translateY(0) scale(0.98);
    box-shadow: 0 2px 8px rgba(0, 84, 80, 0.3);
}
.btn-accent {
    background: #E0235D;
    color: #fff;
    box-shadow: 0 4px 14px rgba(224, 35, 93, 0.3);
}
.btn-accent:hover {
    background: #005450;
    box-shadow: 0 6px 18px rgba(0, 84, 80, 0.35);
    transform: translateY(-1px);
}
.btn-muted {
    background: rgba(255, 255, 255, 0.75);
    color: #005450;
    border: 1px solid rgba(0, 84, 80, 0.14); /* biar tidak menyatu dengan background glass */
}
.btn-muted:hover {
    background: rgba(255, 255, 255, 0.92);
}
.table-wrap {
    overflow-x: auto;
}
th,
td {
    white-space: nowrap;
}