.modal-backdrop{position:fixed;inset:0;background:rgba(3,25,21,.66);backdrop-filter:blur(5px);display:grid;place-items:center;padding:20px;z-index:100;animation:fadeIn .16s ease}.modal{width:min(620px,100%);max-height:90vh;overflow:auto;background:#fffdfa;border-radius:18px;box-shadow:0 28px 80px rgba(0,0,0,.25);animation:rise .2s ease}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;padding:22px 24px;border-bottom:1px solid var(--line)}.modal-head p{margin:5px 0 0;color:var(--muted);font-size:12px}.modal-close{border:0;background:#f0eee8;width:34px;height:34px;border-radius:9px;font-size:18px}.modal-body{padding:22px 24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .field{margin:0}.form-grid .wide{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.btn-secondary{background:white;border:1px solid var(--line);color:var(--ink)}.btn:active{transform:translateY(1px)}.stat,.card,.pay-card,.location-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.stat:hover,.pay-card:hover,.location-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(6,40,34,.08)}.nav button{transition:background .18s,color .18s,transform .18s}.nav button:hover{transform:translateX(2px)}tbody tr{transition:background .15s}tbody tr:hover{background:#faf4e9}.pulse{position:relative}.pulse:after{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:#dfa03d;right:6px;top:6px;box-shadow:0 0 0 0 rgba(223,160,61,.5);animation:pulse 1.8s infinite}.detail-list{display:grid;gap:13px}.detail-list div{display:flex;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid var(--line);font-size:13px}.detail-list span{color:var(--muted)}.success-check{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#e5f1e9;color:#247151;font-size:27px;margin:4px auto 16px}.success-copy{text-align:center}.success-copy p{color:var(--muted)}@keyframes fadeIn{from{opacity:0}}@keyframes rise{from{opacity:0;transform:translateY(12px)}}@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(223,160,61,0)}}@media(max-width:600px){.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.modal-body,.modal-head{padding:18px}}