:root {
    --primary-color: #0C941B; /* green */
    --secondary-color: #000000; /* Black */
    --accent-color: #D44D04; /* orange */
    --white: #FFFFFF;
}

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    background-color: #f4f7f6;
    color: #333;
}

.bg-primary-custom { background-color: var(--primary-color) !important; }
.text-primary-custom { color: var(--primary-color) !important; }
.btn-primary-custom { background-color: var(--primary-color); color: var(--white); border: none; transition: 0.3s; }
.btn-primary-custom:hover { background-color: #3a0066; color: var(--white); transform: translateY(-2px); }

.sidebar {
    min-height: 100vh;
    background-color: var(--secondary-color);
    color: var(--white);
    z-index: 1000;
}

.sidebar .nav-link {
    color: #080100;
    padding: 12px 20px;
    border-radius: 5px;
    margin: 5px 10px;
}

.sidebar .nav-link:hover, .sidebar .nav-link.active {
    color: var(--white);
    background-color: var(--primary-color);
}

.landing-hero {
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color);
    color: var(--white);
    padding: 120px 0;
}

.card { border-radius: 15px; overflow: hidden; }

/* Chat Bubbles */
.chat-msg { margin-bottom: 15px; max-width: 80%; padding: 10px 15px; border-radius: 15px; }
.chat-msg.sent { background: var(--primary-color); color: #fff; margin-left: auto; border-bottom-right-radius: 2px; }
.chat-msg.received { background: #e9ecef; color: #333; margin-right: auto; border-bottom-left-radius: 2px; }

@media (max-width: 768px) {
    .sidebar { min-height: auto; position: fixed; width: 100%; bottom: 0; left: 0; height: 60px; display: flex; flex-direction: row; justify-content: space-around; padding: 0; }
    .sidebar .nav-link { margin: 0; padding: 10px; font-size: 12px; text-align: center; }
    .sidebar .nav-link i { display: block; font-size: 18px; }
    .sidebar h4 { display: none; }
    main { margin-bottom: 70px; }
}