html, body {
    height: 100%;
}
body { 
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 
    background-color: #f8f9fa; 
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
body.login {
    background: linear-gradient(135deg, #1f2937, #0f172a);
    color: #fff;
    justify-content: center;
}
#mainFooter {
    margin-top: auto;
}
.navbar-brand { 
    font-weight: bold; 
    font-size: 1.3rem; 
}
.navbar-brand .brand-logo {
    height: 32px;
    width: auto;
}
.navbar-brand .brand-logo.d-none { display: none !important; }
.card { 
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); 
    border: none; 
    margin-bottom: 1.5rem; 
}
.btn { 
    border-radius: 6px; 
}
.table { 
    background: white; 
}
h1, h2, h3 { 
    color: #333; 
}
:root {
    --primary-bg: #343a40;
    --secondary-bg: #f8f9fa;
    --accent-color: #0d6efd;
    --header-bg: var(--primary-bg);
    --footer-bg: var(--primary-bg);
}
body[data-theme="light"] {
    --primary-bg: #343a40;
    --secondary-bg: #f8f9fa;
    --accent-color: #0d6efd;
}
body[data-theme="dark"] {
    --primary-bg: #111827;
    --secondary-bg: #0f172a;
    --accent-color: #38bdf8;
    background-color: var(--secondary-bg);
    color: #e2e8f0;
}
.navbar.bg-dark { background-color: var(--header-bg) !important; }
footer.bg-dark { background-color: var(--footer-bg) !important; }