body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary:#667eea;--primary-dark:#5468d4;--secondary:#764ba2;--accent:#4caf50;--bg:#f6f7fb;--text:#1f2937;--muted:#6b7280;--card:#fff;--border:#e5e7eb}#root,body,html{background:#f6f7fb;background:var(--bg);height:100%}.container{margin:0 auto;max-width:960px;padding:20px}.card{background:#fff;background:var(--card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:16px;box-shadow:0 10px 30px #0000000f;padding:24px}.h1,h1{font-size:clamp(24px,4vw,32px);margin:0 0 12px}.h1,.h2,h1,h2{color:#1f2937;color:var(--text)}.h2,h2{font-size:clamp(20px,3.2vw,26px);margin:0 0 10px}.h3,h3{color:#6b7280;color:var(--muted);font-size:clamp(16px,2.8vw,20px);margin:0 0 8px}.form-group{margin-bottom:16px}.form-group label{color:#1f2937;color:var(--text);font-weight:600;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{background:#fafafa;border:2px solid #e5e7eb;border:2px solid var(--border);border-radius:12px;color:#1f2937;color:var(--text);padding:14px 16px;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#667eea;border-color:var(--primary);box-shadow:0 0 0 4px #667eea1f;outline:none}.form-group small{color:#6b7280;color:var(--muted)}.btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-weight:700;gap:10px;justify-content:center;padding:14px 22px;transition:transform .12s ease,box-shadow .2s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-accent{background:linear-gradient(135deg,#4caf50,#45a049);background:linear-gradient(135deg,var(--accent),#45a049);box-shadow:0 12px 25px #4caf5040;color:#fff}.btn-outline{background:#0000;border:2px solid #667eea;border:2px solid var(--primary);color:#667eea;color:var(--primary)}.step-container{background:#fff;background:var(--card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:18px;box-shadow:0 12px 30px #0000000f;padding:24px}.step-header{align-items:center;border-bottom:2px solid #667eea;border-bottom:2px solid var(--primary);display:flex;gap:12px;margin-bottom:18px;padding-bottom:12px}.step-header .badge{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:10px;color:#fff;font-weight:700;padding:6px 10px}.alert{border-radius:12px;padding:12px 16px}.alert-success{background:#e6f8ec;color:#1b5e20}.alert-error{background:#fdecea;color:#b71c1c}@media (max-width:768px){.container{padding:14px}.card{padding:18px}}.card-layout-selection{margin:0 auto;max-width:960px;padding:20px}.card-layout-selection h2{color:var(--text)}.layout-options{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.predefined-layouts{display:contents}.layout-option{background:var(--card);border:2px solid var(--border);border-radius:14px;cursor:pointer;overflow:hidden;transition:all .2s ease}.layout-option.selected,.layout-option:hover{border-color:var(--primary);box-shadow:0 10px 25px #667eea40;transform:translateY(-2px)}.horizontal-preview{background-position:50%;background-size:cover;height:110px;width:100%}.layout-option p{color:var(--muted);margin:8px 0 12px;text-align:center}.custom-background-upload{margin-top:10px;text-align:center}.customization-options{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:22px 0}.coffee-count-selector,.color-picker,.font-selector{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px}.coffee-count-selector label,.color-picker label,.font-selector label{color:var(--text);font-weight:700}.preview-section{margin-top:20px}.preview-container{aspect-ratio:9/16;background:linear-gradient(135deg,#f7fafc,#eef2f7);border:1px solid var(--border);box-shadow:0 12px 30px #0000000f;margin:0 auto;max-width:320px}.card-preview.vertical,.preview-container{border-radius:20px;position:relative;width:100%}.card-preview.vertical{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;overflow:hidden;touch-action:none}.business-logo{height:64px;touch-action:none;width:64px;z-index:10}.business-name{font-size:24px;font-weight:800;text-shadow:0 2px 10px #00000040;white-space:nowrap}.business-name,.stamp-area{position:absolute;touch-action:none;z-index:10}.stamp-area{border-radius:12px;cursor:move;justify-content:center;opacity:.9;padding:12px;width:100%}.qr-code{background:#fff;border-radius:8px;box-shadow:0 6px 16px #0000001a;padding:6px;position:absolute;touch-action:none;z-index:10}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;border-radius:12px;box-shadow:0 12px 25px #667eea40;color:#fff;cursor:pointer;display:block;font-size:16px;margin:20px auto 0;padding:12px 20px}.btn-primary:hover{box-shadow:0 16px 35px #667eea59}@media (max-width:600px){.preview-container{max-width:280px}.business-logo{height:54px;width:54px}.business-name{font-size:20px}.stamp{height:26px;width:26px}}.dashboard{margin:0 auto;max-width:800px;padding:20px}.card-preview-container{border:1px solid #ddd;border-radius:8px;margin-bottom:30px;padding:20px}.card-preview{background-position:50%;background-size:cover;border-radius:14px;height:568px;margin:0 auto;overflow:hidden;position:relative;width:320px}.business-logo{max-height:60px;max-width:60px;object-fit:contain;position:absolute}.stamp-area{grid-gap:2px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#ffffffe6;border-radius:10px;box-shadow:inset 0 1px 2px #0000000f;display:grid;gap:2px;grid-template-columns:repeat(11,20px);padding:6px}.stamp{background:#fff;border:2px dashed #333;border-radius:50%;box-shadow:0 1px 2px #0000001f;height:20px;width:20px}.send-card-section{margin-bottom:30px}input[type=email]{border:1px solid #ddd;border-radius:4px;margin-bottom:10px;padding:10px;width:100%}button{background-color:#007bff;padding:10px 20px}button:disabled{background-color:#ccc;cursor:not-allowed}.message{background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;margin-top:10px;padding:10px}.actions{margin-top:30px}.card-creator{background-color:#f8f8f8;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin:2rem auto;max-width:500px;padding:2rem}.card-creator h2{color:#333;margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1rem}.form-group label{color:#555;display:block;font-weight:700;margin-bottom:.5rem}.form-group input,.form-group select{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.5rem;width:100%}.form-group input[type=color]{height:40px;padding:2px}.form-group input[type=file]{border:none;padding:0}button{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem;transition:background-color .3s ease;width:100%}button:hover{background-color:#3a7bc8}.font-preview{background-color:#f0f0f0;border-radius:4px;margin-top:1rem;padding:1rem}.font-preview h3{font-size:1.2rem;margin-bottom:.5rem}.font-preview p{margin:0}
/*# sourceMappingURL=main.157b2a99.css.map*/