:root {
    --primary: #7adf2f;
    --primary-dark: #67c327;
    --accent-warm: #7adf2f;
    --bg: #0b1016;
    --bg-soft: #121923;
    --card: rgba(14, 19, 27, 0.96);
    --text: #e8edf6;
    --muted: #9aa7bc;
    --border: rgba(255, 255, 255, 0.12);
}

body {
    background:
        radial-gradient(1200px 420px at 80% -20%, rgba(122, 223, 47, 0.08), transparent 65%),
        linear-gradient(180deg, #0d1218 0%, #0b1016 50%, #0c1118 100%);
    color: var(--text);
}

.main-container {
    max-width: 1400px;
}

.page-title {
    color: var(--text);
    letter-spacing: 0.5px;
}

.page-description {
    color: var(--muted);
}

.sidebar,
.content,
.product-card,
.cart-items,
.cart-summary,
.application-type-card,
.user-applications-section,
.team-card,
.info-card,
.user-application-item {
    background: linear-gradient(180deg, rgba(14, 19, 27, 0.97) 0%, rgba(12, 17, 25, 0.98) 100%);
    border: 1px solid var(--border);
    border-radius: 4px !important;
}

.category-tab,
.product-buy-btn,
.checkout-btn,
.sidebar-menu-item a,
.info-card-icon,
.cart-item-image,
.user-balance-info,
.user-bar,
.btn-gradient,
.btn-gradient-transparent,
.header-lang-wrap,
.cart-icon-btn,
.slider-dash,
.footer-setting-btn,
.footer-social-link {
    border-radius: 4px !important;
}

.sidebar-role-badge,
.team-card-role,
.user-application-status {
    border-radius: 4px !important;
}

.sidebar-menu-item a.active,
.sidebar-menu-item a:hover {
    background: rgba(122, 223, 47, 0.12);
    color: #b5ff7f;
}

.category-tab.active {
    background: var(--primary);
    border-color: var(--primary);
    color: #0d1016;
}

.category-tab:hover {
    border-color: var(--primary);
    color: #b5ff7f;
}

.product-price-current,
.cart-item-price {
    color: var(--primary);
}

.product-buy-btn,
.checkout-btn {
    background: linear-gradient(90deg, var(--primary-dark), var(--primary));
    color: #0d1016;
}

.product-buy-btn:hover,
.checkout-btn:hover {
    filter: brightness(1.04);
}

.team-card:hover,
.application-type-card:hover {
    border-color: rgba(122, 223, 47, 0.65);
    box-shadow: 0 14px 34px rgba(122, 223, 47, 0.12);
}

.support-table thead,
.summary-row.total {
    background: rgba(255, 255, 255, 0.02);
}