/* Product workspace — the public site's quiet, sculptural material language in a task-first layout. */
:root{--dash-bg:#080c0a;--dash-surface:#101812;--dash-raised:#141e16;--dash-line:#29362d;--dash-soft:#a8b4a7;--dash-dim:#7f8d81;--dash-lime:#c7fa78;--dash-side:216px}
body.app-page{min-height:100dvh;background:var(--dash-bg);overflow-x:clip}
.app-header{height:74px;padding:0 32px;border-bottom:1px solid var(--dash-line);background:#090e0b;display:flex;align-items:center;gap:27px;position:sticky;top:0;z-index:20}.app-header .brand{font-size:28px}.app-header-center{display:flex;align-items:center;gap:13px;color:var(--dash-dim);font:11px var(--mono);letter-spacing:.35px}.app-header-center>span:first-child{color:#badb9c}.app-header-center i{height:14px;width:1px;background:var(--dash-line)}.home-link{margin-left:auto;display:inline-flex;align-items:center;gap:7px;color:var(--dash-soft);font-size:14px}.home-link:hover{color:var(--dash-lime)}.home-link .icon{width:16px;height:16px}
.app-shell{display:grid;grid-template-columns:var(--dash-side) minmax(0,1fr);min-height:calc(100dvh - 74px)}.app-sidebar{display:flex;flex-direction:column;padding:30px 15px 18px;border-right:1px solid var(--dash-line);background:#0b110d}.sidebar-label,.workspace-kicker,.eyebrow,.balance-label,.dialog-kicker{font:11px var(--mono);letter-spacing:1px}.sidebar-label{display:block;padding:0 11px 16px;color:var(--dash-dim)}.app-nav{display:grid;gap:4px}.side-link{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:10px 11px;border:1px solid transparent;border-radius:7px;background:transparent;color:#aebaae;font-size:15px;text-align:left}.side-link .icon{width:17px;height:17px}.side-link:hover{color:var(--ink);background:#142019}.side-link.active{background:#1a281a;border-color:#30452c;color:#e7f0e3}.count{margin-left:auto;min-width:22px;padding:1px 5px;border-radius:10px;background:#c7fa7814;color:var(--dash-lime);font:11px var(--mono);text-align:center}.sidebar-bottom{display:flex;align-items:center;gap:8px;margin-top:auto;padding:18px 5px 0;border-top:1px solid var(--dash-line);font-size:13px}.sidebar-bottom>div{min-width:0;flex:1}.sidebar-bottom>div>span{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;color:var(--dash-dim);font:11px var(--mono);white-space:nowrap}.sidebar-bottom>.icon{width:15px;height:15px;color:#7c8a7d}.wallet-avatar{display:grid;place-items:center;width:29px;height:29px;border:1px solid #3c5733;border-radius:50%;background:#1b2a1a;color:var(--dash-lime);font-size:13px}
.workspace{width:min(1240px,100%);padding:0 52px 80px;min-width:0}.workspace-bar{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid var(--dash-line)}.workspace-location,.workspace-controls,.mode-switch,.wallet-actions{display:flex;align-items:center;gap:9px}.workspace-location{gap:12px}.workspace-kicker{color:#8ba680}.workspace-divider{height:15px;width:1px;background:var(--dash-line)}.workspace-location b{font-size:14px;font-weight:400;color:#d7e3d4}.workspace-controls{justify-content:flex-end;flex-wrap:wrap}.demo-badge{width:auto;max-width:none;flex:none;padding:5px 9px;border:1px solid #385037;border-radius:20px;color:#afc89d;background:#c7fa7808;font:11px var(--mono);white-space:nowrap}.mode-switch{gap:3px;padding:3px;border:1px solid var(--dash-line);border-radius:8px;background:#0b100c}.mode-switch .button{border:0}.mode-switch .button.active{background:#25381f;color:var(--dash-lime);box-shadow:inset 0 0 0 1px #49633b}.wallet-actions{gap:7px}.wallet-actions .text-link{font-size:13px;padding:6px 3px}.workspace-state{display:flex;align-items:center;gap:14px;min-height:41px;padding:8px 0 0}.workspace-state .form-help{margin:0;min-width:0;flex:1}.dashboard-status{min-height:0;padding:6px 9px;border-left:1px solid #4c653d;color:#b6c9aa;font-size:13px;line-height:1.45;overflow-wrap:anywhere}.dashboard-status.error{border-color:#d67562;color:#ffad9f}
.panel-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:28px 0 24px}.panel-heading .eyebrow{display:block;margin-bottom:13px;color:#a3c586}.panel-heading h1{font-size:clamp(43px,5vw,66px);font-weight:400;line-height:1;letter-spacing:-2.7px}.panel-heading p{max-width:485px;margin-top:15px;color:var(--dash-soft);font-size:16px;line-height:1.6}.panel-heading>.button{margin-bottom:5px;flex:none}.balance-area{isolation:isolate;position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-between;gap:26px;min-height:220px;padding:34px 35px;border:1px solid #344730;border-radius:13px;background:#101912}.balance-art{position:absolute;z-index:-1;right:-13%;top:-35%;width:62%;height:160%;object-fit:cover;object-position:center;mix-blend-mode:screen;opacity:.62;mask-image:linear-gradient(to right,transparent 1%,#000 40%)}.balance-area::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#101912 0%,#101912e8 47%,#10191225 100%)}.balance-label{color:#c1d7af}.balance{margin:4px 0 6px;font-size:64px;letter-spacing:-3.2px;line-height:1}.balance>span:last-child{font-size:19px;letter-spacing:0;color:#b0c9a2}.balance-detail{display:flex;align-items:center;gap:6px;color:#aec39e;font:12px var(--mono)}.balance-detail .icon{width:14px;height:14px;color:var(--dash-lime)}.balance-area>.button{position:relative;z-index:1}
.table-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:32px 0 13px}.table-heading .eyebrow{display:block;margin-bottom:7px;color:#93ad87}.table-heading h2{font-size:24px;font-weight:400;letter-spacing:-.7px}.table-heading>span{color:var(--dash-dim);font:11px var(--mono)}.payment-table{overflow:auto;border-top:1px solid var(--dash-line);border-bottom:1px solid var(--dash-line);background:#0c120e}table{width:100%;min-width:650px;border-collapse:collapse}th{padding:12px 16px;border-bottom:1px solid var(--dash-line);color:#8fa18c;background:#101812;font:11px var(--mono);letter-spacing:.6px;text-align:left;text-transform:uppercase}td{padding:17px 16px;border-bottom:1px solid #1d2b20;color:#dce7d9;font-size:15px;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#111b13}.amount-cell{text-align:right;color:var(--dash-lime);font-family:var(--mono)}.asset-chip{display:inline-grid;place-items:center;width:28px;height:28px;margin-right:10px;border:1px solid #354a31;border-radius:50%;background:#19251b;color:#c7fa78;font-size:18px}.address-cell{font:13px var(--mono);color:var(--dash-soft)}.payment-state{display:inline-flex;padding:4px 8px;border:1px solid #3a5433;border-radius:12px;background:#c7fa780b;color:#bddd9f;font:11px var(--mono)}.scan-footnote{margin:11px 0 0;color:var(--dash-dim);font-size:12px;line-height:1.5}.journal-wrap{margin-top:2px}.journal-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--dash-line)}.journal-list li{padding:13px 2px;border-bottom:1px solid #1f2d22;color:#aab9a8;font:13px var(--mono)}.journal-list a{color:var(--dash-lime)}.journal-empty{color:var(--dash-dim)!important}
.transaction-form{width:min(100%,620px);display:grid;gap:17px;padding:28px;border-top:1px solid #405536;border-bottom:1px solid #30442c;background:linear-gradient(90deg,#111a12,#0d130e)}.transaction-form .form-help{margin:0 0 4px}.form-help{color:var(--dash-soft);font-size:14px;line-height:1.5}.transaction-form label{display:grid;gap:8px;color:#d3dfcf;font-size:15px}.transaction-form input{width:100%;min-height:49px;padding:12px 14px;border:1px solid #40543b;border-radius:6px;background:#080d09;color:var(--ink);font:16px var(--mono)}.transaction-form input::placeholder{color:#687767}.transaction-form input:focus{outline:2px solid var(--dash-lime);outline-offset:2px;border-color:var(--dash-lime)}.transaction-form button{justify-self:start;margin-top:5px}.transaction-form .check-row{display:flex;align-items:flex-start;gap:10px;color:#b7c4b4;font-size:14px;line-height:1.5}.transaction-form .check-row input{width:17px;min-height:17px;height:17px;margin-top:2px;accent-color:var(--dash-lime)}
.receive-display{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);overflow:hidden;border:1px solid #354a31;border-radius:13px;background:#101912}.receive-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:330px;padding:24px;background:#0b110d;border-right:1px solid #31452d}.receive-icon{display:none;place-items:center;width:42px;height:42px;margin-bottom:18px;border:1px solid #577440;border-radius:50%;background:#c7fa7810;color:var(--dash-lime)}.receive-icon .icon{width:19px;height:19px}.receive-qr{display:block;width:256px;height:256px;max-width:100%;background:#f4f7f5}.receive-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:32px;min-width:0}.receive-copy .eyebrow{color:#a8c88f}.receive-copy h2{margin-top:13px;font-size:clamp(29px,3vw,43px);font-weight:400;letter-spacing:-1.4px;line-height:1.07}.receive-copy>p{margin:16px 0 22px;max-width:390px;color:var(--dash-soft);font-size:16px;line-height:1.6}.receive-copy code{display:block;max-width:100%;padding:14px;border:1px solid #3d5735;background:#0b120d;color:#d3edb4;font:14px var(--mono);overflow-wrap:anywhere;word-break:break-word}.receive-copy .receive-warning{margin:13px 0 0;color:#9caf95;font:12px var(--mono)}
@media(max-width:980px){.workspace{padding-inline:34px}.workspace-bar{align-items:flex-start;flex-direction:column;padding:16px 0;gap:13px}.workspace-controls{justify-content:flex-start}.workspace-state{padding-top:8px}.balance{font-size:53px}.balance-art{right:-22%;width:74%}}
@media(max-width:760px){.app-header{height:68px;padding:0 18px}.app-header .brand{font-size:25px}.app-header-center{display:none}.app-shell{display:block;min-height:calc(100dvh - 68px)}.app-sidebar{min-height:0;padding:10px 13px;border-right:0;border-bottom:1px solid var(--dash-line)}.sidebar-label,.sidebar-bottom{display:none}.app-nav{display:flex;gap:4px;overflow-x:auto}.side-link{width:auto;min-width:max-content;min-height:39px;padding:8px 10px;font-size:14px}.side-link .icon{width:15px;height:15px}.workspace{padding:0 20px 52px}.workspace-location{width:100%}.workspace-controls{gap:7px}.mode-switch{order:2}.wallet-actions{order:3}.workspace-state{align-items:flex-start;flex-direction:column;gap:4px}.panel-heading{align-items:flex-start;flex-direction:column;padding:34px 0 21px;gap:20px}.panel-heading h1{font-size:clamp(39px,10vw,55px);letter-spacing:-2px}.panel-heading p{font-size:15px}.balance-area{min-height:205px;align-items:flex-start;flex-direction:column;padding:28px;gap:18px}.balance-art{right:-34%;top:-10%;width:105%;height:130%;opacity:.43}.balance{font-size:52px}.table-heading{padding-top:27px}.receive-display{grid-template-columns:1fr}.receive-visual{min-height:0;padding:34px 26px;border-right:0;border-bottom:1px solid #31452d}.receive-qr{width:220px;height:220px}.receive-copy{padding:32px 26px}.receive-copy h2{font-size:34px}.transaction-form{padding:23px 0;background:transparent}}
@media(max-width:420px){.workspace{padding-inline:14px}.home-link{font-size:13px}.workspace-location{gap:8px}.workspace-kicker{font-size:10px}.demo-badge{font-size:10px}.mode-switch .button{padding-inline:9px;font-size:12px}.wallet-actions .button{padding-inline:10px}.balance-area{padding:24px}.balance{font-size:44px}.receive-qr{width:190px;height:190px}.receive-copy{padding:27px 20px}.payment-table{margin-inline:-14px}.scan-footnote{font-size:11px}}
@media(prefers-reduced-motion:reduce){.app-page *,.app-page *::before,.app-page *::after{scroll-behavior:auto!important;transition-duration:.01ms!important}}