#penawaran-popup{display:grid;place-items:center;position:fixed;inset:0;background:rgb(0 0 0 / .95);z-index:9998;padding:30px;overflow-y:auto}.popup-content{background:#1e1e1e;color:#fff;padding:30px;width:100%;max-width:700px;border-radius:10px;box-shadow:0 15px 25px rgb(255 255 255 / .05);animation:fadeIn 0.3s ease-in-out;position:relative}@keyframes fadeIn{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}#penawaran-popup.hidden{opacity:0;pointer-events:none;transform:scale(.95);transition:all 0.3s ease}#penawaran-popup.show{opacity:1;pointer-events:auto;transform:scale(1);transition:all 0.3s ease}.popup-content form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.popup-content form .full{grid-column:span 2}.popup-content form label{display:block;font-weight:600;margin-bottom:5px;font-size:14px;color:#fff}.popup-content form input,.popup-content form select,.popup-content form textarea{width:100%;padding:12px;border:1px solid #444;border-radius:6px;font-size:14px;background-color:#2a2a2a;color:#fff}.popup-content form textarea{min-height:100px;resize:vertical}input[type="date"]{color:#fff;background-color:#2a2a2a}.popup-content form small{display:block;margin-top:2px;color:#aaa;font-size:12px}.popup-content form button{grid-column:span 2;background-color:#444;border:none;color:#fff;padding:12px;border-radius:6px;cursor:pointer;font-size:16px;font-weight:700;transition:background 0.3s}.popup-content form button:hover{background-color:#666}#close-popup{position:absolute;top:15px;right:20px;font-size:24px;color:#aaa;cursor:pointer;transition:color 0.2s}#close-popup:hover{color:#fff}@media (max-width:600px){.popup-content form{grid-template-columns:1fr}.popup-content form .full{grid-column:span 1}.popup-content form button{grid-column:span 1}}