:root{color-scheme:dark}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.appBody,body,html{background:radial-gradient(circle at 15% 0,rgba(56,189,248,.18),transparent 35%),radial-gradient(circle at 85% 5%,rgba(139,92,246,.2),transparent 40%),#050914;color:#e2e8f0}button,input,select{font:inherit}.layoutShell{display:grid;grid-template-columns:292px minmax(0,1fr);min-height:100vh}.layoutMain,.sidebar{padding:22px}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid #1d293d;background:linear-gradient(180deg,rgba(10,16,31,.97),rgba(4,8,18,.96))}.brand{margin:0;font-size:1.9rem;font-weight:800;letter-spacing:.02em;background:linear-gradient(90deg,#22d3ee,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent}.subtitle{margin:8px 0 0;color:#8fa2bc;font-size:.9rem}.sidebarNav{margin-top:20px}.sidebarNav,.sidebarStack{display:grid;grid-gap:10px;gap:10px}.sidebarStack{margin-top:10px}.sidebarSection{margin-top:14px;border:1px solid #20304a;border-radius:12px;background:rgba(8,14,26,.75);padding:10px}.sidebarSectionTitle{margin:0 0 8px;font-size:.76rem;color:#9ab0cd;text-transform:uppercase;letter-spacing:.08em}.sidebarPills{display:flex;gap:8px;flex-wrap:wrap}.sidebarPill{border-radius:999px;border:1px solid #2d4364;padding:4px 9px;font-size:.73rem;color:#b3c7df;background:rgba(24,35,56,.6)}.sidebarTileGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.sidebarTile{border-radius:10px;border:1px solid #2d4568;background:rgba(12,22,39,.78);color:#c9ddf4;font-size:.73rem;padding:7px 8px;text-align:left;cursor:pointer;transition:all .2s ease}.sidebarTile:hover{border-color:#4b6691;background:rgba(18,31,54,.86)}.sidebarTile.alt{border-color:#454477;background:rgba(22,18,45,.62)}.sidebarTile.alt:hover{border-color:#746fc5;background:rgba(27,23,59,.78)}.sidebarStatGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.sidebarStat{border:1px solid #2b3f5e;border-radius:10px;padding:7px 8px;background:rgba(10,19,34,.8);display:grid;grid-gap:3px;gap:3px}.sidebarStat span{color:#8ea4c0;font-size:.7rem}.sidebarStat strong{color:#e7eff9;font-size:.82rem;font-weight:700}.sidebarLink{text-align:left;border-radius:12px;border:1px solid #243146;background:transparent;color:#c9d5e6;padding:10px 12px;transition:all .2s ease;cursor:pointer}.sidebarLink:hover{border-color:#3f5f93;background:rgba(20,29,47,.8)}.sidebarLink.active{border-color:#8b5cf6;background:linear-gradient(90deg,rgba(139,92,246,.22),rgba(34,211,238,.14));color:#f8fafc}.sidebarBottom{display:grid;grid-gap:10px;gap:10px}.walletCard{border:1px solid #253449;border-radius:12px;background:rgba(6,12,26,.85);padding:10px;display:grid;grid-gap:8px;gap:8px}.walletHeaderRow{display:flex;align-items:center;justify-content:space-between}.walletTitle{color:#93a8c3;font-size:.82rem}.connectionPill{border-radius:999px;padding:3px 8px;font-size:.73rem;font-weight:700}.connectionPill.ok{color:#86efac;background:rgba(22,163,74,.18);border:1px solid rgba(34,197,94,.32)}.connectionPill.off{color:#fca5a5;background:rgba(185,28,28,.18);border:1px solid rgba(248,113,113,.3)}.walletAddress{margin:0;border:1px solid #243146;background:rgba(14,23,39,.7);border-radius:8px;padding:8px;overflow-wrap:anywhere;font-size:.82rem}.walletHint{margin:0;font-size:.75rem;color:#9eb2cc}.walletHint.warning{color:#fde68a}.sidebarMeta{border-top:1px solid #1f2a3d;padding-top:8px;color:#73839a;font-size:.74rem}.sidebarMeta p{margin:3px 0}.topBar{margin-bottom:12px}.topBar h1{margin:0;font-size:1.7rem}.addressRow{margin-top:10px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:10px;gap:10px}input,select{border:1px solid #26364f;background:#091325;color:#e2e8f0;border-radius:10px;padding:10px}input:focus,select:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 2px rgba(139,92,246,.25)}button:disabled,input:disabled,select:disabled{opacity:.55;cursor:not-allowed}.btn{border-radius:10px;border:1px solid transparent;padding:10px 12px;cursor:pointer;transition:all .2s ease}.btnPrimary{background:linear-gradient(90deg,#8b5cf6,#2563eb);color:#fff}.btnPrimary:hover:not(:disabled),.btnSecondary:hover:not(:disabled){transform:translateY(-1px)}.btnSecondary{background:#10192c;border-color:#30415e;color:#d7e3f2}.feedback{margin-bottom:10px;border-radius:10px;padding:10px 12px;border:1px solid transparent}.feedback.success{background:rgba(22,163,74,.14);border-color:rgba(34,197,94,.35);color:#bbf7d0}.feedback.error{background:rgba(185,28,28,.18);border-color:rgba(248,113,113,.35);color:#fecaca}.feedback.warning{background:rgba(245,158,11,.15);border-color:rgba(252,211,77,.35);color:#fde68a}.metricsGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.marketCard,.metricCard,.panelCard{border:1px solid #22324a;border-radius:14px;background:linear-gradient(180deg,rgba(10,18,35,.86),rgba(7,12,25,.92));box-shadow:0 10px 30px rgba(0,0,0,.3);padding:14px}.metricTopRow{display:flex;justify-content:space-between;gap:10px}.metricTitle{margin:0;color:#96b4db;font-size:.84rem}.metricTrend{color:#c4b5fd;font-size:.72rem;border:1px solid rgba(139,92,246,.4);border-radius:999px;padding:2px 8px}.metricValue{margin:8px 0 4px;font-size:1.55rem;font-weight:700}.metricSubtitle,.muted{margin:0;color:#8ea4c0;font-size:.84rem}.panelCard{margin-top:12px;transition:border-color .2s ease,transform .2s ease}.panelCard:hover{border-color:#35507a;transform:translateY(-1px)}.panelHeader h2{margin:0 0 6px;font-size:1.05rem}.tableWrap{overflow-x:auto}.riskTable{width:100%;border-collapse:collapse}.riskTable td,.riskTable th{text-align:left;padding:10px;border-bottom:1px solid #23344d}.riskTable th{color:#9dc4f4;font-size:.84rem;font-weight:600}.riskBadge{border-radius:999px;padding:4px 9px;font-size:.74rem;font-weight:700}.riskBadge.low,.riskValue.low{color:#86efac}.riskBadge.low{background:rgba(22,163,74,.18)}.riskBadge.medium,.riskValue.medium{color:#fcd34d}.riskBadge.medium{background:rgba(245,158,11,.22)}.riskBadge.high,.riskValue.high{color:#fda4af}.riskBadge.high{background:rgba(220,38,38,.2)}.formulaBox,.previewBox,.summaryBox{border:1px solid #2d3e59;border-radius:10px;background:rgba(10,18,34,.72);padding:10px;margin-bottom:10px;color:#c7d4e6;font-size:.85rem}.formulaBox p,.previewBox p{margin:4px 0}.chartWrap{border:1px solid #243954;border-radius:12px;background:rgba(5,12,23,.75);padding:10px}.chartSvg{width:100%;height:260px}.chartStatsRow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px;margin-bottom:8px}.chartStat{border:1px solid #2b3f5c;border-radius:10px;padding:7px 8px;background:rgba(11,19,34,.78);display:grid;grid-gap:3px;gap:3px}.chartStat span{color:#8ea4c0;font-size:.72rem}.chartStat strong{color:#e2e8f0;font-size:.83rem;font-weight:700}.chartStat strong.pos{color:#86efac}.chartStat strong.neg{color:#fda4af}.chartAxis{stroke:#2b3f5b;stroke-width:1}.chartPoint{fill:#b48cfb;stroke:#f5ecff;stroke-width:1.4}.chartLabel{fill:#9eb2cb;font-size:10px}.marketGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.marketCard{padding:10px}.marketChange{margin:4px 0 0;font-size:.85rem;font-weight:600}.marketChange.up{color:#86efac}.marketChange.down{color:#fda4af}.marketSentiment{font-size:1.2rem}.dashboardVisualGrid{grid-template-columns:1.35fr 1fr;grid-gap:12px}.advancedGrid,.dashboardVisualGrid{display:grid;gap:12px;align-items:start}.advancedGrid{grid-template-columns:1.3fr 1fr;grid-gap:12px}.legendRow{display:flex;gap:14px;align-items:center;margin:4px 0 10px}.legendItem{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;color:#afc5df}.legendDot{width:8px;height:8px;border-radius:999px;display:inline-block}.legendDot.btc{background:#22d3ee}.legendDot.eth{background:#8b5cf6}.allocationWrap{display:grid;grid-template-columns:172px 1fr;align-items:center;grid-gap:14px;gap:14px}.allocationDonut{width:172px;height:172px;position:relative;box-shadow:0 10px 28px rgba(0,0,0,.28)}.allocationCenter,.allocationDonut{border-radius:999px;border:1px solid #2b3f5c}.allocationCenter{position:absolute;inset:32px;background:#081223;display:grid;place-content:center;text-align:center;padding:8px}.allocationTotalLabel{margin:0;color:#8ea4c0;font-size:.76rem}.allocationTotalValue{margin:2px 0 0;font-size:1rem;font-weight:700}.allocationLegend{display:grid;grid-gap:8px;gap:8px}.allocationLegendRow{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:8px;gap:8px;color:#d3dfef;font-size:.85rem}.allocationDot{width:10px;height:10px;border-radius:999px}.riskBars{display:grid;grid-gap:10px;gap:10px}.riskBarRow{display:grid;grid-gap:5px;gap:5px}.riskBarTop{display:flex;justify-content:space-between;font-size:.83rem;color:#c2d4ea}.riskBarTrack{width:100%;height:9px;border-radius:999px;background:#132238;border:1px solid #27405f;overflow:hidden}.riskBarFill{height:100%;border-radius:999px}.riskBarFill.low{background:linear-gradient(90deg,#22c55e,#86efac)}.riskBarFill.medium{background:linear-gradient(90deg,#f59e0b,#fcd34d)}.riskBarFill.high{background:linear-gradient(90deg,#ef4444,#fda4af)}.healthGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.healthItem,.yieldCard{border:1px solid #2a3c59;border-radius:10px;background:rgba(9,16,30,.78);padding:10px}.healthScore{margin:8px 0 0;font-size:1.35rem;font-weight:700}.healthScore.good{color:#86efac}.healthScore.mid{color:#fcd34d}.healthScore.low{color:#fda4af}.metricValue.small{font-size:1.18rem}.depthRows{display:grid;grid-gap:10px;gap:10px}.depthRow{display:grid;grid-gap:5px;gap:5px}.depthRowHead{display:flex;justify-content:space-between;font-size:.83rem;color:#c2d4ea}.depthBarTrack{width:100%;height:10px;border-radius:999px;background:#121f35;border:1px solid #2b4162;overflow:hidden}.depthBarFill{height:100%;background:linear-gradient(90deg,#06b6d4,#8b5cf6)}.activityList{display:grid;grid-gap:8px;gap:8px}.activityRow{display:grid;grid-template-columns:auto 1fr auto;align-items:start;grid-gap:8px;gap:8px;padding:8px;border:1px solid #243752;border-radius:10px;background:rgba(8,14,26,.7)}.activityDot{margin-top:5px;width:8px;height:8px;border-radius:999px}.activityDot.ok{background:#22c55e}.activityDot.warn{background:#f59e0b}.activityDot.info{background:#38bdf8}.activityBody{display:grid;grid-gap:3px;gap:3px}.activityTitle{margin:0;font-size:.86rem;font-weight:600}.activityTime{font-size:.73rem;color:#8ea4c0}.routeFlow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px;color:#d8e4f3;font-size:.86rem}.routeFlow>span{border:1px solid #2c405f;background:rgba(9,16,30,.75);padding:5px 9px;border-radius:999px}.routeFlow .routeArrow{border:0;background:transparent;padding:0;color:#8ea4c0}.yieldGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.field{display:grid;grid-gap:6px;gap:6px;margin-bottom:10px}.field span{color:#8ea4c0;font-size:.84rem}.validationError{margin:0 0 10px;color:#fecaca;font-size:.84rem}.warningText{margin:0 0 8px;color:#fde68a;font-size:.84rem}.txStatus{margin:0 0 8px;font-size:.83rem}.txStatus.pending,.txStatus.wallet{color:#bfdbfe}.txStatus.confirmed{color:#86efac}.txStatus.failed{color:#fca5a5}.buttonRow{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}.infoGrid{display:grid;grid-gap:6px;gap:6px}.infoGrid p,.infoGrid.compact p{margin:0}.ownershipValue{color:#c4b5fd;font-weight:700}.bulletList{margin:0 0 10px 16px;padding:0;display:grid;grid-gap:5px;gap:5px}.splitGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.splitGrid>:last-child{grid-column:1/-1}.skeleton{border-radius:8px;background:linear-gradient(90deg,#18253a 25%,#304869 50%,#18253a 75%);background-size:200% 100%;animation:shimmer 1.2s linear infinite}.skeletonMetricValue{height:32px;margin:8px 0 6px}.skeletonMetricSub{height:14px;width:70%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:1220px){.addressRow,.metricsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.advancedGrid,.dashboardVisualGrid{grid-template-columns:1fr}}@media (max-width:920px){.layoutShell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.allocationWrap,.chartStatsRow,.healthGrid,.marketGrid,.metricsGrid,.splitGrid,.yieldGrid{grid-template-columns:1fr}.allocationWrap{justify-items:center}.sidebarStatGrid,.sidebarTileGrid{grid-template-columns:1fr}}