.finance-center{
    --fc-panel:linear-gradient(150deg,rgba(12,28,52,.98),rgba(6,16,31,.99));
    --fc-line:rgba(101,145,202,.22);
    --fc-text:#edf5ff;
    --fc-soft:#b5c6db;
    --fc-muted:#7f94af;
    --fc-positive:#42d6a4;
    --fc-negative:#ff7184;
    --fc-warning:#f2bd62;
    display:grid;
    gap:12px;
    width:100%;
    min-width:0;
    color:var(--fc-text)
}

.finance-hero{
    display:flex;
    align-items:stretch;
    justify-content:space-between;
    gap:24px;
    padding:22px 24px;
    border:1px solid var(--fc-line);
    border-radius:18px;
    background:
        radial-gradient(circle at 76% 0,rgba(73,85,207,.23),transparent 32%),
        linear-gradient(125deg,#0b203d,#08162b 58%,#111733);
    box-shadow:0 18px 46px rgba(1,7,16,.2)
}

.hero-copy>span,
.finance-panel header>div>span{
    color:#67b3ff;
    font-size:11px;
    font-weight:900;
    letter-spacing:.14em
}

.hero-copy h1{
    margin:5px 0 4px;
    font-size:34px;
    letter-spacing:-.035em
}

.hero-copy p{
    max-width:680px;
    margin:0;
    color:var(--fc-muted);
    font-size:14px;
    line-height:1.55
}

.hero-net-worth{
    display:grid;
    min-width:310px;
    align-content:center;
    justify-items:end;
    padding-left:24px;
    border-left:1px solid var(--fc-line)
}

.hero-net-worth>small{
    color:var(--fc-muted);
    font-size:9px;
    letter-spacing:.14em
}

.hero-net-worth>strong{
    margin-top:3px;
    font-size:36px;
    letter-spacing:-.04em
}

.hero-change{
    display:flex;
    gap:9px;
    margin-top:4px;
    font-size:12px
}

.finance-data-strip{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    border:1px solid var(--fc-line);
    border-radius:13px;
    background:rgba(7,18,35,.88);
    overflow:hidden
}

.finance-data-strip>div{
    padding:9px 12px;
    border-right:1px solid var(--fc-line)
}

.finance-data-strip>div:last-child{
    border-right:0
}

.finance-data-strip span,
.finance-data-strip b{
    display:block
}

.finance-data-strip span{
    color:var(--fc-muted);
    font-size:10px
}

.finance-data-strip b{
    margin-top:2px;
    font-size:12px
}

.finance-kpis{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    border:1px solid var(--fc-line);
    border-radius:15px;
    background:var(--fc-panel);
    overflow:hidden
}

.finance-kpis article{
    min-width:0;
    padding:15px 16px;
    border-right:1px solid var(--fc-line)
}

.finance-kpis article:last-child{
    border-right:0
}

.finance-kpis span,
.finance-kpis strong,
.finance-kpis small{
    display:block
}

.finance-kpis span{
    color:var(--fc-muted);
    font-size:9px
}

.finance-kpis strong{
    margin:5px 0 3px;
    font-size:22px;
    letter-spacing:-.025em
}

.finance-kpis small{
    color:var(--fc-soft);
    font-size:10px
}

.finance-main-grid{
    display:grid;
    grid-template-columns:1.12fr 1fr .88fr;
    gap:12px
}

.finance-lower-grid{
    display:grid;
    grid-template-columns:1.35fr .65fr;
    gap:12px
}

.finance-panel{
    min-width:0;
    padding:16px;
    border:1px solid var(--fc-line);
    border-radius:16px;
    background:var(--fc-panel);
    box-shadow:0 12px 34px rgba(1,7,16,.12)
}

.finance-panel>header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    margin-bottom:14px
}

.finance-panel h2{
    margin:3px 0 0;
    font-size:19px
}

.finance-panel header>small{
    color:var(--fc-soft);
    font-size:12px
}

.finance-panel header>a{
    color:#6ab5ff;
    font-size:9px;
    text-decoration:none
}

.allocation-stack{
    display:flex;
    height:20px;
    border-radius:999px;
    background:#142640;
    overflow:hidden
}

.allocation-stack i{
    display:block;
    min-width:2px
}

.stock{background:#4b9fff}
.fund{background:#42d6a4}
.currency{background:#9c7cff}
.metal{background:#f2bd62}
.crypto{background:#ff8a65}
.other{background:#7087a5}

.allocation-list{
    display:grid;
    gap:7px;
    margin-top:14px
}

.allocation-list>div{
    display:grid;
    grid-template-columns:1fr auto 46px;
    align-items:center;
    gap:9px;
    padding:7px 0;
    border-bottom:1px solid rgba(101,145,202,.12)
}

.allocation-list span{
    display:flex;
    align-items:center;
    gap:8px;
    color:var(--fc-soft);
    font-size:9px
}

.allocation-list span i{
    width:8px;
    height:8px;
    border-radius:50%
}

.allocation-list b{
    font-size:12px
}

.allocation-list em{
    color:var(--fc-muted);
    font-size:9px;
    font-style:normal;
    text-align:right
}

.liquidity-total{
    padding:13px;
    border:1px solid rgba(101,145,202,.16);
    border-radius:12px;
    background:rgba(13,32,58,.68)
}

.liquidity-total small,
.liquidity-total strong{
    display:block
}

.liquidity-total small{
    color:var(--fc-muted);
    font-size:10px
}

.liquidity-total strong{
    margin-top:4px;
    font-size:22px
}

.liquidity-grid,
.health-metrics{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px;
    margin-top:9px
}

.liquidity-grid>div,
.health-metrics>div{
    padding:9px;
    border:1px solid rgba(101,145,202,.15);
    border-radius:10px;
    background:rgba(10,24,45,.72)
}

.liquidity-grid span,
.liquidity-grid b,
.health-metrics span,
.health-metrics b{
    display:block
}

.liquidity-grid span,
.health-metrics span{
    color:var(--fc-muted);
    font-size:10px
}

.liquidity-grid b,
.health-metrics b{
    margin-top:3px;
    font-size:12px
}

.coverage-meter{
    margin-top:12px
}

.coverage-meter>div{
    display:flex;
    justify-content:space-between;
    margin-bottom:5px;
    color:var(--fc-soft);
    font-size:10px
}

.coverage-meter progress{
    width:100%;
    height:7px;
    overflow:hidden;
    border:0;
    border-radius:999px
}

.health-score{
    display:grid;
    grid-template-columns:auto auto 1fr;
    align-items:baseline;
    gap:5px;
    padding:12px 0
}

.health-score strong{
    font-size:40px
}

.health-score>span{
    color:var(--fc-muted);
    font-size:14px;
    line-height:1.55
}

.health-score small{
    justify-self:end;
    color:var(--fc-soft);
    font-size:9px
}

.portfolio-list{
    display:grid
}

.portfolio-row{
    display:grid;
    grid-template-columns:1.25fr repeat(4,minmax(90px,.75fr));
    align-items:center;
    gap:10px;
    padding:10px 4px;
    border-top:1px solid rgba(101,145,202,.14)
}

.portfolio-row:first-child{
    border-top:0
}

.portfolio-row>span b,
.portfolio-row>span small{
    display:block
}

.portfolio-row small{
    color:var(--fc-muted);
    font-size:10px
}

.portfolio-row b{
    margin-top:2px;
    font-size:9px
}

.risk-list{
    display:grid;
    gap:7px
}

.risk-list>a{
    display:grid;
    grid-template-columns:5px 1fr auto;
    align-items:center;
    gap:9px;
    padding:9px;
    border:1px solid rgba(101,145,202,.14);
    border-radius:10px;
    color:var(--fc-text);
    background:rgba(10,24,45,.66);
    text-decoration:none
}

.risk-list>a>i{
    width:5px;
    height:28px;
    border-radius:999px
}

.risk-list>a>i.critical{background:var(--fc-negative)}
.risk-list>a>i.warning{background:var(--fc-warning)}

.risk-list span b,
.risk-list span small{
    display:block
}

.risk-list span b{
    font-size:9px
}

.risk-list span small{
    margin-top:2px;
    color:var(--fc-muted);
    font-size:10px
}

.risk-list em{
    color:var(--fc-soft);
    font-size:8px;
    font-style:normal
}

.positive{color:var(--fc-positive)!important}
.negative{color:var(--fc-negative)!important}
.warning{color:var(--fc-warning)!important}

.finance-loading{
    display:grid;
    min-height:420px;
    place-items:center;
    align-content:center;
    text-align:center
}

.finance-loading i{
    width:32px;
    height:32px;
    border:3px solid rgba(103,179,255,.2);
    border-top-color:#67b3ff;
    border-radius:50%;
    animation:fc-spin .8s linear infinite
}

.finance-loading h1{
    margin:12px 0 4px
}

.finance-loading p{
    color:var(--fc-muted)
}

@keyframes fc-spin{
    to{transform:rotate(360deg)}
}

@media(max-width:1250px){
    .finance-kpis{
        grid-template-columns:repeat(3,1fr)
    }

    .finance-kpis article{
        border-bottom:1px solid var(--fc-line)
    }

    .finance-main-grid{
        grid-template-columns:1fr 1fr
    }

    .health-panel{
        grid-column:1/-1
    }

    .finance-lower-grid{
        grid-template-columns:1fr
    }
}

@media(max-width:900px){
    .finance-hero{
        display:grid
    }

    .hero-net-worth{
        justify-items:start;
        padding:14px 0 0;
        border-top:1px solid var(--fc-line);
        border-left:0
    }

    .finance-data-strip,
    .finance-kpis,
    .finance-main-grid{
        grid-template-columns:1fr 1fr
    }

    .portfolio-row{
        grid-template-columns:1fr 1fr
    }
}

@media(max-width:600px){
    .finance-data-strip,
    .finance-kpis,
    .finance-main-grid{
        grid-template-columns:1fr
    }

    .hero-net-worth{
        min-width:0
    }

    .portfolio-row{
        grid-template-columns:1fr
    }
}


/* Finance Center readability pass */
.finance-center{
    font-size:14px
}

.finance-data-strip span,
.finance-kpis span,
.finance-kpis small,
.finance-panel header>small,
.allocation-list span,
.allocation-list em,
.liquidity-grid span,
.health-metrics span,
.coverage-meter>div,
.portfolio-row small,
.risk-list span small,
.risk-list em{
    font-size:11px
}

.finance-data-strip b,
.finance-kpis small,
.allocation-list b,
.liquidity-grid b,
.health-metrics b,
.portfolio-row b,
.risk-list span b{
    font-size:12px
}

.finance-panel h2{
    font-size:19px
}

.hero-copy p{
    font-size:14px;
    line-height:1.55
}

.hero-change{
    font-size:12px
}

.finance-kpis strong{
    font-size:23px
}

.portfolio-row{
    min-height:58px
}

.risk-list>a{
    min-height:52px
}

.data-audit-panel{
    display:grid;
    gap:12px
}

.data-audit-panel>header{
    margin-bottom:0
}

.data-audit-panel>header>b{
    padding:6px 10px;
    border:1px solid rgba(101,145,202,.2);
    border-radius:999px;
    background:rgba(10,24,45,.75);
    font-size:12px
}

.audit-summary{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:8px
}

.audit-summary>div{
    padding:12px;
    border:1px solid rgba(101,145,202,.15);
    border-radius:11px;
    background:rgba(10,24,45,.7)
}

.audit-summary span,
.audit-summary b{
    display:block
}

.audit-summary span{
    color:var(--fc-muted);
    font-size:11px
}

.audit-summary b{
    margin-top:4px;
    font-size:13px
}

.audit-issues{
    display:grid;
    gap:7px
}

.audit-issues>div{
    display:grid;
    grid-template-columns:7px minmax(0,1fr) auto;
    align-items:center;
    gap:11px;
    padding:11px 12px;
    border:1px solid rgba(242,189,98,.18);
    border-radius:11px;
    background:rgba(91,64,22,.13)
}

.audit-issues i{
    width:7px;
    height:34px;
    border-radius:999px;
    background:var(--fc-warning)
}

.audit-issues span b,
.audit-issues span small{
    display:block
}

.audit-issues span b{
    font-size:13px
}

.audit-issues span small{
    margin-top:3px;
    color:var(--fc-soft);
    font-size:11px;
    line-height:1.4
}

.audit-issues code{
    color:var(--fc-muted);
    font-size:9px;
    white-space:nowrap
}

.audit-success{
    padding:12px;
    border:1px solid rgba(66,214,164,.22);
    border-radius:11px;
    color:var(--fc-positive);
    background:rgba(26,91,70,.13);
    font-size:12px
}

@media(max-width:900px){
    .audit-summary{
        grid-template-columns:1fr 1fr
    }
}

@media(max-width:600px){
    .audit-summary{
        grid-template-columns:1fr
    }

    .audit-issues>div{
        grid-template-columns:7px 1fr
    }

    .audit-issues code{
        display:none
    }
}

.finance-history-panel{
    padding:18px
}

.finance-history-header{
    align-items:center!important
}

.finance-history-periods{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:5px
}

.finance-history-periods button{
    min-width:46px;
    padding:7px 10px;
    border:1px solid rgba(101,145,202,.2);
    border-radius:9px;
    color:var(--fc-soft);
    background:rgba(9,24,45,.76);
    font-size:11px;
    font-weight:700;
    cursor:pointer
}

.finance-history-periods button:hover{
    border-color:rgba(103,179,255,.48);
    color:#fff
}

.finance-history-periods button.active{
    border-color:rgba(103,179,255,.58);
    color:#fff;
    background:linear-gradient(
        125deg,
        rgba(45,131,228,.32),
        rgba(75,75,190,.24))
}

.finance-history-periods button:disabled{
    opacity:.55;
    cursor:default
}

.finance-history-summary{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:8px;
    margin-bottom:12px
}

.finance-history-summary>div{
    padding:10px 12px;
    border:1px solid rgba(101,145,202,.15);
    border-radius:10px;
    background:rgba(10,24,45,.65)
}

.finance-history-summary span,
.finance-history-summary b{
    display:block
}

.finance-history-summary span{
    color:var(--fc-muted);
    font-size:10px
}

.finance-history-summary b{
    margin-top:3px;
    font-size:13px
}

.finance-history-chart-wrap{
    position:relative;
    width:100%;
    height:330px;
    padding:10px;
    border:1px solid rgba(101,145,202,.16);
    border-radius:13px;
    background:
        linear-gradient(
            180deg,
            rgba(10,27,51,.82),
            rgba(5,15,30,.9))
}

.finance-history-chart-wrap canvas{
    width:100%!important;
    height:100%!important
}

.finance-history-legend{
    display:flex;
    flex-wrap:wrap;
    gap:16px;
    margin-top:11px;
    color:var(--fc-soft);
    font-size:11px
}

.finance-history-legend span{
    display:flex;
    align-items:center;
    gap:7px
}

.finance-history-legend span::before{
    width:18px;
    height:3px;
    border-radius:999px;
    content:""
}

.finance-history-legend .net-worth::before{
    background:#67b3ff
}

.finance-history-legend .investment::before{
    background:#42d6a4
}

.finance-history-legend .liquid::before{
    background:#f2bd62
}

.finance-history-state{
    display:grid;
    min-height:250px;
    place-items:center;
    align-content:center;
    gap:8px;
    padding:24px;
    border:1px dashed rgba(101,145,202,.22);
    border-radius:13px;
    color:var(--fc-soft);
    background:rgba(7,18,35,.56);
    text-align:center
}

.finance-history-state i{
    width:28px;
    height:28px;
    border:3px solid rgba(103,179,255,.18);
    border-top-color:#67b3ff;
    border-radius:50%;
    animation:fc-spin .8s linear infinite
}

.finance-history-state strong{
    font-size:18px
}

.finance-history-state p{
    max-width:520px;
    margin:0;
    color:var(--fc-muted);
    font-size:12px;
    line-height:1.55
}

.finance-history-state small{
    color:var(--fc-soft);
    font-size:11px
}

@media(max-width:900px){
    .finance-history-header{
        display:grid!important
    }

    .finance-history-periods{
        justify-content:flex-start
    }

    .finance-history-summary{
        grid-template-columns:1fr 1fr
    }

    .finance-history-chart-wrap{
        height:280px
    }
}

@media(max-width:600px){
    .finance-history-summary{
        grid-template-columns:1fr
    }

    .finance-history-chart-wrap{
        height:240px;
        padding:5px
    }
}

.finance-performance-strip{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px
}

.finance-performance-strip article{
    min-width:0;
    padding:11px 14px;
    border:1px solid var(--fc-line);
    border-radius:12px;
    background:rgba(7,18,35,.88)
}

.finance-performance-strip span,
.finance-performance-strip strong,
.finance-performance-strip small{
    display:block
}

.finance-performance-strip span{
    color:var(--fc-muted);
    font-size:10px
}

.finance-performance-strip strong{
    margin-top:4px;
    font-size:16px
}

.finance-performance-strip small{
    margin-top:2px;
    color:var(--fc-soft);
    font-size:10px
}

.muted-value{
    color:var(--fc-muted)!important
}

.finance-history-single-note{
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:10px;
    padding:9px 11px;
    border:1px solid rgba(242,189,98,.24);
    border-radius:10px;
    color:var(--fc-soft);
    background:rgba(103,76,22,.14);
    font-size:10px
}

.finance-history-single-note b{
    color:var(--fc-warning)
}

.finance-history-insights{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
    margin-top:12px
}

.finance-history-insights article{
    padding:11px 12px;
    border:1px solid rgba(101,145,202,.15);
    border-radius:10px;
    background:rgba(10,24,45,.64)
}

.finance-history-insights span,
.finance-history-insights b,
.finance-history-insights small{
    display:block
}

.finance-history-insights span{
    color:var(--fc-muted);
    font-size:10px
}

.finance-history-insights b{
    margin-top:4px;
    font-size:14px
}

.finance-history-insights small{
    margin-top:2px;
    color:var(--fc-soft);
    font-size:10px
}

/* Portföy ve risk panelini masaüstünde kesin olarak yan yana tutar. */
.finance-lower-grid{
    grid-template-columns:minmax(0,1.48fr) minmax(330px,.52fr)!important;
    align-items:start
}

.finance-lower-grid>.portfolio-panel,
.finance-lower-grid>.risk-panel{
    grid-column:auto!important;
    min-width:0
}

.finance-lower-grid .portfolio-row{
    grid-template-columns:minmax(160px,1.2fr) repeat(4,minmax(82px,.7fr));
    gap:7px;
    padding:8px 2px
}

.finance-lower-grid .portfolio-row b{
    font-size:10px
}

.finance-lower-grid .portfolio-row small{
    font-size:9px
}

.finance-lower-grid .risk-list>a{
    padding:8px
}

.finance-lower-grid .risk-list span b{
    font-size:10px
}

.finance-lower-grid .risk-list span small{
    font-size:9px;
    line-height:1.35
}

@media(max-width:1100px){
    .finance-lower-grid{
        grid-template-columns:1fr!important
    }

    .finance-performance-strip,
    .finance-history-insights{
        grid-template-columns:1fr 1fr
    }
}

@media(max-width:600px){
    .finance-performance-strip,
    .finance-history-insights{
        grid-template-columns:1fr
    }

    .finance-history-single-note{
        display:grid
    }
}

/* Finans Merkezi son okunabilirlik düzenlemesi */
.finance-center{
    font-size:14px
}

.hero-copy>span,
.finance-panel header>div>span{
    font-size:12px
}

.hero-copy p{
    font-size:15px
}

.hero-net-worth>small{
    font-size:11px
}

.hero-change{
    font-size:13px
}

.finance-data-strip span{
    font-size:12px
}

.finance-data-strip b{
    font-size:14px
}

.finance-kpis span{
    font-size:12px
}

.finance-kpis strong{
    font-size:24px
}

.finance-kpis small{
    font-size:12px;
    line-height:1.45
}

.finance-panel h2{
    font-size:20px
}

.finance-panel header>small,
.finance-panel header>a{
    font-size:12px
}

.allocation-list span,
.allocation-list em{
    font-size:12px
}

.allocation-list b{
    font-size:14px
}

.liquidity-total small,
.liquidity-grid span,
.health-metrics span,
.coverage-meter>div{
    font-size:12px
}

.liquidity-total strong{
    font-size:24px
}

.liquidity-grid b,
.health-metrics b{
    font-size:14px
}

.health-score small{
    font-size:12px
}

.portfolio-row small,
.finance-lower-grid .portfolio-row small{
    font-size:11px
}

.portfolio-row b,
.finance-lower-grid .portfolio-row b{
    font-size:12px
}

.risk-list span b,
.finance-lower-grid .risk-list span b{
    font-size:12px
}

.risk-list span small,
.finance-lower-grid .risk-list span small{
    font-size:11px;
    line-height:1.45
}

.risk-list em{
    font-size:10px
}

.finance-performance-strip span,
.finance-history-summary span,
.finance-history-insights span{
    font-size:12px
}

.finance-performance-strip strong{
    font-size:18px
}

.finance-performance-strip small,
.finance-history-summary small,
.finance-history-insights small{
    font-size:11px
}

.finance-history-summary b{
    font-size:15px
}

.finance-history-insights b{
    font-size:15px
}

.finance-history-periods button{
    min-width:52px;
    padding:8px 11px;
    font-size:12px
}

.finance-history-single-note{
    font-size:12px
}

.finance-history-legend{
    font-size:12px
}

.finance-history-state p{
    font-size:13px
}

.finance-history-state small{
    font-size:12px
}

.audit-summary span{
    font-size:12px
}

.audit-summary b{
    font-size:13px
}

.audit-issues b{
    font-size:12px
}

.audit-issues small{
    font-size:11px;
    line-height:1.45
}

.audit-issues code{
    font-size:10px
}

@media(max-width:1100px){
    .finance-lower-grid .portfolio-row{
        grid-template-columns:minmax(145px,1.15fr)
            repeat(4,minmax(78px,.7fr))
    }
}

/* ===== FINANCE PERFORMANCE FINAL V2 ===== */

.finance-performance-strip{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:8px !important;
}

@media(max-width:1100px){
    .finance-performance-strip{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}

@media(max-width:600px){
    .finance-performance-strip{
        grid-template-columns:1fr !important;
    }
}