@import url("https://fonts.googleapis.com/css2?family=Fredoka:wght@400;700&display=swap");:root{--primary:#2563eb;--primary-hover:#1d4ed8;--success:#059669;--success-hover:#047857;--card-bg:#ffffffcc;--card-shadow:0 4px 24px 0 #0001}.font-fun{font-family:Fredoka,cursive,sans-serif}.bg-gradient-app{background:linear-gradient(135deg,#bfdbfe,#bbf7d0 60%,#fef9c3)}.card{background:var(--card-bg);border-radius:1rem;box-shadow:var(--card-shadow);padding:2rem;max-width:32rem;width:100%}.title-main{font-size:2rem;font-weight:800;margin-bottom:1.5rem;color:#2563eb;text-align:center;display:flex;align-items:center;justify-content:center;gap:.5rem;text-shadow:0 2px 8px #0001}.btn{font-weight:700;padding:.75rem 2rem;border-radius:9999px;box-shadow:0 2px 8px #0002;transition:background .2s,color .2s,box-shadow .2s;width:100%;font-size:1.125rem}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:var(--success-hover)}.modal{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.18)}.modal-content{background:#fff;border-radius:1rem;box-shadow:0 8px 32px 0 #0002;padding:2rem;width:100%;max-width:28rem;position:relative;animation:fade-in .2s}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.modal-title{font-size:1.5rem;font-weight:700;color:#2563eb;margin-bottom:1.5rem;text-align:center}.modal-close{position:absolute;top:.75rem;right:.75rem;color:#94a3b8;font-size:2rem;font-weight:700;background:none;border:none;cursor:pointer;transition:color .2s;line-height:1}.modal-close:hover{color:#ef4444}.input{width:100%;padding:.75rem 1rem;border-radius:.75rem;border:1px solid #d1d5db;color:#111;font-size:1rem;outline:none;transition:border .2s,box-shadow .2s;margin-top:.25rem}.input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb22}.label{display:block;color:#334155;font-weight:600;margin-bottom:.25rem}.text-muted{color:#94a3b8;font-style:italic;text-align:center}.text-danger{color:#ef4444}.btn-blue,.btn-emerald{font-weight:700;padding:.75rem 2rem;border-radius:9999px;box-shadow:0 2px 8px #0002;transition:background .2s,color .2s,box-shadow .2s;font-size:1.125rem;width:100%;display:block;text-align:center}.btn-emerald{background:#059669;color:#fff}.btn-emerald:hover{background:#047857}.btn-blue{background:#2563eb;color:#fff}.btn-blue:hover{background:#1d4ed8}.btn-danger{background:#ef4444;color:#fff;font-weight:700;padding:.75rem 2rem;border-radius:9999px;box-shadow:0 2px 8px #0002;transition:background .2s,color .2s,box-shadow .2s;font-size:1.125rem;width:100%;display:block;text-align:center}.btn-danger:hover{background:#dc2626}.checkbox-square{width:1.5rem;height:1.5rem;border-radius:.375rem;border:2px solid #2563eb;background:#fff;appearance:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border .2s,box-shadow .2s,background .2s;position:relative}.checkbox-square:checked{background:#2563eb;border-color:#2563eb}.checkbox-square:checked:after{content:"";display:block;width:.7rem;height:.7rem;background:#fff;border-radius:.2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-block{width:100%;display:block}.section{width:100%;max-width:32rem;background:#ffffffcc;border-radius:1rem;box-shadow:0 2px 12px #0001;padding:1.5rem}.title-section{font-size:1.5rem;color:#059669;margin-bottom:1rem}.title-column,.title-section{font-weight:700;text-align:center}.title-column{color:#2563eb}.btn,.btn-block,.btn-blue,.btn-danger,.btn-emerald,.btn-gray,.buyer-badge,.label,.member-label,.modal-content,.modal-title,.pay-label,.text-black,.total-label{color:#111!important}