@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f5f6fa;--bg2:#ffffff;--bg3:#f0f1f7;--bg4:#e8eaf4;--bg5:#dfe2f0;--border:rgba(99,102,153,.12);--border2:rgba(99,102,153,.2);--border3:rgba(99,102,153,.32);--text:#1a1b2e;--text2:#5c5f80;--text3:#a0a4c0;--p:#6c5ce7;--p2:#8b7ff5;--p3:#ede9ff;--p4:rgba(108,92,231,.07);--teal:#00b896;--teal2:#00977a;--green:#00a86b;--red:#e8395a;--amber:#f59e0b;--blue:#2563eb;--glow-p:rgba(108,92,231,.18);--glow-teal:rgba(0,184,150,.15);--glow-green:rgba(0,168,107,.15);--r:18px;--r2:13px;--r3:9px;--r4:6px;--shadow:0 20px 60px rgba(26,27,46,.12);--shadow-sm:0 4px 20px rgba(26,27,46,.08);--glow:0 0 40px rgba(108,92,231,.12);--glass:rgba(108,92,231,.04);--glass2:rgba(108,92,231,.07)}html,body{margin:0;padding:0;height:100%;overflow-y:auto;overflow-x:hidden;font-weight:400}html{font-family:DM Sans,sans-serif;background:var(--bg);color:var(--text);font-size:14px;scroll-behavior:smooth}body{min-height:100vh;display:flex;overflow:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#6c5ce733;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6c5ce759}a{color:var(--teal);text-decoration:none;transition:color .2s}a:hover{color:var(--p);text-decoration:none}.glow-bg{position:fixed;pointer-events:none;z-index:0;top:-300px;left:-200px;width:700px;height:700px;background:radial-gradient(ellipse,rgba(108,92,231,.07) 0%,rgba(108,92,231,.03) 40%,transparent 70%);border-radius:50%;animation:driftA 22s ease-in-out infinite alternate}.glow-bg2{position:fixed;pointer-events:none;z-index:0;bottom:-250px;right:-200px;width:600px;height:600px;background:radial-gradient(ellipse,rgba(0,184,150,.07) 0%,rgba(0,184,150,.03) 40%,transparent 70%);border-radius:50%;animation:driftB 28s ease-in-out infinite alternate}body:before{content:"";position:fixed;pointer-events:none;z-index:0;top:40%;left:50%;transform:translate(-50%,-50%);width:800px;height:400px;background:radial-gradient(ellipse,rgba(108,92,231,.04) 0%,transparent 70%);animation:driftC 34s ease-in-out infinite alternate}@keyframes driftA{0%{transform:translate(0) scale(1)}to{transform:translate(60px,50px) scale(1.04)}}@keyframes driftB{0%{transform:translate(0) scale(1)}to{transform:translate(-50px,-35px) scale(1.06)}}@keyframes driftC{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-48%,-52%) scale(1.08)}}.sidebar{width:240px;min-height:100vh;background:var(--bg2);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:0;flex-shrink:0;position:relative;z-index:10;box-shadow:2px 0 24px #1a1b2e0f}.sidebar:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--p),var(--teal));z-index:2;border-radius:0 0 2px 2px}.sidebar:after{content:"";position:absolute;top:0;right:-1px;bottom:0;width:1px;background:linear-gradient(180deg,transparent 0%,rgba(108,92,231,.2) 35%,rgba(0,184,150,.15) 65%,transparent 100%);opacity:1;z-index:2}.logo{padding:28px 22px 18px;font-family:Syne,sans-serif;font-size:21px;font-weight:800;letter-spacing:4px;text-transform:uppercase;background:linear-gradient(135deg,var(--p) 0%,var(--p2) 45%,var(--teal) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:1;cursor:default;-webkit-user-select:none;user-select:none;transition:filter .3s,transform .3s}.logo:hover{filter:brightness(1.15);transform:translate(2px)}.logo em{font-style:normal;background:linear-gradient(135deg,var(--teal) 0%,var(--p) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-net{margin:0 12px 16px;padding:8px 12px;background:#00a86b0f;border:1px solid rgba(0,168,107,.15);border-radius:var(--r3);display:flex;align-items:center;gap:8px;font-size:11px;color:var(--green);position:relative;z-index:1;font-family:JetBrains Mono,monospace;letter-spacing:.3px}.net-dot{width:6px;height:6px;border-radius:50%;background:var(--green);flex-shrink:0;box-shadow:0 0 8px #00a86b99,0 0 16px #00a86b4d;animation:netPulse 2.5s ease-in-out infinite}@keyframes netPulse{0%,to{box-shadow:0 0 8px #00a86b99,0 0 16px #00a86b4d;transform:scale(1)}50%{box-shadow:0 0 4px #00a86b4d;transform:scale(.85)}}.nav-section{padding:18px 18px 6px;font-family:Syne,sans-serif;font-size:9px;color:var(--text3);text-transform:uppercase;letter-spacing:2.5px;font-weight:700;position:relative;z-index:1}.nav-item{display:flex;align-items:center;gap:11px;padding:9px 14px;cursor:pointer;color:var(--text2);transition:all .2s cubic-bezier(.4,0,.2,1);font-size:13px;font-weight:500;position:relative;z-index:1;margin:1px 8px;border-radius:11px}.nav-item:hover{color:var(--text);background:var(--glass2);transform:translate(3px)}.nav-item.active{color:var(--p);background:var(--p3);border:1px solid rgba(108,92,231,.18);box-shadow:0 2px 12px #6c5ce71a}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:linear-gradient(180deg,var(--p),var(--teal));border-radius:2px}.nav-item svg{width:16px;height:16px;flex-shrink:0;opacity:.7}.nav-item.active svg{opacity:1;color:var(--p)}.sidebar-footer{margin-top:auto;padding:16px;font-size:11px;border-top:1px solid var(--border);text-align:center;position:relative;z-index:1;font-family:JetBrains Mono,monospace;color:var(--text3);line-height:1.7}.sidebar-footer a{background:linear-gradient(135deg,var(--p),var(--teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.main{flex:1;display:flex;flex-direction:column;overflow:hidden}.topbar{height:64px;background:#ffffffeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 28px;flex-shrink:0;position:sticky;top:0;z-index:50;box-shadow:0 1px 0 var(--border),0 4px 16px #1a1b2e0d}.topbar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(108,92,231,.2) 30%,rgba(0,184,150,.15) 70%,transparent 100%)}.topbar-left{display:flex;align-items:center;gap:12px}.page-title{font-family:Syne,sans-serif;font-size:16px;font-weight:700;letter-spacing:-.3px;color:var(--text)}.topbar-right{display:flex;align-items:center;gap:10px}.wallet-chip{display:flex;align-items:center;gap:8px;padding:8px 18px;background:var(--bg3);border:1px solid var(--border2);border-radius:24px;font-size:12px;cursor:pointer;transition:all .22s cubic-bezier(.4,0,.2,1);font-family:JetBrains Mono,monospace;font-weight:500;color:var(--text2)}.wallet-chip:hover{border-color:#6c5ce766;background:var(--p3);box-shadow:0 4px 16px #6c5ce71f;transform:translateY(-1px);color:var(--p)}.wallet-chip .dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.wallet-chip .dot.connected{background:var(--green);box-shadow:0 0 8px #00a86b80}.wallet-chip .dot.disconnected{background:var(--red);box-shadow:0 0 6px #e8395a66}.balance-pill{padding:7px 15px;background:linear-gradient(135deg,#6c5ce71a,#00b89612);border:1px solid rgba(108,92,231,.2);border-radius:24px;font-size:12px;color:var(--p);font-family:JetBrains Mono,monospace;font-weight:600}.content{flex:1;overflow-y:auto;padding:28px;position:relative;z-index:1}.page{display:none}.page.active{display:block}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.stat-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:22px;position:relative;overflow:hidden;transition:transform .22s cubic-bezier(.4,0,.2,1),box-shadow .22s;box-shadow:var(--shadow-sm)}.stat-card:hover{transform:translateY(-3px);box-shadow:0 12px 36px #1a1b2e1f}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;border-radius:2px 2px 0 0}.stat-card.purple:before{background:linear-gradient(90deg,var(--p),var(--p2))}.stat-card.teal:before{background:linear-gradient(90deg,var(--teal),var(--teal2))}.stat-card.green:before{background:linear-gradient(90deg,var(--green),#00c97e)}.stat-card.amber:before{background:linear-gradient(90deg,var(--amber),#fbbf24)}.stat-card:after{content:"";position:absolute;top:-30px;right:-30px;width:90px;height:90px;border-radius:50%;opacity:.07;filter:blur(16px);transition:opacity .3s}.stat-card:hover:after{opacity:.14}.stat-card.purple:after{background:var(--p)}.stat-card.teal:after{background:var(--teal)}.stat-card.green:after{background:var(--green)}.stat-card.amber:after{background:var(--amber)}.stat-label{font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:12px;font-weight:600;font-family:Syne,sans-serif}.stat-val{font-size:27px;font-weight:700;font-family:JetBrains Mono,monospace;margin-bottom:8px;letter-spacing:-.5px}.stat-val.purple{color:var(--p)}.stat-val.teal{color:var(--teal)}.stat-val.green{color:var(--green)}.stat-val.amber{color:var(--amber)}.stat-sub{font-size:11px;color:var(--text3);display:flex;align-items:center;gap:4px}.trend-up{color:var(--green)}.trend-down{color:var(--red)}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:24px;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(108,92,231,.1),transparent)}.card-inner{background:var(--bg3);border:1px solid var(--border);border-radius:var(--r2);padding:14px}.section-title{font-family:Syne,sans-serif;font-size:14px;font-weight:700;margin-bottom:18px;display:flex;align-items:center;gap:8px;color:var(--text);letter-spacing:.2px}.section-title svg{color:var(--p)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.field{margin-bottom:14px}.field label{display:block;font-size:10px;color:var(--text2);margin-bottom:7px;text-transform:uppercase;letter-spacing:1.2px;font-weight:600;font-family:Syne,sans-serif}.field input,.field select,.field textarea{width:100%;background:var(--bg3);border:1px solid var(--border2);border-radius:var(--r2);padding:11px 14px;color:var(--text);font-size:13px;font-family:DM Sans,sans-serif;outline:none;transition:all .2s}.field input:focus,.field select:focus,.field textarea:focus{border-color:#6c5ce780;box-shadow:0 0 0 3px #6c5ce71a;background:var(--bg2)}.field input::placeholder,.field textarea::placeholder{color:var(--text3)}.field select option{background:var(--bg2);color:var(--text)}.field textarea{resize:vertical;min-height:70px}.field-row{display:flex;gap:10px}.field-row .field{flex:1}.field input[type=date]{cursor:pointer}.field input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.5}.token-tabs{display:flex;gap:6px;margin-bottom:16px}.token-tab{flex:1;padding:9px;border-radius:var(--r2);border:1px solid var(--border2);background:var(--bg3);color:var(--text2);cursor:pointer;font-size:12px;font-weight:600;transition:all .2s;text-align:center;font-family:Syne,sans-serif;letter-spacing:.3px;display:flex;align-items:center;justify-content:center;gap:6px}.token-tab:hover{border-color:var(--border3);color:var(--text);background:var(--bg4)}.token-tab.active{border-color:#6c5ce759;color:var(--p);background:var(--p3);box-shadow:0 2px 10px #6c5ce71a}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border-radius:var(--r2);border:none;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:Syne,sans-serif;letter-spacing:.3px;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .45s}.btn:hover:after{left:150%}.btn-primary{background:linear-gradient(135deg,var(--p) 0%,#5649c0 100%);color:#fff;box-shadow:0 4px 20px #6c5ce74d,inset 0 1px #ffffff26}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #6c5ce766;background:linear-gradient(135deg,#7e6ef5,#6456d0)}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 10px #6c5ce740}.btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:var(--bg3);color:var(--text);border:1px solid var(--border2)}.btn-secondary:hover{border-color:var(--border3);background:var(--bg4);transform:translateY(-1px)}.btn-danger{background:#e8395a12;color:var(--red);border:1px solid rgba(232,57,90,.2)}.btn-danger:hover{background:#e8395a21;transform:translateY(-1px)}.btn-success{background:#00a86b14;color:var(--green);border:1px solid rgba(0,168,107,.2)}.btn-success:hover{background:#00a86b24;transform:translateY(-1px)}.btn-teal{background:#00b89614;color:var(--teal);border:1px solid rgba(0,184,150,.2)}.btn-teal:hover{background:#00b89624;transform:translateY(-1px)}.btn-sm{padding:7px 14px;font-size:12px;border-radius:var(--r3)}.btn-full{width:100%}.btn-icon{width:34px;height:34px;padding:0;border-radius:var(--r3)}.tag{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:24px;font-size:11px;font-weight:600;font-family:Syne,sans-serif;letter-spacing:.3px}.tag-p{background:#6c5ce71a;color:var(--p);border:1px solid rgba(108,92,231,.15)}.tag-teal{background:#00b8961a;color:var(--teal);border:1px solid rgba(0,184,150,.15)}.tag-green{background:#00a86b1a;color:var(--green);border:1px solid rgba(0,168,107,.15)}.tag-red{background:#e8395a1a;color:var(--red);border:1px solid rgba(232,57,90,.15)}.tag-amber{background:#f59e0b1a;color:var(--amber);border:1px solid rgba(245,158,11,.15)}.tag-gray{background:var(--bg3);color:var(--text2);border:1px solid var(--border2)}.tx-item{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--border);transition:all .18s}.tx-item:last-child{border-bottom:none}.tx-item:hover{background:var(--bg3);margin:0 -10px;padding-left:10px;padding-right:10px;border-radius:var(--r3);border-bottom-color:transparent}.tx-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:15px;border:1px solid transparent}.tx-icon.recv,.tx-icon.received{background:#00a86b14;color:var(--green);border-color:#00a86b26}.tx-icon.sent{background:#e8395a14;color:var(--red);border-color:#e8395a26}.tx-icon.swap{background:#6c5ce714;color:var(--p);border-color:#6c5ce726}.tx-meta{flex:1;min-width:0}.tx-addr{font-size:13px;font-weight:600;color:var(--text);font-family:JetBrains Mono,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tx-msg{font-size:11px;color:var(--text2);margin-top:2px;display:flex;align-items:center;gap:6px}.tx-time{font-size:10px;color:var(--text3);margin-top:2px;font-family:JetBrains Mono,monospace}.tx-amount{font-weight:700;font-size:13px;font-family:JetBrains Mono,monospace;text-align:right;flex-shrink:0}.tx-amount.pos{color:var(--green)}.tx-amount.neg{color:var(--red)}.tx-amount.swap{color:var(--p)}.tx-link{font-size:10px;color:var(--teal);margin-top:2px;text-align:right;font-family:JetBrains Mono,monospace}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.contact-card{display:flex;align-items:center;gap:10px;padding:13px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--r2);cursor:pointer;transition:all .2s}.contact-card:hover{border-color:#6c5ce740;background:var(--p3);transform:translateY(-2px);box-shadow:0 6px 20px #6c5ce71a}.avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0;font-family:Syne,sans-serif}.schedule-item{display:flex;align-items:center;gap:12px;padding:14px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--r2);margin-bottom:8px;transition:all .2s}.schedule-item:hover{border-color:#6c5ce733;background:var(--p3);transform:translate(3px)}.schedule-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.split-person{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--r2);margin-bottom:8px;transition:border-color .2s}.split-person:hover{border-color:var(--border3)}.split-check{width:20px;height:20px;border-radius:50%;border:2px solid var(--border2);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;font-size:11px;transition:all .18s}.split-check.on{background:linear-gradient(135deg,var(--p),var(--teal));border-color:var(--p);color:#fff;box-shadow:0 0 12px #6c5ce74d}.qr-wrap{background:var(--bg3);border-radius:18px;padding:16px;display:block;width:fit-content;margin:0 auto;border:2px solid var(--border2);box-shadow:0 8px 32px #1a1b2e1a}.link-box{background:var(--bg3);border:1px dashed var(--border2);border-radius:var(--r2);padding:10px 14px;display:flex;align-items:center;gap:8px;word-break:break-all}.link-text{font-size:12px;color:var(--text2);flex:1;font-family:JetBrains Mono,monospace}.copy-btn{background:linear-gradient(135deg,var(--p),#5649c0);color:#fff;border:none;border-radius:var(--r3);padding:6px 12px;cursor:pointer;font-size:11px;font-weight:700;flex-shrink:0;transition:all .2s;font-family:Syne,sans-serif;box-shadow:0 3px 10px #6c5ce740}.copy-btn:hover{transform:translateY(-1px);box-shadow:0 5px 16px #6c5ce759}.chart-wrap{display:flex;align-items:flex-end;gap:5px;height:90px;padding-bottom:4px}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px}.bar{width:100%;background:linear-gradient(180deg,var(--p) 0%,rgba(108,92,231,.3) 100%);border-radius:5px 5px 0 0;transition:height .55s cubic-bezier(.4,0,.2,1),opacity .2s;cursor:pointer;min-height:3px;opacity:.55}.bar:hover{opacity:1;box-shadow:0 -4px 16px #6c5ce759;background:linear-gradient(180deg,var(--p2) 0%,var(--p) 100%)}.bar-lbl{font-size:9px;color:var(--text3);font-family:JetBrains Mono,monospace}.analytic-row{display:flex;align-items:center;padding:9px 0;border-bottom:1px solid var(--border)}.analytic-row:last-child{border-bottom:none}.analytic-bar-bg{flex:1;height:4px;background:var(--bg4);border-radius:3px;margin:0 12px;overflow:hidden}.analytic-bar-fill{height:100%;border-radius:3px}.export-row{display:flex;align-items:center;justify-content:space-between;padding:14px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--r2);margin-bottom:10px;cursor:pointer;transition:all .2s}.export-row:hover{border-color:#6c5ce733;background:var(--p3);transform:translate(3px)}.notif-item{display:flex;align-items:flex-start;gap:10px;padding:12px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--r2);margin-bottom:8px;transition:border-color .2s}.notif-item:hover{border-color:var(--border3)}.notif-item.unread{border-left:2px solid var(--p);background:var(--p3)}.notif-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:3px}.recipient-row{display:flex;gap:8px;margin-bottom:8px;align-items:center;padding:10px;background:var(--bg3);border:1px solid var(--border2);border-radius:var(--r2);transition:.2s}.recipient-row:hover{border-color:#6c5ce740;background:var(--p3)}.recipient-row input{flex:1;height:38px;padding:0 12px;background:var(--bg2);border:1px solid var(--border2);border-radius:var(--r3);color:var(--text);font-size:13px;outline:none;transition:.2s;font-family:DM Sans,sans-serif}.recipient-row input:focus{border-color:var(--p);box-shadow:0 0 0 2px #6c5ce71f}.recipient-row input::placeholder{color:var(--text3)}.recipient-row .addr{flex:2}.recipient-row .amount{flex:1}.rm-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border2);background:var(--bg2);border-radius:var(--r3);color:var(--text2);cursor:pointer;transition:.2s;font-size:16px;flex-shrink:0}.rm-btn:hover{border-color:var(--red);color:var(--red);background:#e8395a12}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1b2e80;display:none;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-overlay.open{display:flex}.modal{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--r);padding:28px;width:440px;max-width:92vw;box-shadow:0 24px 60px #1a1b2e33;animation:modalIn .26s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.modal:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--p),var(--teal))}@keyframes modalIn{0%{opacity:0;transform:scale(.9) translateY(14px)}to{opacity:1;transform:none}}.modal-title{font-family:Syne,sans-serif;font-size:16px;font-weight:700;margin-bottom:20px;letter-spacing:.2px;color:var(--text)}.modal-close{position:absolute;top:16px;right:16px}.how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px}.how-card{background:var(--bg3);border:1px solid var(--border);border-radius:var(--r);padding:20px;text-align:center;transition:all .22s}.how-card:hover{border-color:#6c5ce733;transform:translateY(-4px);box-shadow:0 12px 32px #6c5ce71a;background:var(--bg2)}.how-icon{width:50px;height:50px;border-radius:18px;background:linear-gradient(135deg,#6c5ce71f,#00b89612);border:1px solid rgba(108,92,231,.18);display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:22px;box-shadow:0 4px 16px #6c5ce71a;transition:transform .22s,box-shadow .22s}.how-card:hover .how-icon{transform:scale(1.08);box-shadow:0 6px 22px #6c5ce72e}.how-card h3{font-family:Syne,sans-serif;font-size:13px;font-weight:700;margin-bottom:6px;color:var(--text)}.how-card p{font-size:11px;color:var(--text2);line-height:1.65}#reader{border-radius:var(--r2);overflow:hidden;border:1px solid var(--border)}.scan-tabs{display:flex;gap:8px;margin-bottom:16px}.scan-tab{flex:1;padding:9px;border-radius:var(--r2);border:1px solid var(--border2);background:var(--bg3);color:var(--text2);cursor:pointer;font-size:13px;font-weight:600;transition:all .2s;text-align:center;font-family:Syne,sans-serif}.scan-tab.active{border-color:#6c5ce759;color:var(--p);background:var(--p3)}.step-item{display:flex;gap:12px;align-items:flex-start}.step-num{min-width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#6c5ce726,#00b89614);border:1px solid rgba(108,92,231,.25);color:var(--p);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;font-family:Syne,sans-serif}#agentic-approval-banner{border-left:3px solid rgba(108,92,231,.4);background:var(--p3);gap:12px;align-items:center;padding:14px 16px;border-radius:var(--r2)}#agentic-approval-banner[data-approved=true]{border-left-color:#00a86b66;background:#00a86b12}#agentic-history .tx-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}#agentic-history .tx-item:last-child{border-bottom:none}.input-group{position:relative;display:flex;align-items:center}.input-group .form-input{padding-right:56px}.input-suffix{position:absolute;right:12px;color:var(--text3);font-size:12px;font-weight:600;pointer-events:none}.form-input{width:100%;background:var(--bg3);border:1px solid var(--border2);border-radius:var(--r2);padding:11px 14px;color:var(--text);font-size:13px;font-family:DM Sans,sans-serif;outline:none;transition:all .2s}.form-input:focus{border-color:#6c5ce773;box-shadow:0 0 0 3px #6c5ce71a;background:var(--bg2)}.form-label{display:block;font-size:10px;color:var(--text2);margin-bottom:6px;text-transform:uppercase;letter-spacing:1.2px;font-weight:600;font-family:Syne,sans-serif}.form-group{margin-bottom:14px}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.mt-2{margin-top:2px}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mb-4{margin-bottom:4px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.w-full{width:100%}.text-sm{font-size:12px}.text-xs{font-size:11px}.text-muted{color:var(--text2)}.mono{font-family:JetBrains Mono,monospace}.fw600{font-weight:600}.fw700{font-weight:700}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.divider{border:none;border-top:1px solid var(--border);margin:18px 0}.text-center{text-align:center}.empty-state{padding:48px;text-align:center;color:var(--text3);font-family:Syne,sans-serif}.empty-state svg{margin:0 auto 14px;opacity:.25}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(108,92,231,.15);border-top-color:var(--p);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.page.active{animation:fadeUp .26s cubic-bezier(.4,0,.2,1)}@keyframes agenticPulse{0%,to{opacity:1}50%{opacity:.35}}.agentic-loading{animation:agenticPulse 1.4s ease-in-out infinite}.hamburger-btn{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:38px;height:38px;background:var(--bg3);border:1px solid var(--border2);border-radius:var(--r2);cursor:pointer;padding:0;transition:border-color .2s,background .2s;flex-shrink:0}.hamburger-btn:hover{border-color:#6c5ce759;background:var(--p3)}.hamburger-btn span{display:block;width:18px;height:2px;background:var(--text2);border-radius:2px;transition:all .26s;transform-origin:center}.hamburger-btn.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger-btn.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-btn.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-logo{display:none;font-family:Syne,sans-serif;font-size:18px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;background:linear-gradient(135deg,var(--p) 0%,var(--p2) 50%,var(--teal) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mobile-logo em{font-style:normal;background:linear-gradient(135deg,var(--teal),var(--p));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mobile-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1b2e73;z-index:90;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .26s}.mobile-drawer-overlay.open{opacity:1;pointer-events:all}.mobile-drawer{position:fixed;top:0;left:0;bottom:0;width:280px;background:var(--bg2);border-right:1px solid var(--border);z-index:95;display:flex;flex-direction:column;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;visibility:hidden;box-shadow:4px 0 32px #1a1b2e1a}.mobile-drawer.open{transform:translate(0);visibility:visible}.mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:22px 18px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.mobile-drawer-logo{font-family:Syne,sans-serif;font-size:20px;font-weight:800;letter-spacing:2px;text-transform:uppercase;background:linear-gradient(135deg,var(--p) 0%,var(--teal) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mobile-drawer-logo em{font-style:normal}.drawer-close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg3);border:1px solid var(--border2);border-radius:var(--r3);cursor:pointer;color:var(--text2);font-size:18px;transition:all .18s}.drawer-close-btn:hover{border-color:var(--red);color:var(--red);background:#e8395a12}.mobile-drawer-net{margin:12px 14px;padding:8px 12px;background:#00a86b12;border:1px solid rgba(0,168,107,.15);border-radius:var(--r2);display:flex;align-items:center;gap:8px;font-size:11px;color:var(--green);flex-shrink:0;font-family:JetBrains Mono,monospace}.mobile-drawer .nav-section{padding:14px 16px 4px;font-family:Syne,sans-serif;font-size:9px;color:var(--text3);text-transform:uppercase;letter-spacing:2px;font-weight:700}.mobile-drawer .nav-item{display:flex!important;align-items:center;gap:12px;padding:11px 16px;cursor:pointer;color:var(--text2);border-left:none;transition:all .2s;font-size:13px;font-weight:500;margin:1px 8px;border-radius:11px}.mobile-drawer .nav-item span{display:block!important}.mobile-drawer .nav-item:hover{color:var(--text);background:var(--bg3)}.mobile-drawer .nav-item.active{color:var(--p);background:var(--p3);border:1px solid rgba(108,92,231,.18)}.mobile-drawer .nav-item svg{width:18px;height:18px;flex-shrink:0}.mobile-drawer-footer{margin-top:auto;padding:16px;font-family:JetBrains Mono,monospace;font-size:11px;border-top:1px solid var(--border);flex-shrink:0;text-align:center;color:var(--text3);line-height:1.8}.mobile-drawer-footer a{background:linear-gradient(135deg,var(--p),var(--teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:64px;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border);z-index:100;justify-content:space-around;align-items:center;padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:0 -4px 20px #1a1b2e12}.mobile-nav:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(108,92,231,.2),rgba(0,184,150,.12),transparent)}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 10px;color:var(--text3);cursor:pointer;transition:color .2s,transform .2s;min-width:48px}.mobile-nav-item:active{transform:scale(.9)}.mobile-nav-item svg{width:20px;height:20px;flex-shrink:0}.mobile-nav-item span{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;font-family:Syne,sans-serif}.mobile-nav-item.active{color:var(--p)}.mobile-nav-item.active svg{filter:drop-shadow(0 0 5px rgba(108,92,231,.5))}@media (max-width:900px){.sidebar{width:62px}.logo,.nav-section,.nav-item span,.sidebar-footer,.sidebar-net span,.balance-pill{display:none}.nav-item{padding:12px;justify-content:center;margin:1px 4px}.stat-grid,.how-grid{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}.content{padding:20px}}@media (max-width:600px){body{flex-direction:column;overflow-y:auto}.sidebar{display:none!important}.main{width:100%;min-height:100vh;padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}.topbar{height:52px;padding:0 14px}.topbar-left{display:flex;align-items:center;gap:10px;flex:1}.page-title{display:none}.hamburger-btn{display:flex}.mobile-logo{display:block}.topbar-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.balance-pill{display:flex!important;font-size:10px;padding:4px 8px;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wallet-chip{padding:6px 10px;gap:6px}#wallet-label{display:block!important;font-size:11px;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content{padding:14px 12px 80px}.stat-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.stat-card{padding:14px 12px}.stat-val{font-size:18px}.stat-label{font-size:10px}.grid2,.grid3{grid-template-columns:1fr;gap:12px}.how-grid{grid-template-columns:1fr 1fr;gap:10px}.how-card{padding:14px 10px}.how-card h3{font-size:12px}.card{padding:16px 14px;border-radius:var(--r2)}.card-inner{padding:12px}.section-title{font-size:13px;margin-bottom:14px}.token-tab{font-size:12px;padding:8px 6px}.field input,.field select,.field textarea{font-size:16px;padding:10px 12px}.field label{font-size:10px}.btn{font-size:13px;padding:11px 16px}.contact-grid{grid-template-columns:1fr}.tx-item{padding:11px 0;gap:10px}.tx-icon{width:34px;height:34px;font-size:13px}.tx-addr,.tx-amount{font-size:12px}.recipient-row{flex-wrap:wrap;gap:8px}.recipient-row .addr{flex:1 1 100%}.recipient-row .amount{flex:1}.schedule-item{flex-wrap:wrap;gap:8px;padding:10px}.split-person{padding:9px 10px;font-size:12px}.chart-wrap{height:70px}.modal-overlay{align-items:flex-end}.modal{width:100%;max-width:100%;border-radius:var(--r) var(--r) 0 0;max-height:88vh;overflow-y:auto;padding:20px 16px}.export-row{padding:12px}.divider{margin:14px 0}.field-row{flex-direction:column;gap:0}.mobile-nav{display:flex}}.card,.stat-card,.contact-card,.schedule-item,.export-row,.notif-item{isolation:isolate}.card{overflow:hidden}.card:after{content:"";position:absolute;top:0;left:0;width:55%;height:100%;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.4) 50%,transparent 80%);transform:translate(-200%) skew(-15deg);pointer-events:none;border-radius:inherit;z-index:2;visibility:hidden;transition:none}.card:hover:after{visibility:visible;transform:translate(400%) skew(-15deg);transition:transform .7s cubic-bezier(.4,0,.2,1)}.btn-primary,.btn-secondary,.btn-success,.btn-danger,.btn-teal{overflow:hidden}.btn-primary:before,.btn-secondary:before,.btn-success:before,.btn-danger:before,.btn-teal:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;transform:translate(-50%,-50%);background:#ffffff40;transition:width 0s,height 0s,opacity .5s;opacity:0;pointer-events:none}.btn-primary:active:before,.btn-secondary:active:before,.btn-success:active:before,.btn-danger:active:before,.btn-teal:active:before{width:300px;height:300px;opacity:0;transition:width .55s cubic-bezier(.4,0,.2,1),height .55s cubic-bezier(.4,0,.2,1),opacity .45s}.stat-val{animation:countUp .7s cubic-bezier(.22,1,.36,1) both}@keyframes countUp{0%{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:none}}.stat-grid .stat-card:nth-child(1) .stat-val{animation-delay:.05s}.stat-grid .stat-card:nth-child(2) .stat-val{animation-delay:.12s}.stat-grid .stat-card:nth-child(3) .stat-val{animation-delay:.19s}.stat-grid .stat-card:nth-child(4) .stat-val{animation-delay:.26s}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:radial-gradient(circle,rgba(108,92,231,.18) 1px,transparent 1px),radial-gradient(circle,rgba(0,184,150,.14) 1px,transparent 1px),radial-gradient(circle,rgba(108,92,231,.1) 1.5px,transparent 1.5px);background-size:320px 320px,220px 220px,460px 460px;background-position:0 0,110px 160px,60px 80px;animation:floatDots 18s linear infinite;opacity:.7}@keyframes floatDots{0%{background-position:0 0,110px 160px,60px 80px}to{background-position:0 -320px,110px -60px,60px -380px}}.nav-item.active:before{animation:barGlow 2.8s ease-in-out infinite}@keyframes barGlow{0%,to{box-shadow:2px 0 8px #6c5ce759,2px 0 18px #6c5ce726}50%{box-shadow:2px 0 14px #6c5ce78c,2px 0 28px #00b89633}}.topbar:after{animation:topbarShimmer 4s linear infinite;background-size:200% 100%}@keyframes topbarShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.stat-grid .stat-card{animation:cardIn .55s cubic-bezier(.22,1,.36,1) both}.stat-grid .stat-card:nth-child(1){animation-delay:0s}.stat-grid .stat-card:nth-child(2){animation-delay:.07s}.stat-grid .stat-card:nth-child(3){animation-delay:.14s}.stat-grid .stat-card:nth-child(4){animation-delay:.21s}@keyframes cardIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.wallet-chip .dot.connected{animation:heartbeat 2s cubic-bezier(.215,.61,.355,1) infinite}@keyframes heartbeat{0%,90%,to{transform:scale(1)}15%{transform:scale(1.4)}30%{transform:scale(1)}45%{transform:scale(1.25)}}.field input:focus,.field select:focus,.field textarea:focus,.form-input:focus,.recipient-row input:focus{animation:focusRing .3s ease}@keyframes focusRing{0%{box-shadow:0 0 #6c5ce74d}to{box-shadow:0 0 0 3px #6c5ce71a}}.tx-item{animation:txSlide .4s cubic-bezier(.22,1,.36,1) both}.tx-item:nth-child(1){animation-delay:.05s}.tx-item:nth-child(2){animation-delay:.1s}.tx-item:nth-child(3){animation-delay:.15s}.tx-item:nth-child(4){animation-delay:.2s}.tx-item:nth-child(5){animation-delay:.25s}@keyframes txSlide{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}.how-card:hover .how-icon{animation:iconFloat 1.8s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0) scale(1.08)}50%{transform:translateY(-5px) scale(1.08)}}.sidebar:before{animation:sidebarTop 3.5s linear infinite;background-size:200% 100%}@keyframes sidebarTop{0%{background-position:200% 0}to{background-position:-200% 0}}.tag{animation:tagPop .35s cubic-bezier(.34,1.56,.64,1) both}@keyframes tagPop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}@keyframes modalIn{0%{opacity:0;transform:scale(.88) translateY(20px)}60%{opacity:1;transform:scale(1.02) translateY(-3px)}to{opacity:1;transform:none}}.skeleton{background:linear-gradient(90deg,var(--bg3) 0%,var(--bg4) 40%,var(--bg3) 80%);background-size:300% 100%;animation:skeletonWave 1.6s ease-in-out infinite;border-radius:var(--r3)}@keyframes skeletonWave{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px) scale(.99)}to{opacity:1;transform:none}}.page.active{animation:fadeUp .32s cubic-bezier(.22,1,.36,1)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1)}.reveal.visible{opacity:1;transform:none}.btn.loading{pointer-events:none;color:transparent!important;position:relative}.btn.loading:after{content:"";position:absolute;top:50%;left:50%;width:14px;height:14px;margin:-7px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.btn-secondary.loading:after,.btn-success.loading:after,.btn-teal.loading:after{border-color:#6c5ce733;border-top-color:var(--p)}.balance-pill{animation:balancePulse 5s ease-in-out infinite}@keyframes balancePulse{0%,80%,to{box-shadow:none}90%{box-shadow:0 0 0 3px #6c5ce71f,0 0 16px #6c5ce71a}}.analytic-bar-fill{animation:barGrow .8s cubic-bezier(.22,1,.36,1) both}@keyframes barGrow{0%{width:0!important}}