.modal-veil{ position:fixed; inset:0; background:rgba(15,20,15,0.7); z-index:300; display:none; align-items:center; justify-content:center; padding:24px; }
.modal-veil.show{ display:flex; }
.modal-box{ background:var(--putih); width:100%; max-width:420px; padding:32px; position:relative; max-height:88vh; overflow-y:auto; }
.modal-box.wide{ max-width:560px; }
.modal-box h3{ font-size:20px; margin-bottom:6px; }
.modal-box .sub{ font-size:13px; color:rgba(35,41,31,0.55); margin-bottom:24px; }
.modal-box .mclose{ position:absolute; top:18px; right:18px; background:none; border:none; font-size:18px; cursor:pointer; }
.field{ margin-bottom:16px; }
.field label{ display:block; font-size:12.5px; font-weight:600; margin-bottom:6px; color:rgba(35,41,31,0.7); }
.field input, .field textarea{ width:100%; border:1px solid var(--garis); padding:11px 13px; font-family:'Inter',sans-serif; font-size:14px; background:var(--krem); }
.field textarea{ min-height:90px; resize:vertical; }
.login-error{ font-size:12.5px; color:#a3372c; margin-bottom:14px; display:none; }
.login-error.show{ display:block; }
.login-hint{ margin-top:16px; font-size:12px; color:rgba(35,41,31,0.45); border-top:1px solid var(--garis); padding-top:14px; }

.admin-toolbar{ display:flex; justify-content:flex-end; margin-bottom:-24px; position:relative; z-index:2; }
.add-btn{ background:var(--hijau-tua); color:var(--krem); border:none; padding:9px 16px; font-size:13px; font-weight:600; cursor:pointer; display:inline-flex; align-items:center; gap:6px; }
.add-btn:hover{ background:var(--hijau-tua-2); }
.card-del{ position:absolute; top:8px; right:8px; width:26px; height:26px; border-radius:50%; background:rgba(163,55,44,0.92); color:#fff; border:none; font-size:14px; cursor:pointer; z-index:5; display:flex; align-items:center; justify-content:center; }
.card-photo-btn{ position:absolute; top:8px; left:8px; width:26px; height:26px; border-radius:50%; background:rgba(23,59,47,0.92); color:#fff; border:none; font-size:13px; cursor:pointer; z-index:5; display:flex; align-items:center; justify-content:center; }
.card-photo-btn:hover{ background:var(--emas); color:var(--hijau-tua-2); }
.rel{ position:relative; }