.modal-overlay,.modal-bd{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:#fff;border-radius:18px;width:100%;max-width:390px;padding:24px;animation:.22s cubic-bezier(.34,1.56,.64,1) popIn;position:relative;box-shadow:0 30px 80px #00000040}.modal-box .modal-header{color:#008483;border-bottom:1px dashed #ddd;margin-bottom:5px;padding-bottom:7px;font-size:20px}.modal-box .modal-header i{color:#ef4444}.modal-box .modal-body{padding:20px 0;font-size:.74rem}.modal-box .modal-footer{justify-content:flex-end;gap:10px;margin-top:10px;display:flex}.modal-box .warning i{color:#fc0;margin-top:5px;font-size:35px}.confirm-modal-box{background:#fff;border-radius:12px;width:100%;max-width:380px;animation:.25s cubic-bezier(.34,1.56,.64,1) popIn;overflow:hidden;box-shadow:0 20px 40px #0003}.confirm-modal-box .modal-header{color:#fff;background:#004578;border-bottom:none;align-items:center;gap:10px;margin:0;padding:7px 15px;font-size:.875rem;font-weight:600;display:flex}.confirm-modal-box .modal-body{color:#334155;padding:15px;font-size:12px;line-height:1.5}.confirm-modal-box .modal-footer{background:#f1f5f9;justify-content:flex-end;gap:10px;margin-top:0;padding:7px 15px;display:flex}.confirm-modal-box .btn{border-radius:6px;padding:6px 16px;font-size:.85rem;font-weight:600}.confirm-modal-box .btn-primary{color:#fff;background:#008483;border-color:#008483}.confirm-modal-box .btn-primary:hover{background:#006b6a}.addon-modal-box{width:700px;max-width:100%}.addon-modal-box .top-row{border:1px solid #ddd;grid-template-columns:2fr 1fr 1fr 1fr;gap:8px;margin-bottom:12px;padding:10px;display:grid}.addon-modal-box .addon-table{border:1px solid #ddd}.addon-modal-box .addon-header,.addon-modal-box .addon-row{border-bottom:1px solid #eee;grid-template-columns:40px 1fr 120px 80px;align-items:center;padding:8px;display:grid}.addon-modal-box .addon-header{background:#f8fafc;font-weight:600}.addon-modal-box .qty-box{align-items:center;gap:6px;display:flex}.addon-modal-box .qty-box button{width:24px;height:24px}@keyframes popIn{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}
