html, body{
height:100%;
}

body{
margin:0;
font-family:Arial, Helvetica, sans-serif;
background:#0f172a;
color:#e6edf7;
-webkit-text-size-adjust:100%;
text-size-adjust:100%;
min-height:100%;
position:relative;
overflow:hidden;
}

body::before{
content:"";
position:fixed;
inset:0;
pointer-events:none;
background:
radial-gradient(60rem 40rem at 18% -10%, rgba(34,211,238,0.12), transparent 70%),
radial-gradient(50rem 34rem at 88% 8%, rgba(168,85,247,0.10), transparent 75%);
z-index:-2;
}

body::after{
content:"";
position:fixed;
inset:0;
pointer-events:none;
background-image:
linear-gradient(rgba(148,163,184,0.035) 1px, transparent 1px),
linear-gradient(90deg, rgba(148,163,184,0.03) 1px, transparent 1px);
background-size:32px 32px;
z-index:-1;
}

/* APP LAYOUT */

.app{
display:flex;
flex-direction:column;
min-height:100dvh;
height:100dvh;
background:linear-gradient(135deg, rgba(2,6,23,0.96), rgba(7,14,28,0.98));
}

.app-body{
display:flex;
flex:1;
min-height:0;
position:relative;
overflow:hidden;
}

#sidebar{
display:flex;
flex:0 0 240px;
min-height:100%;
}

/* SIDEBAR */

.sidebar{
width:240px;
background:linear-gradient(180deg, rgba(2,6,23,0.97), rgba(2,6,23,0.93));
padding:18px 14px 16px;
box-sizing:border-box;
border-right:1px solid rgba(56,189,248,0.26);
backdrop-filter:none;
-webkit-backdrop-filter:none;
box-shadow:
inset 0 1px 0 rgba(148,163,184,0.15),
inset -1px 0 0 rgba(148,163,184,0.07),
0 0 26px rgba(6, 182, 212, 0.07),
7px 0 20px rgba(2,6,23,0.38);
overflow:hidden;
flex:1 1 auto;
display:flex;
flex-direction:column;
position:relative;
z-index:8;
gap:12px;
min-height:100%;
}

.logo{
font-size:15px;
margin-bottom:14px;
font-weight:700;
letter-spacing:0.12em;
text-transform:uppercase;
color:#67e8f9;
text-shadow:0 0 12px rgba(34,211,238,0.35);
}

.sidebar-group{
margin-bottom:0;
padding:12px;
border:1px solid rgba(148,163,184,0.2);
border-radius:12px;
background:linear-gradient(180deg, rgba(15,23,42,0.62), rgba(2,6,23,0.38));
box-shadow:
inset 0 1px 0 rgba(125,211,252,0.12),
inset 0 0 20px rgba(56,189,248,0.06),
0 10px 22px rgba(2,6,23,0.4),
0 0 16px rgba(6,182,212,0.07);
}

.sidebar-group-finance{
border-color:rgba(56,189,248,0.28);
box-shadow:
inset 0 1px 0 rgba(125,211,252,0.14),
inset 0 0 20px rgba(56,189,248,0.07),
0 10px 22px rgba(2,6,23,0.4),
0 0 18px rgba(6,182,212,0.09);
}

.sidebar-group-operations{
border-color:rgba(148,163,184,0.18);
}

.sidebar-group-system{
border-color:rgba(100,116,139,0.22);
}

.sidebar-flex-spacer{
flex:1 1 auto;
min-height:10px;
}

.sidebar-group-system{
margin-top:auto;
margin-bottom:0;
}

.sidebar-group-title{
display:flex;
align-items:center;
gap:7px;
font-size:10px;
letter-spacing:0.14em;
text-transform:uppercase;
color:#94a3b8;
margin:0 0 10px;
line-height:1.2;
}

.sidebar-group-icon{
display:inline-flex;
align-items:center;
justify-content:center;
width:14px;
height:14px;
color:#67e8f9;
opacity:0.85;
}

.sidebar-group-icon svg{
width:14px;
height:14px;
fill:currentColor;
}

.sidebar .panel{
padding:9px 10px;
border-radius:10px;
border:1px solid rgba(71,85,105,0.72);
background:linear-gradient(180deg, rgba(15,23,42,0.69), rgba(2,6,23,0.57));
box-shadow:
inset 0 1px 0 rgba(148,163,184,0.1),
0 6px 12px rgba(2,6,23,0.25);
margin-bottom:8px;
transition:transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease, background-color 0.16s ease;
will-change:transform;
}

.sidebar .panel:hover{
transform:translateY(-1px);
border-color:rgba(56,189,248,0.36);
box-shadow:
inset 0 1px 0 rgba(148,163,184,0.1),
0 8px 18px rgba(2,6,23,0.45),
0 0 14px rgba(34,211,238,0.1);
}

.sidebar .panel:last-child{
margin-bottom:0;
}

.sidebar .panel h4{
margin:0 0 6px;
font-size:11px;
text-transform:uppercase;
letter-spacing:0.08em;
color:#cffafe;
}

.sidebar .panel.panel-emphasis h4{
margin-bottom:8px;
}

.sidebar-kv{
display:flex;
align-items:baseline;
justify-content:space-between;
gap:8px;
}

.sidebar-kv-label{
font-size:11px;
letter-spacing:0.04em;
color:#94a3b8;
}

.sidebar-kv-value{
font-size:16px;
font-weight:700;
line-height:1.25;
color:#d9edf6;
text-shadow:0 0 10px rgba(34,211,238,0.11);
}

.sidebar-group > .panel:first-of-type{
border-color:rgba(56,189,248,0.3);
background:linear-gradient(180deg, rgba(15,23,42,0.72), rgba(2,6,23,0.52));
box-shadow:
inset 0 1px 0 rgba(148,163,184,0.16),
0 8px 16px rgba(2,6,23,0.34);
}

.sidebar .panel div{
font-size:12px;
line-height:1.5;
color:#d3deee;
transition:color 0.16s ease, text-shadow 0.16s ease, opacity 0.16s ease;
}

.sidebar .panel .value-live-presence{
color:#e2e8f0;
text-shadow:0 0 8px rgba(34,211,238,0.08);
}

.sidebar .panel .value-pos{
color:#34d399;
text-shadow:0 0 10px rgba(52,211,153,0.14);
}

.sidebar .panel .value-neg{
color:#f87171;
text-shadow:0 0 10px rgba(248,113,113,0.12);
}

.sidebar-progress{
margin-top:6px;
margin-bottom:4px;
height:5px;
border-radius:999px;
background:rgba(30,41,59,0.9);
border:1px solid rgba(71,85,105,0.45);
overflow:hidden;
}

.sidebar-progress > span{
display:block;
height:100%;
width:0;
background:linear-gradient(90deg, rgba(52,211,153,0.78), rgba(16,185,129,0.62));
transition:width 0.2s ease, background-color 0.2s ease;
}

.sidebar-progress > span.progress-warn{
background:linear-gradient(90deg, rgba(248,113,113,0.78), rgba(239,68,68,0.62));
}

.sidebar .panel .progress-warn{
color:#f87171;
}

.sidebar .panel .value-flash{
animation:valueUpdateFlash 0.32s ease-out 1;
}

@keyframes valueUpdateFlash{
0%{
color:#ecfeff;
text-shadow:0 0 12px rgba(34,211,238,0.24);
}
100%{
color:inherit;
text-shadow:inherit;
}
}

.sidebar .tab-muted.value-empty{
opacity:0.72;
font-style:italic;
}

.menu-item{
padding:10px;
cursor:pointer;
border-radius:6px;
margin-bottom:5px;
}

.menu-item:hover{
background:#1e293b;
}

/* MAIN AREA */

.main{
flex:1;
display:flex;
flex-direction:column;
min-width:0;
min-height:0;
overflow:hidden;
}

/* TOPBAR */

.topbar{
min-height:92px;
background:
linear-gradient(180deg, rgba(15,23,42,0.8), rgba(2,6,23,0.68) 68%, rgba(2,6,23,0.52)),
rgba(2, 6, 23, 0.64);
display:flex;
flex-direction:column;
justify-content:center;
padding:8px 16px 10px;
box-sizing:border-box;
border-bottom:1px solid rgba(56,189,248,0.26);
backdrop-filter:blur(14px);
-webkit-backdrop-filter:blur(14px);
box-shadow:
inset 0 1px 0 rgba(148,163,184,0.12),
inset 0 -1px 0 rgba(56,189,248,0.12),
0 10px 20px rgba(2,6,23,0.4),
0 0 16px rgba(34,211,238,0.06);
position:sticky;
top:0;
z-index:25;
margin-bottom:4px;
overflow:visible;
}

.topbar::before{
content:"";
position:absolute;
inset:0;
pointer-events:none;
background:
radial-gradient(44rem 12rem at 14% -18%, rgba(34,211,238,0.14), transparent 70%),
radial-gradient(36rem 12rem at 88% -28%, rgba(167,139,250,0.12), transparent 74%);
opacity:0.58;
}

.topbar::after{
content:"";
position:absolute;
left:0;
right:0;
bottom:0;
height:2px;
pointer-events:none;
background:
linear-gradient(90deg, rgba(34,211,238,0.06), rgba(34,211,238,0.32), rgba(167,139,250,0.2), rgba(34,211,238,0.06)),
linear-gradient(180deg, rgba(186,230,253,0.12), rgba(56,189,248,0.04));
opacity:0.88;
animation:topbarLineBreathe 6s ease-in-out infinite;
}

@keyframes topbarLineBreathe{
0%{
opacity:0.74;
}
100%{
opacity:0.92;
}
}

.topbar > *{
position:relative;
z-index:1;
}

.topbar .title{
display:flex;
align-items:center;
gap:8px;
min-height:44px;
min-width:0;
font-size:12px;
letter-spacing:0.08em;
color:#9aafc6;
opacity:0.9;
margin:0;
text-transform:uppercase;
line-height:1.2;
}

.topbar .title-mark{
display:inline-flex;
align-items:center;
justify-content:center;
width:16px;
height:16px;
color:#67e8f9;
opacity:0.9;
}

.topbar .title-mark svg{
width:16px;
height:16px;
fill:currentColor;
}

.topbar .title-text{
display:inline-block;
min-width:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
color:#bde7f4;
}

.topbar .topbar-brand-row{
width:100%;
display:flex;
align-items:center;
gap:10px;
padding-bottom:8px;
}

.topbar .topbar-brand-inline{
display:inline-flex;
align-items:center;
gap:8px;
flex:0 0 auto;
min-width:0;
max-width:100%;
}

.topbar .topbar-brand-inline .title{
flex:0 1 auto;
min-width:0;
}

.topbar .topbar-brand-divider{
width:1px;
height:20px;
flex:0 0 auto;
background:linear-gradient(180deg, rgba(148,163,184,0.12), rgba(56,189,248,0.38), rgba(148,163,184,0.12));
}

.topbar .topbar-status-rail{
flex:1 1 auto;
min-width:0;
display:flex;
align-items:center;
}

.topbar .title-ticker-slot{
display:inline-flex;
align-items:center;
min-width:0;
width:100%;
max-width:none;
padding:6px 10px;
border-radius:8px;
border:1px solid rgba(148,163,184,0.24);
background:linear-gradient(180deg, rgba(15,23,42,0.62), rgba(15,23,42,0.36));
color:#94a8bc;
font-size:11px;
letter-spacing:0.04em;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
mask-image:linear-gradient(90deg, transparent 0, #000 12px, #000 calc(100% - 12px), transparent 100%);
-webkit-mask-image:linear-gradient(90deg, transparent 0, #000 12px, #000 calc(100% - 12px), transparent 100%);
box-shadow:
inset 0 1px 0 rgba(148,163,184,0.1),
inset 0 0 14px rgba(56,189,248,0.05);
position:relative;
}

.topbar .title-ticker-slot.ticker-live{
display:block;
}

.topbar .title-ticker-slot .ticker-track{
display:inline-block;
min-width:100%;
padding-right:32px;
white-space:nowrap;
will-change:transform;
animation:tickerRailScroll var(--ticker-duration, 24s) linear infinite;
}

@keyframes tickerRailScroll{
0%{
transform:translateX(100%);
}
100%{
transform:translateX(-100%);
}
}

.topbar .topbar-main-row{
width:100%;
display:grid;
grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
align-items:center;
gap:8px;
padding-top:2px;
}

.topbar-left-slot{
width:44px;
min-height:1px;
justify-self:start;
}

.topbar .nav{
display:flex;
flex-wrap:wrap;
gap:6px;
align-items:center;
justify-content:center;
width:max-content;
margin:0;
grid-column:2;
}

.topbar.topbar-compact .nav{
display:none;
}

.topbar.topbar-compact .burger-nav-item{
display:block;
}

.topbar:not(.topbar-compact) .burger-nav-item{
display:none;
}

.topbar .nav a{
cursor:pointer;
text-decoration:none;
color:#cbd5e1;
padding:8px 12px;
border-radius:8px;
border:1px solid rgba(100,116,139,0.42);
display:inline-flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
transition:
color 0.18s ease,
border-color 0.18s ease,
background-color 0.18s ease,
box-shadow 0.18s ease,
transform 0.18s ease;
min-height:44px;
line-height:1.2;
backdrop-filter:blur(4px);
background:linear-gradient(180deg, rgba(30,41,59,0.42), rgba(15,23,42,0.4));
box-shadow:inset 0 1px 0 rgba(148,163,184,0.08);
}

.topbar .nav a:hover{
color:#ecfeff;
border-color:rgba(34,211,238,0.45);
background:rgba(30,41,59,0.5);
box-shadow:0 0 14px rgba(34,211,238,0.16), inset 0 0 8px rgba(125,211,252,0.09);
transform:translateY(-1px);
}

.topbar .nav a:focus-visible,
.burger-item:focus-visible,
#menuToggle:focus-visible{
outline:none;
transform:translateY(-1px);
box-shadow:
0 0 0 1px rgba(34,211,238,0.28),
0 0 0 3px rgba(34,211,238,0.12);
}

.topbar .nav a.nav-button-active{
background:linear-gradient(135deg, rgba(8,47,73,0.6), rgba(30,41,59,0.65));
color:#ecfeff;
border:1px solid rgba(34,211,238,0.55);
border-radius:6px;
box-shadow:
0 0 18px rgba(34,211,238,0.24),
0 0 26px rgba(167,139,250,0.16),
inset 0 0 12px rgba(167,139,250,0.14),
inset 0 1px 0 rgba(186,230,253,0.2);
}

/* CONTENT */

.content{
flex:1;
padding:20px;
overflow:auto;
position:relative;
isolation:isolate;
overscroll-behavior:contain;
scrollbar-width:thin;
scrollbar-color:rgba(34,211,238,0.5) rgba(15,23,42,0.55);
background:
radial-gradient(60rem 26rem at 12% -18%, rgba(34,211,238,0.055), transparent 72%),
radial-gradient(56rem 24rem at 88% -22%, rgba(167,139,250,0.045), transparent 76%),
linear-gradient(180deg, rgba(9,15,29,0.54), rgba(2,6,23,0.4));
border-left:1px solid rgba(148,163,184,0.08);
box-shadow:inset 1px 0 0 rgba(56,189,248,0.08);
}

.content::-webkit-scrollbar{
width:10px;
height:10px;
}

.content::-webkit-scrollbar-track{
background:rgba(15,23,42,0.55);
border-radius:999px;
}

.content::-webkit-scrollbar-thumb{
background:linear-gradient(180deg, rgba(34,211,238,0.55), rgba(6,182,212,0.4));
border:2px solid rgba(15,23,42,0.6);
border-radius:999px;
}

.content::-webkit-scrollbar-thumb:hover{
background:linear-gradient(180deg, rgba(103,232,249,0.72), rgba(34,211,238,0.58));
}

.content.content-menu-blur{
filter:none;
pointer-events:none;
}

.content.content-menu-blur::after{
content:"";
position:absolute;
inset:0;
pointer-events:none;
backdrop-filter:blur(3px);
-webkit-backdrop-filter:blur(3px);
z-index:4;
}

/* MOBILE */

#menuToggle{
display:block;
margin-right:0;
height:44px;
min-width:44px;
padding:0 12px;
border-radius:10px;
border:1px solid rgba(56,189,248,0.45);
background:rgba(15,23,42,0.7);
color:#67e8f9;
font-size:20px;
line-height:1;
cursor:pointer;
box-shadow:inset 0 1px 0 rgba(148,163,184,0.12);
transition:background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, color 0.16s ease, transform 0.16s ease;
}

.topbar-actions{
position:relative;
justify-self:end;
grid-column:3;
min-height:44px;
display:flex;
align-items:center;
}

@media (max-width:1200px){
.topbar .topbar-brand-inline{
max-width:72%;
}
}

@media (max-width:1024px){
.topbar .topbar-status-rail{
display:none;
}

.topbar .topbar-brand-row{
padding-bottom:6px;
}
}

.burger-dropdown{
position:absolute;
right:0;
top:calc(100% + 8px);
min-width:160px;
padding:6px;
border-radius:10px;
border:1px solid rgba(56,189,248,0.35);
background:
linear-gradient(180deg, rgba(15,23,42,0.94), rgba(2,6,23,0.93)),
rgba(2,6,23,0.92);
box-shadow:
0 14px 32px rgba(2,6,23,0.58),
0 0 18px rgba(34,211,238,0.12),
inset 0 1px 0 rgba(148,163,184,0.12);
backdrop-filter:none;
-webkit-backdrop-filter:none;
z-index:60;
opacity:0;
transform:translateY(-4px);
pointer-events:none;
transition:opacity 0.16s ease, transform 0.16s ease;
will-change:opacity, transform;
}

.burger-dropdown.is-open{
opacity:1;
transform:translateY(0);
pointer-events:auto;
}

.burger-dropdown[hidden]{
display:none !important;
}

.burger-panel-right{
position:fixed;
right:0;
top:calc(102px + env(safe-area-inset-top));
width:200px;
max-width:min(248px, 86vw);
height:calc(100dvh - 102px - env(safe-area-inset-top));
max-height:calc(100dvh - 102px - env(safe-area-inset-top));
overflow:auto;
-webkit-overflow-scrolling:touch;
border-radius:12px 0 0 0;
border-right:none;
box-shadow:
-12px 0 26px rgba(2,6,23,0.45),
inset 0 1px 0 rgba(125,211,252,0.08),
inset 1px 0 0 rgba(56,189,248,0.24);
}

.burger-nav-item{
display:none;
text-decoration:none;
}

.burger-item{
display:block;
width:100%;
text-align:left;
padding:10px 12px;
border-radius:8px;
border:1px solid transparent;
background:transparent;
color:#dbeafe;
font:inherit;
cursor:pointer;
min-height:44px;
transition:background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, color 0.16s ease, transform 0.16s ease;
}

.burger-item:hover{
background:rgba(30,41,59,0.65);
border-color:rgba(56,189,248,0.28);
transform:translateY(-1px);
box-shadow:inset 0 1px 0 rgba(148,163,184,0.08);
}

#sidebarOverlay{
display:none;
position:fixed;
inset:0;
background:rgba(2,6,23,0.62);
backdrop-filter:blur(2px);
-webkit-backdrop-filter:blur(2px);
z-index:30;
opacity:0;
transition:opacity 0.2s ease;
}

#sidebarOverlay.open{
display:block;
opacity:1;
}

#sidebarEdgeHandle{
display:none;
}

@media (max-width:768px){

.app{
min-height:100dvh;
height:100dvh;
}

#sidebar{
position:fixed;
left:calc(-1 * min(280px, 86vw));
top:calc(92px + env(safe-area-inset-top));
width:min(280px, 86vw);
height:calc(100dvh - 92px - env(safe-area-inset-top));
z-index:40;
transition:left 0.24s ease;
}

#sidebar.open{
left:0;
}

#sidebar .sidebar{
width:100%;
height:100%;
min-height:0;
padding-top:12px;
padding-bottom:calc(14px + env(safe-area-inset-bottom));
backdrop-filter:none;
-webkit-backdrop-filter:none;
-webkit-overflow-scrolling:touch;
overflow:auto;
margin-top:0;
}

#menuToggle{
display:block;
}

.topbar{
padding-top:max(8px, env(safe-area-inset-top));
min-height:calc(92px + env(safe-area-inset-top));
}

.topbar .title{
font-size:11px;
min-height:40px;
}

.topbar .topbar-brand-row{
padding-bottom:6px;
}

.topbar .topbar-status-rail{
display:none;
}

.topbar .topbar-main-row{
grid-template-columns:minmax(0,1fr) auto;
}

.topbar-left-slot{
display:none;
}

.topbar .nav{
display:none;
}

.topbar .nav a{
padding:8px 10px;
font-size:12px;
}

.burger-dropdown{
position:fixed;
top:calc(102px + env(safe-area-inset-top));
right:0;
width:min(248px, 88vw);
height:calc(100dvh - 102px - env(safe-area-inset-top));
max-height:calc(100dvh - 102px - env(safe-area-inset-top));
overflow:auto;
-webkit-overflow-scrolling:touch;
border-radius:12px 0 0 0;
border-right:none;
}

.burger-nav-item{
display:block;
}

#sidebarEdgeHandle{
display:flex;
align-items:center;
justify-content:center;
position:fixed;
left:0;
top:calc(92px + env(safe-area-inset-top) + 45%);
transform:translateY(-50%);
width:30px;
height:64px;
border-radius:0 12px 12px 0;
border:1px solid rgba(56,189,248,0.45);
border-left:none;
background:rgba(2,6,23,0.78);
color:#67e8f9;
font-size:15px;
z-index:45;
backdrop-filter:blur(6px);
-webkit-backdrop-filter:blur(6px);
box-shadow:0 8px 18px rgba(2,6,23,0.48), inset 0 1px 0 rgba(125,211,252,0.2);
transition:background 0.18s ease, box-shadow 0.18s ease, color 0.18s ease;
pointer-events:auto;
}

#sidebar.open + #sidebarEdgeHandle{
left:calc(min(280px, 86vw) - 1px);
}

#sidebarEdgeHandle:hover{
background:rgba(8, 25, 41, 0.9);
color:#a5f3fc;
box-shadow:0 10px 20px rgba(2,6,23,0.56), 0 0 14px rgba(34,211,238,0.18);
}

.content{
padding:14px;
padding-bottom:calc(14px + env(safe-area-inset-bottom));
overflow:auto;
-webkit-overflow-scrolling:touch;
min-height:0;
}

}

/* Markets + Finance tabs */

.tab-title{
font-size:20px;
margin:0 0 8px;
color:#e2e8f0;
}

.tab-subtitle{
font-size:15px;
margin:24px 0 10px;
color:#cbd5e1;
}

.tab-help{
font-size:13px;
color:#94a3b8;
line-height:1.5;
max-width:52rem;
margin:0 0 16px;
}

/* Section tab headers — Markets baseline shared with Core / Intel / Execution / Finance / System */
.markets-tab-header,
.finance-tab-header,
.section-tab-header{
margin-bottom:16px;
padding:0 0 14px 12px;
border-bottom:1px solid rgba(148,163,184,0.12);
position:relative;
}

.markets-tab-header::before,
.finance-tab-header::before,
.section-tab-header::before{
content:"";
position:absolute;
left:0;
top:2px;
bottom:16px;
width:2px;
border-radius:2px;
background:linear-gradient(180deg, rgba(34,211,238,0.38), rgba(56,189,248,0.10));
opacity:0.85;
pointer-events:none;
}

.markets-tab-header::after,
.section-tab-header::after{
content:"";
position:absolute;
left:0;
bottom:-1px;
width:min(140px, 42%);
height:1px;
background:linear-gradient(90deg, rgba(34,211,238,0.42), rgba(56,189,248,0.12), transparent);
pointer-events:none;
}

.markets-tab-header .markets-tab-title,
.finance-tab-header .finance-tab-title,
.section-tab-header .section-tab-title{
display:flex;
align-items:baseline;
gap:8px;
margin:0 0 6px;
font-size:19px;
font-weight:800;
letter-spacing:0.06em;
line-height:1.12;
text-shadow:
0 1px 0 rgba(255,255,255,0.04),
0 2px 3px rgba(2,8,23,0.18);
}

.markets-tab-title-icon,
.section-tab-title-icon{
display:inline-flex;
align-items:center;
justify-content:center;
flex-shrink:0;
color:rgba(56,189,248,0.68);
transform:translateY(1px);
}

.markets-tab-title-svg,
.section-tab-title-svg{
display:block;
}

.markets-tab-title-text,
.section-tab-title-text{
display:inline-flex;
align-items:baseline;
font-variant-numeric:tabular-nums;
letter-spacing:0.055em;
filter:
drop-shadow(0 1px 0 rgba(255,255,255,0.07))
drop-shadow(0 2px 3px rgba(2,8,23,0.38))
drop-shadow(0 3px 6px rgba(2,8,23,0.12))
drop-shadow(0 0 20px rgba(34,211,238,0.11))
drop-shadow(0 0 8px rgba(56,189,248,0.07));
}

.markets-tab-title-first,
.markets-tab-title-rest,
.section-tab-title-first,
.section-tab-title-rest,
.section-tab-title-full{
background:linear-gradient(165deg, rgba(240,253,255,0.98) 0%, rgba(186,230,253,0.92) 28%, rgba(56,189,248,0.82) 58%, rgba(37,99,235,0.52) 100%);
-webkit-background-clip:text;
background-clip:text;
color:transparent;
}

.markets-tab-title-first,
.section-tab-title-first{
background:linear-gradient(165deg, rgba(248,252,255,0.99) 0%, rgba(165,243,252,0.94) 32%, rgba(56,189,248,0.84) 62%, rgba(29,78,216,0.48) 100%);
-webkit-background-clip:text;
background-clip:text;
color:transparent;
filter:brightness(1.015);
}

@supports not ((-webkit-background-clip: text) or (background-clip: text)){
.markets-tab-title-text,
.section-tab-title-text{
filter:none;
}

.markets-tab-title-first,
.markets-tab-title-rest,
.section-tab-title-first,
.section-tab-title-rest,
.section-tab-title-full{
color:#bae6fd;
background:none;
-webkit-background-clip:initial;
background-clip:initial;
}

.markets-tab-title-first,
.section-tab-title-first{
color:#e0f2fe;
text-shadow:
0 1px 0 rgba(255,255,255,0.06),
0 2px 4px rgba(2,8,23,0.35),
0 0 14px rgba(34,211,238,0.16),
0 0 6px rgba(56,189,248,0.1);
}

.markets-tab-title-rest,
.section-tab-title-rest{
text-shadow:
0 1px 0 rgba(255,255,255,0.05),
0 2px 3px rgba(2,8,23,0.32),
0 0 12px rgba(56,189,248,0.12),
0 0 5px rgba(34,211,238,0.08);
}

.section-tab-title-full{
text-shadow:
0 1px 0 rgba(255,255,255,0.05),
0 2px 3px rgba(2,8,23,0.32),
0 0 12px rgba(56,189,248,0.12),
0 0 5px rgba(34,211,238,0.08);
}
}

.markets-tab-header .markets-tab-lede,
.finance-tab-header .section-tab-lede,
.section-tab-header .section-tab-lede{
font-size:12px;
line-height:1.45;
color:rgba(148,163,184,0.58);
max-width:34rem;
margin:0;
opacity:0.88;
}

.tab-muted{
font-size:13px;
color:#64748b;
margin-left:12px;
}


.segmented{
display:inline-flex;
flex-wrap:wrap;
gap:4px;
background:#0f172a;
padding:4px;
border-radius:8px;
border:1px solid #334155;
}

.segment-btn{
font:inherit;
cursor:pointer;
padding:8px 14px;
border-radius:6px;
border:1px solid transparent;
background:transparent;
color:#94a3b8;
font-size:13px;
font-weight:600;
}

.segment-btn:hover{
color:#e2e8f0;
background:#1e293b;
}

.segment-btn.segment-active{
background:#334155;
color:#e2e8f0;
border-color:#475569;
}

.btn-secondary{
font:inherit;
cursor:pointer;
padding:8px 14px;
border-radius:6px;
border:1px solid #475569;
background:#1e293b;
color:#e2e8f0;
font-size:13px;
font-weight:600;
}

.btn-secondary:hover{
background:#334155;
}

.table-scroll{
overflow-x:auto;
border-radius:8px;
border:1px solid #334155;
}

.data-table{
width:100%;
border-collapse:collapse;
font-size:13px;
}

.data-table th,
.data-table td{
text-align:left;
padding:8px 10px;
border-bottom:1px solid #334155;
}

.data-table th{
background:#0f172a;
color:#94a3b8;
font-size:11px;
text-transform:uppercase;
letter-spacing:0.04em;
}

.data-table tr:last-child td{
border-bottom:none;
}

.data-table .mono{
font-family:ui-monospace, monospace;
font-size:12px;
word-break:break-all;
}

.data-table .small-addr{
max-width:180px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}

.wallet-addr{
max-width:220px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}

.finance-tab-root{
--fin-1:4px;
--fin-2:8px;
--fin-3:12px;
--fin-4:16px;
--fin-5:20px;
--fin-br:1px solid rgba(51,65,85,0.72);
--fin-surface:rgba(15,23,42,0.5);
--fin-radius:12px;
--fin-sh:0 2px 12px rgba(2,6,23,0.2);
--fin-cap:rgba(148,163,184,0.58);
--fin-panel-bg:linear-gradient(165deg, rgba(30,41,59,0.52) 0%, rgba(15,23,42,0.62) 48%, rgba(2,6,23,0.78) 100%);
--fin-panel-inset:inset 0 1px 0 rgba(186,230,253,0.075);
--fin-panel-shadow:var(--fin-sh), var(--fin-panel-inset);
}

.finance-tab-root #finance-status:empty{
display:none;
min-height:0;
}

.finance-tab-root .fin-card-label{
margin-bottom:var(--fin-1);
}

.finance-tab-root .fin-card-note{
margin-top:var(--fin-1);
font-size:12px;
}

.finance-tab-root .tab-subtitle{
margin-top:1.35rem;
}

.finance-tab-root > .finance-tab-header + .fin-layer1 + .fin-layer3 + .fin-layer4-history > .tab-subtitle:first-of-type,
.finance-tab-root > .finance-tab-header + .fin-layer1 + .fin-layer3 + .fin-layer4-history > .fin-section-heading:first-of-type,
.finance-tab-root > .finance-tab-header + .fin-layer1 + .fin-layer3 + .fin-layer4-history > .fin-layer4-history-head:first-child{
margin-top:0;
}

.finance-unavailable{
margin-top:28px;
padding:16px;
border:1px dashed #475569;
border-radius:8px;
background:#0f172a;
}

.finance-unavailable p{
margin:8px 0;
font-size:13px;
color:#94a3b8;
line-height:1.5;
}

.finance-tab-root .fin-layer1{
display:flex;
flex-direction:column;
gap:calc(var(--fin-3) + 8px);
margin-bottom:calc(var(--fin-3) + 8px);
}

.finance-tab-root .fin-l1-hero{
margin:0;
}

.finance-tab-root .fin-card--hero{
position:relative;
isolation:isolate;
overflow:hidden;
padding:calc(var(--fin-4) + 8px) var(--fin-5);
border:1px solid rgba(56,189,248,0.34);
background:
radial-gradient(ellipse 92% 58% at 50% -8%, rgba(56,189,248,0.16), transparent 58%),
linear-gradient(155deg, rgba(56,189,248,0.14) 0%, transparent 46%),
var(--fin-panel-bg);
box-shadow:
var(--fin-panel-shadow),
inset 0 1px 0 rgba(186,230,253,0.11),
0 0 0 1px rgba(56,189,248,0.06),
0 var(--fin-3) calc(var(--fin-5) + 6px) rgba(2,6,23,0.34),
0 0 48px -18px rgba(56,189,248,0.14);
transition:transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.finance-tab-root .fin-card--hero::before{
content:"";
position:absolute;
left:0;
right:0;
top:0;
height:1px;
background:linear-gradient(90deg, transparent 0%, rgba(34,211,238,0.5) 22%, rgba(56,189,248,0.35) 50%, rgba(125,211,252,0.25) 78%, transparent 100%);
opacity:0.72;
pointer-events:none;
z-index:3;
}

.finance-tab-root .fin-card--hero::after{
content:"";
position:absolute;
width:140%;
height:140%;
left:-20%;
top:-20%;
z-index:0;
background:linear-gradient(
118deg,
transparent 38%,
rgba(56,189,248,0.09) 47%,
rgba(125,211,252,0.065) 50%,
transparent 62%
);
opacity:0.055;
pointer-events:none;
will-change:transform;
}

.finance-tab-root .fin-card--hero > *{
position:relative;
z-index:1;
}

@media (prefers-reduced-motion: no-preference){
.finance-tab-root .fin-card--hero::after{
animation:fin-hero-sheen 8.5s ease-in-out infinite;
}
}

.finance-tab-root .fin-card--hero:hover{
transform:translateY(-1px);
border-color:rgba(56,189,248,0.44);
box-shadow:
var(--fin-panel-shadow),
inset 0 1px 0 rgba(186,230,253,0.14),
0 0 0 1px rgba(56,189,248,0.1),
0 var(--fin-3) calc(var(--fin-5) + 10px) rgba(2,6,23,0.4),
0 0 56px -14px rgba(56,189,248,0.22);
}

@keyframes fin-hero-sheen{
0%,100%{transform:translate3d(-5%, -3%, 0);}
50%{transform:translate3d(5%, 3%, 0);}
}

.finance-tab-root .fin-hero-head .fin-card-label{
margin-bottom:4px;
}

.finance-tab-root .fin-hero-source{
margin:0;
color:#64748b;
}

.finance-tab-root .fin-l1-hero .fin-intra-head{
display:flex;
flex-direction:column;
gap:0;
margin-bottom:8px;
}

.finance-tab-root .fin-l1-hero .fin-intra-head-top{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px 16px;
flex-wrap:wrap;
}

.finance-tab-root .fin-l1-hero .fin-intra-head-cluster{
display:flex;
align-items:center;
gap:12px;
flex:1;
min-width:0;
}

.finance-tab-root .fin-l1-hero .fin-intra-head-meta{
display:flex;
flex-direction:column;
align-items:flex-end;
gap:4px;
flex-shrink:0;
}

.finance-tab-root .fin-l1-hero .fin-intra-head-date{
flex-shrink:0;
margin:0;
padding-top:0;
font-size:11px;
font-weight:500;
letter-spacing:0.035em;
color:rgba(148,163,184,0.72);
white-space:nowrap;
text-align:right;
}

.finance-tab-root .fin-l1-hero .fin-intra-head-fresh{
display:flex;
align-items:center;
justify-content:flex-end;
gap:4px;
}

.finance-tab-root .fin-l1-hero .fin-intra-fresh-dot{
flex-shrink:0;
width:6px;
height:6px;
border-radius:50%;
background:#22c55e;
box-shadow:0 0 0 1px rgba(15,23,42,0.45);
}

.finance-tab-root .fin-l1-hero .fin-intra-fresh-dot.is-stale{
background:#f59e0b;
}

.finance-tab-root .fin-l1-hero .fin-intra-fresh-text{
font-size:12px;
font-weight:500;
letter-spacing:0.018em;
color:rgba(186,198,212,0.68);
white-space:nowrap;
}

@keyframes fin-update-pulse{
0%{box-shadow:0 0 0 rgba(56,189,248,0);}
50%{box-shadow:0 0 20px rgba(56,189,248,0.06);}
100%{box-shadow:0 0 0 rgba(56,189,248,0);}
}

.finance-tab-root .fin-l1-hero.is-updating{
animation:fin-update-pulse 0.65s ease;
}

.finance-tab-root .fin-l1-hero .fin-intra-telemetry{
flex-shrink:0;
margin-top:0;
color:rgba(56,189,248,0.52);
}

.finance-tab-root .fin-l1-hero .fin-intra-telemetry-svg{
display:block;
}

.finance-tab-root .fin-l1-hero .fin-intra-telemetry-pulse{
animation:fin-intra-pulse 2.8s ease-in-out infinite;
}

@keyframes fin-intra-pulse{
0%,100%{opacity:0.45;}
50%{opacity:1;}
}

.finance-tab-root .fin-l1-hero .fin-intra-head-titles{
min-width:0;
flex:1;
}

.finance-tab-root .fin-l1-hero .fin-intra-head-subline{
margin:var(--fin-1) 0 0;
font-size:11px;
font-weight:500;
letter-spacing:0.028em;
color:rgba(148,163,184,0.7);
max-width:52rem;
line-height:1.4;
}

.finance-tab-root .fin-l1-hero .fin-intra-card-title{
text-transform:uppercase;
letter-spacing:0.058em;
font-size:clamp(0.82rem, 1.85vw, 1rem);
font-weight:700;
line-height:1.16;
color:#e8f0f7;
}

.finance-tab-root .fin-section-heading{
background-image:linear-gradient(105deg, #f8fafc 0%, #e0f2fe 28%, #38bdf8 50%, #64748b 100%);
-webkit-background-clip:text;
background-clip:text;
color:transparent;
filter:drop-shadow(0 0 14px rgba(56,189,248,0.17));
}

.finance-tab-root .fin-section-head--hero .fin-intra-card-title.fin-section-heading{
filter:drop-shadow(0 0 18px rgba(56,189,248,0.21));
}

@supports not ((-webkit-background-clip:text) or (background-clip:text)){
.finance-tab-root .fin-section-heading{
background-image:none;
color:#e8f0f7;
filter:none;
}
}

.finance-tab-root .fin-l1-hero .fin-intra-card-title.fin-section-heading,
.finance-tab-root .fin-treasury-overview .fin-overview-panel-title.fin-section-heading{
color:transparent;
}

.finance-tab-root .fin-section-heading--tier2{
background-image:linear-gradient(105deg, #e2e8f0 0%, #bae6fd 34%, #38bdf8 52%, #7c8ea1 100%);
filter:drop-shadow(0 0 10px rgba(56,189,248,0.12));
}

@supports not ((-webkit-background-clip:text) or (background-clip:text)){
.finance-tab-root .fin-section-heading--tier2{
background-image:none;
color:#cbd5e1;
filter:none;
}
}

.finance-tab-root .fin-section-head{
display:flex;
align-items:flex-start;
gap:12px;
min-width:0;
flex:1;
}

.finance-tab-root .fin-section-head__icon{
flex-shrink:0;
display:flex;
align-items:center;
justify-content:center;
width:22px;
height:22px;
margin-top:1px;
color:rgba(56,189,248,0.48);
}

.finance-tab-root .fin-section-head--hero .fin-section-head__icon{
color:rgba(56,189,248,0.52);
}

.finance-tab-root .fin-section-head__svg{
display:block;
}

.finance-tab-root .fin-section-head__body{
min-width:0;
flex:1;
}

.finance-tab-root .fin-section-head__subline{
margin:var(--fin-1) 0 0;
font-size:11px;
font-weight:500;
letter-spacing:0.03em;
color:rgba(148,163,184,0.68);
line-height:1.4;
max-width:52rem;
}

.finance-tab-root .fin-l1-hero .fin-intra-head-subline.fin-section-head__subline{
color:rgba(148,163,184,0.68);
}

.finance-tab-root h3.fin-section-heading{
margin-top:0;
margin-bottom:10px;
font-size:15px;
font-weight:700;
letter-spacing:0.035em;
line-height:1.3;
}

.finance-tab-root .fin-l3-entry-title{
margin:0;
padding:0;
border:none;
}

.finance-tab-root .fin-l3-section-head{
margin:0 0 2px;
}

.finance-tab-root .fin-layer4-history-head{
margin:0 0 var(--fin-2);
}

.finance-tab-root h3.fin-layer4-history-title.fin-section-heading{
margin:0;
padding:0;
font-size:15px;
font-weight:700;
letter-spacing:0.035em;
line-height:1.3;
}

.finance-tab-root .fin-l1-hero .fin-intra-head-titles > .fin-card-label{
margin-bottom:0;
}

.finance-tab-root .fin-l1-hero .fin-intra-metric-label{
font-size:11px;
font-weight:600;
letter-spacing:0.065em;
text-transform:uppercase;
color:rgba(148,163,184,0.78);
margin-bottom:4px;
}

.finance-tab-root .fin-l1-hero .fin-hero-primary,
.finance-tab-root .fin-l1-hero .fin-hero-delta{
display:flex;
flex-direction:column;
align-items:flex-start;
}

.finance-tab-root .fin-l1-hero .fin-intra-metric-label--capwords{
text-transform:capitalize;
letter-spacing:0.055em;
}

.finance-tab-root .fin-l1-hero .fin-intra-delta-pct{
margin-top:var(--fin-1);
font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
font-size:clamp(13px,1.55vw,15px);
font-weight:500;
font-variant-numeric:tabular-nums;
letter-spacing:0.018em;
line-height:1.1;
text-align:left;
align-self:flex-start;
color:rgba(203,213,225,0.82);
}

.finance-tab-root .fin-l1-hero .fin-intra-delta-pct.delta-pos{
color:#34e8b5;
}

.finance-tab-root .fin-l1-hero .fin-intra-delta-pct.delta-neg{
color:#fb7185;
}

.finance-tab-root .fin-l1-hero #fin-card-movement-delta.delta-pos{
color:#22c55e;
text-shadow:0 0 22px rgba(34,197,94,0.24);
}

.finance-tab-root .fin-l1-hero #fin-card-movement-delta.delta-neg{
color:#fb7185;
text-shadow:0 0 20px rgba(251,113,133,0.2);
}

@media (prefers-reduced-motion: no-preference){
.finance-tab-root .fin-l1-hero #fin-card-movement-delta.delta-pos{
animation:fin-delta-pos-breathe 5.5s ease-in-out infinite;
}
}

@keyframes fin-delta-pos-breathe{
0%,100%{opacity:1; filter:brightness(1);}
50%{opacity:0.96; filter:brightness(1.06);}
}

.finance-tab-root .fin-l1-hero .fin-intra-exp-module{
margin-top:8px;
border-radius:10px;
border:1px solid rgba(51,65,85,0.4);
background:rgba(2,6,23,0.26);
box-shadow:inset 0 1px 0 rgba(125,211,252,0.032);
overflow:hidden;
}

.finance-tab-root .fin-l1-hero .fin-intra-exp-toggle{
display:flex;
align-items:center;
gap:8px;
width:100%;
margin:0;
min-height:40px;
padding:8px 12px;
border:0;
border-radius:0;
background:transparent;
color:rgba(226,232,240,0.92);
font:inherit;
font-size:12px;
font-weight:600;
letter-spacing:0.04em;
text-align:left;
cursor:pointer;
transition:transform 0.18s ease, background 0.2s ease, color 0.2s ease, filter 0.2s ease;
}

.finance-tab-root .fin-l1-hero .fin-intra-exp-toggle:hover{
background:rgba(15,23,42,0.48);
color:#e2e8f0;
filter:brightness(1.04);
}

.finance-tab-root .fin-l1-hero .fin-intra-exp-toggle:active{
transform:scale(0.995);
filter:brightness(1.02);
}

.finance-tab-root .fin-l1-hero .fin-intra-exp-toggle:focus-visible{
outline:2px solid rgba(56,189,248,0.55);
outline-offset:-2px;
}

.finance-tab-root .fin-l1-hero .fin-intra-exp-toggle-label{
flex:1;
min-width:0;
}

.finance-tab-root .fin-l1-hero .fin-intra-exp-header-total{
flex-shrink:0;
margin-left:auto;
padding-left:12px;
font-size:11px;
font-weight:700;
font-variant-numeric:tabular-nums;
letter-spacing:0.018em;
color:rgba(226,232,240,0.93);
white-space:nowrap;
}

.finance-tab-root .fin-l1-hero .fin-intra-exp-chevron{
flex-shrink:0;
display:flex;
align-items:center;
margin-left:4px;
color:rgba(148,163,184,0.58);
transition:transform 0.28s ease, color 0.2s ease;
}

.finance-tab-root .fin-l1-hero .fin-intra-exp-chevron-svg{
display:block;
}

.finance-tab-root .fin-l1-hero .fin-intra-exp-module.is-open .fin-intra-exp-chevron{
transform:rotate(180deg);
color:rgba(125,211,252,0.75);
}

.finance-tab-root .fin-l1-hero .fin-intra-exp-ico{
flex-shrink:0;
color:rgba(56,189,248,0.38);
}

.finance-tab-root .fin-l1-hero .fin-intra-exp-panel{
display:grid;
grid-template-rows:0fr;
transition:grid-template-rows 0.32s ease, opacity 0.24s ease;
opacity:0;
}

.finance-tab-root .fin-l1-hero .fin-intra-exp-module.is-open .fin-intra-exp-panel{
grid-template-rows:1fr;
opacity:1;
}

.finance-tab-root .fin-l1-hero .fin-intra-exp-panel > *{
min-height:0;
overflow:hidden;
}

.finance-tab-root .fin-l1-hero .fin-intra-exp-panel-body{
margin:0;
padding:0 12px 12px;
border:0;
font-size:11px;
line-height:1.45;
color:rgba(148,163,184,0.72);
max-width:none;
max-height:min(38vh,13.5rem);
overflow-x:auto;
overflow-y:auto;
-webkit-overflow-scrolling:touch;
}

.finance-tab-root .fin-l1-hero .fin-intra-exp-empty{
margin:0;
padding:0 0 4px;
font-size:11px;
line-height:1.45;
color:rgba(148,163,184,0.72);
}

.finance-tab-root .fin-l1-hero .fin-intra-exp-table{
width:100%;
border-collapse:collapse;
font-size:11px;
table-layout:fixed;
}

.finance-tab-root .fin-l1-hero .fin-intra-exp-th{
padding:0 0 4px;
font-size:11px;
font-weight:600;
letter-spacing:0.065em;
text-transform:uppercase;
text-align:left;
color:rgba(148,163,184,0.78);
border-bottom:1px solid rgba(51,65,85,0.28);
}

.finance-tab-root .fin-l1-hero .fin-intra-exp-th--amt{
text-align:right;
}

.finance-tab-root .fin-l1-hero .fin-intra-exp-cell{
padding:8px 8px 8px 0;
vertical-align:middle;
color:rgba(203,213,225,0.84);
border-bottom:1px solid rgba(51,65,85,0.16);
word-wrap:break-word;
}

.finance-tab-root .fin-l1-hero .fin-intra-exp-cell--time{
width:22%;
font-variant-numeric:tabular-nums;
color:rgba(148,163,184,0.78);
}

.finance-tab-root .fin-l1-hero .fin-intra-exp-cell--desc{
width:53%;
}

.finance-tab-root .fin-l1-hero .fin-intra-exp-cell--amt{
width:25%;
padding-right:0;
text-align:right;
font-weight:600;
color:rgba(226,232,240,0.88);
}

.finance-tab-root .fin-l1-hero .fin-intra-body-grid{
margin-top:12px;
display:flex;
flex-direction:column;
gap:16px;
align-items:stretch;
}

.finance-tab-root .fin-l1-hero .fin-intra-body-chart{
min-width:0;
}

.finance-tab-root .fin-l1-hero .fin-intra-body-chart .fin-intra-chart-panel{
margin-top:0;
}

.finance-tab-root .fin-l1-hero .fin-intra-body-side{
min-width:0;
display:flex;
flex-direction:column;
gap:10px;
}

@media (max-width:719px){
.finance-tab-root .fin-l1-hero .fin-intra-body-side{
padding-top:12px;
border-top:1px solid rgba(51,65,85,0.14);
}

.finance-tab-root .fin-l1-hero .fin-intra-body-side .fin-intra-wallet-rows-scroll{
max-height:9rem;
}
}

@media (min-width:720px){
.finance-tab-root .fin-l1-hero .fin-intra-body-grid{
display:grid;
grid-template-columns:minmax(0,1.32fr) minmax(10.5rem,0.88fr);
gap:14px 16px;
align-items:stretch;
}

.finance-tab-root .fin-l1-hero .fin-intra-body-chart{
display:flex;
flex-direction:column;
min-height:0;
align-self:stretch;
}

.finance-tab-root .fin-l1-hero .fin-intra-body-chart .fin-intra-chart-panel{
flex:1;
min-height:0;
display:flex;
flex-direction:column;
}

.finance-tab-root .fin-l1-hero .fin-intra-body-chart #fin-intraday-chart.fin-chart{
flex:1;
min-height:120px;
display:flex;
align-items:stretch;
}

.finance-tab-root .fin-l1-hero .fin-intra-body-chart #fin-intraday-chart.fin-chart svg{
width:100%;
height:100%;
min-height:120px;
max-height:none;
flex:1;
}

.finance-tab-root .fin-l1-hero .fin-intra-body-side{
padding-left:16px;
border-left:1px solid rgba(51,65,85,0.14);
padding-top:0;
border-top:none;
align-self:stretch;
min-height:0;
display:flex;
flex-direction:column;
}

.finance-tab-root .fin-l1-hero .fin-intra-body-side .fin-intra-wallets-module{
flex:1;
min-height:0;
}

.finance-tab-root .fin-l1-hero .fin-intra-body-side .fin-intra-wallets-legend{
flex:1;
min-height:0;
display:flex;
flex-direction:column;
overflow:hidden;
}

.finance-tab-root .fin-l1-hero .fin-intra-body-side .fin-intra-wallets-legend .fin-legend-scope-note{
flex-shrink:0;
}

.finance-tab-root .fin-l1-hero .fin-intra-body-side .fin-intra-wallets-legend .fin-intra-wallet-rows-scroll{
flex:1;
min-height:0;
max-height:none;
}

.finance-tab-root .fin-l1-hero .fin-intra-body-side .fin-legend-row{
flex-direction:column;
align-items:stretch;
}

.finance-tab-root .fin-l1-hero .fin-intra-body-side .fin-legend-scope-note{
max-width:none;
font-size:11px;
line-height:1.42;
font-weight:500;
color:rgba(148,163,184,0.68);
}
}

@media (min-width:880px){
.finance-tab-root .fin-l1-hero .fin-intra-body-grid{
grid-template-columns:minmax(0,1.38fr) minmax(12.25rem,0.92fr);
gap:16px 20px;
}

.finance-tab-root .fin-l1-hero .fin-intra-body-side{
padding-left:16px;
}

.finance-tab-root .fin-l1-hero .fin-intra-body-side .fin-intra-wallet-rows-scroll{
max-height:none;
}
}

.finance-tab-root .fin-l1-hero .fin-intra-chart-panel{
margin-top:var(--fin-3);
padding:var(--fin-3);
border-radius:var(--fin-radius);
border:var(--fin-br);
background:rgba(2,6,23,0.46);
box-shadow:
inset 0 1px 0 rgba(125,211,252,0.05),
0 2px var(--fin-2) rgba(2,6,23,0.18);
}

.finance-tab-root .fin-l1-hero .fin-intra-chart-panel-bar{
flex-shrink:0;
display:flex;
flex-wrap:wrap;
align-items:flex-start;
justify-content:space-between;
gap:8px 16px;
margin-bottom:8px;
padding-bottom:8px;
border-bottom:1px solid rgba(51,65,85,0.3);
}

.finance-tab-root .fin-l1-hero .fin-intra-chart-bar-text{
display:flex;
flex-direction:column;
gap:4px;
min-width:0;
flex:1 1 10rem;
}

.finance-tab-root .fin-l1-hero .fin-intra-chart-scale-toggle{
display:inline-flex;
flex-shrink:0;
gap:0;
border-radius:8px;
border:1px solid rgba(51,65,85,0.65);
overflow:hidden;
background:rgba(15,23,42,0.55);
}

.finance-tab-root .fin-l1-hero .fin-intra-chart-scale-btn{
margin:0;
padding:6px 10px;
font-size:11px;
font-weight:600;
letter-spacing:0.04em;
text-transform:uppercase;
color:rgba(186,198,212,0.82);
background:transparent;
border:none;
border-right:1px solid rgba(51,65,85,0.55);
cursor:pointer;
transition:background 0.15s ease, color 0.15s ease;
}

.finance-tab-root .fin-l1-hero .fin-intra-chart-scale-btn:last-child{
border-right:none;
}

.finance-tab-root .fin-l1-hero .fin-intra-chart-scale-btn:hover{
color:#cbd5e1;
background:rgba(30,41,59,0.45);
}

.finance-tab-root .fin-l1-hero .fin-intra-chart-scale-btn.is-active{
color:#e2e8f0;
background:rgba(30,58,138,0.35);
}

.finance-tab-root .fin-l1-hero .fin-intra-chart-panel-label{
font-size:11px;
font-weight:600;
letter-spacing:0.07em;
text-transform:uppercase;
color:rgba(203,213,225,0.88);
}

.finance-tab-root .fin-l1-hero .fin-intra-chart-panel-hint{
font-size:11px;
font-weight:500;
color:rgba(148,163,184,0.68);
line-height:1.4;
}

.finance-tab-root .fin-l1-hero[data-fin-chart-scale="balance"] .fin-intra-chart-hint--delta{
display:none;
}

.finance-tab-root .fin-l1-hero[data-fin-chart-scale="balance"] .fin-intra-chart-hint--balance{
display:block;
}

.finance-tab-root .fin-l1-hero:not([data-fin-chart-scale="balance"]) .fin-intra-chart-hint--balance{
display:none;
}

.finance-tab-root .fin-l1-hero:not([data-fin-chart-scale="balance"]) .fin-intra-chart-hint--delta{
display:block;
}

.finance-tab-root .fin-l1-hero .fin-intra-zero-line{
stroke:rgba(148,163,184,0.32);
stroke-width:1;
vector-effect:non-scaling-stroke;
pointer-events:none;
transition:opacity 0.15s ease;
}

.finance-tab-root .fin-l1-hero .fin-intra-zero-line.is-dimmed{
opacity:0.28;
}

.finance-tab-root .fin-l1-hero .fin-intra-chart-empty{
margin:0;
font-size:11px;
line-height:1.42;
max-width:28rem;
color:rgba(148,163,184,0.56);
}

.finance-tab-root .fin-l1-hero .fin-intra-chart-waiting{
opacity:0.55;
}

.finance-tab-root .fin-l1-hero .fin-intra-chart-grid .fin-intra-grid-line{
stroke:rgba(51,65,85,0.4);
stroke-width:1;
vector-effect:non-scaling-stroke;
}

.finance-tab-root .fin-l1-hero .fin-intra-session-mark{
stroke:rgba(56,189,248,0.18);
stroke-width:1;
vector-effect:non-scaling-stroke;
}

.finance-tab-root .fin-l1-hero .fin-intra-session-dot{
fill:rgba(56,189,248,0.42);
stroke:rgba(15,23,42,0.9);
stroke-width:1;
transition:opacity 0.15s ease;
}

.finance-tab-root .fin-l1-hero .fin-intra-current-mark{
fill:rgba(125,211,252,0.22);
stroke:rgba(56,189,248,0.72);
stroke-width:1.28;
transition:opacity 0.15s ease;
}

.finance-tab-root .fin-l1-hero .fin-intra-total-end-mark{
vector-effect:non-scaling-stroke;
}

.finance-tab-root .fin-l1-hero .fin-intra-current-mark.is-dimmed,
.finance-tab-root .fin-l1-hero .fin-intra-session-dot.is-dimmed,
.finance-tab-root .fin-l1-hero .fin-intra-session-mark.is-dimmed{
opacity:0.22;
}

.finance-tab-root .fin-hero-stack{
display:flex;
flex-direction:column;
gap:16px;
}

.finance-tab-root .fin-hero-values{
display:flex;
flex-direction:column;
gap:16px;
}

@media (min-width:720px){
.finance-tab-root .fin-l1-hero .fin-hero-values{
display:grid;
grid-template-columns:minmax(0,1.4fr) minmax(0,0.8fr);
gap:16px 24px;
align-items:start;
}
}

.finance-tab-root .fin-hero-value-main{
font-size:clamp(1.45rem, 3.6vw, 2.05rem);
line-height:1.12;
}

.finance-tab-root .fin-hero-value-label{
margin-top:4px;
}

.finance-tab-root .fin-hero-delta .fin-card-value{
font-size:1.35rem;
}

.finance-tab-root .fin-l1-hero #fin-card-movement-current.fin-hero-value-main,
.finance-tab-root .fin-l1-hero #fin-card-movement-current{
font-size:clamp(31px,3.55vw,48px);
line-height:1.08;
font-variant-numeric:tabular-nums;
letter-spacing:-0.03em;
text-shadow:
0 0 28px rgba(56,189,248,0.16),
0 0 52px rgba(34,211,238,0.07),
0 1px 0 rgba(0,0,0,0.32);
transition:color 0.25s ease, opacity 0.25s ease;
}

.finance-tab-root .fin-l1-hero .fin-hero-delta .fin-card-value{
font-size:clamp(20px,2.2vw,29px);
line-height:1.08;
font-weight:700;
font-variant-numeric:tabular-nums;
color:rgba(226,232,240,0.94);
transition:color 0.25s ease, opacity 0.25s ease;
}

.finance-tab-root .fin-l1-hero #fin-hero-expenses-today{
min-height:0;
}

.finance-tab-root .fin-l1-hero #fin-intraday-chart.fin-chart{
margin-top:0;
max-width:100%;
overflow:hidden;
}

.finance-tab-root .fin-l1-hero #fin-intraday-chart .fin-chart-canvas{
display:flex;
flex-direction:column;
flex:1;
min-height:120px;
padding:4px 0;
box-sizing:border-box;
}

.finance-tab-root .fin-l1-hero #fin-intraday-chart .fin-chart-canvas > svg{
flex:1;
width:100%;
min-height:120px;
}

.finance-tab-root .fin-l1-hero .fin-intraday-chart svg{
max-height:min(120px, 28vw);
}

@media (min-width:720px){
.finance-tab-root .fin-l1-hero .fin-intra-body-chart .fin-intraday-chart svg{
max-height:none;
}
}

.finance-tab-root .fin-l1-hero .fin-intraday-chart svg polyline.fin-intraday-single-total-line{
stroke:rgba(125,211,252,0.96);
stroke-width:2.88;
vector-effect:non-scaling-stroke;
fill:none;
filter:drop-shadow(0 1px 1.5px rgba(2,6,23,0.48));
transition:opacity 0.18s ease, stroke-opacity 0.18s ease, filter 0.18s ease;
}

.finance-tab-root .fin-l1-hero .fin-intraday-chart svg polyline.fin-intraday-total-line{
stroke:rgba(226,232,240,0.88);
stroke-width:2.72;
fill:none;
vector-effect:non-scaling-stroke;
filter:drop-shadow(0 1px 1.5px rgba(2,6,23,0.44));
transition:opacity 0.18s ease, stroke-opacity 0.18s ease, filter 0.18s ease;
}

.finance-tab-root .fin-l1-hero .fin-intraday-chart svg circle.fin-intraday-total-line{
fill:rgba(203,213,225,0.78);
transition:opacity 0.15s ease, fill-opacity 0.15s ease;
}

.finance-tab-root .fin-l1-hero .fin-intraday-chart svg polyline.fin-intraday-total-line.is-dimmed,
.finance-tab-root .fin-l1-hero .fin-intraday-chart svg circle.fin-intraday-total-line.is-dimmed{
opacity:0.22;
}

.finance-tab-root .fin-l1-hero .fin-intraday-chart svg polyline.fin-wallet-line{
fill:none;
stroke-width:1.18;
opacity:0.46;
vector-effect:non-scaling-stroke;
transition:opacity 0.18s ease, stroke-opacity 0.18s ease, stroke-width 0.18s ease, filter 0.18s ease;
}

.finance-tab-root .fin-l1-hero .fin-intraday-chart svg polyline.fin-wallet-line.is-wallet-neg{
stroke-width:1.48;
opacity:0.72;
filter:drop-shadow(0 0.5px 1.2px rgba(2,6,23,0.3));
}

.finance-tab-root .fin-l1-hero .fin-intraday-chart svg polyline.fin-wallet-line.is-dimmed{
opacity:0.2;
stroke-width:1.05;
filter:none;
}

.finance-tab-root .fin-l1-hero .fin-intraday-chart svg polyline.fin-wallet-line.is-active{
opacity:1;
stroke-width:2.35;
filter:none;
}

.finance-tab-root .fin-l1-hero .fin-intraday-chart svg polyline.fin-wallet-line.is-intra-hover-dimmed{
opacity:0.28;
stroke-width:1.05;
filter:none;
}

.finance-tab-root .fin-l1-hero .fin-intraday-chart svg polyline.fin-wallet-line.is-intra-hover-active{
opacity:1;
stroke-width:2.05;
filter:none;
}

.finance-tab-root .fin-l1-hero .fin-intraday-chart svg polyline.fin-wallet-line.is-wallet-neg.is-intra-hover-dimmed{
opacity:0.34;
stroke-width:1.2;
}

.finance-tab-root .fin-l1-hero .fin-intraday-chart svg polyline.fin-wallet-line.is-wallet-neg.is-intra-hover-active{
stroke-width:2.1;
}

.finance-tab-root .fin-l1-hero .fin-intraday-chart svg circle.fin-wallet-line{
transition:opacity 0.15s ease, fill-opacity 0.15s ease, filter 0.15s ease;
}

.finance-tab-root .fin-l1-hero .fin-intraday-chart svg circle.fin-wallet-line.is-wallet-neg{
opacity:0.95;
filter:brightness(1.1);
}

.finance-tab-root .fin-l1-hero .fin-intraday-chart svg circle.fin-wallet-line.is-dimmed{
opacity:0.22;
filter:none;
}

.finance-tab-root .fin-l1-hero .fin-intraday-chart svg circle.fin-wallet-line.is-active{
opacity:1;
filter:none;
}

.finance-tab-root .fin-l1-hero .fin-intraday-chart svg circle.fin-wallet-line.is-intra-hover-dimmed{
opacity:0.3;
filter:none;
}

.finance-tab-root .fin-l1-hero .fin-intraday-chart svg circle.fin-wallet-line.is-intra-hover-active{
opacity:1;
filter:none;
}

.finance-tab-root .fin-l1-hero .fin-intraday-chart svg circle.fin-wallet-line-end{
vector-effect:non-scaling-stroke;
}

.finance-tab-root .fin-intraday-table-title{
margin:10px 0 6px;
}

.finance-tab-root .fin-intraday-wallet-scroll{
max-height:10rem;
margin:0 0 4px;
}

.finance-tab-root .fin-l1-hero .fin-intra-wallets-module{
min-width:0;
display:flex;
flex-direction:column;
gap:8px;
}

.finance-tab-root .fin-l1-hero .fin-intra-wallets-title{
margin:0;
font-size:11px;
font-weight:600;
letter-spacing:0.09em;
text-transform:uppercase;
color:rgba(203,213,225,0.82);
}

.finance-tab-root .fin-l1-hero .fin-intra-wallets-legend{
margin:0;
}

.finance-tab-root .fin-l1-hero .fin-intra-wallet-rows-scroll{
min-height:0;
overflow-y:auto;
-webkit-overflow-scrolling:touch;
}

.finance-tab-root .fin-intraday-legend{
margin-top:4px;
}

.finance-tab-root .fin-legend-scope-note{
margin:0 0 8px;
font-size:11px;
line-height:1.45;
max-width:42rem;
}

.finance-tab-root .fin-l1-hero .fin-legend-scope-note{
margin:0 0 6px;
color:rgba(148,163,184,0.7);
}

.finance-tab-root .fin-legend-row{
display:flex;
flex-wrap:wrap;
gap:8px 10px;
}

.finance-tab-root .fin-l1-hero .fin-intra-wallet-rows{
flex-direction:column;
flex-wrap:nowrap;
align-items:stretch;
gap:8px;
width:100%;
}

.finance-tab-root .fin-l1-hero .fin-wallet-row.fin-legend-item{
display:grid;
grid-template-columns:auto minmax(0,1fr) minmax(3.35rem,auto) minmax(3.2rem,auto) minmax(2.35rem,auto);
gap:8px 10px;
align-items:center;
width:100%;
min-height:36px;
padding:8px 10px;
border-radius:8px;
border:1px solid rgba(51,65,85,0.44);
background:rgba(15,23,42,0.36);
color:#e2e8f0;
font:inherit;
cursor:pointer;
text-align:left;
transition:border-color 0.2s ease, opacity 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease, filter 0.2s ease;
}

.finance-tab-root .fin-l1-hero .fin-wallet-row.fin-legend-item:hover{
border-color:rgba(51,65,85,0.68);
background:rgba(255,255,255,0.04);
box-shadow:0 2px 10px rgba(2,6,23,0.18);
transform:translateY(-1px);
filter:brightness(1.05);
}

.finance-tab-root .fin-l1-hero .fin-wallet-row.fin-legend-item.is-focused{
border-color:rgba(56,189,248,0.55);
background:rgba(30,58,138,0.3);
box-shadow:0 0 0 1px rgba(56,189,248,0.12);
}

.finance-tab-root .fin-l1-hero .fin-wallet-row.fin-legend-item.is-dimmed{
opacity:0.42;
}

.finance-tab-root .fin-l1-hero .fin-wallet-row.fin-legend-item.is-active{
border-color:rgba(56,189,248,0.62);
background:rgba(30,58,138,0.35);
opacity:1;
box-shadow:
0 0 0 1px rgba(56,189,248,0.18),
inset 0 0 0 1px rgba(125,211,252,0.08);
}

.finance-tab-root .fin-l1-hero .fin-wallet-row.fin-legend-item:active{
transform:translateY(0) scale(0.99);
filter:brightness(1.02);
}

.finance-tab-root .fin-l1-hero .fin-wallet-row.fin-legend-item.is-intra-row-hover{
border-color:rgba(56,189,248,0.38);
background:rgba(30,41,59,0.5);
opacity:1;
}

.finance-tab-root .fin-l1-hero .fin-wallet-row.fin-legend-item.is-intra-row-soft-dim{
opacity:0.46;
}

.finance-tab-root .fin-l1-hero .fin-wallet-row-metric{
font-size:11px;
font-weight:500;
font-variant-numeric:tabular-nums;
color:rgba(186,198,212,0.88);
text-align:right;
justify-self:end;
white-space:nowrap;
}

.finance-tab-root .fin-l1-hero .fin-wallet-row-metric--cur{
color:rgba(203,213,225,0.88);
}

.finance-tab-root .fin-l1-hero .fin-wallet-row.fin-intra-row--neg{
background:rgba(127,29,29,0.08);
}

.finance-tab-root .fin-l1-hero .fin-wallet-row.fin-intra-row--neg .fin-wallet-row-metric--ch,
.finance-tab-root .fin-l1-hero .fin-wallet-row.fin-intra-row--neg .fin-wallet-row-metric--pct{
color:#fca5a5;
}

.finance-tab-root .fin-l1-hero .fin-legend-dot{
flex-shrink:0;
width:11px;
height:11px;
border-radius:50%;
background:hsl(var(--fin-legend-hue, 200), 58%, 58%);
box-shadow:0 0 0 1px rgba(15,23,42,0.85);
}

.finance-tab-root .fin-legend-meta{
display:flex;
flex-direction:column;
gap:2px;
min-width:0;
}

.finance-tab-root .fin-legend-label{
font-size:12px;
color:#cbd5e1;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
max-width:min(14rem, 72vw);
}

.finance-tab-root .fin-legend-value,
.finance-tab-root .fin-legend-val{
font-size:11px;
font-weight:500;
color:rgba(203,213,225,0.82);
}

.finance-tab-root .fin-l1-hero .fin-legend-label{
font-size:11px;
font-weight:600;
letter-spacing:0.018em;
color:rgba(226,232,240,0.94);
}

.finance-tab-root .fin-l1-hero .fin-intra-body-side .fin-legend-label{
max-width:100%;
}

.finance-tab-root .fin-l1-hero .fin-legend-value,
.finance-tab-root .fin-l1-hero .fin-legend-val{
font-size:12px;
font-weight:500;
font-variant-numeric:tabular-nums;
color:#a8b8cc;
}

.finance-tab-root .fin-legend-empty{
margin:0;
font-size:12px;
}

.finance-tab-root .fin-card--overview{
padding:var(--fin-4) var(--fin-5);
border-radius:var(--fin-radius);
border:1px solid rgba(51,65,85,0.62);
background:
linear-gradient(155deg, rgba(56,189,248,0.07) 0%, transparent 44%),
var(--fin-panel-bg);
box-shadow:var(--fin-panel-shadow);
transition:transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease, border-color 0.2s ease;
}

.finance-tab-root .fin-card--overview:hover{
transform:translateY(-1px);
filter:brightness(1.045);
border-color:rgba(71,85,105,0.72);
box-shadow:
var(--fin-panel-shadow),
0 6px 22px rgba(2,6,23,0.22);
}

.finance-tab-root .fin-treasury-overview{
margin:0;
color-scheme:dark;
position:relative;
}

.finance-tab-root .fin-treasury-overview .fin-overview-hero-head{
display:flex;
flex-direction:column;
gap:0;
margin:0 0 14px;
}

.finance-tab-root .fin-treasury-overview .fin-overview-head-top{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:12px 16px;
flex-wrap:wrap;
}

.finance-tab-root .fin-treasury-overview .fin-overview-head-cluster{
display:flex;
align-items:center;
gap:12px;
flex:1;
min-width:0;
}

.finance-tab-root .fin-treasury-overview .fin-overview-head-titles{
min-width:0;
flex:1;
}

.finance-tab-root .fin-treasury-overview .fin-overview-panel-title{
margin:0;
text-transform:uppercase;
letter-spacing:0.058em;
font-size:clamp(0.82rem, 1.85vw, 1rem);
font-weight:700;
line-height:1.16;
color:#e8f0f7;
}

.finance-tab-root .fin-treasury-overview .fin-overview-head-subline{
margin:var(--fin-1) 0 0;
font-size:11px;
font-weight:500;
letter-spacing:0.028em;
color:rgba(148,163,184,0.7);
max-width:52rem;
line-height:1.4;
}

.finance-tab-root .fin-treasury-overview .fin-overview-head-meta{
display:flex;
flex-direction:column;
align-items:flex-end;
gap:4px;
flex-shrink:0;
}

.finance-tab-root .fin-treasury-overview .fin-overview-head-date{
flex-shrink:0;
margin:0;
padding-top:0;
font-size:11px;
font-weight:500;
letter-spacing:0.035em;
color:rgba(148,163,184,0.72);
white-space:nowrap;
text-align:right;
}

.finance-tab-root .fin-treasury-overview .fin-overview-head-fresh{
display:flex;
align-items:center;
justify-content:flex-end;
gap:4px;
}

.finance-tab-root .fin-treasury-overview .fin-overview-fresh-dot{
flex-shrink:0;
width:6px;
height:6px;
border-radius:50%;
background:#22c55e;
box-shadow:0 0 0 1px rgba(15,23,42,0.45);
}

.finance-tab-root .fin-treasury-overview .fin-overview-fresh-dot.is-stale{
background:#f59e0b;
}

.finance-tab-root .fin-treasury-overview .fin-overview-fresh-text{
font-size:12px;
font-weight:500;
letter-spacing:0.018em;
color:rgba(186,198,212,0.68);
white-space:nowrap;
}

.finance-tab-root .fin-treasury-overview .fin-overview-head-controls{
display:flex;
flex-wrap:wrap;
align-items:stretch;
justify-content:stretch;
gap:0;
width:100%;
max-width:100%;
min-width:0;
box-sizing:border-box;
padding:8px 10px;
border-radius:10px;
border:1px solid rgba(51,65,85,0.28);
background:rgba(2,6,23,0.32);
box-shadow:inset 0 1px 0 rgba(148,163,184,0.04);
overflow:hidden;
}

.finance-tab-root .fin-treasury-overview .fin-overview-head-controls--filters{
margin-top:2px;
margin-bottom:14px;
}

.finance-tab-root .fin-treasury-overview .fin-overview-controls-inner{
display:grid;
grid-template-columns:minmax(6rem, 7.5rem) minmax(0, 1fr) auto;
align-items:center;
column-gap:8px;
row-gap:6px;
width:100%;
max-width:100%;
min-width:0;
box-sizing:border-box;
padding:0;
}

.finance-tab-root .fin-treasury-overview .fin-overview-filter{
display:contents;
}

.finance-tab-root .fin-treasury-overview .fin-filter-chip{
position:relative;
min-width:0;
}

.finance-tab-root .fin-treasury-overview .fin-filter-chip--type{
grid-column:1;
width:100%;
max-width:100%;
}

.finance-tab-root .fin-treasury-overview .fin-filter-chip--value{
grid-column:2;
width:100%;
min-width:0;
}

.finance-tab-root .fin-treasury-overview .fin-filter-chip select,
.finance-tab-root .fin-treasury-overview .fin-overview-select{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
box-sizing:border-box;
width:100%;
min-width:0;
height:32px;
background:rgba(15,23,42,0.55);
border:1px solid rgba(71,85,105,0.32);
padding:0 26px 0 10px;
border-radius:8px;
font-size:11px;
color:rgba(226,232,240,0.88);
font-weight:500;
cursor:pointer;
line-height:1.2;
transition:background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.finance-tab-root .fin-treasury-overview .fin-filter-chip select:hover,
.finance-tab-root .fin-treasury-overview .fin-overview-select:hover{
background:rgba(30,41,59,0.5);
border-color:rgba(100,116,139,0.35);
}

.finance-tab-root .fin-treasury-overview .fin-filter-chip select:focus,
.finance-tab-root .fin-treasury-overview .fin-overview-select:focus{
outline:none;
border-color:rgba(56,189,248,0.35);
box-shadow:0 0 0 1px rgba(56,189,248,0.08);
}

.finance-tab-root .fin-treasury-overview .fin-filter-chip select:focus-visible,
.finance-tab-root .fin-treasury-overview .fin-overview-select:focus-visible{
outline:2px solid rgba(56,189,248,0.4);
outline-offset:2px;
}

.finance-tab-root .fin-treasury-overview .fin-filter-chip select:disabled,
.finance-tab-root .fin-treasury-overview .fin-overview-select:disabled{
cursor:not-allowed;
opacity:0.55;
}

.finance-tab-root .fin-treasury-overview .fin-filter-chip::after{
content:"▾";
position:absolute;
right:9px;
top:50%;
transform:translateY(-50%);
font-size:11px;
opacity:0.62;
pointer-events:none;
line-height:1;
color:rgba(148,163,184,0.9);
}

.finance-tab-root .fin-treasury-overview .fin-overview-action-cluster{
grid-column:3;
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:flex-end;
gap:6px 8px;
justify-self:end;
min-width:0;
max-width:min(100%, 18rem);
flex-shrink:1;
}

.finance-tab-root .fin-treasury-overview .fin-overview-snapshot-btn{
margin:0;
box-sizing:border-box;
height:32px;
padding:0 10px;
border-radius:8px;
font-size:11px;
font-weight:600;
letter-spacing:0.05em;
text-transform:uppercase;
color:rgba(241,245,249,0.94);
background:linear-gradient(180deg, rgba(37,99,235,0.42) 0%, rgba(30,58,138,0.32) 100%);
border:1px solid rgba(96,165,250,0.32);
cursor:pointer;
font-family:inherit;
line-height:1;
transition:
transform 0.18s ease,
background 0.2s ease,
border-color 0.2s ease,
box-shadow 0.2s ease,
filter 0.2s ease;
box-shadow:0 1px 3px rgba(2,6,23,0.28);
flex-shrink:0;
}

.finance-tab-root .fin-treasury-overview .fin-overview-snapshot-btn:hover{
background:linear-gradient(180deg, rgba(59,130,246,0.48) 0%, rgba(37,99,235,0.34) 100%);
border-color:rgba(125,211,252,0.48);
filter:brightness(1.06);
box-shadow:
0 2px 8px rgba(2,6,23,0.32),
0 0 18px -2px rgba(56,189,248,0.28);
transform:translateY(-1px);
}

.finance-tab-root .fin-treasury-overview .fin-overview-snapshot-btn:active{
transform:translateY(0) scale(0.98);
filter:brightness(1.02);
}

.finance-tab-root .fin-treasury-overview .fin-overview-snapshot-btn:focus-visible{
outline:2px solid rgba(56,189,248,0.5);
outline-offset:2px;
}

.finance-tab-root .fin-treasury-overview .fin-overview-snapshot-btn:disabled{
opacity:0.55;
cursor:not-allowed;
}

.finance-tab-root .fin-treasury-overview .fin-overview-snapshot-feedback{
display:inline-block;
vertical-align:middle;
flex:0 1 auto;
min-width:0;
max-width:min(12.5rem, 32vw);
min-height:1.5em;
line-height:1.5;
font-size:11px;
font-weight:500;
color:rgba(186,198,212,0.78);
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}

.finance-tab-root .fin-treasury-overview .fin-overview-snapshot-feedback.tab-muted{
margin-left:0;
}

.finance-tab-root .fin-treasury-overview select option,
.finance-tab-root .fin-treasury-overview .fin-overview-select option{
background-color:#0f172a;
color:#e2e8f0;
}

.finance-tab-root .fin-treasury-overview select option:checked,
.finance-tab-root .fin-treasury-overview .fin-overview-select option:checked{
background-color:#1e3a5f;
color:#f8fafc;
}

.finance-tab-root .fin-treasury-overview select option:hover,
.finance-tab-root .fin-treasury-overview .fin-overview-select option:hover{
background-color:#1e293b;
}

.finance-tab-root #fin-overview-period-value option:disabled{
opacity:0.42;
color:#64748b;
}

.finance-tab-root #fin-overview-period-value:disabled{
opacity:0.65;
}

@media (max-width:720px){
.finance-tab-root .fin-treasury-overview .fin-overview-head-meta{
width:100%;
flex-direction:row;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
gap:6px 12px;
}
.finance-tab-root .fin-treasury-overview .fin-overview-head-date,
.finance-tab-root .fin-treasury-overview .fin-overview-head-fresh{
text-align:left;
justify-content:flex-start;
}
.finance-tab-root .fin-treasury-overview .fin-overview-head-controls{
flex-direction:column;
align-items:stretch;
}
.finance-tab-root .fin-treasury-overview .fin-overview-controls-inner{
display:flex;
flex-direction:column;
align-items:stretch;
gap:10px;
}
.finance-tab-root .fin-treasury-overview .fin-overview-filter{
display:flex;
flex-wrap:wrap;
width:100%;
flex:1 1 auto;
gap:8px;
align-items:center;
}
.finance-tab-root .fin-treasury-overview .fin-filter-chip--type{
grid-column:auto;
flex:1 1 9rem;
width:auto;
min-width:6.5rem;
max-width:none;
}
.finance-tab-root .fin-treasury-overview .fin-filter-chip--value{
grid-column:auto;
flex:1 1 12rem;
min-width:0;
max-width:none;
}
.finance-tab-root .fin-treasury-overview .fin-overview-action-cluster{
grid-column:auto;
justify-self:stretch;
flex-wrap:wrap;
width:100%;
max-width:none;
justify-content:space-between;
gap:8px 12px;
}
.finance-tab-root .fin-treasury-overview .fin-overview-snapshot-feedback{
flex:1 1 auto;
max-width:100%;
}
}

.finance-tab-root .fin-treasury-overview .fin-overview-card-hint,
.finance-tab-root .fin-treasury-overview .fin-overview-panel-hint{
opacity:0.72;
color:rgba(148,163,184,0.78);
}

.finance-tab-root .fin-treasury-overview .fin-overview-metric-grid{
display:grid;
grid-template-columns:minmax(0,1.25fr) minmax(0,0.85fr);
gap:var(--fin-4) var(--fin-5);
align-items:stretch;
margin:0 0 var(--fin-4);
}

.finance-tab-root .fin-treasury-overview .fin-overview-metric-grid--main{
margin-top:2px;
}

@media (max-width:720px){
.finance-tab-root .fin-treasury-overview .fin-overview-metric-grid{
grid-template-columns:1fr;
gap:var(--fin-4);
}
}

.finance-tab-root .fin-treasury-overview .fin-overview-metric-primary,
.finance-tab-root .fin-treasury-overview .fin-overview-metric-secondary{
padding:var(--fin-3) var(--fin-4);
border-radius:11px;
border:1px solid rgba(51,65,85,0.34);
background:rgba(2,6,23,0.32);
box-shadow:
inset 0 1px 0 rgba(148,163,184,0.055),
0 1px 0 rgba(2,6,23,0.4);
min-width:0;
}

.finance-tab-root .fin-treasury-overview .fin-overview-metric-label{
font-size:11px;
font-weight:600;
letter-spacing:0.09em;
text-transform:uppercase;
color:rgba(148,163,184,0.82);
margin-bottom:6px;
}

.finance-tab-root .fin-treasury-overview .fin-overview-metric-label--compact{
display:block;
font-size:11px;
letter-spacing:0.1em;
margin-bottom:3px;
color:rgba(148,163,184,0.72);
}

.finance-tab-root .fin-treasury-overview .fin-overview-opening-block{
margin-bottom:10px;
padding-bottom:8px;
border-bottom:1px solid rgba(51,65,85,0.35);
}

.finance-tab-root .fin-treasury-overview .fin-overview-opening-value{
display:block;
font-size:12px;
font-weight:600;
font-variant-numeric:tabular-nums;
letter-spacing:0.02em;
color:rgba(203,213,225,0.78);
line-height:1.2;
}

.finance-tab-root .fin-treasury-overview .fin-overview-hero-value{
font-size:clamp(28px,3.2vw,42px);
font-weight:700;
line-height:1.06;
font-variant-numeric:tabular-nums;
color:#f1f5f9;
letter-spacing:-0.02em;
}

.finance-tab-root .fin-treasury-overview .fin-overview-change-value{
font-size:clamp(18px,2.2vw,26px);
font-weight:700;
line-height:1.06;
font-variant-numeric:tabular-nums;
color:rgba(248,250,252,0.96);
letter-spacing:-0.015em;
}

.finance-tab-root .fin-treasury-overview .fin-overview-return-row{
margin-top:8px;
padding-top:6px;
border-top:1px solid rgba(51,65,85,0.28);
}

.finance-tab-root .fin-treasury-overview .fin-overview-return-pct{
margin-top:2px;
font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
font-size:clamp(11px,1.25vw,13px);
font-weight:500;
font-variant-numeric:tabular-nums;
letter-spacing:0.02em;
line-height:1.15;
color:rgba(148,163,184,0.65);
}

.finance-tab-root .fin-treasury-overview .fin-overview-return-pct.delta-pos{
color:#34d399;
}

.finance-tab-root .fin-treasury-overview .fin-overview-return-pct.delta-neg{
color:#f87171;
}

.finance-tab-root .fin-treasury-overview .fin-overview-metric-grid .fin-card-note:not(.delta-pos):not(.delta-neg){
margin-top:var(--fin-2);
font-size:11px;
color:rgba(148,163,184,0.48);
}

.finance-tab-root .fin-treasury-overview .fin-overview-exp-module{
margin:0 0 var(--fin-3);
border-radius:11px;
border:1px solid rgba(51,65,85,0.4);
background:rgba(2,6,23,0.26);
box-shadow:
inset 0 1px 0 rgba(148,163,184,0.05),
0 1px 0 rgba(2,6,23,0.32);
overflow:hidden;
}

.finance-tab-root .fin-treasury-overview #fin-overview-period-exp-module{
border-top:1px solid rgba(51,65,85,0.28);
margin-top:2px;
padding-top:0;
}

.finance-tab-root .fin-treasury-overview .fin-overview-activity-summary{
flex-shrink:0;
margin-left:auto;
max-width:none;
font-size:11px;
font-weight:550;
font-variant-numeric:tabular-nums;
letter-spacing:0.02em;
color:rgba(186,198,212,0.82);
white-space:nowrap;
}

.finance-tab-root .fin-treasury-overview .fin-overview-activity-panel-body{
max-height:min(42vh,15rem);
}

.finance-tab-root .fin-treasury-overview .fin-overview-activity-sections{
display:flex;
flex-direction:column;
gap:var(--fin-4);
}

.finance-tab-root .fin-treasury-overview .fin-overview-activity-block{
min-width:0;
}

.finance-tab-root .fin-treasury-overview .fin-overview-activity-heading{
margin:0 0 var(--fin-2);
font-size:11px;
font-weight:700;
letter-spacing:0.07em;
text-transform:uppercase;
color:rgba(203,213,225,0.82);
}

.finance-tab-root .fin-treasury-overview .fin-overview-activity-table{
margin:0;
}

.finance-tab-root .fin-treasury-overview .fin-overview-activity-empty{
margin:0;
}

@media (max-width:520px){
.finance-tab-root .fin-treasury-overview .fin-overview-activity-summary{
white-space:normal;
text-align:right;
max-width:11rem;
}
}

.finance-tab-root .fin-treasury-overview .fin-overview-exp-toggle{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:var(--fin-2);
width:100%;
margin:0;
min-height:42px;
padding:11px var(--fin-3) 11px var(--fin-4);
border:0;
border-radius:0;
background:transparent;
color:rgba(226,232,240,0.9);
font:inherit;
font-size:12px;
font-weight:600;
letter-spacing:0.04em;
text-align:left;
cursor:pointer;
transition:transform 0.18s ease, background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

.finance-tab-root .fin-treasury-overview .fin-overview-exp-toggle:hover{
background:rgba(255,255,255,0.04);
color:#f1f5f9;
box-shadow:inset 0 0 0 1px rgba(51,65,85,0.22);
filter:brightness(1.045);
}

.finance-tab-root .fin-treasury-overview .fin-overview-exp-toggle:active{
transform:scale(0.995);
filter:brightness(1.02);
}

.finance-tab-root .fin-treasury-overview .fin-overview-exp-toggle:focus-visible{
outline:2px solid rgba(56,189,248,0.45);
outline-offset:-2px;
}

.finance-tab-root .fin-treasury-overview .fin-overview-exp-toggle-label{
flex:1;
min-width:0;
font-size:12px;
font-weight:700;
letter-spacing:0.045em;
color:rgba(241,245,249,0.96);
}

.finance-tab-root .fin-treasury-overview .fin-overview-exp-inline-meta{
flex-shrink:1;
min-width:0;
font-size:11px;
font-weight:550;
color:rgba(186,198,212,0.78);
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
max-width:14rem;
}

.finance-tab-root .fin-treasury-overview .fin-overview-exp-header-total{
flex-shrink:0;
margin-left:auto;
padding-left:var(--fin-3);
font-size:13px;
font-weight:700;
font-variant-numeric:tabular-nums;
letter-spacing:0.02em;
color:rgba(248,250,252,0.96);
white-space:nowrap;
}

.finance-tab-root .fin-treasury-overview .fin-overview-exp-ico{
flex-shrink:0;
color:rgba(148,163,184,0.38);
opacity:0.95;
}

.finance-tab-root .fin-treasury-overview .fin-overview-exp-chevron{
flex-shrink:0;
display:flex;
align-items:center;
margin-left:var(--fin-2);
color:rgba(148,163,184,0.48);
transition:transform 0.28s ease, color 0.2s ease;
}

.finance-tab-root .fin-treasury-overview .fin-overview-exp-chevron-svg{
display:block;
opacity:0.9;
}

.finance-tab-root .fin-treasury-overview .fin-overview-exp-module.is-open .fin-overview-exp-chevron{
transform:rotate(180deg);
color:rgba(148,163,184,0.68);
}

.finance-tab-root .fin-treasury-overview .fin-overview-exp-panel{
display:grid;
grid-template-rows:0fr;
transition:grid-template-rows 0.32s ease, opacity 0.24s ease;
opacity:0;
}

.finance-tab-root .fin-treasury-overview .fin-overview-exp-module.is-open .fin-overview-exp-panel{
grid-template-rows:1fr;
opacity:1;
}

.finance-tab-root .fin-treasury-overview .fin-overview-exp-panel > *{
min-height:0;
overflow:hidden;
}

.finance-tab-root .fin-treasury-overview .fin-overview-exp-panel > .fin-overview-period-exp-detail-hint{
margin:0;
padding:var(--fin-2) var(--fin-3) var(--fin-1);
font-size:10px;
line-height:1.35;
font-style:italic;
color:rgba(148,163,184,0.58);
overflow:visible;
min-height:auto;
max-height:none;
}

.finance-tab-root .fin-treasury-overview .fin-overview-exp-header-total.is-fin-exp-header-ahead{
text-decoration:underline;
text-decoration-color:rgba(96,165,250,0.45);
text-underline-offset:2px;
}

.finance-tab-root .fin-treasury-overview .fin-overview-exp-panel-body{
margin:0;
padding:0 var(--fin-3) var(--fin-3);
border:0;
font-size:11px;
line-height:1.45;
color:rgba(148,163,184,0.78);
max-width:none;
max-height:min(38vh,13.5rem);
overflow-x:auto;
overflow-y:auto;
-webkit-overflow-scrolling:touch;
}

.finance-tab-root .fin-treasury-overview .fin-overview-exp-empty{
margin:0;
padding:0 0 var(--fin-1);
font-size:11px;
line-height:1.4;
font-weight:500;
color:rgba(148,163,184,0.72);
}

.finance-tab-root .fin-treasury-overview .fin-overview-exp-table{
width:100%;
border-collapse:collapse;
font-size:11px;
table-layout:fixed;
}

.finance-tab-root .fin-treasury-overview .fin-overview-exp-th{
padding:0 0 var(--fin-1);
font-size:11px;
font-weight:600;
letter-spacing:0.06em;
text-transform:uppercase;
text-align:left;
color:rgba(148,163,184,0.76);
border-bottom:1px solid rgba(51,65,85,0.28);
}

.finance-tab-root .fin-treasury-overview .fin-overview-exp-th--amt{
text-align:right;
}

.finance-tab-root .fin-treasury-overview .fin-overview-exp-cell{
padding:var(--fin-2) var(--fin-2) var(--fin-2) 0;
vertical-align:middle;
color:rgba(203,213,225,0.84);
border-bottom:1px solid rgba(51,65,85,0.14);
word-wrap:break-word;
}

.finance-tab-root .fin-treasury-overview .fin-overview-exp-cell--time{
width:34%;
font-variant-numeric:tabular-nums;
color:rgba(148,163,184,0.78);
}

.finance-tab-root .fin-treasury-overview .fin-overview-exp-cell--desc{
width:46%;
}

.finance-tab-root .fin-treasury-overview .fin-overview-exp-cell--amt{
width:20%;
padding-right:0;
text-align:right;
font-weight:600;
color:rgba(226,232,240,0.88);
}

.finance-tab-root .fin-treasury-overview .fin-overview-wallet-caption,
.finance-tab-root .fin-treasury-overview .fin-overview-chart-caption{
flex-shrink:0;
margin:0;
margin-top:6px;
padding-top:8px;
border-top:1px solid rgba(51,65,85,0.2);
font-size:11px;
font-weight:500;
line-height:1.45;
opacity:1;
max-width:none;
color:rgba(148,163,184,0.7);
}

.finance-tab-root .fin-treasury-overview .fin-overview-wallet-caption:empty{
display:none;
}

.finance-tab-root .fin-treasury-overview .fin-overview-chart-insights{
--fin-overview-sync-body:17rem;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
align-items:stretch;
gap:var(--fin-3) var(--fin-4);
min-width:0;
margin:0 0 var(--fin-2);
}

.finance-tab-root .fin-treasury-overview .fin-overview-chart-col{
display:flex;
flex-direction:column;
gap:0;
min-width:0;
min-height:0;
}

.finance-tab-root .fin-treasury-overview .fin-overview-chart-panel{
border-radius:var(--fin-radius);
border:1px solid rgba(51,65,85,0.34);
background:rgba(2,6,23,0.44);
box-shadow:
inset 0 1px 0 rgba(148,163,184,0.045),
0 1px var(--fin-2) rgba(2,6,23,0.12);
padding:var(--fin-2) var(--fin-3) var(--fin-3);
min-width:0;
}

.finance-tab-root .fin-treasury-overview .fin-overview-chart-panel-bar{
flex-shrink:0;
display:block;
margin-bottom:8px;
padding-bottom:8px;
border-bottom:1px solid rgba(51,65,85,0.2);
}

.finance-tab-root .fin-treasury-overview .fin-overview-chart-title-block{
display:flex;
flex-direction:column;
gap:2px;
min-width:0;
width:100%;
}

.finance-tab-root .fin-treasury-overview .fin-overview-chart-title-row{
display:flex;
flex-wrap:nowrap;
align-items:center;
justify-content:space-between;
gap:10px;
min-width:0;
}

.finance-tab-root .fin-treasury-overview .fin-overview-chart-title{
flex:1;
min-width:0;
font-size:11px;
font-weight:700;
letter-spacing:0.08em;
text-transform:uppercase;
color:rgba(203,213,225,0.88);
line-height:1.2;
}

.finance-tab-root .fin-treasury-overview .fin-overview-chart-subtitle{
font-size:11px;
font-weight:500;
color:rgba(148,163,184,0.68);
letter-spacing:0.02em;
line-height:1.35;
}

.finance-tab-root .fin-treasury-overview .fin-overview-chart-scale-toggle{
display:inline-flex;
flex-shrink:0;
align-items:stretch;
gap:0;
border-radius:6px;
border:1px solid rgba(51,65,85,0.5);
overflow:hidden;
background:rgba(15,23,42,0.5);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.03);
}

.finance-tab-root .fin-treasury-overview .fin-overview-chart-mode-btn{
margin:0;
box-sizing:border-box;
min-height:30px;
padding:5px 9px;
font-size:11px;
font-weight:700;
letter-spacing:0.06em;
text-transform:uppercase;
color:rgba(186,198,212,0.82);
background:transparent;
border:none;
border-right:1px solid rgba(51,65,85,0.45);
cursor:pointer;
transition:transform 0.18s ease, background 0.2s ease, color 0.2s ease, filter 0.2s ease;
font-family:inherit;
line-height:1.1;
}

.finance-tab-root .fin-treasury-overview .fin-overview-chart-mode-btn:last-child{
border-right:none;
}

.finance-tab-root .fin-treasury-overview .fin-overview-chart-mode-btn:hover{
color:#e2e8f0;
background:rgba(30,41,59,0.4);
filter:brightness(1.06);
}

.finance-tab-root .fin-treasury-overview .fin-overview-chart-mode-btn:active{
transform:scale(0.97);
filter:brightness(1.02);
}

.finance-tab-root .fin-treasury-overview .fin-overview-chart-mode-btn.is-active{
color:#e2e8f0;
background:rgba(30,50,80,0.28);
}

.finance-tab-root .fin-treasury-overview .fin-overview-chart-mode-btn:focus-visible{
outline:2px solid rgba(56,189,248,0.3);
outline-offset:1px;
}

.finance-tab-root .fin-treasury-overview .fin-overview-insights-col{
min-width:0;
min-height:0;
display:flex;
flex-direction:column;
}

.finance-tab-root .fin-treasury-overview .fin-overview-chart-panel .fin-overview-chart.fin-chart{
max-width:100%;
overflow:auto;
margin:0;
padding:2px 0 4px;
}

.finance-tab-root .fin-treasury-overview .fin-overview-wallet-insights-panel.fin-panel{
padding:calc(var(--fin-2) + 6px) calc(14px + 6px) calc(var(--fin-3) + 4px) calc(12px + 6px);
border-radius:var(--fin-radius);
border:1px solid rgba(51,65,85,0.34);
background:rgba(2,6,23,0.44);
box-shadow:
inset 0 1px 0 rgba(148,163,184,0.045),
0 1px var(--fin-2) rgba(2,6,23,0.12);
flex:0 0 auto;
width:100%;
min-height:0;
max-width:100%;
box-sizing:border-box;
display:flex;
flex-direction:column;
}

.finance-tab-root .fin-treasury-overview .fin-overview-wallet-insights-panel .fin-panel-head{
flex-shrink:0;
margin-bottom:0;
padding-bottom:8px;
border-bottom:1px solid rgba(51,65,85,0.2);
position:relative;
}

.finance-tab-root .fin-treasury-overview .fin-overview-wallet-insights-panel .fin-panel-title{
margin:0;
font-size:11px;
font-weight:700;
letter-spacing:0.06em;
text-transform:uppercase;
color:rgba(203,213,225,0.9);
position:relative;
display:inline-block;
}

.finance-tab-root .fin-treasury-overview .fin-overview-wallet-insights-panel .fin-panel-title::after{
content:"";
display:block;
margin-top:5px;
height:2px;
width:2.25rem;
border-radius:1px;
background:linear-gradient(90deg, rgba(56,189,248,0.5), transparent);
opacity:0.9;
}

.finance-tab-root .fin-treasury-overview .fin-overview-wallet-insights-scroll{
flex:none;
min-height:0;
max-height:var(--fin-overview-sync-body, 14rem);
overflow-x:hidden;
overflow-y:auto;
-webkit-overflow-scrolling:touch;
margin:0;
padding:8px 10px 8px 6px;
box-sizing:border-box;
scrollbar-width:thin;
scrollbar-color:rgba(100,116,139,0.28) transparent;
}

.finance-tab-root .fin-treasury-overview .fin-overview-wallet-insights-scroll::-webkit-scrollbar{
width:5px;
}

.finance-tab-root .fin-treasury-overview .fin-overview-wallet-insights-scroll::-webkit-scrollbar-track{
background:transparent;
}

.finance-tab-root .fin-treasury-overview .fin-overview-wallet-insights-scroll::-webkit-scrollbar-thumb{
background:rgba(100,116,139,0.26);
border-radius:99px;
}

.finance-tab-root .fin-treasury-overview .fin-overview-wallet-insights-scroll::-webkit-scrollbar-thumb:hover{
background:rgba(148,163,184,0.32);
}

@media (min-width:901px){
.finance-tab-root .fin-treasury-overview .fin-overview-chart-insights > .fin-overview-chart-col,
.finance-tab-root .fin-treasury-overview .fin-overview-chart-insights > .fin-overview-insights-col{
flex:1 1 0;
min-width:0;
min-height:0;
align-self:stretch;
display:flex;
flex-direction:column;
}
.finance-tab-root .fin-treasury-overview .fin-overview-insights-col{
overflow:hidden;
justify-content:flex-start;
}
.finance-tab-root .fin-treasury-overview .fin-overview-chart-panel{
flex:1 1 auto;
min-height:0;
display:flex;
flex-direction:column;
}
.finance-tab-root .fin-treasury-overview .fin-overview-chart-panel .fin-overview-chart.fin-chart{
flex:1 1 auto;
min-height:0;
max-height:var(--fin-overview-sync-body, 14rem);
overflow:hidden;
display:flex;
align-items:stretch;
align-self:stretch;
}
.finance-tab-root .fin-treasury-overview .fin-overview-chart-panel .fin-overview-chart.fin-chart svg{
display:block;
width:100%;
height:100%;
min-height:0;
max-height:100%;
flex:1 1 auto;
object-fit:contain;
}
.finance-tab-root .fin-treasury-overview .fin-overview-wallet-insights-panel.fin-panel{
height:auto;
max-height:none;
}
}

@media (max-width:900px){
.finance-tab-root .fin-treasury-overview .fin-overview-chart-insights{
flex-direction:column;
flex-wrap:nowrap;
align-items:stretch;
gap:var(--fin-4);
}
.finance-tab-root .fin-treasury-overview .fin-overview-insights-col{
overflow:visible;
}
.finance-tab-root .fin-treasury-overview .fin-overview-chart-col{
height:auto;
}
.finance-tab-root .fin-treasury-overview .fin-overview-chart-panel{
flex:none;
}
.finance-tab-root .fin-treasury-overview .fin-overview-chart-panel .fin-overview-chart.fin-chart{
flex:none;
min-height:0;
overflow:auto;
}
.finance-tab-root .fin-treasury-overview .fin-overview-wallet-insights-panel.fin-panel{
height:auto;
flex:none;
}
.finance-tab-root .fin-treasury-overview .fin-overview-wallet-insights-scroll{
flex:none;
max-height:none;
overflow-y:visible;
min-height:0;
}
}

.finance-tab-root .fin-treasury-overview .fin-wallet-insights-list{
display:flex;
flex-direction:column;
gap:12px;
}

.finance-tab-root .fin-treasury-overview .fin-wallet-insights-empty{
margin:0;
font-size:12px;
line-height:1.4;
color:var(--fin-cap);
}

.finance-tab-root .fin-treasury-overview .fin-wallet-insight-item{
position:relative;
display:flex;
flex-direction:column;
gap:10px;
padding:13px 17px 13px 15px;
margin:0 2px;
border-radius:calc(var(--fin-radius) - 2px);
border:1px solid rgba(51,65,85,0.36);
background:linear-gradient(
165deg,
rgba(30,41,59,0.22) 0%,
rgba(2,6,23,0.26) 42%,
rgba(2,6,23,0.34) 100%
);
min-width:0;
max-width:100%;
box-sizing:border-box;
transition:border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease, filter 0.2s ease;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.042),
inset 0 -1px 0 rgba(0,0,0,0.14),
inset -1px 0 0 rgba(148,163,184,0.04),
0 1px 0 rgba(2,6,23,0.42);
}

.finance-tab-root .fin-treasury-overview .fin-wallet-insight-item::before{
content:"";
position:absolute;
left:0;
top:12px;
bottom:12px;
width:2px;
border-radius:2px;
background:hsl(var(--fin-wallet-bar-hue, 200), 50%, 52%);
opacity:0.42;
pointer-events:none;
}

.finance-tab-root .fin-treasury-overview .fin-wallet-insight-item--podium-1::before{
opacity:0.72;
background:linear-gradient(180deg, rgba(250,204,21,0.85), rgba(234,179,8,0.35));
}

.finance-tab-root .fin-treasury-overview .fin-wallet-insight-item--podium-2::before{
opacity:0.62;
background:linear-gradient(180deg, rgba(226,232,240,0.55), rgba(148,163,184,0.28));
}

.finance-tab-root .fin-treasury-overview .fin-wallet-insight-item--podium-3::before{
opacity:0.58;
background:linear-gradient(180deg, rgba(251,146,60,0.65), rgba(180,83,9,0.32));
}

.finance-tab-root .fin-treasury-overview .fin-wallet-insight-item--podium-1{
background:linear-gradient(
145deg,
rgba(250,204,21,0.11) 0%,
rgba(34,211,238,0.04) 38%,
rgba(2,6,23,0.26) 52%,
rgba(15,23,42,0.24) 100%
);
border-color:rgba(180,150,60,0.55);
box-shadow:
inset 0 1px 0 rgba(250,204,21,0.12),
inset 0 -1px 0 rgba(0,0,0,0.14),
0 0 0 1px rgba(250,204,21,0.09),
0 3px 14px rgba(250,204,21,0.08),
0 0 36px -10px rgba(234,179,8,0.14),
0 0 28px -12px rgba(34,211,238,0.08);
}

.finance-tab-root .fin-treasury-overview .fin-wallet-insight-item--podium-2{
background:linear-gradient(
145deg,
rgba(226,232,240,0.06) 0%,
rgba(2,6,23,0.24) 48%,
rgba(15,23,42,0.2) 100%
);
border-color:rgba(90,100,118,0.46);
box-shadow:
inset 0 1px 0 rgba(226,232,240,0.07),
inset 0 -1px 0 rgba(0,0,0,0.13),
0 0 0 1px rgba(186,198,212,0.06),
0 2px 12px rgba(148,163,184,0.06);
}

.finance-tab-root .fin-treasury-overview .fin-wallet-insight-item--podium-3{
background:linear-gradient(
145deg,
rgba(251,146,60,0.07) 0%,
rgba(2,6,23,0.24) 48%,
rgba(15,23,42,0.2) 100%
);
border-color:rgba(100,72,48,0.46);
box-shadow:
inset 0 1px 0 rgba(251,146,60,0.08),
inset 0 -1px 0 rgba(0,0,0,0.13),
0 0 0 1px rgba(245,158,11,0.06),
0 2px 12px rgba(180,83,9,0.06);
}

.finance-tab-root .fin-treasury-overview .fin-wallet-insight-item:hover:not(.is-fin-wa-highlight){
border-color:rgba(100,116,139,0.5);
background:linear-gradient(
165deg,
rgba(30,41,59,0.36) 0%,
rgba(15,23,42,0.44) 100%
);
box-shadow:
inset 0 1px 0 rgba(148,163,184,0.075),
inset 0 -1px 0 rgba(0,0,0,0.12),
0 0 0 1px rgba(51,65,85,0.14),
0 4px 18px rgba(2,6,23,0.3);
transform:scale(1.01) translateZ(0);
filter:brightness(1.04);
}

.finance-tab-root .fin-treasury-overview .fin-wallet-insight-item--podium-1:hover:not(.is-fin-wa-highlight){
background:linear-gradient(
145deg,
rgba(250,204,21,0.1) 0%,
rgba(15,23,42,0.38) 100%
);
border-color:rgba(130,105,48,0.5);
}

.finance-tab-root .fin-treasury-overview .fin-wallet-insight-item--podium-2:hover:not(.is-fin-wa-highlight){
background:linear-gradient(
145deg,
rgba(226,232,240,0.08) 0%,
rgba(15,23,42,0.36) 100%
);
border-color:rgba(95,105,125,0.48);
}

.finance-tab-root .fin-treasury-overview .fin-wallet-insight-item--podium-3:hover:not(.is-fin-wa-highlight){
background:linear-gradient(
145deg,
rgba(251,146,60,0.09) 0%,
rgba(15,23,42,0.36) 100%
);
border-color:rgba(110,78,52,0.48);
}

.finance-tab-root .fin-treasury-overview .fin-wallet-insight-item.is-fin-wa-highlight{
border-color:rgba(148,163,184,0.48);
background:rgba(30,41,59,0.38);
box-shadow:
0 0 0 1px hsla(var(--fin-wallet-bar-hue, 200), 55%, 48%, 0.22),
0 2px 10px rgba(2,6,23,0.28);
}

.finance-tab-root .fin-treasury-overview .fin-wallet-insight-row{
display:grid;
grid-template-columns:2.65rem minmax(0, 1fr) minmax(4.25rem, max-content) minmax(3.35rem, max-content) minmax(2.6rem, max-content);
column-gap:12px;
row-gap:9px;
align-items:center;
min-width:0;
}

.finance-tab-root .fin-treasury-overview .fin-wallet-rank-slot{
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
width:2.65rem;
min-height:2.1rem;
padding:2px 3px;
box-sizing:border-box;
border-radius:7px;
background:rgba(15,23,42,0.35);
border:1px solid rgba(51,65,85,0.32);
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.04),
inset 0 -1px 0 rgba(0,0,0,0.18);
}

.finance-tab-root .fin-treasury-overview .fin-wallet-insight-item--podium-1 .fin-wallet-rank-slot{
border-color:rgba(120,95,42,0.35);
background:rgba(15,23,42,0.42);
box-shadow:
inset 0 1px 0 rgba(250,204,21,0.06),
inset 0 -1px 0 rgba(0,0,0,0.2);
}

.finance-tab-root .fin-treasury-overview .fin-wallet-insight-item--podium-2 .fin-wallet-rank-slot{
border-color:rgba(90,100,118,0.32);
background:rgba(15,23,42,0.4);
box-shadow:
inset 0 1px 0 rgba(226,232,240,0.05),
inset 0 -1px 0 rgba(0,0,0,0.2);
}

.finance-tab-root .fin-treasury-overview .fin-wallet-insight-item--podium-3 .fin-wallet-rank-slot{
border-color:rgba(100,72,48,0.32);
background:rgba(15,23,42,0.4);
box-shadow:
inset 0 1px 0 rgba(251,146,60,0.05),
inset 0 -1px 0 rgba(0,0,0,0.2);
}

.finance-tab-root .fin-treasury-overview .fin-wallet-rank-badge{
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
width:100%;
}

.finance-tab-root .fin-treasury-overview .fin-wallet-rank-badge--tier-1{
filter:drop-shadow(0 1px 1px rgba(0,0,0,0.55)) drop-shadow(0 0 5px rgba(234,179,8,0.11));
}

.finance-tab-root .fin-treasury-overview .fin-wallet-rank-badge--tier-2{
filter:drop-shadow(0 1px 1px rgba(0,0,0,0.48)) drop-shadow(0 0 4px rgba(203,213,225,0.08));
}

.finance-tab-root .fin-treasury-overview .fin-wallet-rank-badge--tier-3{
filter:drop-shadow(0 1px 1px rgba(0,0,0,0.5)) drop-shadow(0 0 4px rgba(245,158,11,0.09));
}

.finance-tab-root .fin-treasury-overview .fin-wallet-rank-badge--tier-rest{
filter:drop-shadow(0 1px 1px rgba(0,0,0,0.4));
}

.finance-tab-root .fin-treasury-overview .fin-wallet-rank-badge--tier-empty{
filter:drop-shadow(0 0.5px 0 rgba(0,0,0,0.3));
}

.finance-tab-root .fin-treasury-overview .fin-wallet-rank-badge__svg{
display:block;
overflow:visible;
width:34px;
height:22px;
}

.finance-tab-root .fin-treasury-overview .fin-wallet-rank-badge__num{
font-family:ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
font-size:11px;
font-weight:800;
font-variant-numeric:tabular-nums;
fill:rgba(241,245,249,0.96);
paint-order:stroke fill;
stroke:rgba(2,6,23,0.55);
stroke-width:0.35px;
}

.finance-tab-root .fin-treasury-overview .fin-wallet-rank-badge__shell{
fill:rgba(15,23,42,0.84);
stroke:rgba(100,116,139,0.48);
stroke-width:0.85;
stroke-linejoin:miter;
}

.finance-tab-root .fin-treasury-overview .fin-wallet-rank-badge__inset{
stroke:rgba(148,163,184,0.24);
stroke-width:0.5;
stroke-linejoin:miter;
}

.finance-tab-root .fin-treasury-overview .fin-wallet-rank-badge__detail{
stroke:rgba(148,163,184,0.38);
stroke-width:0.4;
stroke-linecap:square;
stroke-linejoin:miter;
}

.finance-tab-root .fin-treasury-overview .fin-wallet-rank-badge__under{
fill:rgba(2,6,23,0.58);
stroke:none;
}

.finance-tab-root .fin-treasury-overview .fin-wallet-rank-badge__under--rest{
fill:rgba(2,6,23,0.52);
opacity:0.95;
}

.finance-tab-root .fin-treasury-overview .fin-wallet-rank-badge__under--p1{
fill:rgba(2,6,23,0.68);
}

.finance-tab-root .fin-treasury-overview .fin-wallet-rank-badge__under--p2{
fill:rgba(2,6,23,0.64);
}

.finance-tab-root .fin-treasury-overview .fin-wallet-rank-badge__under--p3{
fill:rgba(2,6,23,0.64);
}

.finance-tab-root .fin-treasury-overview .fin-wallet-rank-badge__detail--rest{
stroke:rgba(100,116,139,0.28);
stroke-width:0.4;
}

.finance-tab-root .fin-treasury-overview .fin-wallet-rank-badge__shell--empty{
fill:rgba(15,23,42,0.35);
stroke:rgba(71,85,105,0.38);
stroke-width:0.75;
stroke-dasharray:2.2 2.2;
}

.finance-tab-root .fin-treasury-overview .fin-wallet-rank-badge--tier-empty .fin-wallet-rank-badge__num{
fill:rgba(148,163,184,0.52);
font-weight:700;
}

.finance-tab-root .fin-treasury-overview .fin-wallet-rank-badge__shell--rest{
fill:rgba(15,23,42,0.78);
stroke:rgba(100,116,139,0.4);
}

.finance-tab-root .fin-treasury-overview .fin-wallet-rank-badge__inset--rest{
stroke:rgba(148,163,184,0.18);
}

.finance-tab-root .fin-treasury-overview .fin-wallet-rank-badge--tier-rest .fin-wallet-rank-badge__num{
fill:rgba(226,232,240,0.86);
}

.finance-tab-root .fin-treasury-overview .fin-wallet-rank-badge__shell--p1{
fill:rgba(250,204,21,0.09);
stroke:rgba(234,179,8,0.55);
stroke-width:0.95;
}

.finance-tab-root .fin-treasury-overview .fin-wallet-rank-badge__inset--p1{
stroke:rgba(250,204,21,0.32);
}

.finance-tab-root .fin-treasury-overview .fin-wallet-rank-badge__detail--p1{
stroke:rgba(253,224,71,0.42);
}

.finance-tab-root .fin-treasury-overview .fin-wallet-rank-badge--tier-1 .fin-wallet-rank-badge__num{
fill:rgba(254,243,199,0.98);
stroke:rgba(2,6,23,0.62);
}

.finance-tab-root .fin-treasury-overview .fin-wallet-rank-badge__shell--p2{
fill:rgba(226,232,240,0.07);
stroke:rgba(186,198,212,0.48);
stroke-width:0.9;
}

.finance-tab-root .fin-treasury-overview .fin-wallet-rank-badge__inset--p2{
stroke:rgba(203,213,225,0.28);
}

.finance-tab-root .fin-treasury-overview .fin-wallet-rank-badge__detail--p2{
stroke:rgba(226,232,240,0.38);
}

.finance-tab-root .fin-treasury-overview .fin-wallet-rank-badge--tier-2 .fin-wallet-rank-badge__num{
fill:rgba(248,250,252,0.96);
}

.finance-tab-root .fin-treasury-overview .fin-wallet-rank-badge__shell--p3{
fill:rgba(251,146,60,0.08);
stroke:rgba(245,158,11,0.46);
stroke-width:0.9;
}

.finance-tab-root .fin-treasury-overview .fin-wallet-rank-badge__inset--p3{
stroke:rgba(253,186,116,0.3);
}

.finance-tab-root .fin-treasury-overview .fin-wallet-rank-badge__detail--p3{
stroke:rgba(254,215,170,0.36);
}

.finance-tab-root .fin-treasury-overview .fin-wallet-rank-badge--tier-3 .fin-wallet-rank-badge__num{
fill:rgba(255,237,213,0.96);
}

.finance-tab-root .fin-treasury-overview .fin-wallet-label{
flex:1;
min-width:0;
font-size:12px;
font-weight:600;
letter-spacing:0.015em;
color:rgba(241,245,249,0.96);
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
padding-right:2px;
}

.finance-tab-root .fin-treasury-overview .fin-wallet-value{
font-size:13px;
font-weight:800;
color:#f8fafc;
white-space:nowrap;
text-align:right;
font-variant-numeric:tabular-nums;
padding-right:0;
letter-spacing:0.02em;
line-height:1.2;
}

.finance-tab-root .fin-treasury-overview .fin-wallet-growth{
font-size:12px;
font-weight:600;
font-variant-numeric:tabular-nums;
white-space:nowrap;
min-width:3.5rem;
text-align:right;
letter-spacing:0.018em;
line-height:1.2;
opacity:0.98;
}

.finance-tab-root .fin-treasury-overview .fin-wallet-growth-pct{
font-size:11px;
font-weight:500;
font-variant-numeric:tabular-nums;
white-space:nowrap;
min-width:2.65rem;
text-align:right;
color:rgba(148,163,184,0.58);
line-height:1.2;
opacity:0.88;
}

.finance-tab-root .fin-treasury-overview .fin-wallet-growth-pct.fin-wallet-growth--pos{
color:rgba(52,211,153,0.92);
opacity:1;
}

.finance-tab-root .fin-treasury-overview .fin-wallet-growth-pct.fin-wallet-growth--neg{
color:rgba(248,113,113,0.92);
opacity:1;
}

.finance-tab-root .fin-treasury-overview .fin-wallet-growth-pct.fin-wallet-growth--flat{
color:rgba(148,163,184,0.58);
opacity:0.88;
}

.finance-tab-root .fin-treasury-overview .fin-wallet-growth--pos{
color:rgba(52,211,153,0.95);
}

.finance-tab-root .fin-treasury-overview .fin-wallet-growth--neg{
color:rgba(248,113,113,0.95);
}

.finance-tab-root .fin-treasury-overview .fin-wallet-growth--flat{
color:rgba(148,163,184,0.68);
}

.finance-tab-root .fin-treasury-overview .fin-wallet-bar{
width:100%;
min-width:0;
}

.finance-tab-root .fin-treasury-overview .fin-wallet-bar-track{
height:3px;
border-radius:99px;
background:linear-gradient(
180deg,
rgba(15,23,42,0.35) 0%,
rgba(30,41,59,0.82) 100%
);
overflow:hidden;
border:1px solid rgba(51,65,85,0.3);
box-shadow:inset 0 1px 2px rgba(0,0,0,0.22);
}

.finance-tab-root .fin-treasury-overview .fin-wallet-bar-fill{
height:100%;
min-width:0;
border-radius:99px;
background:linear-gradient(
90deg,
hsl(var(--fin-wallet-bar-hue, 200), 42%, 38%) 0%,
hsl(var(--fin-wallet-bar-hue, 200), 48%, 48%) 45%,
hsl(var(--fin-wallet-bar-hue, 200), 55%, 62%) 88%,
hsl(var(--fin-wallet-bar-hue, 200), 58%, 72%) 100%
);
box-shadow:
0 0 12px -2px hsla(var(--fin-wallet-bar-hue, 200), 58%, 52%, 0.35),
inset 0 1px 0 rgba(255,255,255,0.16),
inset -6px 0 10px -4px rgba(255,255,255,0.12);
opacity:0.96;
transition:filter 0.2s ease, opacity 0.2s ease;
}

@media (max-width:520px){
.finance-tab-root .fin-treasury-overview .fin-overview-chart-title-row{
flex-wrap:wrap;
}
.finance-tab-root .fin-treasury-overview .fin-overview-chart-scale-toggle{
margin-left:auto;
}
.finance-tab-root .fin-treasury-overview .fin-wallet-insight-row{
display:grid;
grid-template-columns:2.15rem minmax(0,1fr) auto auto;
grid-template-rows:auto auto;
column-gap:6px;
row-gap:5px;
align-items:center;
}

.finance-tab-root .fin-treasury-overview .fin-wallet-insight-row .fin-wallet-rank-slot{
grid-column:1;
grid-row:1 / span 2;
width:2.15rem;
min-width:2.15rem;
justify-self:center;
}

.finance-tab-root .fin-treasury-overview .fin-wallet-insight-row .fin-wallet-label{
grid-column:2 / -1;
grid-row:1;
min-width:0;
white-space:normal;
overflow:visible;
text-overflow:unset;
word-break:break-word;
line-height:1.35;
padding-right:4px;
}

.finance-tab-root .fin-treasury-overview .fin-wallet-insight-row .fin-wallet-value{
grid-column:2;
grid-row:2;
text-align:left;
font-size:11px;
}

.finance-tab-root .fin-treasury-overview .fin-wallet-insight-row .fin-wallet-growth{
grid-column:3;
grid-row:2;
min-width:0;
font-size:11px;
}

.finance-tab-root .fin-treasury-overview .fin-wallet-insight-row .fin-wallet-growth-pct{
grid-column:4;
grid-row:2;
min-width:0;
font-size:11px;
}
.finance-tab-root .fin-treasury-overview .fin-overview-action-cluster{
flex-wrap:wrap;
}
.finance-tab-root .fin-treasury-overview .fin-overview-snapshot-feedback{
max-width:100%;
white-space:normal;
display:block;
}
}

.finance-tab-root .fin-treasury-overview .fin-snapshot-chart svg:not(.fin-overview-wallet-spark-svg){
opacity:0.88;
max-height:min(150px, 36vw);
}

.finance-tab-root .fin-treasury-overview .fin-snapshot-chart svg.fin-overview-wallet-spark-svg{
opacity:1;
max-height:min(168px, 40vw);
}

.finance-tab-root .fin-treasury-overview .fin-overview-wallet-spark-svg .fin-overview-w-baseline{
stroke:rgba(100,116,139,0.28);
stroke-width:1;
stroke-dasharray:3 5;
}

.finance-tab-root .fin-treasury-overview .fin-overview-wallet-spark-svg--relative .fin-overview-w-baseline{
stroke:rgba(148,163,184,0.42);
stroke-width:1.1;
}

.finance-tab-root .fin-treasury-overview .fin-overview-wallet-spark-svg .fin-overview-w-series{
cursor:default;
}

.finance-tab-root .fin-treasury-overview .fin-overview-wallet-spark-svg .fin-overview-w-line,
.finance-tab-root .fin-treasury-overview .fin-overview-wallet-spark-svg .fin-overview-w-line-glow{
pointer-events:none;
}

.finance-tab-root .fin-treasury-overview .fin-overview-wallet-spark-svg .fin-overview-w-hit{
pointer-events:stroke;
}

.finance-tab-root .fin-treasury-overview .fin-overview-wallet-spark-svg .fin-overview-w-mark{
pointer-events:none;
}

.finance-tab-root .fin-treasury-overview .fin-overview-wallet-spark-svg .fin-overview-w-series.is-fin-wa-highlight .fin-overview-w-line{
opacity:1;
filter:drop-shadow(0 0 5px hsl(var(--fin-wallet-bar-hue, 200), 58%, 56%, 0.42));
}

.finance-tab-root .fin-treasury-overview .fin-overview-wallet-spark-svg .fin-overview-w-series.is-fin-wa-highlight .fin-overview-w-line-glow{
opacity:0.38;
}

.finance-tab-root .fin-treasury-overview .fin-overview-wallet-spark-svg .fin-overview-w-series.is-fin-wa-highlight .fin-overview-w-mark{
opacity:1;
}

.finance-tab-root .fin-treasury-overview .fin-snapshot-line{
stroke:rgba(148,163,184,0.88);
stroke-width:2;
vector-effect:non-scaling-stroke;
}

.finance-tab-root .fin-layer2{
display:flex;
flex-direction:column;
gap:var(--fin-4);
margin:0 0 var(--fin-3);
}

.finance-tab-root .fin-l2-main{
width:100%;
min-width:0;
}

.finance-tab-root .fin-l2-grid{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:var(--fin-3);
align-items:stretch;
min-width:0;
}

@media (max-width: 900px){
.finance-tab-root .fin-l2-grid{
grid-template-columns:1fr;
}
}

.finance-tab-root .fin-l2-snapshot-panel.fin-panel,
.finance-tab-root .fin-l2-wallet-panel.fin-panel,
.finance-tab-root .fin-l2-expense-panel.fin-panel{
padding:var(--fin-4) var(--fin-3);
border-radius:var(--fin-radius);
border:var(--fin-br);
background:var(--fin-surface);
box-shadow:var(--fin-sh);
}

.finance-tab-root .fin-l2-snapshot-panel .fin-panel-head{
margin-bottom:8px;
}

.finance-tab-root .fin-panel-stats{
display:grid;
grid-template-columns:repeat(4, minmax(0, 1fr));
gap:10px 14px;
margin:0 0 12px;
padding:10px 12px;
border-radius:10px;
border:1px solid rgba(51,65,85,0.55);
background:rgba(2,6,23,0.35);
}

@media (max-width: 640px){
.finance-tab-root .fin-panel-stats{
grid-template-columns:repeat(2, minmax(0, 1fr));
}
}

.finance-tab-root .fin-stat{
display:flex;
flex-direction:column;
gap:var(--fin-1);
min-width:0;
}

.finance-tab-root .fin-stat-label{
font-size:11px;
font-weight:500;
letter-spacing:0.06em;
text-transform:uppercase;
color:rgba(148,163,184,0.72);
}

.finance-tab-root .fin-stat-value{
font-size:13px;
font-weight:650;
color:#e2e8f0;
}

.finance-tab-root .fin-l2-snapshot-panel .fin-chart{
max-width:100%;
overflow:auto;
margin:0;
}

.finance-tab-root .fin-l2-snapshot-panel .fin-snapshot-chart svg{
opacity:0.9;
max-height:min(150px, 36vw);
}

.finance-tab-root .fin-l2-snapshot-panel .fin-snapshot-line{
stroke:rgba(148,163,184,0.92);
stroke-width:1.9;
}

.finance-tab-root .fin-l2-empty{
margin:0;
font-size:12px;
line-height:1.45;
}

.finance-tab-root .fin-wallet-bars{
display:flex;
flex-direction:column;
gap:8px;
min-height:3rem;
}

.finance-tab-root .fin-wallet-bar-row{
display:grid;
grid-template-columns:minmax(4rem, 7.5rem) 1fr minmax(4.5rem, 6rem);
gap:8px 10px;
align-items:center;
min-width:0;
}

@media (max-width: 480px){
.finance-tab-root .fin-wallet-bar-row{
grid-template-columns:minmax(3rem, 1fr) 1fr;
grid-template-rows:auto auto;
}

.finance-tab-root .fin-wallet-bar-val{
grid-column:1 / -1;
justify-self:end;
}
}

.finance-tab-root .fin-wallet-bar-label{
font-size:12px;
color:#cbd5e1;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
min-width:0;
}

.finance-tab-root .fin-wallet-bar-track{
height:8px;
border-radius:6px;
background:rgba(30,41,59,0.85);
overflow:hidden;
border:1px solid rgba(51,65,85,0.65);
}

.finance-tab-root .fin-wallet-fill{
height:100%;
min-width:0;
border-radius:5px;
background:hsl(var(--fin-wallet-bar-hue, 200), 48%, 48%);
opacity:0.92;
}

.finance-tab-root .fin-wallet-bar-val{
font-size:11px;
color:#94a3b8;
text-align:right;
}

.finance-tab-root .fin-exp-badge{
display:inline-block;
font-size:10px;
font-weight:600;
letter-spacing:0.02em;
padding:2px 7px;
border-radius:999px;
line-height:1.35;
white-space:nowrap;
}

.finance-tab-root .fin-exp-badge--manual{
color:#e2e8f0;
background:rgba(71,85,105,0.55);
border:1px solid rgba(100,116,139,0.45);
}

.finance-tab-root .fin-exp-badge--tko{
color:#cffafe;
background:rgba(14,116,144,0.35);
border:1px solid rgba(34,211,238,0.35);
}

.finance-tab-root .fin-exp-badge--legacy{
color:#cbd5e1;
background:rgba(51,65,85,0.4);
border:1px solid rgba(71,85,105,0.5);
}

.finance-tab-root .fin-exp-badge--compact{
font-size:9px;
padding:1px 5px;
vertical-align:middle;
}

.finance-tab-root .fin-exp-amount-cell{
min-width:7.5rem;
vertical-align:top;
}

.finance-tab-root .fin-exp-amount-cell--compact{
min-width:5rem;
}

.finance-tab-root .fin-exp-usd-primary{
font-weight:500;
}

.finance-tab-root .fin-exp-idr-line{
font-size:11px;
margin-top:2px;
line-height:1.35;
}

.finance-tab-root .fin-exp-fx-meta{
font-size:10px;
margin-top:3px;
line-height:1.35;
max-width:16rem;
}

.finance-tab-root .fin-expense-bars{
min-height:7.5rem;
overflow-x:auto;
-webkit-overflow-scrolling:touch;
padding-bottom:4px;
}

.finance-tab-root .fin-expense-bars-inner{
display:flex;
flex-direction:row;
align-items:flex-end;
gap:6px;
min-height:6.5rem;
padding:4px 2px 0;
}

.finance-tab-root .fin-expense-bar-col{
flex:1 0 auto;
min-width:28px;
max-width:44px;
display:flex;
flex-direction:column;
align-items:center;
gap:5px;
height:100%;
}

.finance-tab-root .fin-expense-bar-stack{
flex:1;
width:100%;
min-height:5rem;
display:flex;
flex-direction:column;
justify-content:flex-end;
border-radius:6px 6px 2px 2px;
background:rgba(30,41,59,0.5);
border:1px solid rgba(51,65,85,0.5);
overflow:hidden;
}

.finance-tab-root .fin-expense-bar-fill{
width:100%;
min-height:2px;
border-radius:4px 4px 0 0;
background:rgba(148,163,184,0.55);
}

.finance-tab-root .fin-expense-bar-date{
font-size:11px;
font-weight:500;
letter-spacing:0.02em;
color:rgba(148,163,184,0.7);
text-align:center;
line-height:1.2;
max-width:100%;
overflow:hidden;
text-overflow:ellipsis;
}

.finance-tab-root .fin-panel-head{
margin-bottom:var(--fin-2);
}

.finance-tab-root .fin-panel-title{
margin:0 0 var(--fin-1);
font-size:12px;
font-weight:650;
letter-spacing:0.08em;
text-transform:uppercase;
color:var(--fin-cap);
}

.finance-tab-root .fin-panel-lede{
margin:0;
font-size:12px;
line-height:1.45;
max-width:40rem;
}

.finance-tab-root .fin-layer3{
margin:0 0 calc(var(--fin-3) + 8px);
padding:var(--fin-3) var(--fin-4);
border-radius:var(--fin-radius);
border:var(--fin-br);
background:var(--fin-panel-bg);
box-shadow:var(--fin-panel-shadow);
}

.finance-tab-root .fin-l3-management-col{
display:flex;
flex-direction:column;
align-items:stretch;
gap:14px;
width:100%;
min-width:0;
max-width:100%;
box-sizing:border-box;
padding:15px 16px 14px;
border-radius:calc(var(--fin-radius) - 2px);
border:1px solid rgba(51,65,85,0.48);
background:
linear-gradient(168deg, rgba(56,189,248,0.08) 0%, rgba(30,41,59,0.35) 38%, rgba(2,6,23,0.52) 100%);
box-shadow:
inset 0 1px 0 rgba(186,230,253,0.09),
0 1px 0 rgba(2,6,23,0.22);
}

.finance-tab-root .fin-l3-entry-subline{
margin-top:var(--fin-1);
font-size:11px;
font-weight:500;
color:rgba(148,163,184,0.68);
}

.finance-tab-root .fin-layer4-history-subline{
margin-top:var(--fin-1);
font-size:11px;
font-weight:500;
color:rgba(148,163,184,0.65);
}

.finance-tab-root .fin-layer4-history-head .tab-subtitle{
margin-top:0;
}

.finance-tab-root .fin-l3-controls{
display:flex;
flex-direction:column;
gap:10px;
width:100%;
min-width:0;
max-width:100%;
box-sizing:border-box;
}

.finance-tab-root .fin-l3-controls--inset{
padding:12px 16px 14px;
box-sizing:border-box;
border-radius:11px;
border:1px solid rgba(51,65,85,0.46);
background:
linear-gradient(178deg, rgba(15,23,42,0.72) 0%, rgba(2,6,23,0.48) 100%);
box-shadow:
inset 0 2px 18px rgba(0,0,0,0.26),
inset 0 1px 0 rgba(148,163,184,0.09),
0 2px 14px rgba(2,6,23,0.28);
}

.finance-tab-root .fin-l3-action-bar{
display:flex;
flex-direction:row;
width:100%;
max-width:100%;
min-width:0;
box-sizing:border-box;
border-radius:8px;
border:1px solid rgba(51,65,85,0.58);
background:rgba(15,23,42,0.58);
overflow:hidden;
}

.finance-tab-root .fin-action-bar__btn{
flex:1 1 0;
min-width:0;
margin:0;
padding:10px 12px;
border:none;
border-radius:0;
background:transparent;
color:#e2e8f0;
font:inherit;
font-size:12px;
font-weight:650;
letter-spacing:0.02em;
line-height:1.35;
text-align:center;
cursor:pointer;
transition:
transform 0.18s ease,
background 0.2s ease,
color 0.2s ease,
box-shadow 0.2s ease,
filter 0.2s ease;
border-right:1px solid rgba(51,65,85,0.5);
-webkit-tap-highlight-color:transparent;
}

.finance-tab-root .fin-action-bar__btn:last-child{
border-right:none;
}

.finance-tab-root .fin-action-bar__btn:hover{
background:linear-gradient(180deg, rgba(37,99,235,0.38) 0%, rgba(30,58,138,0.22) 100%);
color:#f8fafc;
filter:brightness(1.06);
box-shadow:
inset 0 1px 0 rgba(125,211,252,0.16),
0 0 22px -3px rgba(56,189,248,0.32),
0 0 0 1px rgba(56,189,248,0.12);
}

.finance-tab-root .fin-action-bar__btn:focus{
outline:none;
}

.finance-tab-root .fin-action-bar__btn:focus-visible{
outline:2px solid rgba(56,189,248,0.5);
outline-offset:-2px;
z-index:1;
position:relative;
}

.finance-tab-root .fin-action-bar__btn:active{
background:rgba(30,58,138,0.36);
transform:scale(0.985);
filter:brightness(1.02);
}

@media (min-width:721px) and (max-width:1024px){
.finance-tab-root .fin-l3-controls{
gap:10px;
}
.finance-tab-root .fin-action-bar__btn{
padding:10px 10px;
font-size:12px;
}
}

@media (min-width:1025px){
.finance-tab-root .fin-l3-controls{
gap:12px;
}
.finance-tab-root .fin-action-bar__btn{
padding:12px 18px;
font-size:13px;
letter-spacing:0.025em;
}
}

@media (max-width:720px){
.finance-tab-root .fin-l3-action-bar{
flex-direction:column;
}
.finance-tab-root .fin-action-bar__btn{
border-right:none;
border-bottom:1px solid rgba(51,65,85,0.5);
padding:10px 14px;
font-size:12px;
}
.finance-tab-root .fin-action-bar__btn:last-child{
border-bottom:none;
}
}

.finance-tab-root .fin-l4-active{
display:flex;
flex-direction:column;
gap:var(--fin-1);
padding-top:var(--fin-3);
margin-top:0;
border-top:1px solid rgba(51,65,85,0.48);
}

.finance-tab-root .fin-l4-active-title{
margin-top:0.75rem;
margin-bottom:0.2rem;
}

.finance-tab-root .fin-l4-active > .fin-l4-active-title:first-of-type{
margin-top:0;
}

.finance-tab-root .fin-l4-active-lede{
margin:0 0 0.4rem;
font-size:11px;
line-height:1.45;
max-width:44rem;
}

.finance-tab-root .fin-l4-active #fin-missions-treasury-note,
.finance-tab-root .fin-l4-active #fin-charity-treasury-note{
margin:0 0 0.25rem;
font-size:11px;
}

.finance-tab-root .fin-disclosure-row-wrap{
width:100%;
margin-top:10px;
box-sizing:border-box;
}

.finance-tab-root .fin-disclosure-row-wrap--in-controls{
margin-top:0;
padding-top:12px;
border-top:1px solid rgba(51,65,85,0.4);
max-width:100%;
box-sizing:border-box;
}

.finance-tab-root .fin-disclosure-row{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px 14px;
width:100%;
max-width:100%;
min-width:0;
box-sizing:border-box;
min-height:44px;
padding:10px 12px;
margin:0;
box-sizing:border-box;
border:1px solid rgba(51,65,85,0.58);
border-radius:8px;
background:rgba(15,23,42,0.62);
color:#e2e8f0;
font:inherit;
text-align:left;
cursor:pointer;
transition:
transform 0.2s ease,
background 0.2s ease,
border-color 0.2s ease,
box-shadow 0.2s ease,
filter 0.2s ease;
-webkit-tap-highlight-color:transparent;
}

.finance-tab-root .fin-disclosure-row:hover{
background:rgba(30,41,59,0.58);
border-color:rgba(96,165,250,0.28);
filter:brightness(1.05);
box-shadow:0 2px 12px rgba(2,6,23,0.2);
transform:translateY(-1px);
}

.finance-tab-root .fin-disclosure-row:active{
transform:translateY(0) scale(0.99);
filter:brightness(1.02);
}

.finance-tab-root .fin-disclosure-row:focus{
outline:none;
}

.finance-tab-root .fin-disclosure-row:focus-visible{
outline:2px solid rgba(56,189,248,0.45);
outline-offset:2px;
}

.finance-tab-root .fin-disclosure-row.is-open{
border-color:rgba(56,189,248,0.22);
box-shadow:0 0 0 1px rgba(56,189,248,0.12);
}

.finance-tab-root .fin-disclosure-row__label{
flex:1 1 auto;
min-width:0;
font-size:13px;
font-weight:650;
letter-spacing:0.02em;
line-height:1.35;
color:#e2e8f0;
}

.finance-tab-root .fin-disclosure-row__chev{
display:flex;
flex-shrink:0;
align-items:center;
justify-content:center;
color:#94a3b8;
transition:transform 0.22s ease;
}

.finance-tab-root .fin-disclosure-row.is-open .fin-disclosure-row__chev{
transform:rotate(180deg);
}

.finance-tab-root .fin-disclosure-row__svg{
display:block;
transition:transform 0.22s ease;
}

@media (max-width:720px){
.finance-tab-root .fin-disclosure-row-wrap:not(.fin-disclosure-row-wrap--in-controls){
margin-top:8px;
}
.finance-tab-root .fin-disclosure-row{
min-height:42px;
padding:9px 12px;
gap:8px 10px;
}
.finance-tab-root .fin-disclosure-row__label{
font-size:12px;
font-weight:650;
}
.finance-tab-root .fin-disclosure-row__svg{
width:16px;
height:16px;
}
}

@media (min-width:721px) and (max-width:1024px){
.finance-tab-root .fin-disclosure-row{
min-height:44px;
padding:10px 14px;
}
.finance-tab-root .fin-disclosure-row__label{
font-size:13px;
}
}

@media (min-width:1025px){
.finance-tab-root .fin-disclosure-row{
min-height:48px;
padding:12px 18px;
}
.finance-tab-root .fin-disclosure-row__label{
font-size:13px;
letter-spacing:0.03em;
}
.finance-tab-root .fin-disclosure-row__svg{
width:18px;
height:18px;
}
}

.finance-tab-root .fin-l3-active-details-panel{
margin-top:10px;
padding-top:var(--fin-2);
border-top:1px solid rgba(51,65,85,0.4);
}

.finance-tab-root .fin-l3-active-details-panel .fin-l4-active{
border-top:none;
padding-top:0;
}

.finance-tab-root dialog.fin-modal{
padding:max(12px, env(safe-area-inset-top, 0px)) max(12px, env(safe-area-inset-right, 0px)) max(12px, env(safe-area-inset-bottom, 0px)) max(12px, env(safe-area-inset-left, 0px));
margin:auto;
max-width:100vw;
max-height:100dvh;
width:100%;
border:none;
background:transparent;
color:#e2e8f0;
color-scheme:dark;
box-sizing:border-box;
}

.finance-tab-root dialog.fin-modal[open]{
display:flex;
align-items:center;
justify-content:center;
}

.finance-tab-root dialog.fin-modal::backdrop{
background:rgba(2,6,23,0.78);
backdrop-filter:blur(4px);
-webkit-backdrop-filter:blur(4px);
animation:fin-modal-backdrop-in 0.22s ease forwards;
}

@keyframes fin-modal-backdrop-in{
from{opacity:0;}
to{opacity:1;}
}

.finance-tab-root .fin-modal__panel{
width:100%;
max-width:min(26.25rem, calc(100vw - 24px));
max-height:min(90dvh, calc(100dvh - 24px));
overflow:auto;
box-sizing:border-box;
border-radius:var(--fin-radius, 10px);
border:1px solid rgba(51,65,85,0.65);
background:
linear-gradient(160deg, rgba(56,189,248,0.06) 0%, transparent 38%),
linear-gradient(180deg, rgba(30,41,59,0.95), rgba(15,23,42,0.98));
box-shadow:
0 22px 48px rgba(0,0,0,0.45),
0 0 0 1px rgba(56,189,248,0.06),
inset 0 1px 0 rgba(148,163,184,0.08);
animation:fin-modal-panel-in 0.26s ease forwards;
}

@keyframes fin-modal-panel-in{
from{
opacity:0;
transform:translateY(8px) scale(0.985);
}
to{
opacity:1;
transform:translateY(0) scale(1);
}
}

.finance-tab-root .fin-modal__panel .fin-modal__title{
margin:0 0 14px;
padding:0 2px 10px;
font-size:15px;
font-weight:700;
letter-spacing:0.02em;
color:#f1f5f9;
border-bottom:1px solid rgba(51,65,85,0.55);
}

.finance-tab-root .fin-modal__panel form{
padding:18px 18px 16px;
margin:0;
}

.finance-tab-root .fin-modal__body{
display:flex;
flex-direction:column;
gap:12px;
margin:0 0 16px;
}

.finance-tab-root .fin-modal__field{
margin:0;
font-size:12px;
line-height:1.45;
color:#cbd5e1;
}

.finance-tab-root .fin-modal__field label{
display:block;
cursor:pointer;
}

.finance-tab-root .fin-modal__field .fin-modal__control,
.finance-tab-root .fin-modal__field select.fin-modal__control{
width:100%;
max-width:100%;
box-sizing:border-box;
min-height:40px;
margin-top:6px;
padding:8px 11px;
font-size:13px;
font-weight:500;
font-family:inherit;
border-radius:8px;
border:1px solid rgba(71,85,105,0.55);
background:rgba(2,6,23,0.45);
color:#e2e8f0;
}

.finance-tab-root .fin-modal__field .fin-modal__control::placeholder{
color:#64748b;
}

.finance-tab-root .fin-modal__field textarea.fin-modal__control{
min-height:6.5rem;
resize:vertical;
line-height:1.4;
}

.finance-tab-root .fin-modal__field input[type="date"].fin-modal__control{
min-height:40px;
color-scheme:dark;
color:#e2e8f0;
background-color:rgba(2,6,23,0.55);
}

.finance-tab-root .fin-modal__field input[type="date"].fin-modal__control::-webkit-calendar-picker-indicator{
filter:invert(0.88) brightness(0.95) opacity(0.82);
cursor:pointer;
}

.finance-tab-root .fin-modal__field input[type="number"].fin-modal__control{
-moz-appearance:textfield;
appearance:textfield;
}

.finance-tab-root .fin-modal__field input[type="number"].fin-modal__control::-webkit-outer-spin-button,
.finance-tab-root .fin-modal__field input[type="number"].fin-modal__control::-webkit-inner-spin-button{
-webkit-appearance:none;
margin:0;
}

.finance-tab-root .fin-modal__field select.fin-modal__control{
cursor:pointer;
}

.finance-tab-root .fin-modal__field .fin-modal__control:hover{
border-color:rgba(100,116,139,0.55);
}

.finance-tab-root .fin-modal__field .fin-modal__control:focus{
outline:none;
border-color:rgba(56,189,248,0.45);
box-shadow:0 0 0 2px rgba(56,189,248,0.15);
}

.finance-tab-root .fin-modal__note{
margin:0;
font-size:11px;
line-height:1.45;
color:var(--fin-cap, #94a3b8);
}

.finance-tab-root .fin-modal__note code{
font-size:11px;
}

.finance-tab-root .fin-modal__actions{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:flex-end;
gap:10px;
margin:0;
padding-top:4px;
}

.finance-tab-root .fin-modal__submit{
min-height:40px;
padding:8px 18px;
font-size:13px;
font-weight:650;
letter-spacing:0.02em;
border-radius:8px;
border:1px solid rgba(56,189,248,0.45);
background:linear-gradient(180deg, rgba(14,165,233,0.22), rgba(2,132,199,0.18));
color:#f0f9ff;
cursor:pointer;
transition:background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.finance-tab-root .fin-modal__submit:hover{
border-color:rgba(56,189,248,0.65);
background:linear-gradient(180deg, rgba(14,165,233,0.32), rgba(2,132,199,0.26));
box-shadow:0 0 0 1px rgba(56,189,248,0.12);
}

.finance-tab-root .fin-modal__submit:focus-visible{
outline:2px solid rgba(56,189,248,0.55);
outline-offset:2px;
}

.finance-tab-root .fin-modal__cancel{
min-height:40px;
padding:8px 14px;
font-size:12px;
font-weight:600;
border-radius:8px;
}

.finance-tab-root .fin-modal__status{
margin:12px 0 0;
min-height:1.2em;
font-size:11px;
}

@media (max-width:720px){
.finance-tab-root .fin-modal__panel{
max-width:calc(100vw - 16px);
}
.finance-tab-root .fin-modal__panel form{
padding:14px 14px 12px;
}
.finance-tab-root .fin-modal__panel .fin-modal__title{
font-size:14px;
margin-bottom:12px;
}
.finance-tab-root .fin-modal__body{
gap:10px;
margin-bottom:14px;
}
.finance-tab-root .fin-modal__actions{
flex-direction:column-reverse;
align-items:stretch;
gap:8px;
}
.finance-tab-root .fin-modal__submit,
.finance-tab-root .fin-modal__cancel{
width:100%;
}
}

@media (min-width:721px) and (max-width:1024px){
.finance-tab-root .fin-modal__panel{
max-width:min(26.25rem, calc(100vw - 32px));
}
}

@media (prefers-reduced-motion:reduce){
.finance-tab-root dialog.fin-modal::backdrop,
.finance-tab-root .fin-modal__panel{
animation:none;
}
.finance-tab-root .fin-card--hero::after{
animation:none;
will-change:auto;
}
.finance-tab-root .fin-l1-hero #fin-card-movement-delta.delta-pos{
animation:none;
}
}

.finance-tab-root .fin-layer4-history{
margin:0 0 var(--fin-3);
padding:var(--fin-3) var(--fin-4);
border-radius:var(--fin-radius);
border:1px solid rgba(51,65,85,0.55);
background:linear-gradient(168deg, rgba(30,41,59,0.4) 0%, rgba(15,23,42,0.5) 52%, rgba(2,6,23,0.58) 100%);
box-shadow:
0 1px 10px rgba(2,6,23,0.14),
inset 0 1px 0 rgba(186,230,253,0.045);
transition:filter 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease, transform 0.22s ease;
}

.finance-tab-root .fin-layer4-history:hover{
filter:brightness(1.05);
border-color:rgba(71,85,105,0.68);
box-shadow:
0 4px 20px rgba(2,6,23,0.22),
inset 0 1px 0 rgba(186,230,253,0.06);
transform:translateY(-1px);
}

.finance-tab-root .fin-layer4-history > .tab-subtitle:first-of-type,
.finance-tab-root .fin-layer4-history > .fin-section-heading:first-of-type,
.finance-tab-root .fin-layer4-history > .fin-layer4-history-head:first-child{
margin-top:0;
}

.finance-tab-root .fin-l4-history-intro{
margin:0 0 var(--fin-3);
font-size:12px;
line-height:1.45;
max-width:44rem;
font-weight:500;
color:rgba(148,163,184,0.68);
}

.finance-tab-root .fin-disclosure-row-wrap.fin-hist-l1{
margin:0 0 var(--fin-2);
transition:filter 0.2s ease;
}

.finance-tab-root .fin-layer4-history-teaser{
margin:6px 0 0;
font-size:11px;
line-height:1.45;
font-weight:500;
letter-spacing:0.01em;
color:rgba(186,198,212,0.72);
max-width:42rem;
}

.finance-tab-root .fin-disclosure-row-wrap.fin-hist-l1:hover .fin-disclosure-row{
border-color:rgba(56,189,248,0.38);
background:rgba(30,41,59,0.48);
box-shadow:
0 0 0 1px rgba(56,189,248,0.1),
0 6px 22px rgba(2,6,23,0.35);
}

.finance-tab-root .fin-disclosure-row-wrap.fin-hist-l1 .fin-disclosure-row__label::after{
content:" ›";
margin-left:0.2em;
font-weight:600;
color:rgba(56,189,248,0.55);
}

.finance-tab-root .fin-disclosure-row-wrap.fin-hist-l1 .fin-disclosure-row__svg{
width:20px;
height:20px;
opacity:0.92;
color:rgba(56,189,248,0.72);
transition:transform 0.22s ease;
}

.finance-tab-root .fin-layer4-history:hover .fin-disclosure-row-wrap.fin-hist-l1 .fin-disclosure-row__svg{
transform:translateX(4px);
}

.finance-tab-root .fin-hist-disclosure{
padding-top:2px;
}

.finance-tab-root .fin-hist-strip-list{
display:flex;
flex-direction:column;
gap:6px;
margin:0 0 10px;
}

.finance-tab-root .fin-hist-strip-item{
border-radius:6px;
border:1px solid rgba(51,65,85,0.55);
background:rgba(2,6,23,0.35);
overflow:hidden;
transition:border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease, filter 0.2s ease;
}

.finance-tab-root .fin-hist-strip-item:hover{
border-color:rgba(71,85,105,0.72);
background:rgba(15,23,42,0.42);
box-shadow:0 3px 14px rgba(2,6,23,0.22);
transform:translateY(-1px);
filter:brightness(1.04);
}

.finance-tab-root .fin-hist-strip-item .fin-hist-strip{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
gap:8px 12px;
min-height:34px;
padding:6px 10px;
border:none;
border-radius:0;
background:transparent;
}

.finance-tab-root .fin-hist-strip-label{
font-size:11px;
font-weight:600;
letter-spacing:0.03em;
color:#cbd5e1;
flex:1 1 auto;
min-width:0;
}

.finance-tab-root .fin-hist-strip-toggle{
flex:0 0 auto;
min-height:28px;
padding:4px 10px;
font-size:11px;
font-weight:650;
letter-spacing:0.04em;
text-transform:uppercase;
border-color:rgba(71,85,105,0.55);
background:linear-gradient(180deg, rgba(51,65,85,0.35) 0%, rgba(30,41,59,0.48) 100%);
cursor:pointer;
transition:
transform 0.18s ease,
filter 0.2s ease,
box-shadow 0.2s ease,
border-color 0.2s ease,
background 0.2s ease;
}

.finance-tab-root .fin-hist-strip-toggle:hover{
filter:brightness(1.06);
border-color:rgba(96,165,250,0.38);
box-shadow:0 0 16px -2px rgba(56,189,248,0.22);
transform:translateY(-1px);
}

.finance-tab-root .fin-hist-strip-toggle:active{
transform:translateY(0) scale(0.98);
filter:brightness(1.02);
}

.finance-tab-root .fin-hist-sec-panel{
padding:var(--fin-2) 10px 10px;
border-top:1px solid rgba(51,65,85,0.42);
background:rgba(2,6,23,0.2);
transition:opacity 0.22s ease;
}

.finance-tab-root .fin-hist-sec-panel > .tab-subtitle:first-of-type{
margin-top:0;
}

.finance-tab-root .fin-hist-sec-collapse-wrap{
margin-top:var(--fin-2);
}

.finance-tab-root .fin-hist-sec-collapse{
min-height:32px;
padding:5px 10px;
font-size:11px;
font-weight:600;
border-color:rgba(71,85,105,0.55);
background:rgba(30,41,59,0.4);
}

.finance-tab-root .fin-hist-toolbar{
display:flex;
flex-wrap:wrap;
align-items:flex-end;
gap:var(--fin-2) var(--fin-3);
margin:var(--fin-1) 0 var(--fin-2);
min-width:0;
}

.finance-tab-root .fin-hist-toolbar-field{
display:flex;
flex-direction:column;
gap:var(--fin-1);
margin:0;
font-size:11px;
letter-spacing:0.04em;
}

.finance-tab-root .fin-hist-toolbar-field-label{
display:block;
color:rgba(148,163,184,0.72);
font-size:11px;
font-weight:500;
}

.finance-tab-root .fin-hist-toolbar-field .fin-hist-period-type,
.finance-tab-root .fin-hist-toolbar-field .fin-hist-period-value{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
box-sizing:border-box;
min-width:10.5rem;
max-width:min(100%,18rem);
min-height:36px;
font-size:12px;
font-weight:500;
padding:6px 10px;
border-radius:8px;
border:1px solid rgba(148,163,184,0.15);
background:rgba(255,255,255,0.03);
color:#e2e8f0;
cursor:pointer;
line-height:1.35;
transition:border-color 0.15s ease, background 0.15s ease;
}

.finance-tab-root .fin-hist-toolbar-field .fin-hist-period-type:hover,
.finance-tab-root .fin-hist-toolbar-field .fin-hist-period-value:hover{
background:rgba(255,255,255,0.04);
border-color:rgba(148,163,184,0.24);
}

.finance-tab-root .fin-hist-toolbar-field .fin-hist-period-type:focus,
.finance-tab-root .fin-hist-toolbar-field .fin-hist-period-value:focus{
outline:none;
border-color:rgba(56,189,248,0.4);
}

.finance-tab-root .fin-hist-toolbar-field .fin-hist-period-type:focus-visible,
.finance-tab-root .fin-hist-toolbar-field .fin-hist-period-value:focus-visible{
outline:2px solid rgba(56,189,248,0.45);
outline-offset:2px;
}

.finance-tab-root .fin-hist-toolbar-field--day .fin-hist-specific-day{
min-height:36px;
max-width:10.5rem;
width:100%;
font-size:12px;
font-weight:500;
padding:6px 10px;
border-radius:8px;
border:1px solid rgba(148,163,184,0.15);
background:rgba(255,255,255,0.03);
color:#e2e8f0;
}

.finance-tab-root .fin-hist-reset-btn{
min-height:36px;
padding:var(--fin-2) var(--fin-3);
font-size:12px;
font-weight:600;
margin-left:auto;
align-self:flex-end;
}

.finance-tab-root .data-table tbody tr:hover td{
background:rgba(255,255,255,0.028);
}

@media (max-width:720px){
.finance-tab-root .fin-hist-reset-btn{
margin-left:0;
width:100%;
}
}

.finance-tab-root .fin-l3-filters{
display:flex;
flex-direction:column;
gap:10px;
min-width:0;
flex:1 1 18rem;
}

.finance-tab-root .fin-filter-group{
padding:8px 10px;
border-radius:10px;
border:1px solid rgba(51,65,85,0.45);
background:rgba(2,6,23,0.28);
}

.finance-tab-root .fin-filter-group-label{
display:block;
font-size:11px;
font-weight:500;
letter-spacing:0.08em;
text-transform:uppercase;
color:rgba(148,163,184,0.72);
margin:0 0 6px;
}

.finance-tab-root .fin-filter-row{
display:flex;
flex-wrap:wrap;
align-items:flex-end;
gap:8px 12px;
}

.finance-tab-root .fin-filter-label{
font-size:11px;
margin:0;
}

.finance-tab-root .fin-filter-clear-btn{
min-height:36px;
padding:6px 10px;
font-size:11px;
font-weight:600;
opacity:0.88;
border-color:rgba(71,85,105,0.65);
background:rgba(30,41,59,0.45);
}

.finance-tab-root .fin-filter-clear-btn:hover{
opacity:1;
border-color:rgba(100,116,139,0.55);
}

.finance-tab-root table.data-table.fin-table tbody .fin-table-actions .btn-secondary{
min-height:34px;
padding:5px 8px;
font-size:11px;
font-weight:600;
opacity:0.82;
border-color:rgba(71,85,105,0.42);
background:rgba(30,41,59,0.32);
}

.finance-tab-root table.data-table.fin-table tbody .fin-table-actions .btn-secondary:hover{
opacity:1;
border-color:rgba(71,85,105,0.55);
background:rgba(30,41,59,0.5);
}

.finance-tab-root table.data-table.fin-table tbody .fin-table-actions .btn-secondary + .btn-secondary{
margin-left:4px;
}

/* Finance Layer 4 — history / records tables (scoped; inherits global .data-table base) */
.finance-tab-root .fin-l4-scroll{
-webkit-overflow-scrolling:touch;
scrollbar-gutter:stable;
}

.finance-tab-root .fin-hist-body-scroll{
max-height:20rem;
overflow-y:auto;
overflow-x:auto;
}

.finance-tab-root table.data-table.fin-table{
font-size:12.5px;
}

.finance-tab-root table.data-table.fin-table th,
.finance-tab-root table.data-table.fin-table td{
padding:6px 8px;
vertical-align:middle;
}

.finance-tab-root table.data-table.fin-table thead th{
font-size:11px;
letter-spacing:0.045em;
}

.finance-tab-root table.data-table.fin-table thead th.fin-th-meta,
.finance-tab-root table.data-table.fin-table thead th.fin-th-desc{
color:rgba(148,163,184,0.78);
font-weight:500;
}

.finance-tab-root table.data-table.fin-table thead th.fin-th-primary{
color:#cbd5e1;
font-weight:600;
}

.finance-tab-root table.data-table.fin-table thead th.fin-th-status{
color:rgba(148,163,184,0.88);
font-weight:600;
}

.finance-tab-root table.data-table.fin-table thead th.fin-th-value{
color:#e2e8f0;
font-weight:700;
}

.finance-tab-root table.data-table.fin-table thead th.fin-th-num,
.finance-tab-root table.data-table.fin-table thead th.fin-th-value.fin-th-num{
text-align:right;
}

.finance-tab-root table.data-table.fin-table thead th.fin-th-id{
text-align:right;
color:rgba(148,163,184,0.65);
font-weight:500;
}

.finance-tab-root table.data-table.fin-table thead th.fin-th-actions{
text-align:right;
width:1%;
white-space:nowrap;
color:rgba(148,163,184,0.72);
}

.finance-tab-root table.data-table.fin-table tbody tr{
transition:background-color 0.12s ease;
}

.finance-tab-root table.data-table.fin-table tbody tr:hover td{
background-color:rgba(51,65,85,0.22);
}

.finance-tab-root table.data-table.fin-table td.fin-table-empty{
padding:12px 10px;
text-align:left;
line-height:1.45;
}

.finance-tab-root table.data-table.fin-table td.fin-table-primary{
color:#e2e8f0;
font-weight:600;
max-width:14rem;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}

.finance-tab-root table.data-table.fin-table td.fin-table-desc{
color:rgba(148,163,184,0.88);
font-size:12px;
max-width:12rem;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}

.finance-tab-root table.data-table.fin-table td.fin-table-meta,
.finance-tab-root table.data-table.fin-table td.fin-table-id{
color:rgba(148,163,184,0.78);
font-size:11.5px;
}

.finance-tab-root table.data-table.fin-table td.fin-table-id{
text-align:right;
font-variant-numeric:tabular-nums;
}

.finance-tab-root table.data-table.fin-table td.fin-table-value{
color:#f1f5f9;
font-weight:700;
font-variant-numeric:tabular-nums;
text-align:right;
}

.finance-tab-root table.data-table.fin-table td.fin-table-value:empty::after,
.finance-tab-root table.data-table.fin-table td.fin-table-num:empty::after{
content:"\2014";
color:rgba(148,163,184,0.5);
font-weight:400;
}

.finance-tab-root table.data-table.fin-table td.fin-table-num{
color:rgba(226,232,240,0.95);
font-weight:500;
font-variant-numeric:tabular-nums;
text-align:right;
}

.finance-tab-root table.data-table.fin-table td.fin-table-status{
font-size:11px;
font-weight:600;
color:#cbd5e1;
white-space:nowrap;
}

.finance-tab-root table.data-table.fin-table td.fin-table-actions{
text-align:right;
white-space:nowrap;
vertical-align:middle;
}

@media (max-width:720px){
.finance-tab-root table.data-table.fin-table td.fin-table-actions{
white-space:normal;
}

.finance-tab-root table.data-table.fin-table td.fin-table-actions .btn-secondary{
margin-top:3px;
margin-bottom:3px;
}

.finance-tab-root table.data-table.fin-table td.fin-table-primary,
.finance-tab-root table.data-table.fin-table td.fin-table-desc{
max-width:none;
white-space:normal;
}
}