*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #16a34a;--primary-dark: #15803d;--primary-light: #dcfce7;--secondary: #84cc16;--accent: #fbbf24;--text-primary: #1c2817;--text-secondary: #4d7c0f;--border: #d9f99d;--bg-gray: #f7fee7;--error: #ef4444;--white: #ffffff;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 4px 6px -1px rgba(34, 139, 34, .15), 0 2px 4px -1px rgba(34, 139, 34, .1);--shadow-lg: 0 10px 15px -3px rgba(34, 139, 34, .2), 0 4px 6px -2px rgba(34, 139, 34, .1)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;color:var(--text-primary);background:linear-gradient(135deg,#f0fdf4,#ecfdf5,#fef3c7);min-height:100vh;padding:1rem;position:relative}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 50%,rgba(134,239,172,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(254,240,138,.1) 0%,transparent 50%);pointer-events:none;z-index:0}.payment-container{position:relative;z-index:1}.payment-container{max-width:600px;margin:0 auto;padding:2rem 0}.payment-card{background:var(--white);border-radius:1rem;box-shadow:var(--shadow-lg);padding:2.5rem;margin-bottom:2rem}.logo-section{text-align:center;margin-bottom:2rem}.owner-circle{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;box-shadow:0 0 0 4px var(--primary-light),var(--shadow-lg);overflow:hidden;background:var(--white)}.owner-image{width:100%;height:100%;object-fit:cover}.farm-name{font-size:1.875rem;font-weight:700;color:var(--primary-dark);margin:0 0 .5rem;text-shadow:0 1px 2px rgba(0,0,0,.1)}.owner-message{font-size:.9375rem;color:var(--text-secondary);font-style:italic;margin:0;font-weight:500}.customer-welcome{background:linear-gradient(135deg,var(--primary-light) 0%,var(--bg-gray) 100%);padding:1rem 1.5rem;border-radius:.75rem;margin-bottom:1.5rem;border-left:4px solid var(--primary)}.welcome-text{font-size:1.125rem;color:var(--primary-dark);font-weight:600;margin:0;text-align:center}.compliment-box{background:linear-gradient(135deg,#fef3c7,#fef08a);padding:1.25rem 1.5rem;border-radius:.75rem;margin-bottom:1.5rem;display:flex;gap:.75rem;align-items:flex-start;border:2px solid var(--accent);box-shadow:0 4px 6px #fbbf2433}.leaf-icon{width:24px;height:24px;color:#15803d;flex-shrink:0;margin-top:.125rem}.compliment-text{font-size:1rem;color:#713f12;margin:0;line-height:1.6;font-weight:500}.payment-details{background:linear-gradient(135deg,var(--bg-gray) 0%,var(--white) 100%);border-radius:.75rem;padding:1.5rem;margin-bottom:2rem;border:2px solid var(--border)}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border)}.detail-row:last-child{border-bottom:none}.detail-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.detail-value{font-size:.9375rem;color:var(--text-primary);font-weight:600;text-align:right;word-break:break-word;max-width:60%}.amount-row{margin-top:.5rem;padding-top:1.25rem;border-top:2px solid var(--border)}.amount-value{font-size:1.5rem;color:var(--primary)}.pay-button{width:100%;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--white);border:none;border-radius:.75rem;padding:1rem;font-size:1.125rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .3s ease;box-shadow:var(--shadow);margin-bottom:1.5rem}.pay-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.pay-button:active{transform:translateY(0)}.button-icon{width:24px;height:24px}.info-section{display:flex;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#dcfce7,#d9f99d);border-radius:.5rem;margin-bottom:1.5rem;border-left:3px solid var(--secondary)}.info-icon{width:20px;height:20px;color:var(--primary);flex-shrink:0;margin-top:.125rem}.info-text{font-size:.875rem;color:var(--text-secondary);line-height:1.6}.secure-badge{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.secure-icon{width:16px;height:16px;color:var(--primary)}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}.feature-item{display:flex;align-items:center;gap:8px;padding:12px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:10px;border:1px solid #bbf7d0;transition:all .3s ease}.feature-item:hover{transform:translateY(-2px);box-shadow:0 4px 6px #16a34a26}.feature-icon{width:20px;height:20px;color:#16a34a;flex-shrink:0}.feature-text{font-size:13px;color:#15803d;font-weight:500}.link-generator{background:var(--white);border-radius:1rem;box-shadow:var(--shadow-lg);padding:2rem}.generator-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.generator-description{font-size:.9375rem;color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.5}.link-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.form-group input{padding:.875rem;border:2px solid var(--border);border-radius:.5rem;font-size:1rem;transition:all .2s ease;background:var(--white)}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.generate-button{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--white);border:none;border-radius:.75rem;padding:1rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:var(--shadow)}.generate-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--primary-dark) 0%,#166534 100%)}.generate-button:active{transform:translateY(0)}.generated-link{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid var(--border)}.generated-link.hidden{display:none}.generated-link label{display:block;font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.link-display{display:flex;gap:.5rem;margin-bottom:.75rem}.link-display input{flex:1;padding:.75rem;border:2px solid var(--border);border-radius:.5rem;font-size:.875rem;background:var(--bg-gray);font-family:Courier New,monospace}.copy-button{padding:.75rem;background:var(--primary);color:var(--white);border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:48px}.copy-button:hover{background:var(--primary-dark)}.copy-button svg{width:20px;height:20px}.link-info{font-size:.8125rem;color:var(--text-secondary);font-style:italic}.error-card{background:var(--white);border-radius:1rem;box-shadow:var(--shadow-lg);padding:2.5rem;text-align:center}.error-icon{width:64px;height:64px;color:var(--error);margin:0 auto 1.5rem}.error-card h1{font-size:1.75rem;margin-bottom:1rem;color:var(--text-primary)}.error-message{font-size:1rem;color:var(--text-secondary);margin-bottom:2rem}.error-help{text-align:left;background:var(--bg-gray);padding:1.5rem;border-radius:.75rem}.error-help h2{font-size:1.125rem;margin-bottom:.75rem;color:var(--text-primary)}.error-help p{color:var(--text-secondary);margin-bottom:.75rem}.error-help ul{list-style:none;padding-left:0;margin-bottom:1.5rem}.error-help li{padding:.5rem 0;color:var(--text-secondary)}.error-help code{background:#fff;padding:.125rem .375rem;border-radius:.25rem;font-family:Courier New,monospace;font-size:.875rem;color:var(--primary);font-weight:600}.example{background:var(--white);padding:1rem;border-radius:.5rem;border-left:4px solid var(--primary)}.example strong{display:block;margin-bottom:.5rem;color:var(--text-primary)}.example-code{display:block;padding:.75rem;background:var(--bg-gray);border-radius:.375rem;font-size:.8125rem;word-break:break-all;line-height:1.6}@media (max-width: 640px){body{padding:.5rem}.payment-container{padding:1rem 0}.payment-card,.link-generator{padding:1.5rem}.detail-value{max-width:50%;font-size:.875rem}.amount-value{font-size:1.25rem}.farm-name{font-size:1.5rem}.owner-circle{width:100px;height:100px}.owner-message{font-size:.875rem}.compliment-text{font-size:.9375rem}}