:root 
    {
        --light:#f0eee8;
        --gold:#E0C051;
        --dark:#212529; 
    }
    * 
    { 
        box-sizing: border-box; 
    }
    body 
    { 
        margin:0;
        font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
        background:#0f1115; 
        color:#e6e6e6; 
    }
    header
    { 
        padding: 0px 0px; 
        display:flex; 
        align-items:center; 
        gap:16px; 
        border-bottom:1px solid #222; 
        position: relative;
        font-size: 30px;
    }
    .logo 
    { 
        width:50px; 
        height:50px; 
        border-radius:10px; 
        background: linear-gradient(135deg, var(--light), var(--gold)); 
    }
    .brand 
    { 
        font-weight:800; 
        letter-spacing:0.3px; 
    }
    main 
    { 
        padding: 20px 24px; 
        max-width: 1100px; 
        margin: 0 auto; 
    }
    .card 
    { 
        background:#151922; 
        border:1px solid #222735; 
        border-radius:12px; 
        padding:16px; 
        box-shadow: 0 6px 20px rgba(61, 63, 66, 0.25); 
    }
    .row 
    { 
        display:grid; 
        grid-template-columns: 280px 1fr; 
        gap:16px; 
    }
    select, button 
    { 
        background:#0f131a; 
        color:#e6e6e6; 
        border:1px solid #2a3242; 
        border-radius:10px; 
        padding:10px 12px; 
    }
    .grid 
    { 
        display:grid; 
        grid-template-columns: 1fr; 
        gap:16px; 
    }
    .stats 
    { 
        display:grid; 
        grid-template-columns: repeat(3, 1fr); 
        gap:12px; 
    }
    .stat 
    { 
        background:#0f131a; 
        border:1px solid #2a3242; 
        border-radius:12px; 
        padding:12px; 
    }
    .muted 
    { 
        color:#9aa3b2; 
    }
    a 
    { 
        color: var(--gold); 
        text-decoration: none; 
    }
    .muted small 
    { 
        display:block; 
        margin-top:6px;
    }