body::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 12% 16%, rgba(168, 85, 247, 0.12), transparent 28%),
        radial-gradient(circle at 82% 12%, rgba(236, 72, 153, 0.1), transparent 24%),
        radial-gradient(circle at 65% 86%, rgba(99, 102, 241, 0.12), transparent 24%);
    z-index: 0;
}

.main-content {
    max-width: calc(100vw - 290px);
}

.page-header {
    position: relative;
    padding-bottom: 18px;
}

.page-header::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 180px;
    height: 1px;
    background: linear-gradient(90deg, rgba(255,255,255,0), rgba(168, 85, 247, 0.5), rgba(255,255,255,0));
}

.stat-card,
.coupon-card,
.card,
.orders-table,
.modal-box,
.sidebar .user-info,
.stat-box,
.table-wrap,
.form-card {
    box-shadow: 0 30px 80px rgba(2, 0, 12, 0.4);
}

.stat-card::after,
.coupon-card::after,
.card::after,
.sidebar .user-info::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(255,255,255,0.04), transparent 32%);
    pointer-events: none;
}

.orders-table th,
.orders-table td,
table th,
table td {
    border-color: rgba(255,255,255,0.06) !important;
}

.orders-table tr:hover td,
table tbody tr:hover td {
    background: rgba(168, 85, 247, 0.06);
}

.btn-add,
.btn-submit,
button[type="submit"],
.mobile-menu-btn {
    box-shadow: 0 18px 36px rgba(168, 85, 247, 0.22);
}

.btn-add:hover,
.btn-submit:hover,
button[type="submit"]:hover {
    transform: translateY(-2px);
}

input,
select,
textarea {
    background: rgba(7, 5, 15, 0.5) !important;
    border-color: rgba(255,255,255,0.08) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
}

input:focus,
select:focus,
textarea:focus {
    border-color: rgba(168, 85, 247, 0.4) !important;
    box-shadow: 0 0 0 4px rgba(168, 85, 247, 0.12) !important;
}

.sidebar nav ul li a {
    min-height: 44px;
}

.sidebar nav ul li a.active,
.sidebar nav ul li a:hover {
    backdrop-filter: blur(10px);
}

@media (max-width: 1024px) {
    .main-content {
        max-width: 100vw;
    }
}