.dash{grid-template-columns:minmax(0,1fr);gap:12px;max-width:1240px;margin:0 auto;display:grid}.dash-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;padding:16px 8px 8px;display:flex}.dash-head h1{letter-spacing:-.04em;margin-top:4px;font-size:clamp(28px,3vw,38px);font-weight:600}.dash-head p{max-width:560px;color:var(--ink-2);margin-top:6px}.seg{background:var(--surface);border:1px solid var(--line);border-radius:999px;gap:2px;padding:4px;display:inline-flex}.seg button{height:34px;color:var(--ink-2);background:0 0;border:0;border-radius:999px;padding:0 14px;font-size:14px;transition:background .2s,color .2s}.seg button[aria-selected=true]{background:var(--navy);color:#fff}.tag{background:var(--bg);border:1px solid var(--line);height:26px;color:var(--ink-2);white-space:nowrap;border-radius:999px;align-items:center;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.dash-wallet{gap:18px;display:grid}.dash-wallet-row{gap:10px;display:flex}.field{background:var(--bg);border:1px solid var(--line);height:46px;color:var(--muted);border-radius:999px;flex:1;align-items:center;gap:10px;padding:0 16px;display:flex}.field:focus-within{border-color:var(--navy)}.field svg{width:17px;height:17px}.field input{min-width:0;height:100%;font:inherit;font-family:var(--mono);color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:14px}.dash-wallet .btn:disabled{opacity:.5;cursor:default}.dash-note{background:var(--cyan-soft);color:#0b5c6c;border-radius:14px;padding:10px 14px;font-size:14px}.dash-balance{grid-template-columns:auto 1fr auto;align-items:center;gap:20px;display:grid}.dash-balance strong{letter-spacing:-.035em;margin-top:2px;font-size:26px;font-weight:600;display:block}.dash-balance em{color:var(--muted);font-size:15px;font-style:normal;font-weight:500}.dash-balance input[type=range]{width:100%;accent-color:var(--navy)}.presets{gap:6px;display:flex}.presets button{border:1px solid var(--line);background:var(--surface);height:34px;font-family:var(--mono);color:var(--ink-2);border-radius:999px;padding:0 12px;font-size:13px}.presets button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metric{flex-direction:column;justify-content:space-between;gap:22px;min-height:160px;padding:18px;display:flex}.metric-top{align-items:center;gap:9px;font-size:14px;font-weight:500;display:flex}.metric-top .ficon{border-radius:8px;width:28px;height:28px}.metric-top .ficon svg{width:15px;height:15px}.metric-value{line-height:1}.metric-value strong{letter-spacing:-.04em;font-size:30px;font-weight:500}.metric-value span{color:var(--ink-2)}.metric-foot{color:var(--muted);align-items:center;gap:7px;margin-top:10px;font-size:12.5px;display:flex}.metric-foot svg{width:14px;height:14px;color:var(--green)}.charts{grid-template-columns:1fr 1fr;gap:12px;display:grid}.chart-tile{gap:6px;display:grid}.chart-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.chart-head h2{letter-spacing:-.025em;font-size:18px;font-weight:600}.chart-sub{color:var(--muted);font-size:13.5px}.chart{gap:10px;margin-top:12px;display:grid}.chart-readout{align-items:baseline;gap:10px;display:flex}.chart-readout strong{letter-spacing:-.04em;font-size:26px;font-weight:500}.chart-readout span{color:var(--muted);font-size:13px}.bars{align-items:flex-end;gap:5px;height:180px;display:flex}.bar{background:color-mix(in srgb, var(--navy) 16%, white);transform-origin:bottom;border-radius:8px 8px 4px 4px;flex:1;min-width:4px;transition:background .2s;animation:.7s cubic-bezier(.2,.8,.2,1) both grow}.bar.on,.bar:hover{background:var(--navy)}@keyframes grow{0%{transform:scaleY(0)}}.area{width:100%;height:180px;overflow:visible}.area-fill{fill:color-mix(in srgb, var(--cyan) 18%, transparent);animation:.9s ease-out both fade-in}.area-line{fill:none;stroke:#12a8c4;stroke-width:2.5px;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1px;animation:1.1s cubic-bezier(.2,.8,.2,1) forwards draw}@keyframes draw{to{stroke-dashoffset:0}}@keyframes fade-in{0%{opacity:0}}.chart-axis{font-family:var(--mono);color:var(--muted);justify-content:space-between;font-size:11px;display:flex}.insights{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.insight{flex-direction:column;gap:16px;min-height:340px;display:flex}.insight-head{align-items:center;gap:9px;display:flex}.insight-head h3{margin-right:auto;font-size:16px;font-weight:600}.voucher-mini{background:var(--band);color:#fff;border-radius:20px;gap:8px;padding:18px;display:grid}.voucher-mini-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.voucher-mini .wordmark{font-size:16px}.voucher-mini .label{color:#9aa5cf}.voucher-mini strong{letter-spacing:-.04em;font-size:32px;font-weight:500}.voucher-mini code{font-family:var(--mono);color:#c3cadb;font-size:13px}.insight .btn{width:100%}.insight .btn:disabled{opacity:.5;cursor:default}.insight-note{text-align:center;color:var(--ink-2);margin-top:-6px;font-size:13px}.tiers{border-collapse:separate;border-spacing:0 4px;width:100%;font-size:14px}.tiers th{text-align:left;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:0 12px 4px;font-size:11px;font-weight:500}.tiers td{background:var(--bg);padding:12px}.tiers td:first-child{font-family:var(--mono);border-radius:12px 0 0 12px;font-weight:600}.tiers td:last-child{border-radius:0 12px 12px 0}.tiers tr.on td{background:var(--navy);color:#fff}.feed{gap:6px;display:grid}.feed li{background:var(--bg);border-radius:14px;grid-template-rows:auto auto;grid-template-columns:auto 1fr auto;align-items:center;column-gap:10px;padding:10px 12px;font-size:14px;display:grid}.feed li svg{width:17px;height:17px;color:var(--amber);grid-row:span 2}.feed li b{font-family:var(--mono);font-weight:600}.feed li em{color:var(--muted);grid-column:2/4;font-size:12px;font-style:normal}@media (max-width:1180px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.charts,.insights,.dash-balance{grid-template-columns:1fr}}@media (max-width:640px){.dash-wallet-row{flex-direction:column}.dash-wallet-row .field{flex:none}.metrics{grid-template-columns:1fr}.presets{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.bar{animation-name:fade-in}}