:root {
    --coffee-brown: #6f4e37;
    --coffee-cream: #f5e5d4;
    --coffee-dark: #2d1b0f;
    --coffee-gold: #b58b4d;
    --coffee-white: #ffffff;
    --coffee-black: #1a1a1a;
}

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background: linear-gradient(180deg, #f7f0e6 0%, #fffefb 100%);
    color: var(--coffee-dark);
    min-height: 100vh;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

.card {
    background: var(--coffee-cream);
    border: 1px solid rgba(111, 78, 55, 0.16);
    border-radius: 18px;
    box-shadow: 0 12px 30px rgba(45, 27, 15, 0.08);
}

.btn-primary {
    background-color: var(--coffee-brown);
    border-color: var(--coffee-brown);
}

.btn-primary:hover,
.btn-secondary:hover {
    opacity: 0.92;
}

.navbar, .sidebar {
    background: var(--coffee-dark);
}

.sidebar {
    min-height: 100vh;
    color: var(--coffee-cream);
}

.sidebar a {
    color: var(--coffee-cream);
}

.sidebar a.active,
.sidebar a:hover {
    background: rgba(255, 255, 255, 0.08);
    color: var(--coffee-white);
}

.table thead {
    background: rgba(111, 78, 55, 0.1);
}

.badge-coffee {
    background: var(--coffee-brown);
    color: var(--coffee-cream);
}

.footer {
    text-align: center;
    padding: 14px 0;
    font-size: 0.95rem;
    color: #5a4739;
}

@media (max-width: 991px) {
    .sidebar {
        min-height: auto;
    }
}