#popup{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}#popup .modal-content{background-color:#fff;border-radius:8px;margin:40px;padding:10px;overflow:hidden;box-shadow:0 2px 8px #00000026}#popup .modal-content .modal-header{justify-content:space-between;align-items:center;padding:10px;display:flex}#popup .modal-content .modal-body{padding:40px}#popup .modal-content .modal-footer{justify-content:flex-end;gap:8px;display:flex}#popup .modal-detail{padding-bottom:10px;padding-left:40px}#popup .modal-detail input{margin-right:8px}@media (width<=768px){#popup .modal-content{margin:20px;padding:10px}#popup .modal-body{padding:20px}#popup .modal-footer{flex-direction:column;align-items:stretch;gap:12px}#popup .modal-header{padding:8px}}@media (width<=576px){#popup .modal-content{width:90%}#popup .modal-body{padding:10px;font-size:14px}}