:root {
    --tip-primary: #0d6efd;
    --tip-accent: #20c997;
    --tip-dark: #0b1220;
}

body.tip-app {
    background: #f4f7fb;
    color: #1a2332;
}

.tip-navbar {
    background: linear-gradient(90deg, #0b1220 0%, #152238 100%) !important;
}

.tip-hero {
    background: radial-gradient(circle at top right, rgba(32, 201, 151, 0.15), transparent 50%),
        linear-gradient(180deg, #ffffff 0%, #eef3fa 100%);
}

.tip-content img {
    max-width: 100%;
    height: auto;
}

.tip-ai-chat {
    min-height: 420px;
    display: flex;
    flex-direction: column;
}

.tip-ai-messages {
    flex: 1;
    overflow-y: auto;
    max-height: 360px;
    background: #f8fafc;
}

.tip-ai-bubble {
    padding: 0.65rem 0.9rem;
    border-radius: 0.75rem;
    max-width: 85%;
}

.tip-ai-user {
    background: var(--tip-primary);
    color: #fff;
    margin-left: auto;
}

.tip-ai-assistant {
    background: #e9ecef;
    color: #212529;
}

.tip-admin-sidebar {
    width: 240px;
    min-height: 100vh;
}

.tip-admin .nav-link:hover {
    color: #fff !important;
}

@media (max-width: 768px) {
    .tip-admin-sidebar {
        width: 100%;
        min-height: auto;
    }
}