:root {
    --primary: #007bff;
    --primary-dark: #0056b3;
    --bg-main: #f4f7f6;
    --bg-card: #ffffff;
    --text-main: #2d3436;
    --sidebar-bg: #002d5b;
    --white: #ffffff;
    /* From Index */
    --sidebar-blue: #001f3f;
    --accent-blue: #007bff;
    --bg-light: #f4f7f6;
    --text-gray: #d1d8e0;
}

[data-theme="dark"] {
    --bg-main: #0b0e14;
    --bg-card: #1a1f2b;
    --text-main: #e9ecef;
    --sidebar-bg: #001529;
}

* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Inter', 'Segoe UI', sans-serif; }

body { 
    background-color: var(--bg-light); 
    color: var(--text-main); 
    overflow-x: hidden; 
    display: flex; 
    margin: 0; 
    min-height: 100vh; 
}

.dashboard-wrapper { display: flex; min-height: 100vh; width: 100%; }

main { flex-grow: 1; display: flex; flex-direction: column; overflow-x: hidden; }

.nav-sum {
    background: #ff4757;
    color: white;
    margin-left: auto;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: bold;
}