@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);:root{--primary-blue:#2563eb;--light-blue:#eaf2ff;--dark:#0f172a;--white:#fff;--border-color:#e2e8f0;--text-muted:#64748b;--success:#10b981}body{background:#fff;background:var(--white);color:#0f172a;color:var(--dark);font-family:Inter,sans-serif;margin:0}.app{align-items:center;background-image:radial-gradient(circle at 10% 10%,#eaf2ff 0,#0000 40%),radial-gradient(circle at 90% 90%,#eaf2ff 0,#0000 40%);background-image:radial-gradient(circle at 10% 10%,var(--light-blue) 0,#0000 40%),radial-gradient(circle at 90% 90%,var(--light-blue) 0,#0000 40%);display:flex;justify-content:center;min-height:100vh}.card{background:#fff;background:var(--white);border:1px solid #0f172a0d;border-radius:24px;box-shadow:0 20px 40px #0f172a14;max-width:400px;padding:30px;width:90%}.brand{color:#0f172a;color:var(--dark);font-size:28px;font-weight:700;margin-bottom:30px;text-align:center}.upload-box{background:#f8fafc;border:2px dashed #e2e8f0;border:2px dashed var(--border-color);border-radius:20px;color:#2563eb;color:var(--primary-blue);cursor:pointer;margin-bottom:20px;padding:40px 20px;text-align:center;transition:all .3s ease}.upload-box:hover{background:#eaf2ff;background:var(--light-blue);border-color:#2563eb;border-color:var(--primary-blue)}.plus{color:#2563eb;color:var(--primary-blue);font-size:48px;font-weight:600}.info{color:#64748b;color:var(--text-muted);display:flex;font-size:14px;font-weight:500;justify-content:space-between;margin-bottom:25px}.section{margin-bottom:24px}.section label{color:#0f172a;color:var(--dark);display:block;font-size:15px;font-weight:600;margin-bottom:8px}.counter{align-items:center;display:flex;font-size:18px;font-weight:600;gap:20px;justify-content:center}.counter button{background:#eaf2ff;background:var(--light-blue);border:none;border-radius:14px;color:#2563eb;color:var(--primary-blue);cursor:pointer;font-size:20px;font-weight:600;height:45px;transition:all .2s ease;width:45px}.counter button:hover{background:#2563eb;background:var(--primary-blue);box-shadow:0 4px 12px #2563eb33;color:#fff;color:var(--white);transform:translateY(-2px)}.toggle{display:flex;gap:12px}.toggle button{background:#fff;background:var(--white);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:14px;color:#64748b;color:var(--text-muted);cursor:pointer;flex:1 1;font-weight:600;padding:14px;transition:all .2s ease}.toggle button:hover{background:#eaf2ff;background:var(--light-blue);color:#2563eb;color:var(--primary-blue)}.toggle button.active,.toggle button:hover{border-color:#2563eb;border-color:var(--primary-blue)}.toggle button.active{background:#2563eb;background:var(--primary-blue);box-shadow:0 8px 20px #2563eb40;color:#fff;color:var(--white)}.total{color:#0f172a;color:var(--dark);font-size:24px;font-weight:700;margin:30px 0;text-align:center}.pay-btn{background:#2563eb;background:var(--primary-blue);border:none;border-radius:16px;box-shadow:0 10px 25px #2563eb4d;color:#fff;color:var(--white);cursor:pointer;font-size:18px;font-weight:600;padding:18px;transition:all .3s ease;width:100%}.pay-btn:hover{background:#eaf2ff;background:var(--light-blue);box-shadow:none;color:#2563eb;color:var(--primary-blue);transform:translateY(-2px)}.pay-btn:active{transform:translateY(0)}.success{background:#fff;background:var(--white);background-image:linear-gradient(180deg,#fff,#10b9810d);background-image:linear-gradient(180deg,var(--white) 0,#10b9810d 100%);border:2px solid #10b98133;border-radius:24px;padding:60px;text-align:center}
/*# sourceMappingURL=main.6011ccf8.css.map*/