:root{--bg:#08111f;--panel:#0f1b2e;--panel-2:#14233a;--card:#101c30;--card-soft:#162640;--text:#eef5ff;--muted:#8fa2bd;--line:#ffffff14;--blue:#4f8cff;--blue-2:#2f6df6;--green:#18c77a;--red:#ff5d6c;--yellow:#f5c451;--shadow:0 18px 45px #00000059}*{box-sizing:border-box}html{background:var(--bg)}body{color:var(--text);background:radial-gradient(circle at 0 0,#173458 0,#08111f 34%,#060b14 100%);min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}button,input{font:inherit}.app-shell{width:100%;max-width:520px;min-height:100vh;box-shadow:0 0 0 1px #ffffff0a,var(--shadow);background:linear-gradient(#0f1b2eeb,#08111ff5);margin:0 auto;padding-bottom:88px}.topbar{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);background:#08111fd1;justify-content:space-between;align-items:center;padding:18px;display:flex;position:sticky;top:0}.eyebrow{color:var(--blue);letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:800}h1{letter-spacing:-.04em;margin:4px 0 0;font-size:24px;line-height:1.1}h2{letter-spacing:-.035em;margin:0 0 14px;font-size:20px}p{color:var(--muted);margin:4px 0}.avatar{color:#fff;background:linear-gradient(135deg,#4f8cff,#7c4dff);border-radius:16px;place-items:center;width:42px;height:42px;font-weight:900;display:grid;box-shadow:0 10px 24px #4f8cff47}.content{flex-direction:column;gap:14px;padding:16px;display:flex}.stack{flex-direction:column;gap:14px;display:flex}.card,.balance-card{border:1px solid var(--line);background:linear-gradient(#162640fa,#0e192bfa);border-radius:22px;padding:18px;box-shadow:0 12px 28px #0000002e}.balance-card{background:linear-gradient(135deg,#1b3760,#12213a 62%,#0e1829)}.muted{color:var(--muted)}.balance{letter-spacing:-.05em;margin-top:4px;font-size:34px;font-weight:900}.mini-row,.section-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.mini-row{color:var(--muted);margin-top:12px;font-size:13px}.mini-row b{color:var(--text)}.section-head{margin-bottom:12px}.section-head h2{margin:0}label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:12px 0 7px;font-size:13px;font-weight:800;display:block}input{width:100%;color:var(--text);background:#0b1628;border:1px solid #ffffff1f;border-radius:14px;outline:none;margin:0 0 12px;padding:13px 14px}input:focus{border-color:var(--blue);box-shadow:0 0 0 4px #4f8cff24}button{cursor:pointer;white-space:nowrap;border:0;border-radius:13px;transition:transform .16s,opacity .16s,background .16s}button:active{transform:scale(.97)}button:disabled{opacity:.55;cursor:not-allowed}.actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}.primary,.ghost,.danger{padding:11px 14px;font-size:14px;font-weight:850}.primary{background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;box-shadow:0 10px 22px #2f6df63d}.ghost{color:var(--text);background:#ffffff14;border:1px solid #ffffff1a}.danger{color:#ffd8dd;background:#ff5d6c24;border:1px solid #ff5d6c52}.full{justify-content:center;width:100%;margin-top:4px}.status{color:#cfe0ff;background:#4f8cff1f;border:1px solid #4f8cff2e;border-radius:14px;margin-top:12px;padding:11px 12px;font-size:14px}.compact-status{margin:0}.empty{color:var(--muted);text-align:center;background:#ffffff08;border:1px dashed #ffffff26;border-radius:16px;padding:18px}.quote-row,.txn{border-bottom:1px solid var(--line);justify-content:space-between;gap:14px;padding:15px 0;display:flex}.quote-row:last-child,.txn:last-child{border-bottom:0;padding-bottom:0}.quote-row b,.txn b{letter-spacing:-.015em;font-size:16px}.quote-right{text-align:right;min-width:126px}.quote-right b{font-size:17px}.quote-right small{color:var(--muted);margin-top:5px;font-size:12px;display:block}.credit{color:var(--green)!important}.debit{color:var(--red)!important}.summary-grid{grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 14px;display:grid}.summary-grid div{background:#ffffff0e;border:1px solid #ffffff14;border-radius:16px;padding:13px}.summary-grid span{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px;font-size:12px;font-weight:800;display:block}.summary-grid b{letter-spacing:-.03em;font-size:17px}.watch-search{position:relative}.watch-search input{background:#ffffff0a;border-radius:18px;height:50px;margin:0;padding-left:18px}.suggestions{z-index:8;border:1px solid var(--line);background:#101c30;border-radius:18px;position:absolute;top:58px;left:0;right:0;overflow:hidden;box-shadow:0 18px 36px #00000059}.suggestions button{text-align:left;width:100%;color:var(--text);border-bottom:1px solid var(--line);background:0 0;border-radius:0;grid-template-columns:1fr auto;gap:3px 10px;padding:12px 14px;display:grid}.suggestions button:last-child{border-bottom:0}.suggestions span{color:var(--muted);grid-column:1;font-size:12px}.suggestions em{color:var(--blue);grid-row:1/3;align-self:center;font-size:12px;font-style:normal}.watchbar{justify-content:space-between;align-items:center;padding:10px 2px 0;display:flex}.watchbar b{font-size:17px}.watchbar button{color:var(--text);background:#ffffff14;padding:7px 10px;font-weight:800}.watch-tabs{gap:7px;padding:0 0 2px;display:flex;overflow-x:auto}.watch-tabs button{height:32px;color:var(--muted);background:#ffffff0f;border:1px solid #ffffff14;border-radius:10px;flex:0 0 34px;font-weight:900}.watch-tabs button.active{color:#fff;background:#4f8cff38;border-color:#4f8cff73}.watch-list{border:1px solid var(--line);background:linear-gradient(#162640b3,#0a142480);border-radius:20px;overflow:hidden}.watch-row{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;min-height:74px;display:grid}.watch-row:last-child{border-bottom:0}.watch-main{text-align:left;width:100%;color:var(--text);background:0 0;border-radius:0;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:13px 14px;display:grid}.watch-main b{letter-spacing:-.015em;font-size:15px;display:block}.watch-main span{color:var(--muted);margin-top:4px;font-size:12px;display:block}.watch-price{text-align:right}.watch-price b{font-size:16px}.watch-price span{font-size:12px}.watch-actions{gap:5px;padding-right:12px;display:flex}.watch-actions button{border-radius:9px;width:34px;height:30px;font-weight:900}.watch-actions .buy{color:var(--green);background:#18c77a26;border:1px solid #18c77a47}.watch-actions .sell{color:var(--red);background:#ff5d6c26;border:1px solid #ff5d6c47}.modal-backdrop{z-index:30;background:#0000008c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.trade-modal{color:#1b2430;background:#f8fafc;border-radius:24px 24px 0 0;width:min(520px,100%);padding:18px;box-shadow:0 -20px 55px #00000061}.trade-modal p,.trade-modal label{color:#6b7280}.modal-head{justify-content:space-between;align-items:flex-start;display:flex}.modal-head b{font-size:20px}.modal-head button{color:#6b7280;background:0 0;font-size:30px;line-height:1}.trade-mode{justify-content:space-between;align-items:center;margin:16px 0 12px;display:flex}.trade-mode button{color:#d17b00;background:#fff4df;border:1px solid #ffd89b;padding:10px 22px;font-weight:900}.trade-mode span{color:#888;border:1px solid #ddd;border-radius:8px;padding:5px 8px;font-size:12px}.order-tabs,.side-toggle{grid-template-columns:1fr 1fr;gap:8px;margin:10px 0;display:grid}.order-tabs button,.side-toggle button{color:#6b7280;background:#eef2f7;padding:11px;font-weight:900}.order-tabs button.active,.side-toggle .active.buy-side{color:#0d9b5c;background:#e8fff3}.side-toggle .active.sell-side{color:#d8293d;background:#ffecef}.modal-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.trade-modal input{color:#111;background:#fff;border:1px solid #d6dbe3}.trade-modal input:disabled{color:#667085;background:#eef2f7}.modal-summary{color:#6b7280;justify-content:space-between;gap:10px;padding:12px 0;font-size:13px;display:flex}.modal-summary b{color:#111}.instant{color:#fff;border-radius:14px;width:100%;padding:15px;font-size:16px;font-weight:950}.buy-instant{background:#58a91f}.sell-instant{background:#db3143}.bottom-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;background:#0a1424e0;border:1px solid #ffffff1a;border-radius:22px;grid-template-columns:repeat(4,1fr);gap:6px;width:min(492px,100% - 24px);padding:8px;display:grid;position:fixed;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 20px 42px #00000061}.bottom-nav button{color:var(--muted);background:0 0;border-radius:16px;padding:11px 5px;font-size:12px;font-weight:900}.bottom-nav button.active{color:#fff;background:linear-gradient(135deg,#4f8cffe6,#2f6df6e6)}.card>.section-head .ghost{border-radius:15px;place-items:center;width:52px;min-width:48px;height:46px;padding:0;font-size:0;display:grid}.card>.section-head .ghost:after{content:"↻";font-size:22px;font-weight:950;line-height:1}.card>input[type=date]{text-align:center;background:#0b1628;border:1px solid #ffffff1f;border-radius:17px;height:50px;margin:0 0 12px;padding:0 18px;font-size:16px;font-weight:750;box-shadow:inset 0 1px #ffffff08}.card>input[type=date]::-webkit-calendar-picker-indicator{filter:invert();opacity:.85}.card>input[type=date]+.actions{grid-template-columns:1fr 1fr;gap:10px;margin:0 0 8px;display:grid}.card>input[type=date]+.actions button{border-radius:15px;min-width:0;height:48px;padding:0 10px}.card>input[type=date]+.actions+.status{margin-top:8px}.card>input[type=date]+.actions+.status+.empty,.card>input[type=date]+.actions+.empty,.card>.empty{place-items:center;min-height:64px;padding:14px;display:grid}@media (width<=420px){.content{padding:12px}.card,.balance-card{border-radius:20px;padding:16px}.quote-row{gap:8px}.quote-right{min-width:104px}.summary-grid{grid-template-columns:1fr}.watch-row{grid-template-columns:1fr 74px}.watch-main{padding:12px}.watch-actions{padding-right:8px}.watch-actions button{width:30px}.card>input[type=date]+.actions{grid-template-columns:1fr 1fr}.card>.section-head{margin-bottom:10px}}