/* ALENTO — темно-синій інтерфейс у дусі Binance, з тонким технологічним візерунком */
:root{--bg:#060f26;--bg2:#0b1d4a;--card:rgba(20,38,82,.62);--card2:rgba(28,52,108,.55);--line:rgba(110,160,255,.16);--ink:#eaf1ff;--mut:#8ea6d4;--blue:#2f7bff;--blue2:#3fb3ff;--ok:#2fd18b;--warn:#f5b84a;--bad:#ff6b82;--glow:0 10px 40px rgba(20,90,255,.28)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{background:var(--bg)}
html,body{margin:0;color:var(--ink);font:16px/1.4 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif}
body{min-height:100vh;background:radial-gradient(1200px 700px at 85% -10%,#15409f 0%,transparent 60%),radial-gradient(900px 600px at -10% 30%,#0e2f7a 0%,transparent 55%),linear-gradient(180deg,#071433 0%,#08183d 50%,#050d22 100%) fixed;padding-bottom:calc(84px + env(safe-area-inset-bottom))}
body::before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22260%22%20height%3D%22260%22%20viewBox%3D%220%200%20260%20260%22%20fill%3D%22none%22%20stroke%3D%22%236fa8ff%22%20stroke-opacity%3D%22.16%22%20stroke-width%3D%221%22%3E%0A%3Cpath%20d%3D%22M0%2060h70l25%2025h60l20-20h85%22/%3E%3Cpath%20d%3D%22M0%20170h40l30-30h50l25%2025h115%22/%3E%3Cpath%20d%3D%22M60%200v45l25%2025v55l-18%2018v62%22/%3E%3Cpath%20d%3D%22M190%200v70l-22%2022v40l30%2030v98%22/%3E%0A%3Ccircle%20cx%3D%2270%22%20cy%3D%2260%22%20r%3D%223%22/%3E%3Ccircle%20cx%3D%22155%22%20cy%3D%2285%22%20r%3D%223%22/%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%22170%22%20r%3D%223%22/%3E%3Ccircle%20cx%3D%22145%22%20cy%3D%22165%22%20r%3D%223%22/%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%2245%22%20r%3D%222.5%22/%3E%3Ccircle%20cx%3D%22190%22%20cy%3D%2270%22%20r%3D%222.5%22/%3E%3Ccircle%20cx%3D%22198%22%20cy%3D%22162%22%20r%3D%222.5%22/%3E%0A%3Cpath%20d%3D%22M205%20205a30%2030%200%200%201%2030%2030M205%20220a15%2015%200%200%201%2015%2015%22%20/%3E%3C/svg%3E");background-size:260px;opacity:.9;pointer-events:none;z-index:0;-webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.35) 70%,rgba(0,0,0,.15) 100%);mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.35) 70%,rgba(0,0,0,.15) 100%)}
main,nav,.sheet-wrap{position:relative;z-index:1}
main{max-width:640px;margin:0 auto;padding:calc(14px + env(safe-area-inset-top)) 16px 24px}
.ic{display:block;flex:none}
h2{font-size:22px;margin:6px 0 14px;font-weight:700;letter-spacing:.2px}
h3{font-size:16px;margin:18px 2px 10px;font-weight:600;color:var(--mut);text-transform:none}
.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:16px;margin:0 0 12px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.mut{color:var(--mut);font-size:14px}.small{font-size:12px;color:var(--mut)}
.row{display:flex;gap:10px;align-items:center}.row>*{flex:1}
.between{display:flex;justify-content:space-between;align-items:center;gap:10px}
.gap{height:12px}
.hero{position:relative;overflow:hidden;border:0;border-radius:24px;padding:18px 18px 16px;margin-bottom:16px;background:linear-gradient(135deg,#1f6bff 0%,#1148c9 55%,#0a2d86 100%);box-shadow:var(--glow);color:#fff}
.hero::before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22260%22%20height%3D%22260%22%20viewBox%3D%220%200%20260%20260%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%22.5%22%20stroke-width%3D%221%22%3E%0A%3Cpath%20d%3D%22M0%2060h70l25%2025h60l20-20h85%22/%3E%3Cpath%20d%3D%22M0%20170h40l30-30h50l25%2025h115%22/%3E%3Cpath%20d%3D%22M60%200v45l25%2025v55l-18%2018v62%22/%3E%3Cpath%20d%3D%22M190%200v70l-22%2022v40l30%2030v98%22/%3E%0A%3Ccircle%20cx%3D%2270%22%20cy%3D%2260%22%20r%3D%223%22/%3E%3Ccircle%20cx%3D%22155%22%20cy%3D%2285%22%20r%3D%223%22/%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%22170%22%20r%3D%223%22/%3E%3Ccircle%20cx%3D%22145%22%20cy%3D%22165%22%20r%3D%223%22/%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%2245%22%20r%3D%222.5%22/%3E%3Ccircle%20cx%3D%22190%22%20cy%3D%2270%22%20r%3D%222.5%22/%3E%3Ccircle%20cx%3D%22198%22%20cy%3D%22162%22%20r%3D%222.5%22/%3E%0A%3Cpath%20d%3D%22M205%20205a30%2030%200%200%201%2030%2030M205%20220a15%2015%200%200%201%2015%2015%22%20/%3E%3C/svg%3E");background-size:200px;opacity:.55;mix-blend-mode:soft-light}
.hero::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(120,200,255,.45),transparent 65%)}
.hero>*{position:relative;z-index:1}
.hero .name{font-size:15px;font-weight:600;opacity:.95}
.hero .idpill{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:5px 10px 5px 12px;font-size:13px;color:#fff;cursor:pointer;font-variant-numeric:tabular-nums;letter-spacing:.5px}
.hero .big{font-size:38px;font-weight:700;margin:12px 0 2px;letter-spacing:-.5px;font-variant-numeric:tabular-nums}
.hero .big small{font-size:20px;font-weight:600;opacity:.85}
.hero .lines{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;opacity:.92;margin-top:6px}
.vchip{display:inline-flex;align-items:center;gap:4px;font-size:12px;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.16)}
.vchip.ok{background:rgba(47,209,139,.25)}
.qgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.q{display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);color:var(--ink);border-radius:18px;padding:14px 6px 12px;font:inherit;font-size:12.5px;text-align:center;cursor:pointer;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .12s}
.q:active{transform:scale(.96)}
.q .ico{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(47,123,255,.35),rgba(63,179,255,.14));border:1px solid rgba(110,170,255,.3);color:#7cc0ff}
button{font:inherit}
.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:0;border-radius:16px;padding:15px 16px;background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;font-weight:650;cursor:pointer;box-shadow:0 8px 24px rgba(30,100,255,.35)}
.btn.sec{background:rgba(70,130,255,.16);color:#9cc8ff;box-shadow:none;border:1px solid var(--line)}
.btn.bad{background:transparent;color:var(--bad);border:1px solid rgba(255,107,130,.35);box-shadow:none}
.btn:disabled{opacity:.45;box-shadow:none}
.seg{display:flex;background:rgba(5,15,40,.55);border:1px solid var(--line);border-radius:14px;padding:3px;margin:0 0 12px}
.seg button{flex:1;border:0;background:none;color:var(--mut);padding:10px 6px;border-radius:11px;font-weight:600;font-size:14px;cursor:pointer}
.seg button.on{background:linear-gradient(135deg,var(--blue),#2a63e0);color:#fff;box-shadow:0 4px 14px rgba(30,100,255,.4)}
.seg.buy button.on.b{background:linear-gradient(135deg,#1fb877,#17935f)}.seg.buy button.on.s{background:linear-gradient(135deg,#ef5170,#c93a58)}
label{display:block;font-size:13px;color:var(--mut);margin:12px 2px 6px}
input,textarea{width:100%;border:1px solid var(--line);background:rgba(4,12,34,.55);color:var(--ink);border-radius:14px;padding:14px;font:inherit;outline:none}
input:focus,textarea:focus{border-color:var(--blue2);box-shadow:0 0 0 3px rgba(63,179,255,.15)}
input::placeholder,textarea::placeholder{color:#5f77a6}
textarea{min-height:90px;resize:vertical}
.pick{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:rgba(4,12,34,.55);border:1px solid var(--line);color:var(--ink);border-radius:14px;padding:11px 12px;cursor:pointer}
.pick .t{flex:1;min-width:0}.pick .t b{display:block;font-size:15px}.pick .t span{font-size:12px;color:var(--mut)}
.pick .ic{color:var(--mut)}
.logo{display:inline-block;flex:none;border-radius:50%}.logo svg{display:block;width:100%;height:100%}
.sw{display:grid;grid-template-columns:1fr;gap:8px;position:relative}
.swap{width:32px;height:32px;margin-top:8px;border-radius:50%;background:#143a8c;border:1px solid rgba(110,170,255,.4);color:#9cc8ff;display:grid;place-items:center;z-index:2;cursor:pointer}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{border:1px solid var(--line);background:rgba(70,130,255,.12);color:#b9d4ff;border-radius:999px;padding:8px 14px;cursor:pointer;font-size:14px}
.badge{display:inline-block;border-radius:999px;padding:3px 10px;font-size:12px;background:rgba(70,130,255,.2);color:#9cc8ff;white-space:nowrap}
.badge.ok{background:rgba(47,209,139,.18);color:var(--ok)}.badge.warn{background:rgba(245,184,74,.16);color:var(--warn)}.badge.bad{background:rgba(255,107,130,.16);color:var(--bad)}
.addr{word-break:break-all;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:14px;background:rgba(4,12,34,.6);border:1px solid var(--line);border-radius:14px;padding:12px}
.qr{display:block;margin:12px auto;width:190px;height:190px;border-radius:14px;background:#fff;padding:8px}
.warn{background:rgba(245,184,74,.12);color:var(--warn);border:1px solid rgba(245,184,74,.25);border-radius:14px;padding:10px 12px;font-size:14px;margin:10px 0}
.item{padding:12px 0;border-bottom:1px solid var(--line)}.item:last-child{border-bottom:0}
.li{display:flex;align-items:center;gap:12px;width:100%;background:none;border:0;border-bottom:1px solid var(--line);color:var(--ink);padding:13px 0;text-align:left;cursor:pointer}
.li:last-child{border-bottom:0}.li .t{flex:1;min-width:0}.li .t b{display:block;font-size:15px}.li .t span{font-size:13px;color:var(--mut)}
.li .ico{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(47,123,255,.18);border:1px solid rgba(110,170,255,.25);color:#7cc0ff}
.pre{white-space:pre-wrap;word-break:break-word;background:rgba(4,12,34,.55);border:1px solid var(--line);border-radius:14px;padding:10px 12px;margin:8px 0;font-size:14px}
.toast{position:fixed;left:16px;right:16px;top:calc(12px + env(safe-area-inset-top));background:rgba(14,34,84,.96);border:1px solid rgba(110,170,255,.35);color:#fff;padding:13px 16px;border-radius:16px;z-index:50;text-align:center;box-shadow:0 12px 40px rgba(0,0,0,.45);opacity:0;transform:translateY(-14px);transition:.22s;pointer-events:none;max-width:608px;margin:0 auto}
.toast.show{opacity:1;transform:none}.toast.err{border-color:rgba(255,107,130,.6);background:rgba(70,16,32,.96)}
.back{display:inline-flex;align-items:center;gap:4px;background:none;border:0;color:#7cc0ff;padding:6px 0;font-size:15px;cursor:pointer}
.loader{text-align:center;padding:80px 0;color:var(--mut)}
nav{position:fixed;left:0;right:0;bottom:0;z-index:5;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(7,18,46,.75),rgba(6,14,36,.96));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--line);display:flex;justify-content:space-around}
nav button{flex:1;max-width:120px;background:none;border:0;color:#6f88b8;padding:6px 2px;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;cursor:pointer;position:relative}
nav button.on{color:#5db6ff;font-weight:600}
nav button.on .ic{filter:drop-shadow(0 0 8px rgba(63,179,255,.7))}
nav .dot{position:absolute;top:3px;left:calc(50% + 8px);width:9px;height:9px;border-radius:50%;background:var(--bad);border:2px solid #07122e}
.bal-line{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.bal-line:last-child{border-bottom:0}
.bal-line .t{flex:1}.bal-line .t b{display:block}.bal-line .r{text-align:right}.bal-line .r b{display:block;font-variant-numeric:tabular-nums}
.chat{display:flex;flex-direction:column;gap:8px;max-height:56vh;overflow:auto;padding:4px 2px}
.msg{max-width:82%;padding:9px 13px;border-radius:16px;white-space:pre-wrap;word-break:break-word;font-size:15px}
.msg.me{align-self:flex-end;background:linear-gradient(135deg,var(--blue),#2a63e0);border-bottom-right-radius:5px}
.msg.he{align-self:flex-start;background:rgba(40,70,140,.55);border:1px solid var(--line);border-bottom-left-radius:5px}
.msg small{display:block;opacity:.6;font-size:10px;margin-top:3px}
.compose{display:flex;gap:8px;margin-top:10px}.compose input{flex:1}.compose .btn{width:52px;padding:0;flex:none}
.ob{min-height:80vh;display:flex;flex-direction:column;justify-content:center}
.ob .mark{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--blue2));box-shadow:var(--glow);margin-bottom:18px;color:#fff}
.check{display:flex;gap:10px;align-items:flex-start;margin:14px 0;font-size:13px;color:var(--mut)}.check input{width:22px;height:22px;flex:none;margin:0;accent-color:var(--blue)}
/* bottom sheet */
.sheet-wrap{position:fixed;inset:0;z-index:40;display:none}
.sheet-wrap.open{display:block}
.sheet-bg{position:absolute;inset:0;background:rgba(2,6,18,.62);opacity:0;transition:.2s}
.sheet-wrap.open .sheet-bg{opacity:1}
.sheet{position:absolute;left:0;right:0;bottom:0;max-width:640px;margin:0 auto;background:linear-gradient(180deg,#10285f,#0a1a44);border:1px solid rgba(110,170,255,.25);border-bottom:0;border-radius:26px 26px 0 0;padding:10px 16px calc(18px + env(safe-area-inset-bottom));transform:translateY(100%);transition:transform .25s cubic-bezier(.2,.8,.2,1);max-height:82vh;overflow:auto}
.sheet-wrap.open .sheet{transform:none}
.sheet .grab{width:42px;height:4px;border-radius:4px;background:rgba(150,190,255,.35);margin:2px auto 12px}
.sheet h4{margin:0 0 6px;font-size:18px;text-align:center}
.sheet .opt{display:flex;align-items:center;gap:12px;width:100%;background:none;border:0;border-bottom:1px solid var(--line);color:var(--ink);padding:14px 4px;text-align:left;cursor:pointer}
.sheet .opt:last-child{border-bottom:0}
.sheet .opt .t{flex:1;min-width:0}.sheet .opt .t b{display:block;font-size:16px}.sheet .opt .t span{font-size:13px;color:var(--mut)}
.sheet .opt .ck{color:var(--blue2)}
.sheet input.find{margin:6px 0 4px}

.big2{font-size:26px;font-weight:700;font-variant-numeric:tabular-nums}.big2 small{font-size:15px;opacity:.7}
.hero .big{font-size:38px}

.badge.warn,.badge.ok,.badge.bad{padding:3px 10px;font-size:12px;margin:0}
.badge.warn{border:0}
.btn.red{background:linear-gradient(135deg,#ef5170,#c93a58);box-shadow:0 8px 24px rgba(220,60,90,.3)}
.avatar{display:inline-grid;place-items:center;border-radius:50%;color:#fff;font-weight:700;flex:none}
.adv{display:flex;align-items:center;gap:8px;background:none;border:0;color:var(--ink);padding:0;text-align:left;cursor:pointer}.adv b{display:block;font-size:15px}.adv .mut{font-size:12px}
.bchips{display:flex;flex-wrap:wrap;gap:6px}.bchip{display:inline-flex;align-items:center;gap:5px;font-size:12px;padding:3px 9px 3px 4px;border-radius:999px;background:rgba(70,130,255,.14);border:1px solid var(--line);color:#bcd5ff}
.up{color:var(--ok);display:inline-flex;align-items:center;gap:3px}.dn{color:var(--bad);display:inline-flex;align-items:center;gap:3px}.dn .ic{transform:scaleY(-1)}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat{background:rgba(4,12,34,.5);border:1px solid var(--line);border-radius:14px;padding:10px 6px;text-align:center}.stat b{display:block;font-size:18px;font-variant-numeric:tabular-nums}.stat span{font-size:11px;color:var(--mut)}
#aifab{position:fixed;right:16px;bottom:calc(88px + env(safe-area-inset-bottom));width:58px;height:58px;border-radius:50%;border:2px solid rgba(120,190,255,.6);background:radial-gradient(circle at 30% 25%,#3d8bff,#1148c9 70%);box-shadow:0 10px 30px rgba(20,90,255,.55),0 0 0 6px rgba(47,123,255,.15);display:none;place-items:center;z-index:30;cursor:pointer;padding:0;animation:aipulse 3s infinite}
#aifab img{width:42px;height:42px;border-radius:50%;object-fit:cover}
@keyframes aipulse{0%,100%{box-shadow:0 10px 30px rgba(20,90,255,.55),0 0 0 4px rgba(47,123,255,.15)}50%{box-shadow:0 10px 30px rgba(20,90,255,.55),0 0 0 11px rgba(47,123,255,.05)}}
#aip{position:fixed;inset:0;z-index:45;display:none}#aip.open{display:block}
#aip .sheet{transform:none}
#aip .sheet-bg{opacity:1}

/* индикаторы непрочитанного */
.cnt{position:absolute;top:0;left:calc(50% + 4px);min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--bad);color:#fff;font-size:10px;font-weight:700;font-style:normal;line-height:17px;text-align:center;border:2px solid #07122e;box-sizing:content-box;transform:scale(.92)}
.pill{display:inline-block;min-width:20px;padding:1px 7px;border-radius:10px;background:var(--bad);color:#fff;font-size:12px;font-weight:700;text-align:center;margin-left:6px}
.act-row{display:flex;align-items:center;gap:12px;width:100%;background:none;border:0;border-bottom:1px solid var(--line);color:var(--ink);padding:13px 0;text-align:left;cursor:pointer}
.act-row:last-child{border-bottom:0}.act-row .t{flex:1;min-width:0}.act-row .t b{display:block;font-size:15px}.act-row .t span{font-size:13px;color:var(--mut)}
.act-row .r{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.act-row .r small{font-size:11px;color:var(--mut)}
.flash{animation:flash 1.6s ease}@keyframes flash{0%,60%{box-shadow:0 0 0 2px #5db6ff}100%{box-shadow:none}}
.kv{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.kv:last-child{border-bottom:0}
.kv .k{color:var(--mut);font-size:13px;flex:0 0 38%}.kv .v{flex:1;text-align:right;word-break:break-all;font-size:14px}.kv .v small{display:block;color:var(--mut);font-size:12px}
.cp{display:inline-flex;align-items:center;gap:5px;margin-top:5px;padding:5px 10px;border-radius:9px;background:rgba(47,123,255,.18);border:1px solid rgba(110,170,255,.25);color:#9cc8ff;font-size:12px;cursor:pointer}
.hrow{cursor:pointer}
.cnt:empty{min-width:0;width:9px;height:9px;padding:0;top:3px;left:calc(50% + 8px);border-width:2px}