.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-top:2rem}.action-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:1.25rem;box-shadow:0 10px 26px #1018280f;display:flex;flex-direction:column;gap:.5rem}.action-card .title{font-weight:900;font-size:1.1rem}.action-card .desc{color:#5f8c7d;flex-grow:1}.table th,.table td{padding:12px 15px;border-bottom:1px solid var(--line);text-align:left}.input-button-style{display:flex;align-items:center;gap:5px;background:#f1f5f9;padding:5px 10px;border-radius:8px}.input-button-style label{font-weight:700}.input-button-style input[type=number]{width:50px;border:1px solid #ccc;text-align:center}.btn-icon.danger{color:#c53030}input[type=text],input[type=number],select{width:100%;padding:10px;border:1px solid #ccc;border-radius:8px;box-sizing:border-box}.chip-group{display:flex;gap:10px;flex-wrap:wrap}.btn-icon.danger{background-color:#fee2e2;color:#ef4444;border-radius:50%;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;border:1px solid #fecaca}.chip-group{margin-top:8px}@keyframes greenPulse{0%{box-shadow:0 0 8px #25b17d66}50%{box-shadow:0 0 28px #25b17de6}to{box-shadow:0 0 8px #25b17d66}}.btn.pulse{animation:greenPulse 2.5s ease-in-out infinite}input[type=text],input[type=number],input[type=email],select{width:100%;padding:10px;border:1px solid #ccc;border-radius:8px;box-sizing:border-box}.chip-group{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.chip-button{padding:10px 15px;border-radius:20px;border:1px solid #d1d5db;background-color:#f9fafb;color:#1f2937;font-weight:600;cursor:pointer;transition:all .2s}.chip-button:hover{background-color:#f3f4f6;border-color:#9ca3af}.chip-button.active{background-color:var(--brand);color:#fff;border-color:var(--brand)}.input-button-style{display:flex;align-items:center;gap:8px;background:#f1f5f9;padding:5px 12px;border-radius:8px}.input-button-style label{font-weight:700;margin:0}.input-button-style input[type=number]{width:60px;text-align:center}.promo-card{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:10px 15px;border-radius:8px;margin-bottom:10px;border-left:5px solid var(--brand)}.promo-actions{display:flex;gap:10px;align-items:center}.btn-icon{background:transparent;border:none;font-size:1.2rem;cursor:pointer;padding:5px}.btn-icon.danger{background-color:#fee2e2;color:#ef4444;border-radius:50%;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #fecaca}.btn-icon.danger:hover{background-color:#ef4444;color:#fff}textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:8px;box-sizing:border-box;resize:vertical}.char-counter{text-align:right;font-size:.8rem;color:#666;margin-top:4px}.admin-dashboard{background-color:#102720;padding:20px;border-radius:14px}.admin-dashboard h1,.admin-dashboard p{color:#fff}.kpi-card{background:#fff;padding:1.25rem;border-radius:14px;box-shadow:0 10px 26px #0000001a}.business-dashboard{background-color:#102720;padding:20px;border-radius:14px}.business-dashboard h1{color:#fff}.business-dashboard .action-card{background-color:#fff}.pill{display:inline-flex;align-items:center;gap:.4rem;padding:.2rem .55rem;border-radius:999px;font-size:.85rem;font-weight:600;border:1px solid}.pill.info{border-color:#bfdbfe;background:#eff6ff;color:#1e40af}.pill.ok{border-color:#a7f3d0;background:#ecfdf5;color:#065f46}.pill.warn{border-color:#fde68a;background:#fffbeb;color:#92400e}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;padding:20px;border-radius:14px;width:90%;max-width:500px}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:20px}.modal-header h3{margin:0}.modal-close-btn{background:none;border:none;font-size:1.8rem;cursor:pointer;line-height:1}.form-vertical div{margin-bottom:1rem}.input-numeric-short{width:80px!important;padding:8px!important;text-align:center}.business-dashboard,.admin-dashboard{background-color:#102720;padding:20px;border-radius:14px}.business-dashboard h1,.business-dashboard p,.admin-dashboard h1,.admin-dashboard p{color:#fff}.business-dashboard .action-card,.admin-dashboard .kpi-card{background-color:#fff;color:#1f2b27}.business-dashboard .action-card .desc{color:#5f8c7d}.kpi-card .title{font-weight:700;color:#5f8c7d}.kpi-number{font-size:2.5rem;font-weight:900;color:var(--brand);margin-top:.5rem}.stamp-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:10px}.stamp-slot{width:100%;aspect-ratio:1 / 1;border:2px dashed #ddd;border-radius:50%;display:grid;place-items:center}.flip-card{background-color:transparent;width:100%;height:100%;perspective:1000px;cursor:pointer}.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s;transform-style:preserve-3d}.flip-card-inner.is-flipped{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:20px;color:#fff;padding:20px;box-sizing:border-box;display:flex;flex-direction:column}.flip-card-front{justify-content:space-between}.flip-card-back{background-color:#fff;color:#333;transform:rotateY(180deg);border:1px solid #ddd}.personalizar-container{display:grid;grid-template-columns:1fr .8fr;gap:1.5rem;align-items:start}fieldset{border:1px solid var(--line);border-radius:8px;padding:1rem;margin-bottom:1rem;border-style:solid}.logo-uploader{margin-top:1rem}.uploader-box{width:120px;height:120px;border:2px dashed #d1e0da;border-radius:14px;display:grid;place-items:center;cursor:pointer;background-color:#f8fafc;overflow:hidden}#logoUpload{display:none}.iphone-preview{width:100%;max-width:340px;aspect-ratio:9 / 19.5;border-radius:50px;border:12px solid #111;background:#000 url(https://i.imgur.com/sT3hY3A.png) no-repeat center center;background-size:cover;box-shadow:0 20px 50px #0000004d;margin:auto;padding:20px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.pass-preview{width:100%;height:auto;aspect-ratio:1.58 / 1;border-radius:15px;padding:15px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;color:#fff;transform:translateY(-20px)}.stamp-grid-preview{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.stamp-slot-preview{width:100%;aspect-ratio:1 / 1;border:2px dashed rgba(255,255,255,.5);border-radius:50%;display:grid;place-items:center;font-size:1.5rem;font-weight:700}.personalizar-container{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.iphone-preview{width:100%;max-width:280px;aspect-ratio:9 / 19.5;border-radius:40px;border:10px solid #111;background:#000;box-shadow:0 20px 50px #0000004d;margin:auto;padding:10px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.pass-preview{position:absolute;width:220px;height:auto;aspect-ratio:1.58 / 1;border-radius:15px;box-shadow:0 15px 30px #0006}.uploader-box.wide{width:200px;height:120px}.sidebar{background:#102720;color:#eaf8f3;padding:16px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;font-weight:900;margin-bottom:20px}.brand .logo{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--brand),#1b6b54);display:grid;place-items:center;color:#fff}.nav{display:grid;gap:8px}.nav-button{width:100%;text-align:left;background:transparent;border:1px solid #1c3a32;color:#eaf8f3;padding:10px 12px;border-radius:12px;text-decoration:none;display:block;box-sizing:border-box;cursor:pointer}.nav-button:hover{background:#143d32}.nav-button.active{background:linear-gradient(180deg,#174238,#123429);border-color:#2a5a4d;font-weight:700}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px 15px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.table th{background:#f8fafc;font-weight:700}.table tbody tr:hover{background:#f1f5f9}.btn.warn{background-color:#f59e0b;border-color:#fde68a}.btn.info{background:linear-gradient(135deg,#2563eb,#1e40af);border-color:#93c5fd}.form-vertical input[type=text],.form-vertical input[type=email],.form-vertical input[type=password],.form-vertical input[type=number],.form-vertical select,.form-vertical textarea{width:100%;padding:12px;box-sizing:border-box;border:1px solid #d1e0da;border-radius:12px;background:#f8fafc;font-size:1rem;color:#1f2b27}.input-row{display:flex;gap:10px;align-items:center}.personalizar-container{display:grid;grid-template-columns:1.2fr .8fr;gap:1.5rem;align-items:start}.pass-preview{width:240px;height:151px;border-radius:15px;box-shadow:0 10px 20px #0003;color:#fff;background-size:cover;background-position:center;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden;cursor:pointer}.stamp-preview-panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:1.25rem;margin-top:1rem;max-height:0;opacity:0;overflow:hidden;transition:all .5s ease-in-out}.stamp-preview-panel.visible{max-height:300px;opacity:1}.stamp-grid-preview-flat{display:grid;gap:5px}.uploader-box img{width:100%;height:100%;object-fit:cover}:root{--brand: #25B17D;--bg: #f7fbf9;--line: #e6efea}body{margin:0;background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Arial}.shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.main{padding:20px}.input-row{display:flex;gap:10px;align-items:flex-end}.input-row.centered{justify-content:center;gap:1.5rem}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:1.25rem;box-shadow:0 10px 26px #1018280f;margin-top:2rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:10px 14px;border-radius:12px;border:1px solid #cfeadd;background:linear-gradient(135deg,var(--brand),#1b6b54);color:#fff;font-weight:900;cursor:pointer;text-decoration:none;align-self:flex-start}.btn:hover{transform:translateY(-1px);filter:brightness(1.05)}.btn.small{padding:8px 10px;font-size:.9rem}.btn.ghost{background:#f3fbf8;color:#1f6c57;border:1px solid #cfeadd;box-shadow:none}.btn-remove-img{background:transparent;border:1px solid #ef4444;color:#ef4444;font-size:.8rem;padding:2px 8px;border-radius:6px;cursor:pointer;margin-top:4px}.btn-remove-img:hover{background:#fee2e2}.form-vertical{display:grid;gap:1.25rem}.form-vertical label{display:block;margin-bottom:.5rem;font-weight:700;color:#314a42}.form-vertical input,.form-vertical select{width:100%;padding:12px;box-sizing:border-box;border:1px solid #d1e0da;border-radius:12px;background:#f8fafc;font-size:1rem;color:#1f2b27}.color-picker{width:40px!important;height:40px!important;padding:0!important;border-radius:8px!important;cursor:pointer;border:1px solid #d1e0da!important}fieldset{border:1px solid var(--line);border-radius:8px;padding:1rem;margin-bottom:1rem}legend{font-weight:700;padding:0 .5rem}.personalizar-container{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:start}.preview-container{position:sticky;top:20px}.iphone-preview{width:100%;max-width:300px;aspect-ratio:9 / 19;border-radius:40px;border:12px solid #111;background:#383838;box-shadow:0 20px 50px #0000004d;margin:auto;padding:20px 15px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.pass-preview{width:240px;height:151px;border-radius:15px;box-shadow:0 10px 20px #0003;color:#fff;background-size:cover;background-position:center;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden;cursor:pointer;transition:transform .2s ease-in-out}.pass-preview:hover{transform:scale(1.03)}.pass-logo-preview{position:absolute;top:15px;left:15px;width:40px;height:40px;border-radius:8px;background:#0003;display:grid;place-items:center;font-weight:700;overflow:hidden}.pass-logo-preview img{width:100%;height:100%;object-fit:cover}.pass-footer-preview{position:absolute;bottom:15px;right:15px;font-weight:700;font-size:.9rem;text-shadow:0 1px 2px rgba(0,0,0,.5)}.stamp-preview-panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:1rem;margin-top:1rem;max-height:0;opacity:0;overflow:hidden;transition:all .5s ease-in-out}.stamp-preview-panel.visible{max-height:500px;opacity:1}.barcode-area{background:#fff;padding:10px;margin:0 auto 15px;border-radius:8px}.stamp-grid-title{color:#333;font-weight:700;font-size:.9rem;margin:0 0 10px;text-align:center}.stamp-grid-preview-flat{display:grid;gap:8px}.stamp-grid-preview-flat.stamps-5{grid-template-columns:repeat(5,1fr)}.stamp-grid-preview-flat.stamps-10{grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr)}.stamp-slot-preview-flat{width:100%;aspect-ratio:1 / 1;border:1px dashed #ccc;border-radius:50%;display:grid;place-items:center}.stamp-slot-preview-flat.filled{border-style:solid}.logo-uploader{display:flex;flex-direction:column;align-items:center;text-align:center}.uploader-box{width:120px;height:120px;border:2px dashed #d1e0da;border-radius:14px;cursor:pointer;background-color:#f8fafc;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.uploader-box.wide{width:213px;height:120px}.uploader-box:hover{border-color:var(--brand)}.uploader-box img{width:100%;height:100%;object-fit:contain}.uploader-box.disabled{cursor:not-allowed;background-color:#e9ecef;opacity:.7}.icon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:1rem}.icon-selector{display:grid;place-items:center;width:100%;aspect-ratio:1/1;border-radius:14px;border:2px solid var(--line);background-color:#f8fafc;cursor:pointer}.icon-selector.active{border-color:var(--brand);background-color:#e6f6f1}.icon-selector svg{color:#333!important}.preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.preset-grid img{width:100%;border-radius:8px;border:3px solid transparent;cursor:pointer;transition:border-color .2s}.preset-grid img:hover{border-color:var(--brand)}.iphone-preview{align-items:flex-start;padding-top:40px}.pass-preview-container{position:relative;cursor:pointer;transition:height .5s cubic-bezier(.68,-.55,.27,1.55);width:240px;height:151px;border-radius:15px;overflow:hidden;background-color:#fff}.pass-preview-container.expanded{height:380px}.pass-preview{width:100%;height:151px;position:relative;background-size:cover;background-position:center;color:#fff;transition:transform .2s ease-in-out}.pass-preview:hover{transform:scale(1.03) translateY(-2px)}.pass-logo-preview{top:15px;left:15px}.uploader-box img{object-fit:contain}.expanded-details{position:absolute;bottom:0;left:0;right:0;padding:15px;opacity:0;transition:opacity .3s ease-in-out .2s}.pass-preview-container.expanded .expanded-details{opacity:1}.barcode-area{margin:15px auto}.stamp-grid-preview-flat{gap:8px}