:root{--bg: #0f172a;--card: #111827;--muted: #94a3b8;--text: #e5e7eb;--accent: #22d3ee;--accent-2: #a78bfa;--success: #10b981;--danger: #ef4444;--shadow: 0 10px 30px rgba(0, 0, 0, .3)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:linear-gradient(160deg,#0b1020,#0f172a 40%,#0b1020)}.container{max-width:480px;margin:0 auto;padding:24px clamp(16px,4vw,28px) calc(env(safe-area-inset-bottom) + 24px);display:grid;gap:16px;min-height:100svh;align-content:start}.app-header{text-align:center;margin-top:8px}.header-actions{margin-top:8px;display:flex;justify-content:center}.footer-actions{margin-top:16px;padding-bottom:calc(env(safe-area-inset-bottom) + 8px);display:flex;justify-content:center}.app-header .logo{display:block;width:min(320px,80vw);height:auto;margin:12px auto 20px}.app-header h1{margin:0;font-size:1.5rem;letter-spacing:.3px}.app-header .subtitle{margin:4px 0 0;color:var(--muted);font-size:.95rem}.card{background:linear-gradient(180deg,#ffffff05,#ffffff03);border:1px solid rgba(148,163,184,.15);border-radius:16px;padding:18px;box-shadow:var(--shadow)}.card h2{margin:6px 0 12px;font-size:1.2rem}.card h3{margin:8px 0;font-size:1.05rem;color:var(--muted)}.card input:not(.settings-block input):not(.currency-input input),.card input[type=text]:not(.settings-block input):not(.currency-input input),.card input[type=email]:not(.settings-block input):not(.currency-input input),.card input[type=password]:not(.settings-block input):not(.currency-input input),.card input[type=number]:not(.settings-block input):not(.currency-input input){width:100%;border-radius:10px;padding:10px 12px;background:#11182799;border:1px solid rgba(148,163,184,.2);color:var(--text);font-size:1.05rem;outline:none}.card input:not(.settings-block input):not(.currency-input input):focus{border-color:#94a3b866;background:#111827cc}.settings-grid{display:grid;gap:14px}.settings-block{display:grid;gap:8px}.settings-block label{display:grid;gap:6px}.settings-block input[type=text],.settings-block input[inputmode=decimal],.settings-block input[type=file],.settings-block input{width:100%;border-radius:10px;padding:13px 14px;background:#11182799;border:1px solid rgba(148,163,184,.2);color:var(--text);font-size:1.05rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.check{display:flex;align-items:center;gap:10px;padding:6px 2px}.check input[type=checkbox]{width:22px;height:22px;accent-color:var(--accent-2)}.places-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.places-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:12px;background:#11182780;border:1px solid rgba(148,163,184,.2)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;padding:16px;z-index:1000}.modal.hidden{display:none!important}.modal-content{background:var(--card);border:1px solid rgba(148,163,184,.2);border-radius:14px;padding:16px;width:min(92vw,420px);box-shadow:var(--shadow);text-align:center;z-index:1001;position:relative}.modal-content img{width:100%;height:auto;border-radius:10px;background:#fff}.modal-content input{width:100%;border-radius:10px;padding:10px 12px;background:#11182799;border:1px solid rgba(148,163,184,.2);color:var(--text);margin-top:8px}.modal-actions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}.amount-grid{display:grid;gap:10px}.amount-button{border:1px solid rgba(148,163,184,.2);background:#11182799;color:var(--text);border-radius:12px;padding:14px 10px;font-size:1.1rem;line-height:1}.amount-button.selected{outline:2px solid var(--accent);background:linear-gradient(180deg,#22d3ee1f,#22d3ee0f)}.custom-amount{margin-top:12px;display:grid;gap:8px}.custom-amount label{color:var(--muted);font-size:.95rem}.currency-input{display:flex;align-items:center;background:#11182799;border:1px solid rgba(148,163,184,.2);border-radius:12px;padding:8px 12px;gap:6px}.currency-prefix{color:var(--muted);font-weight:600}.currency-input input{flex:1;background:transparent!important;color:var(--text);border:none!important;outline:none;font-size:1.1rem;padding:0!important;box-shadow:none!important;width:auto;border-radius:0}.hint{color:var(--muted)}.primary,.ghost,.pay-button{width:100%;border-radius:12px;padding:14px 16px;font-size:1.1rem}.primary{background:linear-gradient(90deg,var(--accent),var(--accent-2));border:none;color:#061016;font-weight:700;margin-top:12px}.primary:disabled{opacity:.6;filter:grayscale(40%)}.ghost{background:transparent;border:1px solid rgba(148,163,184,.25);color:var(--text);margin-bottom:8px}.summary{margin:4px 0 12px;padding:10px 12px;border-radius:12px;background:#11182780;border:1px solid rgba(148,163,184,.18);display:flex;align-items:center;justify-content:space-between}.methods-list{display:grid;gap:10px}.pay-button{border:1px solid rgba(148,163,184,.25);background:#11182799;color:var(--text);font-weight:700}.pay-button.apple-pay{border-color:#ffffff59}.pay-button.google-pay{border-color:#abd6ff59}.pay-button.paypal{border-color:#ffd66659}.secure{color:var(--muted);text-align:center;margin:12px 0 0;font-size:.95rem}.hidden{display:none!important}.loading{margin-top:8px;padding:10px 12px;display:inline-flex;gap:10px;align-items:center;border-radius:10px;background:#11182799;border:1px solid rgba(148,163,184,.2)}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.2);border-top-color:var(--accent);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom) + 16px);transform:translate(-50%);background:#ef4444f5;color:#fff;padding:10px 14px;border-radius:12px;box-shadow:var(--shadow);max-width:min(92vw,460px)}button{cursor:pointer}button:disabled{cursor:not-allowed}@media (min-width: 480px){.app-header h1{font-size:1.7rem}}@media (max-width: 480px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 360px){.grid-3,.grid-2{grid-template-columns:1fr}}