*{margin:0;padding:0}body,html,#app{width:100%;height:100%}.payment-page[data-v-b775f8e1]{display:flex;flex-direction:column;height:100vh;background-color:#f7f7f7;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;box-sizing:border-box}.header[data-v-b775f8e1]{padding:20px;background-color:#f7f7f7}.logo-container[data-v-b775f8e1]{display:flex;align-items:center}.logo[data-v-b775f8e1]{width:64px;height:px;margin-right:8px;border-radius:50%}.brand-name[data-v-b775f8e1]{font-size:16px;font-weight:600;color:#333}.content[data-v-b775f8e1]{flex:1;padding:0 20px;background-color:#fff;border-top:1px solid #E5E5E5;border-bottom:1px solid #E5E5E5}.amount-section[data-v-b775f8e1]{padding:20px 0}.amount-label[data-v-b775f8e1]{font-size:14px;color:#888;margin-bottom:10px}.amount-input[data-v-b775f8e1]{display:flex;align-items:baseline;border-bottom:1px solid #E5E5E5;padding-bottom:15px}.currency-symbol[data-v-b775f8e1]{font-size:30px;font-weight:500;color:#000;margin-right:10px}.amount-value[data-v-b775f8e1]{font-size:48px;font-weight:300;color:#000;letter-spacing:1px;flex-grow:1;min-height:58px}.note-section[data-v-b775f8e1]{padding:15px 0;font-size:14px;cursor:pointer}.note-placeholder[data-v-b775f8e1]{color:#b2b2b2}.note-content[data-v-b775f8e1]{color:#333}.footer[data-v-b775f8e1]{background-color:#f7f7f7;padding-top:15px}.partner-info[data-v-b775f8e1]{text-align:center;font-size:12px;color:#b2b2b2;margin-bottom:15px}.keyboard-grid[data-v-b775f8e1]{display:flex;background-color:#d1d5db}.keyboard-main[data-v-b775f8e1]{flex:3;display:grid;grid-template-columns:repeat(3,1fr);gap:1px}.keyboard-side[data-v-b775f8e1]{flex:1;display:flex;flex-direction:column;gap:1px;margin-left:1px}.keyboard-row[data-v-b775f8e1]{display:contents}.key[data-v-b775f8e1]{background-color:#fff;border:none;font-size:24px;font-weight:500;color:#000;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,.1)}.key[data-v-b775f8e1]:active{background-color:#e5e5e5}.delete-key[data-v-b775f8e1]{background-color:#f7f7f7;height:60px}.confirm-key[data-v-b775f8e1]{background-color:#108ee9;color:#fff;font-size:16px;flex-grow:1;line-height:1.4}.confirm-key[data-v-b775f8e1]:active{background-color:#0e77c9}.note-input-overlay[data-v-b775f8e1]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center}.note-input-modal[data-v-b775f8e1]{background-color:#fff;padding:20px;border-radius:8px;width:80%;max-width:300px;text-align:center}.note-input-modal h3[data-v-b775f8e1]{margin-top:0;margin-bottom:15px;font-size:16px;font-weight:600}.note-input-modal input[data-v-b775f8e1]{width:100%;padding:10px;border:1px solid #E5E5E5;border-radius:4px;margin-bottom:15px;font-size:14px}.note-input-modal button[data-v-b775f8e1]{width:100%;padding:12px;background-color:#108ee9;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer}