@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
body{

background: #f8f9fb;

}

:root{

    --bg:#F7F8FA;

    --card:#FFFFFF;

    --text:#111827;

    --subtext:#6B7280;

    --border:#E5E7EB;

    --primary:#2563EB;

    --success:#16A34A;

    --warning:#F59E0B;

    --danger:#DC2626;

}

*{

    margin:0;

    padding:0;

    box-sizing:border-box;

}

body{

    font-family:'Inter',sans-serif;

    background:var(--bg);

    color:var(--text);

}
.card{

border-radius:20px;

box-shadow:
0 8px 30px rgba(0,0,0,.04);

}

.card h2{

font-weight:bold;

}

table{

background:white;

}

#risk-distribution-chart{
    height:250px !important;
}

#top-quality-chart{
    height:250px !important;
}

.navbar{

    background:white !important;

    border-bottom:1px solid var(--border);

    box-shadow:0 2px 15px rgba(0,0,0,.04);

}

.navbar-brand{

    color:var(--text)!important;

    font-weight:700;

    letter-spacing:-0.5px;

}

.nav-link{

    color:var(--subtext)!important;

    font-weight:500;

    transition:.25s;

}

.nav-link:hover{

    color:var(--primary)!important;

}

.card:hover{

    transform:translateY(-4px);

    box-shadow:

    0 18px 40px rgba(0,0,0,.08);

}

.btn{

    border-radius:14px;

    font-weight:600;

    padding:10px 18px;

}

h2{

    font-size:1.5rem;

    font-weight:700;

    margin-bottom:25px;

}

.user-pill{

    background: #dfe2ed;

    color: #345759;

    padding:8px 16px;

    border-radius:50px;

    font-weight:600;

}