body {
    background: #F1F5F9 !important;
    position: relative;
    color: #1E293B;
    font-size: 14px;
    font-weight: 400;
    overflow-x: hidden;
    overflow-y: auto !important;
}

p { margin: 0 !important; }
a { cursor: pointer; }
html { scroll-behavior: smooth !important; }

*::-webkit-scrollbar { width: 5px; height: 5px; }
*::-webkit-scrollbar-track { margin: 7px 0; border-radius: 20px; }
*::-webkit-scrollbar-thumb { background: #CBD5E1; border-radius: 20px; }
*::-webkit-scrollbar-thumb:hover { background: #94A3B8; }
::selection { background: var(--brand-500); color: #fff; }

.icon-14 { width: 14px; height: 14px; }
.icon-16 { width: 16px; height: 16px; }
.icon-18 { width: 18px; height: 18px; }
.icon-20 { width: 20px; height: 20px; }
.icon-24 { width: 24px; height: 24px; }
.icon-40 { width: 40px; height: 40px; }

.text-1-line { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; }
.text-2-lines { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }

.h-100 { height: 100vh !important; }
.no-wrap { white-space: nowrap; }
.cursor-default { cursor: default !important; }
.cursor-pointer { cursor: pointer !important; }
.hide { display: none !important; }
.bg-secondary { background-color: #F1F5F9 !important; }
.max-width-400 { max-width: 400px !important; }

.loading { display: flex; justify-content: center; align-items: center; margin-top: 0.5rem !important; }

.general-cards { display: flex; flex-direction: row; flex-wrap: wrap; gap: 24px; width: 100%; }
.general-card {
    display: flex; flex-direction: column; flex: 1 1 calc(33.333% - 16px);
    min-width: 280px; padding: 24px; border-radius: 16px; background: #fff;
    gap: 12px; justify-content: center; align-items: center;
    border: 1px solid var(--border-neutral-primary);
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.general-card:hover { box-shadow: var(--shadow-md); transform: translateY(-1px); }