:root {
    --e-card-border: rgba(44,143,255,0.20);
    --e-shadow: 0 8px 24px rgba(0,0,0,0.25);
}

.light-theme {
    --e-card-border: rgba(33,97,255,0.20);
    --e-shadow: 0 10px 24px rgba(20,35,70,0.12);
}


header {
    backdrop-filter: saturate(140%) blur(8px);
}


.section, .profile-header, .stat-card, .login-container, .avatar-upload-container, .modal-content {
    border-radius: 12px;
    border: 1px solid var(--e-card-border);
    box-shadow: var(--e-shadow);
}

.head { 
    border-bottom: 1px solid var(--e-card-border);
    font-weight: 700;
}


.submit-button {
    border: 1px solid var(--e-card-border);
    border-radius: 12px;
    box-shadow: 0 4px 14px rgba(0,0,0,0.18);
    transition: transform .12s ease, background-color .2s ease, color .2s ease;
}
.hover-effect:hover { transform: translateY(-2px); }


.modal-input, .login-container input, .admin-search-form input, input[type="text"], input[type="number"], input[type="file"], select, textarea {
    border-radius: 12px;
    border: 1px solid var(--e-card-border);
    box-shadow: 0 2px 10px rgba(0,0,0,0.15);
}
.search-input:focus, .modal-input:focus, .login-container input:focus, .admin-search-form input:focus, input:focus, select:focus, textarea:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(44,143,255,0.22);
}
.light-theme .search-input:focus, .light-theme .modal-input:focus, .light-theme .login-container input:focus, .light-theme .admin-search-form input:focus, .light-theme input:focus, .light-theme select:focus, .light-theme textarea:focus {
    box-shadow: 0 0 0 3px rgba(33,97,255,0.18);
}


table { border-collapse: collapse; }
th, td { border-bottom: 1px solid var(--e-card-border); }
th { font-weight: 700; }


.avatar { border-radius: 10px; }
.avatar-wrapper img { border-radius: 12px; }


.rank-badge { border-radius: 999px; font-weight: 700; }
.status.online { background-color: #29d466; }
.status.offline { background-color: #ff5e43; }