*{box-sizing:border-box;margin:1px;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background:#ab9ff2;justify-content:center;align-items:center;height:95vh;display:flex}.app-container{text-align:center;background:#222;border-radius:15px;flex-direction:column;align-items:center;gap:6px;width:325px;height:650px;margin-top:5px;padding:12px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0003}.logo-container{text-align:center}.logo{width:150px}.header-container{z-index:1001;justify-content:space-between;gap:10px;width:100%;display:flex;position:relative}#connect-wallet{color:#fff;cursor:pointer;background-color:#3c315b;border:none;border-radius:5px;flex:1;height:35px;padding:12px;font-size:16px;transition:background .3s}#connect-wallet:hover{background-color:#50597b}#menu-button{color:#fff;cursor:pointer;background-color:#3a3a4a;border:none;border-radius:5px;flex:1;justify-content:center;align-items:center;height:35px;padding:12px;transition:background .3s;display:flex;position:relative}#menu-button span{background:#fff;width:25px;height:2px;transition:all .3s;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#menu-button span:first-child{transform:translate(-50%,calc(-50% - 7px))}#menu-button span:nth-child(2){transform:translate(-50%,-50%)}#menu-button span:nth-child(3){transform:translate(-50%,calc(7px - 50%))}#menu-button.active span:first-child{transform:translate(-50%,-50%)rotate(45deg)}#menu-button.active span:nth-child(2){opacity:0}#menu-button.active span:nth-child(3){transform:translate(-50%,-50%)rotate(-45deg)}#menu-button:hover{background-color:#444d50}.menu-dropdown{z-index:1000;opacity:0;background:#3a3a4a;border-radius:8px;width:160px;max-height:300px;display:none;position:absolute;top:105px;right:15px;overflow-y:auto;transform:translateY(-10px);box-shadow:0 4px 10px #0000004d}.menu-dropdown.active{animation:.3s ease-out forwards slideIn;display:block}.menu-dropdown.closing{animation:.3s ease-in forwards slideOut}.menu-dropdown button,.menu-dropdown a{color:#fff;text-align:right;cursor:pointer;background:0 0;border:none;align-items:center;width:100%;padding:10px;font-size:11px;text-decoration:none;display:flex}.menu-dropdown button:hover,.menu-dropdown a:hover{color:#fff;background:#ab9ff2}.menu-dropdown button:last-child,.menu-dropdown a:last-child{border-bottom:none}.menu-dropdown img{order:-1;width:25px;height:auto;margin-right:6px}@keyframes slideIn{0%{opacity:0;transform:scale(.7)translateY(-50px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes slideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.radio-dropdown{justify-content:center;gap:8px;margin-top:1px;margin-bottom:0;display:flex}.radio-dropdown input[type=radio]{display:none}.radio-dropdown label{cursor:pointer;color:#fff;box-sizing:border-box;background-color:#3a3a4a;border:1px solid #3a3a4a;border-radius:8px;justify-content:center;align-items:center;width:85px;padding:6px 10px;font-size:14px;transition:background-color .2s,color .2s;display:flex}.radio-dropdown label:hover{background-color:#444d50}.radio-dropdown input[type=radio]:checked+label{color:#fff;background-color:#2ec08b;border-color:#2ec08b}.icon,.fiat-icon{vertical-align:middle;width:25px;height:auto;margin-right:5px}.amount-container{background:#1a1a2e;border-radius:12px;justify-content:center;width:100%;padding:8px;display:flex;box-shadow:0 4px 15px #0003}.amount-wrapper{flex-direction:column;gap:6px;width:100%;max-width:320px;display:flex}.currency-row{justify-content:space-between;align-items:center;width:100%;display:flex}.currency-label{text-align:left;width:60px;font-size:14px;font-weight:700}.euro-display{text-align:right;color:#fff;cursor:default;background:0 0;border:none;width:180px;padding:5px;font-family:Courier New,Courier,monospace;font-size:18px}.crypto-row{justify-content:flex-end;align-items:center;width:240px;display:flex}.crypto-display{text-align:right;color:#2ec08b;opacity:0;background:0 0;border:none;padding:5px;font-family:Courier New,Courier,monospace;font-size:18px;transition:opacity .3s}.crypto-display.show{opacity:1}.crypto-label{color:#2ec08b;margin-right:5px}.keypad{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:100%;display:grid}.keypad button{color:#fff;cursor:pointer;background:#2a2a2a;border:none;border-radius:8px;padding:6px 7px;font-size:18px;transition:all .2s;box-shadow:0 0 5px #ab9ff280,0 0 10px #ab9ff24d}.keypad button:hover{background:#3a3a4a;box-shadow:0 0 8px #ab9ff2cc,0 0 15px #ab9ff280}.payment-buttons{justify-content:space-between;gap:10px;width:100%;margin-top:2px;display:flex}#generate-qr,#nfcButton{cursor:pointer;color:#fff;border:none;border-radius:8px;flex:1;width:135px;height:50px;padding:0;font-size:16px;transition:all .3s}#generate-qr{background:linear-gradient(145deg,#2ec08b,#25a671)}#generate-qr:hover{background:linear-gradient(145deg,#34d698,#2ec08b)}.modal{z-index:2000;background-color:#0006;width:100%;height:100%;display:none;position:fixed;top:0;left:0;overflow:auto}.modal-content{background-color:#fefefe;border:1px solid #888;border-radius:8px;width:80%;max-width:320px;margin:15% auto;padding:20px;box-shadow:0 4px 8px #0003}.close{color:#aaa;float:right;cursor:pointer;font-size:28px;font-weight:700}.close:hover,.close:focus{color:#000;text-decoration:none}#qr-modal{z-index:2001;backdrop-filter:blur(5px);background-color:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s ease-out fadeIn;display:none;position:fixed;top:0;left:0}@keyframes fadeIn{0%{opacity:0;backdrop-filter:blur()}to{opacity:1;backdrop-filter:blur(5px)}}#qr-modal .modal-content{text-align:center;background:#222;border:1px solid #444;border-radius:15px;flex-direction:column;align-items:center;width:90%;max-width:400px;padding:30px;animation:.4s ease-out slideIn;display:flex;position:relative;box-shadow:0 10px 30px #0003}#qr-modal .modal-content h3{color:#ab9ff2;margin-bottom:20px;font-size:24px;font-weight:600}#qr-canvas{background:#fff;border-radius:8px;margin:20px 0;padding:15px;box-shadow:0 4px 8px #0000004d}.qr-modal-info{backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;margin:15px 0;padding:15px;line-height:1.6;color:#fff!important;font-size:13px!important}#qr-modal p{color:#ccc;margin-bottom:15px;font-size:14px;line-height:1.5}.close-button{color:#fff;cursor:pointer;background:#ab9ff2;border:none;border-radius:8px;margin-top:20px;padding:12px 30px;font-size:16px;font-weight:600;transition:all .3s;box-shadow:0 0 5px #ab9ff280}.close-button:hover{background:#9a8de8;box-shadow:0 0 8px #ab9ff2cc}.close-button:active{transform:translateY(0)}@media (width<=480px){#qr-modal .modal-content{width:95%;margin:20px;padding:20px}#qr-modal .modal-content h3{margin-bottom:15px;font-size:20px}#qr-canvas{margin:15px 0;padding:15px}.qr-modal-info{padding:12px;font-size:12px!important}.close-button{padding:10px 25px;font-size:14px}body{height:auto;min-height:100dvh;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.app-container{gap:6px;width:90vw;max-width:400px;height:auto;min-height:600px;padding:14px}.logo{width:170px}#connect-wallet,#menu-button{height:35px;font-size:16px}.radio-dropdown label{width:92px;padding:5px;font-size:14px}.currency-label{font-size:15px}.euro-display,.crypto-display{font-size:18px}.keypad{gap:12px}.keypad button{padding:9px 10px;font-size:20px}#generate-qr,#nfcButton{height:52px;font-size:17px}}#downloadTransactionsBtn{color:#fff;cursor:pointer;background-color:#4caf50;border:none;border-radius:4px;margin-top:15px;margin-left:auto;margin-right:auto;padding:8px 12px;font-size:14px;display:block}#downloadTransactionsBtn:hover{background-color:#45a049}#downloadTransactionsBtn:disabled{cursor:not-allowed;opacity:.7;background-color:#ccc}#receiptContent{color:#333;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;margin:15px 0;padding:20px;font-family:Arial,sans-serif;box-shadow:0 2px 4px #0000001a}.receipt-header{border-bottom:2px solid #ab9ff2;justify-content:space-between;align-items:flex-start;margin-bottom:25px;padding-bottom:15px;display:flex}.receipt-logo{color:#ab9ff2;font-size:28px;font-weight:700}.receipt-info{text-align:right;font-size:14px;line-height:1.5}@media (width<=600px){.receipt-header{flex-direction:column;align-items:flex-start;padding-bottom:10px}.receipt-logo{margin-bottom:10px;font-size:24px}.receipt-info{text-align:left;font-size:12px;line-height:1.4}}.receipt-details{margin-bottom:25px}.receipt-details table{border-collapse:collapse;background:#f9f9f9;border-radius:4px;width:100%;overflow:hidden}.receipt-details th,.receipt-details td{text-align:left;border-bottom:1px solid #eee;padding:12px 15px}.receipt-details th{color:#555;background-color:#f2f2f2;font-weight:600}.receipt-details td{color:#444}.receipt-details .wallet-address,.receipt-details .tx-hash{word-break:break-all;max-width:300px;font-family:Courier New,Courier,monospace;font-size:12px}.receipt-total{text-align:right;color:#2ec08b;border-top:2px solid #ab9ff2;margin-top:20px;padding-top:15px;font-size:18px;font-weight:700}.receipt-footer{color:#666;text-align:center;overflow-wrap:break-word;word-break:break-all;border-top:1px solid #eee;max-width:100%;margin-top:20px;padding-top:15px;font-size:12px}.receipt-footer p{overflow-wrap:break-word;word-break:break-all;max-width:100%;margin:0}.receipt-footer a{color:#2196f3;text-decoration:none}.receipt-footer a:hover{text-decoration:underline}#receiptModal .modal-content{background-color:#fefefe;border:1px solid #888;border-radius:8px;width:90%;max-width:600px;margin-top:5px;padding:20px;box-shadow:0 4px 8px #0003}.receipt-buttons{justify-content:center;gap:10px;margin-top:10px;display:flex}.receipt-buttons button{color:#fff;cursor:pointer;border:none;border-radius:4px;padding:8px 16px;font-size:12px;transition:all .3s}#shareReceiptBtn{background-color:#ff7243}#shareReceiptBtn:hover{background-color:#e65c2e}#downloadReceiptBtn{background-color:#4caf50}#downloadReceiptBtn:hover{background-color:#45a049}#printReceiptBtn{background-color:#2196f3}#printReceiptBtn:hover{background-color:#0b7dda}#notification-container{z-index:9999;flex-direction:column;gap:10px;max-width:350px;display:flex;position:fixed;top:20px;right:20px}.notification{color:#f0f0f0;background-color:#1a1a1a;border-left:4px solid #ab9ff2;border-radius:4px;width:100%;padding:12px;animation:.3s ease-out forwards slide-in;box-shadow:0 4px 12px #0000004d}.notification.success{border-left-color:#4caf50}.notification.info{border-left-color:#2196f3}.notification.warning{border-left-color:#ff9800}.notification.error{border-left-color:#f44336}.notification-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.notification-close{cursor:pointer;color:#999;font-size:18px}.notification-close:hover{color:#f0f0f0}.notification-body{font-size:14px}.notification-fade-out{animation:.3s ease-out forwards fade-out}@keyframes slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes fade-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.toggle-switch{align-items:center;width:36px;height:18px;margin-left:6px;display:inline-flex;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:#ccc;border-radius:18px;transition:background-color .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:14px;height:14px;transition:transform .3s;position:absolute;bottom:2px;left:2px}.toggle-switch input:checked+.toggle-slider{background-color:#2ec08b}.toggle-switch input:checked+.toggle-slider:before{transform:translate(18px)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}