@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:wght@300;400;500;600&display=swap";.auth-container{min-height:100vh;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden}.auth-bg-glow{position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(255,87,34,.18) 0%,transparent 70%);top:-100px;left:50%;transform:translate(-50%);pointer-events:none}.auth-card{width:100%;max-width:400px;animation:fadeUp .5s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.auth-logo{display:flex;align-items:center;gap:10px;margin-bottom:8px}.logo-text{font-family:Syne,sans-serif;font-size:28px;font-weight:800;color:var(--orange);letter-spacing:-.5px}.auth-subtitle{color:var(--text2);font-size:14px;margin-bottom:36px}.auth-form{display:flex;flex-direction:column}.auth-btn{width:100%;padding:16px;background:var(--orange);color:#fff;border:none;border-radius:var(--radius-sm);font-size:16px;font-weight:600;cursor:pointer;font-family:DM Sans,sans-serif;transition:background .2s,transform .1s;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}.auth-btn:hover{background:var(--orange-light)}.auth-btn:active{transform:scale(.98)}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-error{background:var(--red-dim);border:1px solid var(--red);color:var(--red);padding:12px 16px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:12px}.auth-switch{text-align:center;margin-top:20px;color:var(--text2);font-size:14px}.auth-switch span{color:var(--orange);cursor:pointer;font-weight:600}.auth-switch span:hover{text-decoration:underline}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;background:#0f0f0feb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--bg3);display:flex;padding:8px 0 20px;z-index:50}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;color:var(--text3);cursor:pointer;padding:8px 0;transition:all .2s;font-family:DM Sans,sans-serif;position:relative}.nav-item.active{color:var(--orange)}.nav-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:24px;height:2px;background:var(--orange);border-radius:0 0 4px 4px}.nav-icon{font-size:20px;line-height:1;transition:transform .2s}.nav-item.active .nav-icon{transform:scale(1.15)}.nav-label{font-size:10px;font-weight:500;letter-spacing:.3px}.dashboard{background:var(--bg);min-height:100vh;padding:0 0 80px}.dash-header{display:flex;justify-content:space-between;align-items:center;padding:52px 20px 20px}.dash-greeting{font-size:13px;color:var(--text2);margin-bottom:2px}.dash-name{font-family:Syne,sans-serif;font-size:22px;font-weight:700;color:var(--text)}.dash-avatar{width:44px;height:44px;background:var(--orange);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Syne,sans-serif;font-size:18px;font-weight:700;color:#fff;cursor:pointer;transition:transform .2s}.dash-avatar:hover{transform:scale(1.05)}.balance-card{margin:0 16px;background:linear-gradient(135deg,#1a0f0a,#1f1208,#170d05);border:1px solid rgba(255,87,34,.25);border-radius:20px;padding:24px;position:relative;overflow:hidden}.balance-card-glow{position:absolute;width:200px;height:200px;background:radial-gradient(circle,rgba(255,87,34,.2) 0%,transparent 70%);top:-60px;right:-40px;pointer-events:none}.balance-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.balance-label{font-size:12px;color:#ffffff80;text-transform:uppercase;letter-spacing:1px}.eye-btn{background:none;border:none;cursor:pointer;font-size:16px;padding:4px}.balance-amount{font-family:Syne,sans-serif;font-size:36px;font-weight:800;color:#fff;margin-bottom:12px;letter-spacing:-1px}.balance-meta{display:flex;align-items:center;gap:10px}.wallet-status{font-size:11px;padding:3px 10px;border-radius:100px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.wallet-status.active{background:var(--green-dim);color:var(--green);border:1px solid var(--green)}.wallet-status.frozen{background:#2196f326;color:#2196f3;border:1px solid #2196F3}.wallet-status.closed{background:var(--red-dim);color:var(--red);border:1px solid var(--red)}.balance-curr{font-size:12px;color:#fff6}.quick-actions{display:flex;gap:12px;padding:20px 16px}.action-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--bg2);border:1px solid var(--bg4);border-radius:var(--radius);padding:16px 8px;color:var(--text);cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;transition:all .2s}.action-btn:hover{background:var(--bg3);border-color:var(--bg4)}.action-btn.primary{background:var(--orange-dim);border-color:var(--orange);color:var(--orange)}.action-btn.primary:hover{background:#ff572238}.action-icon{font-size:20px;font-weight:700}.limit-bar-section{margin:0 16px 8px;background:var(--bg2);border:1px solid var(--bg3);border-radius:var(--radius);padding:16px}.limit-bar-header{display:flex;justify-content:space-between;font-size:12px;color:var(--text2);margin-bottom:10px}.limit-bar-amt{color:var(--orange);font-weight:600}.limit-bar-track{background:var(--bg4);height:6px;border-radius:100px;overflow:hidden}.limit-bar-fill{height:100%;background:linear-gradient(90deg,var(--orange),var(--orange-light));border-radius:100px;transition:width .8s ease}.recent-section{padding:8px 16px}.recent-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.recent-header h3{font-family:Syne,sans-serif;font-size:16px;font-weight:700}.recent-header span{font-size:13px;color:var(--orange);cursor:pointer}.txn-item{display:flex;align-items:center;gap:12px;padding:14px;background:var(--bg2);border-radius:var(--radius-sm);margin-bottom:8px;border:1px solid var(--bg3);transition:background .15s}.txn-item:hover{background:var(--bg3)}.txn-icon{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex-shrink:0}.txn-icon.debit{background:var(--red-dim);color:var(--red)}.txn-icon.credit{background:var(--green-dim);color:var(--green)}.txn-details{flex:1;display:flex;flex-direction:column;gap:3px}.txn-id{font-size:13px;color:var(--text);font-family:DM Sans,sans-serif}.txn-date{font-size:11px;color:var(--text3)}.txn-amount{font-weight:700;font-size:15px}.txn-amount.debit{color:var(--red)}.txn-amount.credit{color:var(--green)}.qr-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:flex-end;justify-content:center;z-index:100;animation:fadeIn .2s ease}.qr-modal{background:var(--bg2);border:1px solid var(--bg4);border-radius:24px 24px 0 0;padding:28px 24px 48px;width:100%;max-width:430px;text-align:center;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1) both}.qr-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.qr-modal-header h3{font-family:Syne,sans-serif;font-size:18px;font-weight:700}.qr-close-btn{background:var(--bg3);border:none;color:var(--text);width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center}.qr-modal-hint{font-size:13px;color:var(--text2);margin-bottom:24px;text-align:left}.qr-image-wrap{background:#fff;border-radius:var(--radius);padding:16px;display:inline-block;margin-bottom:16px}.qr-image{width:200px;height:200px;display:block}.qr-username{font-family:Syne,sans-serif;font-size:16px;font-weight:700;color:var(--orange)}.qr-empty{padding:40px;color:var(--text2);font-size:14px}.transfer-page{background:var(--bg);min-height:100vh;padding-bottom:100px}.transfer-header{display:flex;justify-content:space-between;align-items:center;padding:52px 20px 20px}.transfer-header h2{font-family:Syne,sans-serif;font-size:20px;font-weight:700}.step-indicator{display:flex;justify-content:center;gap:8px;padding:0 20px 24px}.step-dot{width:8px;height:8px;border-radius:50%;background:var(--bg4);transition:all .3s}.step-dot.active{background:var(--orange);width:24px;border-radius:100px}.transfer-form{padding:0 20px;animation:fadeUp .3s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.amount-input{font-family:Syne,sans-serif!important;font-size:28px!important;font-weight:700!important;color:var(--orange)!important;letter-spacing:-.5px}.quick-amounts{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.quick-amt-btn{background:var(--bg2);border:1.5px solid var(--bg4);color:var(--text2);padding:8px 14px;border-radius:100px;font-size:13px;cursor:pointer;font-family:DM Sans,sans-serif;transition:all .2s}.quick-amt-btn:hover{border-color:var(--orange);color:var(--orange)}.quick-amt-btn.selected{background:var(--orange-dim);border-color:var(--orange);color:var(--orange);font-weight:600}.transfer-btn{width:100%;padding:16px;background:var(--orange);color:#fff;border:none;border-radius:var(--radius-sm);font-size:16px;font-weight:600;cursor:pointer;font-family:DM Sans,sans-serif;transition:all .2s;display:flex;align-items:center;justify-content:center;margin-top:12px}.transfer-btn:hover{background:var(--orange-light)}.transfer-btn:active{transform:scale(.98)}.transfer-btn:disabled{opacity:.6;cursor:not-allowed}.transfer-btn-outline{width:100%;padding:14px;background:transparent;color:var(--orange);border:1.5px solid var(--orange);border-radius:var(--radius-sm);font-size:15px;font-weight:600;cursor:pointer;font-family:DM Sans,sans-serif;margin-top:10px;transition:all .2s}.transfer-btn-outline:hover{background:var(--orange-dim)}.transfer-error{background:var(--red-dim);border:1px solid var(--red);color:var(--red);padding:12px 16px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:12px}.transfer-summary{background:var(--bg2);border:1px solid var(--bg4);border-radius:var(--radius);overflow:hidden}.summary-row{display:flex;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--bg3);font-size:14px;color:var(--text2)}.summary-row:last-child{border-bottom:none}.summary-row span:last-child{color:var(--text);font-weight:500}.summary-row.highlight span:last-child{color:var(--orange);font-size:18px;font-family:Syne,sans-serif;font-weight:700}.success-screen{padding:40px 24px;text-align:center;animation:fadeUp .4s ease both}.success-circle{width:80px;height:80px;background:var(--green-dim);border:2px solid var(--green);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;color:var(--green);margin:0 auto 24px;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275) both}@keyframes popIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.success-screen h2{font-family:Syne,sans-serif;font-size:24px;margin-bottom:8px}.success-screen p{color:var(--text2);font-size:14px;margin-bottom:32px;line-height:1.5}.username-input-row{display:flex;gap:8px;align-items:center}.username-input-row input{flex:1}.scan-btn{width:48px;height:48px;background:var(--orange-dim);border:1.5px solid var(--orange);border-radius:var(--radius-sm);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.scan-btn:hover{background:#ff572240}.scanner-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:flex-end;justify-content:center;z-index:200;animation:fadeIn .2s ease}.scanner-modal{background:var(--bg2);border:1px solid var(--bg4);border-radius:24px 24px 0 0;padding:28px 24px 48px;width:100%;max-width:430px;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1) both}.scanner-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.scanner-header h3{font-family:Syne,sans-serif;font-size:18px;font-weight:700}.scanner-close{background:var(--bg3);border:none;color:var(--text);width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center}.scanner-hint{font-size:13px;color:var(--text2);margin-bottom:20px}.qr-reader-box{width:100%;border-radius:var(--radius);overflow:hidden;border:2px solid var(--orange)}.txn-page{background:var(--bg);min-height:100vh;padding-bottom:100px}.txn-header{display:flex;justify-content:space-between;align-items:center;padding:52px 20px 20px}.txn-header h2{font-family:Syne,sans-serif;font-size:20px;font-weight:700}.txn-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 16px 16px}.txn-summary-card{padding:16px;border-radius:var(--radius);display:flex;flex-direction:column;gap:6px;border:1px solid}.txn-summary-card.sent{background:var(--red-dim);border-color:#ff174440}.txn-summary-card.received{background:var(--green-dim);border-color:#00c85340}.summary-label{font-size:11px;color:var(--text2);text-transform:uppercase;letter-spacing:.5px}.txn-summary-card.sent .summary-val{color:var(--red);font-family:Syne,sans-serif;font-weight:700;font-size:16px}.txn-summary-card.received .summary-val{color:var(--green);font-family:Syne,sans-serif;font-weight:700;font-size:16px}.filter-tabs{display:flex;gap:8px;padding:0 16px 16px;overflow-x:auto;scrollbar-width:none}.filter-tab{flex-shrink:0;padding:8px 16px;background:var(--bg2);border:1.5px solid var(--bg4);color:var(--text2);border-radius:100px;font-size:13px;cursor:pointer;font-family:DM Sans,sans-serif;transition:all .2s}.filter-tab.active{background:var(--orange-dim);border-color:var(--orange);color:var(--orange);font-weight:600}.txn-list{padding:0 16px}.txn-card{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg2);border:1px solid var(--bg3);border-radius:var(--radius);margin-bottom:8px;transition:background .15s}.txn-card:hover{background:var(--bg3)}.txn-icon-lg{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0}.txn-icon-lg.debit{background:var(--red-dim);color:var(--red)}.txn-icon-lg.credit{background:var(--green-dim);color:var(--green)}.txn-info{flex:1;min-width:0}.txn-top-row,.txn-bottom-row{display:flex;justify-content:space-between;align-items:center}.txn-top-row{margin-bottom:6px}.txn-peer-name{font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.txn-peer-name strong{color:var(--orange)}.txn-amount-lg{font-family:Syne,sans-serif;font-weight:700;font-size:16px;flex-shrink:0}.txn-amount-lg.debit{color:var(--red)}.txn-amount-lg.credit{color:var(--green)}.txn-note-row{margin:4px 0}.txn-note{font-size:11px;color:var(--text3);background:var(--bg3);padding:2px 8px;border-radius:4px;display:inline-block}.txn-date-full{font-size:11px;color:var(--text3)}.txn-status-badge{font-size:10px;padding:2px 8px;border-radius:100px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.txn-status-badge.success{background:var(--green-dim);color:var(--green)}.txn-status-badge.failed{background:var(--red-dim);color:var(--red)}.txn-status-badge.pending{background:#ffc1071f;color:#ffc107}.pay-again-btn{margin-top:8px;padding:6px 14px;background:var(--orange-dim);border:1.5px solid var(--orange);color:var(--orange);border-radius:100px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;font-family:DM Sans,sans-serif}.pay-again-btn:hover{background:var(--orange);color:#000}:root{--orange: #FF5722;--orange-light: #FF7043;--orange-dim: rgba(255, 87, 34, .15);--orange-glow: rgba(255, 87, 34, .35);--bg: #0a0a0a;--bg2: #111111;--bg3: #1a1a1a;--bg4: #222222;--text: #f0f0f0;--text2: #999;--text3: #555;--green: #00C853;--red: #FF1744;--green-dim: rgba(0, 200, 83, .12);--red-dim: rgba(255, 23, 68, .12);--radius: 16px;--radius-sm: 10px;--shadow: 0 8px 32px rgba(0,0,0,.4)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:DM Sans,sans-serif;background:#000;color:var(--text);overflow-x:hidden}input{font-family:DM Sans,sans-serif;width:100%;background:var(--bg3);border:1.5px solid var(--bg4);color:var(--text);padding:14px 16px;border-radius:var(--radius-sm);font-size:15px;outline:none;transition:border-color .2s}input:focus{border-color:var(--orange);background:var(--bg2)}input::placeholder{color:var(--text3)}.input-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.input-group label{font-size:13px;color:var(--text2);font-weight:500;letter-spacing:.3px}.spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.logo-atom{font-size:32px;display:inline-block}.logo-atom.spinning{animation:spin 1s linear infinite}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg)}.back-btn{background:var(--bg3);border:none;color:var(--text);width:40px;height:40px;border-radius:50%;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.back-btn:hover{background:var(--bg4)}.empty-txn{text-align:center;padding:48px 24px;color:var(--text2)}.empty-txn button{margin-top:16px;background:var(--orange-dim);color:var(--orange);border:1px solid var(--orange);padding:12px 24px;border-radius:100px;cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px}.settings-page{background:var(--bg);min-height:100vh;padding-bottom:100px}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:52px 20px 20px}.settings-header h2{font-family:Syne,sans-serif;font-size:20px;font-weight:700}.profile-card{margin:0 16px 24px;background:linear-gradient(135deg,#1a0f0a,#170d05);border:1px solid rgba(255,87,34,.2);border-radius:20px;padding:24px;display:flex;align-items:center;gap:16px}.profile-avatar{width:60px;height:60px;background:var(--orange);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Syne,sans-serif;font-size:24px;font-weight:700;color:#fff;flex-shrink:0}.profile-info h3{font-family:Syne,sans-serif;font-size:18px;font-weight:700;margin-bottom:4px}.profile-role{font-size:12px;background:var(--orange-dim);color:var(--orange);border:1px solid var(--orange);padding:2px 10px;border-radius:100px;font-weight:600}.settings-list{padding:0 16px;display:flex;flex-direction:column;gap:8px}.setting-item{display:flex;align-items:center;gap:14px;width:100%;padding:18px 16px;background:var(--bg2);border:1px solid var(--bg3);border-radius:var(--radius);cursor:pointer;color:var(--text);font-family:DM Sans,sans-serif;font-size:15px;transition:all .2s;text-align:left}.setting-item:hover{background:var(--bg3);border-color:var(--bg4)}.setting-item.danger{color:var(--red)}.setting-item.danger:hover{background:var(--red-dim);border-color:#ff17444d}.setting-icon{font-size:20px;flex-shrink:0}.setting-label{flex:1;font-weight:500}.setting-arrow{color:var(--text3);font-size:18px}.settings-panel-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:flex-end;justify-content:center;z-index:100;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.settings-panel{background:var(--bg2);border:1px solid var(--bg4);border-radius:24px 24px 0 0;padding:32px 24px 48px;width:100%;max-width:430px;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1) both}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.settings-panel h3{font-family:Syne,sans-serif;font-size:18px;font-weight:700;margin-bottom:24px}.panel-error{background:var(--red-dim);border:1px solid var(--red);color:var(--red);padding:12px 16px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:12px}.panel-success{background:var(--green-dim);border:1px solid var(--green);color:var(--green);padding:12px 16px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:12px}.panel-btn{width:100%;padding:16px;background:var(--orange);color:#fff;border:none;border-radius:var(--radius-sm);font-size:15px;font-weight:600;cursor:pointer;font-family:DM Sans,sans-serif;margin-top:8px;display:flex;align-items:center;justify-content:center;transition:all .2s}.panel-btn:hover{background:var(--orange-light)}.panel-btn:disabled{opacity:.6;cursor:not-allowed}.panel-btn-cancel{width:100%;padding:14px;background:transparent;color:var(--text2);border:1.5px solid var(--bg4);border-radius:var(--radius-sm);font-size:15px;cursor:pointer;font-family:DM Sans,sans-serif;margin-top:8px;transition:all .2s}.panel-btn-cancel:hover{border-color:var(--text3);color:var(--text)}