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;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}img{height:auto}body,html,img{max-width:100%}body,html{overflow-x:hidden}html{scroll-behavior:smooth}a,button,input,select,textarea{min-height:44px;min-width:44px;touch-action:manipulation}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}.login-container{align-items:center;display:flex;justify-content:center;min-height:80vh;padding:20px}.login-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;max-width:450px;padding:40px;width:100%}.login-card h2{color:#2c3e50;font-size:28px;margin:0 0 10px;text-align:center}.login-subtitle{color:#7f8c8d;font-size:14px;margin-bottom:30px;text-align:center}.login-method-selector{display:flex;gap:10px;margin-bottom:25px}.method-btn{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 20px;transition:all .3s ease}.method-btn:hover{color:#85c226;color:var(--primary-color,#85c226)}.method-btn.active,.method-btn:hover{border-color:#85c226;border-color:var(--primary-color,#85c226)}.method-btn.active{background:#85c226;background:var(--primary-color,#85c226);color:#fff}.login-form{display:flex;flex-direction:column;gap:20px}.login-btn{background:#00923f;background:var(--secondary-color,#00923f);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 20px;transition:background .3s ease}.login-btn:hover:not(:disabled){background:#007533;background:var(--secondary-dark,#007533)}.login-btn:disabled{background:#95a5a6;cursor:not-allowed}.login-info{border-top:1px solid #e0e0e0;margin-top:25px;padding-top:25px}.info-text{color:#7f8c8d;font-size:13px;line-height:1.6;margin:0}.info-text strong{color:#2c3e50}@media (max-width:768px){.login-container{padding:15px}.login-card{padding:35px 25px}.login-card h2{font-size:26px}.login-method-selector{gap:8px}.method-btn{font-size:13px;padding:10px 15px}}@media (max-width:576px){.login-container{min-height:75vh;padding:10px}.login-card{padding:25px 20px}.login-card h2{font-size:22px}.login-subtitle{font-size:13px;margin-bottom:20px}.login-method-selector{flex-direction:column;gap:10px}.method-btn{font-size:14px;padding:12px 20px;width:100%}.form-group input{font-size:16px}.login-btn{font-size:15px;padding:12px 18px}.login-info{margin-top:20px;padding-top:20px}.info-text{font-size:12px}}.dashboard-container{margin:0 auto;max-width:1200px;padding:20px}.dashboard-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:25px;padding:25px 30px}.customer-info h2{color:#2c3e50;font-size:24px;margin:0 0 10px}.customer-details{color:#7f8c8d;display:flex;font-size:14px;gap:25px}.customer-details strong{color:#2c3e50}.logout-btn{background:#e74c3c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:background .3s ease}.logout-btn:hover{background:#c0392b}.dashboard-content{display:flex;flex-direction:column;gap:25px}.purchase-section{display:flex;justify-content:center;padding:20px}.new-purchase-btn{background:#00923f;background:var(--secondary-color,#00923f);border:none;border-radius:10px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:16px 40px;transition:all .3s ease}.new-purchase-btn:hover{background:#007533;background:var(--secondary-dark,#007533);box-shadow:0 6px 8px #00000026;transform:translateY(-2px)}.purchase-form-container{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:30px}.purchase-form-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.purchase-form-header h3{color:#2c3e50;font-size:22px;margin:0}.close-form-btn{background:none;border:none;color:#95a5a6;cursor:pointer;font-size:32px;height:32px;line-height:1;padding:0;transition:color .3s ease;width:32px}.close-form-btn:hover{color:#e74c3c}.purchase-form{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:1fr auto 1fr}.conversion-display{align-items:center;color:#85c226;color:var(--primary-color,#85c226);display:flex;font-size:24px;font-weight:700;justify-content:center;padding-top:30px}.form-group input:disabled{background:#f5f5f5}.rate-info{background:#ecf0f1;border-radius:6px;color:#7f8c8d;font-size:14px;grid-column:1/-1;padding:10px;text-align:center}.submit-btn{background:#00923f;background:var(--secondary-color,#00923f);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;grid-column:1/-1;padding:14px 20px;transition:background .3s ease}.submit-btn:hover:not(:disabled){background:#007533;background:var(--secondary-dark,#007533)}.submit-btn:disabled{background:#95a5a6;cursor:not-allowed}.transactions-section{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:30px}.transactions-section h3{color:#2c3e50;font-size:22px;margin:0 0 20px}.loading-message,.no-transactions{color:#7f8c8d;font-size:16px;padding:40px 20px;text-align:center}.transactions-list{grid-gap:15px;display:grid;gap:15px}.transaction-card{border:2px solid #ecf0f1;border-radius:10px;padding:20px;transition:all .3s ease}.transaction-card:hover{border-color:#85c226;border-color:var(--primary-color,#85c226);box-shadow:0 2px 8px #3498db26}.transaction-header{align-items:center;border-bottom:1px solid #ecf0f1;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.transaction-status{border-radius:6px;font-size:12px;font-weight:600;padding:6px 12px;text-transform:uppercase}.status-completed{background:#d5f4e6;color:#00923f;color:var(--secondary-color,#00923f)}.status-pending{color:#f39c12}.status-failed{color:#e74c3c}.status-cancelled{background:#e8e8e8;color:#7f8c8d}.transaction-date{color:#7f8c8d;font-size:13px}.transaction-details{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.detail-row{align-items:center;display:flex;justify-content:space-between}.detail-label,.detail-value{font-size:14px}.token-value{background:#ecf0f1;border-radius:4px;font-size:13px;padding:4px 8px}.view-token-btn{background:#85c226;background:var(--primary-color,#85c226);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px;transition:background .3s ease;width:100%}.view-token-btn:hover{background:#6a9e1e;background:var(--primary-dark,#6a9e1e)}.error-message{grid-column:1/-1}.success-message{background:#d5f4e6;border:1px solid #a8e6cf;border-radius:6px;color:#00923f;color:var(--secondary-color,#00923f);font-size:14px;grid-column:1/-1;padding:12px}@media (max-width:768px){.dashboard-container{padding:15px}.dashboard-header{flex-direction:column;gap:15px;padding:20px;text-align:center}.customer-info h2{font-size:22px}.customer-details{flex-direction:column;font-size:13px;gap:8px}.logout-btn{padding:12px 24px;width:100%}.new-purchase-btn{font-size:16px;padding:14px 35px}.purchase-form-container{padding:25px}.purchase-form{grid-template-columns:1fr}.conversion-display{font-size:20px;padding:0;transform:rotate(90deg)}.transactions-section{padding:25px 20px}.transactions-section h3{font-size:20px}.transaction-card{padding:18px}.transaction-header{align-items:flex-start;flex-direction:column;gap:10px}.transaction-status{align-self:flex-start}}@media (max-width:576px){.dashboard-container{padding:10px}.dashboard-header{gap:12px;padding:15px}.customer-info h2{font-size:20px}.customer-details{font-size:12px}.logout-btn{font-size:13px;padding:10px 20px}.new-purchase-btn{font-size:15px;padding:12px 30px;width:100%}.purchase-section{padding:15px 10px}.purchase-form-container{padding:20px 15px}.purchase-form-header h3{font-size:18px}.close-form-btn{font-size:28px}.conversion-display{font-size:18px}.form-group label{font-size:13px}.form-group input{font-size:15px;padding:10px 14px}.rate-info{font-size:13px;padding:8px}.submit-btn{font-size:15px;padding:12px 18px}.transactions-section{padding:20px 15px}.transactions-section h3{font-size:18px;margin-bottom:15px}.transaction-card{padding:15px}.transaction-header{margin-bottom:12px;padding-bottom:12px}.transaction-status{font-size:11px;padding:5px 10px}.transaction-date{font-size:12px}.detail-label,.detail-value{font-size:13px}.token-value{font-size:12px}.view-token-btn{font-size:13px;padding:8px}}.payment-container{align-items:center;display:flex;justify-content:center;min-height:80vh;padding:20px}.payment-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;max-width:600px;padding:30px;width:100%}.payment-header{align-items:center;border-bottom:2px solid #ecf0f1;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:20px}.payment-header h2{color:#2c3e50;font-size:28px;margin:0}.cancel-btn{background:none;border:none;color:#95a5a6;cursor:pointer;font-size:32px;height:32px;line-height:1;padding:0;transition:color .3s ease;width:32px}.cancel-btn:hover{color:#e74c3c}.transaction-summary{background:#f8f9fa;border-radius:10px;margin-bottom:25px;padding:20px}.transaction-summary h3{color:#2c3e50;font-size:18px;margin:0 0 15px}.summary-details{display:flex;flex-direction:column;gap:12px}.summary-row{align-items:center;color:#7f8c8d;display:flex;font-size:14px;justify-content:space-between}.summary-row.total{border-top:2px solid #e0e0e0;font-size:16px;margin-top:8px;padding-top:12px}.summary-row.total,.summary-value{color:#2c3e50;font-weight:600}.payment-form{display:flex;flex-direction:column;gap:25px}.card-details h4,.payment-method-selector h4{color:#2c3e50;font-size:16px;margin:0 0 15px}.payment-methods{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.payment-method-option{cursor:pointer;position:relative}.payment-method-option input{opacity:0;position:absolute}.payment-method-content{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:10px;display:flex;flex-direction:column;gap:8px;padding:20px 10px;transition:all .3s ease}.payment-method-option.selected .payment-method-content,.payment-method-option:hover .payment-method-content{border-color:#85c226;border-color:var(--primary-color,#85c226)}.payment-method-option.selected .payment-method-content{background:#e3f2fd}.payment-icon{font-size:32px}.payment-method-content span:last-child{color:#2c3e50;font-size:14px;font-weight:500}.card-details{background:#f8f9fa;border-radius:10px;padding:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#2c3e50;font-size:14px}.form-group input{border:2px solid #e0e0e0;font-size:16px;padding:12px 16px;transition:border-color .3s ease}.form-group input:focus{border-color:#85c226;border-color:var(--primary-color,#85c226)}.form-group input:disabled{background:#e8e8e8;cursor:not-allowed}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:2fr 1fr}.payment-info{background:#e3f2fd;border-radius:8px;color:#1976d2;font-size:14px;padding:20px;text-align:center}.error-message{border:1px solid #fcc;color:#c33}.payment-actions{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 2fr;margin-top:10px}.cancel-payment-btn{background:#fff;border:2px solid #e74c3c;border-radius:8px;color:#e74c3c;cursor:pointer;font-size:16px;font-weight:600;padding:14px 20px;transition:all .3s ease}.cancel-payment-btn:hover:not(:disabled){background:#e74c3c;color:#fff}.cancel-payment-btn:disabled{cursor:not-allowed;opacity:.5}.submit-payment-btn{background:#00923f;background:var(--secondary-color,#00923f);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 20px;transition:background .3s ease}.submit-payment-btn:hover:not(:disabled){background:#007533;background:var(--secondary-dark,#007533)}.submit-payment-btn:disabled{background:#95a5a6;cursor:not-allowed}.payment-security{align-items:center;border-top:1px solid #ecf0f1;color:#7f8c8d;display:flex;font-size:13px;gap:8px;justify-content:center;margin-top:20px;padding-top:20px}.security-icon{font-size:16px}@media (max-width:768px){.payment-container{padding:15px}.payment-card{padding:25px}.payment-header h2{font-size:24px}.transaction-summary{padding:18px}.transaction-summary h3{font-size:16px}.summary-row{font-size:13px}.summary-row.total{font-size:15px}.payment-methods{gap:10px;grid-template-columns:repeat(3,1fr)}.payment-method-content{padding:15px 8px}.payment-icon{font-size:28px}.payment-method-content span:last-child{font-size:13px}.card-details{padding:18px}.payment-actions{gap:12px;grid-template-columns:1fr 2fr}}@media (max-width:576px){.payment-container{min-height:75vh;padding:10px}.payment-card{padding:20px 15px}.payment-header{margin-bottom:20px;padding-bottom:15px}.payment-header h2{font-size:22px}.cancel-btn{font-size:28px;height:28px;width:28px}.transaction-summary{margin-bottom:20px;padding:15px}.transaction-summary h3{font-size:15px;margin-bottom:12px}.summary-row{font-size:12px}.summary-row.total{font-size:14px;margin-top:6px;padding-top:10px}.payment-form{gap:20px}.card-details h4,.payment-method-selector h4{font-size:15px;margin-bottom:12px}.payment-methods{gap:10px;grid-template-columns:1fr}.payment-method-content{flex-direction:row;gap:12px;justify-content:flex-start;padding:15px}.payment-icon{font-size:24px}.payment-method-content span:last-child{font-size:14px}.card-details{padding:15px}.form-group label{font-size:13px}.form-group input{font-size:15px;padding:10px 14px}.form-row{gap:12px;grid-template-columns:1fr}.payment-info{font-size:13px;padding:15px}.payment-actions{gap:10px;grid-template-columns:1fr;margin-top:8px}.cancel-payment-btn,.submit-payment-btn{font-size:15px;padding:12px 18px}.payment-security{font-size:12px;margin-top:15px;padding-top:15px}.security-icon{font-size:14px}}.token-display-container{align-items:center;display:flex;justify-content:center;min-height:80vh;padding:20px}.token-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;max-width:700px;padding:40px;width:100%}.success-header{margin-bottom:35px;text-align:center}.success-icon{align-items:center;animation:scaleIn .5s ease;background:#00923f;background:var(--secondary-color,#00923f);border-radius:50%;color:#fff;display:flex;font-size:48px;height:80px;justify-content:center;margin:0 auto 20px;width:80px}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.success-header h2{color:#2c3e50;font-size:32px;margin:0 0 10px}.success-message{color:#7f8c8d;font-size:16px;margin:0}.token-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;margin-bottom:30px;padding:30px;position:relative}.token-label{color:#ffffffe6;display:block;font-size:14px;font-weight:600;letter-spacing:1px;margin-bottom:15px;text-transform:uppercase}.token-display{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:8px;display:flex;gap:15px;padding:20px}.token-value{color:#fff;flex:1 1;font-family:Courier New,monospace;font-size:28px;font-weight:700;letter-spacing:2px;word-break:break-all}.copy-btn{background:#fff3;border:2px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;flex-shrink:0;font-size:20px;padding:12px 16px;transition:all .3s ease}.copy-btn:hover{background:#ffffff4d;transform:scale(1.05)}.copied-message{animation:fadeIn .3s ease;color:#ffffffe6;display:inline-block;font-size:13px;margin-top:10px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.token-details{margin-bottom:30px}.token-details h3{border-bottom:2px solid #ecf0f1;color:#2c3e50;font-size:20px;margin:0 0 20px;padding-bottom:10px}.detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.detail-item{display:flex;flex-direction:column;gap:6px}.detail-label{color:#7f8c8d;font-size:13px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:#2c3e50;font-size:16px;font-weight:600}.transaction-id{font-family:Courier New,monospace;font-size:13px;word-break:break-all}.instructions{background:#f8f9fa;border-radius:10px;margin-bottom:30px;padding:25px}.instructions h3{color:#2c3e50;font-size:18px;margin:0 0 15px}.instructions ol{color:#555;margin:0;padding-left:25px}.instructions li{line-height:1.6;margin-bottom:10px}.instructions li:last-child{margin-bottom:0}.actions{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);margin-bottom:25px}.dashboard-btn,.print-btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;padding:14px 20px;transition:all .3s ease}.print-btn{background:#85c226;background:var(--primary-color,#85c226);color:#fff}.print-btn:hover{background:#6a9e1e;background:var(--primary-dark,#6a9e1e);box-shadow:0 4px 8px #3498db4d;transform:translateY(-2px)}.dashboard-btn{background:#00923f;background:var(--secondary-color,#00923f);color:#fff}.dashboard-btn:hover{background:#007533;background:var(--secondary-dark,#007533);box-shadow:0 4px 8px #27ae604d;transform:translateY(-2px)}.footer-note{border-top:1px solid #ecf0f1;padding-top:20px}.footer-note p{color:#7f8c8d;font-size:13px;line-height:1.6;margin:0}.footer-note strong{color:#e74c3c;font-weight:600}.no-token-message{padding:40px 20px;text-align:center}.no-token-message h2{color:#2c3e50;margin-bottom:15px}.no-token-message p{color:#7f8c8d;font-size:16px;margin-bottom:25px}.back-btn{background:#85c226;background:var(--primary-color,#85c226);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px;transition:background .3s ease}.back-btn:hover{background:#6a9e1e;background:var(--primary-dark,#6a9e1e)}@media print{body{background:#fff}.token-display-container{min-height:auto;padding:0}.token-card{box-shadow:none;padding:20px}.no-print{display:none!important}.token-section{background:#f0f0f0;-webkit-print-color-adjust:exact;print-color-adjust:exact}.token-value{color:#000}.copy-btn{display:none}}@media (max-width:768px){.token-display-container{padding:15px}.token-card{padding:35px 25px}.success-icon{font-size:42px;height:70px;width:70px}.success-header h2{font-size:28px}.success-message{font-size:15px}.token-section{padding:25px}.token-value{font-size:24px;letter-spacing:1.5px}.token-details h3{font-size:18px}.detail-grid{gap:18px;grid-template-columns:1fr}.instructions{padding:20px}.instructions h3{font-size:16px}.instructions li{font-size:14px}.actions{gap:12px;grid-template-columns:1fr}.dashboard-btn,.print-btn{font-size:15px;padding:12px 18px}}@media (max-width:576px){.token-display-container{min-height:75vh;padding:10px}.token-card{padding:25px 15px}.success-header{margin-bottom:25px}.success-icon{font-size:36px;height:60px;margin-bottom:15px;width:60px}.success-header h2{font-size:24px}.success-message{font-size:14px}.token-section{margin-bottom:20px;padding:20px 15px}.token-label{font-size:12px;margin-bottom:12px}.token-display{flex-direction:column;gap:12px;padding:15px}.token-value{font-size:18px;letter-spacing:1px;text-align:center;word-break:break-all}.copy-btn{font-size:18px;padding:10px 14px;width:100%}.copied-message{font-size:12px}.token-details{margin-bottom:20px}.token-details h3{font-size:16px;margin-bottom:15px}.detail-grid{gap:15px;grid-template-columns:1fr}.detail-item{gap:5px}.detail-label{font-size:12px}.detail-value{font-size:15px}.transaction-id{font-size:12px}.instructions{margin-bottom:20px;padding:18px}.instructions h3{font-size:15px;margin-bottom:12px}.instructions ol{padding-left:20px}.instructions li{font-size:13px;line-height:1.5;margin-bottom:8px}.actions{gap:10px;grid-template-columns:1fr;margin-bottom:20px}.dashboard-btn,.print-btn{font-size:15px;padding:12px 18px}.footer-note{padding-top:15px}.footer-note p{font-size:12px}.no-token-message{padding:30px 15px}.no-token-message h2{font-size:20px}.back-btn,.no-token-message p{font-size:15px}.back-btn{padding:10px 25px}}.admin-login-container{align-items:center;background:linear-gradient(135deg,var(--secondary-dark) 0,#000 100%);display:flex;justify-content:center;min-height:100vh;padding:20px}.admin-login-card{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;max-width:450px;padding:40px;width:100%}.admin-login-header{margin-bottom:30px;text-align:center}.admin-logo{height:auto;margin-bottom:20px;width:120px}.admin-login-header h2{color:var(--secondary-dark);font-size:28px;font-weight:700;margin:0 0 8px}.admin-subtitle{color:#666;font-size:14px;font-weight:500;letter-spacing:1px;margin:0;text-transform:uppercase}.admin-login-form{display:flex;flex-direction:column;gap:20px}.admin-login-form .form-group{display:flex;flex-direction:column;gap:8px}.admin-login-form label{color:#333;font-size:14px;font-weight:600}.admin-login-form input{border:2px solid #ddd;border-radius:8px;font-size:15px;padding:12px 16px;transition:all .3s}.admin-login-form input:focus{border-color:var(--secondary-color);box-shadow:0 0 0 3px #00923f1a;outline:none}.admin-login-form input:disabled{background:#f5f5f5;cursor:not-allowed}.error-message{background:#fee;border-left:4px solid var(--accent-color);border-radius:6px;color:#c00;font-size:14px;padding:12px}.admin-login-btn{background:var(--secondary-dark);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px 24px;transition:all .3s}.admin-login-btn:hover:not(:disabled){background:var(--secondary-color);box-shadow:0 4px 12px #00923f4d;transform:translateY(-2px)}.admin-login-btn:disabled{background:#999;cursor:not-allowed;transform:none}.admin-login-footer{border-top:1px solid #eee;margin-top:24px;padding-top:20px;text-align:center}.admin-login-footer a{color:var(--secondary-color);font-size:14px;font-weight:500;text-decoration:none;transition:color .3s}.admin-login-footer a:hover{color:var(--secondary-dark);text-decoration:underline}.admin-login-card:before{color:#999;content:"🔒 Secure Admin Area";display:block;font-size:12px;letter-spacing:2px;margin-bottom:20px;text-align:center;text-transform:uppercase}@media (max-width:768px){.admin-login-container{padding:15px}.admin-login-card{padding:35px 25px}.admin-logo{margin-bottom:15px;width:100px}.admin-login-header h2{font-size:24px}.admin-subtitle{font-size:13px}.admin-login-form{gap:18px}.admin-login-btn{font-size:15px;padding:12px 20px}.admin-login-footer{margin-top:20px;padding-top:18px}}@media (max-width:576px){.admin-login-container{min-height:95vh;padding:10px}.admin-login-card{padding:30px 20px}.admin-login-card:before{font-size:11px;letter-spacing:1.5px;margin-bottom:15px}.admin-login-header{margin-bottom:25px}.admin-logo{margin-bottom:12px;width:90px}.admin-login-header h2{font-size:22px}.admin-subtitle{font-size:12px}.admin-login-form{gap:16px}.admin-login-form label{font-size:13px}.admin-login-form input{font-size:15px;padding:11px 14px}.error-message{font-size:13px;padding:10px}.admin-login-btn{font-size:15px;margin-top:8px;padding:12px 20px}.admin-login-footer{margin-top:18px;padding-top:16px}.admin-login-footer a{font-size:13px}}:root{--primary-color:#667eea;--primary-dark:#5568d3;--primary-light:#667eea1a;--secondary-color:#764ba2;--secondary-dark:#5f3d82;--accent-color:#28a745;--accent-dark:#218838;--danger-color:#dc3545;--danger-dark:#c82333;--text-primary:#333;--text-secondary:#666;--text-muted:#999;--border-color:#ddd;--background-light:#f8f9fa;--white:#fff}.admin-dashboard{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);min-height:100vh}.admin-header{background:#fffffff2;box-shadow:0 2px 10px #0000001a;padding:1.5rem 2rem}.admin-header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px}.admin-header h1{color:#333;color:var(--text-primary);font-size:1.8rem;margin:0}.admin-user-info{align-items:center;display:flex;gap:1rem}.admin-user-info span{color:#666;color:var(--text-secondary);font-size:.95rem}.btn-logout{background:#dc3545;background:var(--danger-color);border:none;border-radius:6px;color:#fff;color:var(--white);cursor:pointer;font-size:.95rem;padding:.6rem 1.2rem;transition:all .3s ease}.btn-logout:hover{background:#c82333;background:var(--danger-dark);box-shadow:0 4px 12px #dc35454d;transform:translateY(-2px)}.admin-nav{background:#ffffffe6;box-shadow:0 2px 5px #0000000d;display:flex;justify-content:center;padding:0}.admin-nav button{background:#0000;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:1rem;padding:1rem 2rem;transition:all .3s ease}.admin-nav button:hover{background:#667eea1a;background:var(--primary-light);color:#667eea;color:var(--primary-color)}.admin-nav button.active{border-bottom-color:#667eea;border-bottom-color:var(--primary-color);color:#667eea;color:var(--primary-color);font-weight:600}.admin-main{margin:2rem auto;max-width:1400px;padding:0 2rem 2rem}.loading{color:#fff;font-size:1.2rem;padding:3rem;text-align:center}.alert{border-radius:8px;font-size:.95rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.alert-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.alert-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.overview-section{color:#fff}.overview-section h2{font-size:2rem;margin-bottom:1.5rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{background:#fffffff2;border-radius:12px;box-shadow:0 4px 15px #0000001a;padding:2rem;transition:transform .3s ease}.stat-card:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-5px)}.stat-card h3{color:#666;color:var(--text-secondary);font-size:.95rem;font-weight:500;letter-spacing:.5px;margin:0 0 .5rem;text-transform:uppercase}.stat-value{color:#667eea;color:var(--primary-color);font-size:2.5rem;font-weight:700}.current-price-info{background:#fffffff2;border-radius:12px;box-shadow:0 4px 15px #0000001a;margin-bottom:2rem;padding:2rem}.current-price-info h3{color:#333;color:var(--text-primary);margin-top:0}.current-price-info p{color:#666;color:var(--text-secondary);font-size:1rem;margin:.5rem 0}.current-price-info strong{color:#667eea;color:var(--primary-color);font-size:1.1rem}.customers-section,.recent-transactions-section,.transactions-section{background:#fffffff2;border-radius:12px;box-shadow:0 4px 15px #0000001a;margin-top:2rem;padding:2rem}.customers-section h2,.recent-transactions-section h3,.transactions-section h2{color:#333;color:var(--text-primary);margin-top:0}.customers-table,.transactions-table{background:#fff;background:var(--white);border-collapse:collapse;border-radius:8px;margin-top:1rem;overflow:hidden;width:100%}.customers-table thead,.transactions-table thead{background:#667eea;background:var(--primary-color);color:#fff;color:var(--white)}.customers-table th,.transactions-table th{font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.customers-table td,.transactions-table td{border-bottom:1px solid #eee;color:#333;color:var(--text-primary);padding:1rem}.customers-table tbody tr:hover,.transactions-table tbody tr:hover{background:#f8f9fa}.token-code{background:#f0f0f0;border-radius:4px;font-family:Courier New,monospace;font-size:.85rem;padding:.3rem .6rem}.status-badge{border-radius:20px;font-size:.85rem;font-weight:600;padding:.4rem .8rem;text-transform:uppercase}.status-completed{background:#d4edda;color:#155724}.status-pending{background:#fff3cd;color:#856404}.status-failed{background:#f8d7da;color:#721c24}.section-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:1.5rem}.header-actions,.section-header{align-items:center;display:flex;gap:1rem}.search-input{border:2px solid #ddd;border-radius:8px;font-size:.95rem;padding:.8rem 1.2rem;transition:all .3s ease;width:300px}.search-input:focus{border-color:#667eea;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a;box-shadow:0 0 0 3px var(--primary-light);outline:none}.btn-add-customer{background:#28a745;background:var(--accent-color);border:none;border-radius:8px;color:#fff;color:var(--white);cursor:pointer;font-size:.95rem;font-weight:600;padding:.8rem 1.5rem;transition:all .3s ease;white-space:nowrap}.btn-add-customer:hover{background:#218838;background:var(--accent-dark);box-shadow:0 4px 12px #28a7454d;transform:translateY(-2px)}.generate-token-section,.pricing-section{background:#fffffff2;border-radius:12px;box-shadow:0 4px 15px #0000001a;max-width:600px;padding:2rem}.generate-token-section h2,.pricing-section h2{color:#333;color:var(--text-primary);margin-top:0}.current-price-display{background:#f8f9fa;background:var(--background-light);border-left:4px solid #667eea;border-left:4px solid var(--primary-color);border-radius:8px;margin-bottom:2rem;padding:1.5rem}.current-price-display h3{color:#333;color:var(--text-primary);font-size:1.2rem;margin-top:0}.price-info p{color:#666;color:var(--text-secondary);font-size:1rem;margin:.5rem 0}.price-info strong{color:#667eea;color:var(--primary-color);font-size:1.2rem}.price-date{color:#999;color:var(--text-muted);font-size:.85rem;margin-top:1rem!important}.generate-form,.price-form{margin-top:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#333;color:var(--text-primary);display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.form-group input{border:2px solid #ddd;border:2px solid var(--border-color);border-radius:8px;box-sizing:border-box;font-size:1rem;padding:.8rem 1rem;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#667eea;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a;box-shadow:0 0 0 3px var(--primary-light);outline:none}.form-group small{color:#666;color:var(--text-secondary);display:block;font-size:.85rem;margin-top:.5rem}.units-preview{color:#667eea!important;color:var(--primary-color)!important;font-size:.95rem!important;font-weight:600!important}.btn-primary{background:#667eea;background:var(--primary-color);border:none;border-radius:8px;color:#fff;color:var(--white);cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease;width:100%}.btn-primary:hover{background:#5568d3;background:var(--primary-dark);box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.btn-generate{background:#28a745;background:var(--accent-color)}.btn-generate:hover{background:#218838;background:var(--accent-dark);box-shadow:0 6px 20px #28a74566}.no-data{color:#999;color:var(--text-muted);font-style:italic;padding:2rem;text-align:center}.action-buttons{display:flex;gap:.5rem;justify-content:center}.btn-action{background:#0000;border:none;border-radius:6px;cursor:pointer;font-size:1.2rem;padding:.5rem;transition:all .3s ease}.btn-action:hover{transform:scale(1.2)}.btn-view:hover{background:#007bff1a}.btn-edit:hover{background:#ffc1071a}.btn-delete:hover{background:#dc35451a}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;background:var(--white);border-radius:12px;box-shadow:0 10px 40px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem;width:100%}.modal-large{max-width:800px}.modal-content h3{color:#333;color:var(--text-primary);margin-bottom:1.5rem;margin-top:0}.modal-content .form-group{margin-bottom:1.2rem}.modal-content textarea{border:2px solid #ddd;border:2px solid var(--border-color);border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:1rem;padding:.8rem 1rem;resize:vertical;width:100%}.modal-content textarea:focus{border-color:#667eea;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a;box-shadow:0 0 0 3px var(--primary-light);outline:none}.input-disabled{background:#f5f5f5!important;color:#999!important;cursor:not-allowed!important}.modal-actions{display:flex;gap:1rem;margin-top:1.5rem}.btn-secondary{background:#764ba2;background:var(--secondary-color);border:none;border-radius:8px;color:#fff;color:var(--white);cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.btn-secondary:hover{background:#5f3d82;background:var(--secondary-dark);box-shadow:0 6px 20px #764ba266;transform:translateY(-2px)}.customer-detail-info{background:#f8f9fa;background:var(--background-light);border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.info-row{border-bottom:1px solid #dee2e6;display:flex;gap:1rem;padding:.8rem 0}.info-row:last-child{border-bottom:none}.info-row strong{color:#666;color:var(--text-secondary);min-width:150px}.info-row code{background:#e9ecef;border-radius:4px;font-family:Courier New,monospace;padding:.3rem .6rem}.customer-stats{margin:1.5rem 0}.customer-stats h4{color:#333;color:var(--text-primary);margin-bottom:1rem;margin-top:0}.stats-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-item{background:#f8f9fa;background:var(--background-light);border-left:4px solid #667eea;border-left:4px solid var(--primary-color);border-radius:8px;padding:1rem}.stat-item strong{color:#666;color:var(--text-secondary);display:block;font-size:.85rem;margin-bottom:.3rem}.recent-transactions{margin-top:1.5rem}.recent-transactions h4{color:#333;color:var(--text-primary);margin-bottom:1rem;margin-top:0}.pagination{align-items:center;background:#fff;background:var(--white);border-radius:8px;display:flex;gap:1rem;justify-content:center;margin-top:2rem;padding:1rem}.btn-page{background:#667eea;background:var(--primary-color);border:none;border-radius:6px;color:#fff;color:var(--white);cursor:pointer;font-size:.9rem;padding:.6rem 1.2rem;transition:all .3s ease}.btn-page:hover:not(:disabled){background:#5568d3;background:var(--primary-dark);transform:translateY(-2px)}.btn-page:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.page-info{color:#333;color:var(--text-primary);font-weight:500;padding:0 1rem}@media (max-width:768px){.admin-header{padding:1.2rem 1.5rem}.admin-header-content{flex-direction:column;gap:1rem;text-align:center}.admin-header h1{font-size:1.6rem}.admin-user-info{flex-direction:column;gap:.8rem}.btn-logout{width:100%}.admin-nav{flex-wrap:wrap;justify-content:stretch}.admin-nav button{flex:1 1;font-size:.9rem;min-width:150px;padding:.8rem 1.2rem}.admin-main{margin:1.5rem auto;padding:0 1.5rem 1.5rem}.overview-section h2{font-size:1.7rem}.stats-grid{gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{padding:1.5rem}.stat-value{font-size:2.2rem}.current-price-info,.customers-section,.generate-token-section,.pricing-section,.recent-transactions-section,.transactions-section{padding:1.5rem}.section-header{align-items:stretch;flex-direction:column;gap:1rem}.header-actions{flex-direction:column;width:100%}.btn-add-customer,.search-input{width:100%}.customers-table,.transactions-table{display:block;font-size:.85rem;overflow-x:auto;white-space:nowrap}.customers-table tbody,.customers-table td,.customers-table th,.customers-table thead,.transactions-table tbody,.transactions-table td,.transactions-table th,.transactions-table thead{display:table-cell}.customers-table td,.customers-table th,.transactions-table td,.transactions-table th{padding:.8rem .6rem}.modal-content{max-width:95%;padding:1.5rem}.modal-actions{flex-direction:column}.pagination{flex-wrap:wrap;gap:.5rem}.btn-page{font-size:.85rem;padding:.5rem 1rem}.page-info{font-size:.9rem;text-align:center;width:100%}}@media (max-width:576px){.admin-header{padding:1rem}.admin-header-content{gap:.8rem}.admin-header h1{font-size:1.4rem}.admin-user-info span,.btn-logout{font-size:.85rem}.btn-logout{padding:.5rem 1rem}.admin-nav{padding:0}.admin-nav button{flex:1 1;font-size:.85rem;min-width:100px;padding:.7rem .8rem}.admin-main{margin:1rem auto;padding:0 1rem 1rem}.loading{font-size:1rem;padding:2rem}.alert{font-size:.85rem;padding:.8rem 1rem}.overview-section h2{font-size:1.5rem;margin-bottom:1.2rem}.stats-grid{gap:1rem;grid-template-columns:1fr}.stat-card{padding:1.2rem}.stat-card h3{font-size:.85rem}.stat-value{font-size:2rem}.current-price-info{padding:1.2rem}.current-price-info h3{font-size:1rem}.current-price-info p{font-size:.9rem}.customers-section,.recent-transactions-section,.transactions-section{padding:1.2rem}.customers-section h2,.recent-transactions-section h3,.transactions-section h2{font-size:1.2rem}.customers-table,.transactions-table{font-size:.8rem}.customers-table thead,.transactions-table thead{display:none}.customers-table,.customers-table tbody,.customers-table tr,.transactions-table,.transactions-table tbody,.transactions-table tr{display:block}.customers-table tr,.transactions-table tr{background:#fff;background:var(--white);border:1px solid #ddd;border-radius:8px;margin-bottom:1rem;padding:1rem}.customers-table td,.transactions-table td{border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:.5rem 0}.customers-table td:last-child,.transactions-table td:last-child{border-bottom:none}.customers-table td:before,.transactions-table td:before{color:#666;color:var(--text-secondary);content:attr(data-label);flex-basis:50%;font-size:.75rem;font-weight:600;text-transform:uppercase}.token-code{font-size:.75rem;padding:.2rem .4rem}.status-badge{font-size:.75rem;padding:.3rem .6rem}.action-buttons{justify-content:flex-end}.btn-action{font-size:1rem;padding:.4rem}.section-header h2{font-size:1.2rem}.search-input{font-size:.9rem;padding:.7rem 1rem}.btn-add-customer{font-size:.9rem;padding:.7rem 1.2rem}.generate-token-section,.pricing-section{padding:1.2rem}.generate-token-section h2,.pricing-section h2{font-size:1.2rem}.current-price-display{padding:1rem}.current-price-display h3{font-size:1rem}.price-info p{font-size:.9rem}.price-info strong{font-size:1rem}.form-group{margin-bottom:1.2rem}.form-group label{font-size:.85rem}.form-group input{font-size:.95rem;padding:.7rem .9rem}.form-group small{font-size:.8rem}.btn-primary{font-size:.95rem;padding:.9rem 1.5rem}.modal-overlay{padding:.5rem}.modal-content{max-width:100%;padding:1.2rem}.modal-content h3{font-size:1.1rem;margin-bottom:1.2rem}.modal-content .form-group{margin-bottom:1rem}.modal-content input,.modal-content textarea{font-size:.95rem;padding:.7rem .9rem}.modal-actions{gap:.8rem;margin-top:1.2rem}.btn-secondary{font-size:.95rem;padding:.9rem 1.5rem}.customer-detail-info{padding:1rem}.info-row{flex-direction:column;gap:.3rem;padding:.6rem 0}.info-row strong{font-size:.75rem;min-width:auto}.stats-row{grid-template-columns:1fr}.stat-item{padding:.8rem}.stat-item strong{font-size:.8rem}.pagination{gap:.4rem;padding:.8rem}.btn-page{font-size:.8rem;padding:.5rem .8rem}.page-info{font-size:.85rem;padding:0 .5rem}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#85c226;--secondary-color:#00923f;--accent-color:#da251c;--primary-dark:#6a9e1e;--secondary-dark:#007533;--light-bg:#f5f9f0}.App{-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;min-height:100vh}.App,.App-header{background:linear-gradient(135deg,#85c226,#00923f);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%)}.App-header{box-shadow:0 4px 6px #00000026;color:#fff;padding:20px}.header-content{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:0 auto;max-width:1200px}.app-logo{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;height:80px;padding:10px;width:auto}.header-text{text-align:center}.App-header h1{font-size:32px;font-weight:700;margin:0 0 5px;text-shadow:0 2px 4px #0000004d}.App-header p{font-size:15px;font-weight:400;margin:0;opacity:.95;text-shadow:0 1px 2px #0003}.App-main{min-height:calc(100vh - 140px);padding:20px 0}@media (max-width:768px){.App-header{padding:15px}.header-content{gap:15px}.app-logo{height:60px}.App-header h1{font-size:24px}.App-header p{font-size:13px}.App-main{padding:15px 0}}@media (max-width:576px){.App-header{padding:12px 10px}.header-content{gap:10px}.app-logo{height:50px;padding:8px}.App-header h1{font-size:20px}.App-header p{font-size:12px}.App-main{padding:10px 0}}
/*# sourceMappingURL=main.f4993d24.css.map*/