:root{
    --primary-color: #7c4dff;
    --primary-light: #a78bfa;
    --primary-dark: #4338ca;
    --success-color: #12c99b;
    --warning-color: #f59e0b;
    --danger-color: #ef4444;
    --info-color: #365cff;
    --text-primary: #111827;
    --text-regular: #334155;
    --text-secondary: #64748b;
    --border-color: #e4e8f5;
    --background-color: #f8f9ff;
    --shadow-color: rgba(124, 77, 255, 0.3);
    --bg-color: #f5f7ff;
    --card-bg: #ffffff;

    --page-gradient:
        radial-gradient(circle at 18% 10%, rgba(255, 58, 168, 0.16), transparent 28%),
        radial-gradient(circle at 86% 14%, rgba(54, 92, 255, 0.16), transparent 30%),
        linear-gradient(135deg, #f8f9ff 0%, #f2f5ff 48%, #eef2ff 100%);

    --sidebar-gradient:
        linear-gradient(180deg, #17126d 0%, #241f8f 52%, #14185f 100%);

    --button-gradient:
        linear-gradient(135deg, #ff3aa8 0%, #8a3dff 48%, #365cff 100%);

    --button-hover-gradient:
        linear-gradient(135deg, #ff56b6 0%, #9858ff 48%, #4c6dff 100%);

    --button-active-gradient:
        linear-gradient(135deg, #df258f 0%, #7130de 48%, #2949d8 100%);
}

#full-layout{background:radial-gradient(circle at 18% 10%, rgba(255, 58, 168, 0.16), transparent 28%), radial-gradient(circle at 86% 14%, rgba(54, 92, 255, 0.16), transparent 30%),linear-gradient(135deg, #f8f9ff 0%, #f2f5ff 48%, #eef2ff 100%)!important;}
#left-layout{background: linear-gradient(135deg, #df258f 0%, #7130de 48%, #2949d8 100%)!important;}
.content-area{background:radial-gradient(circle at 18% 10%, rgba(255, 58, 168, 0.16), transparent 28%),radial-gradient(circle at 86% 14%, rgba(54, 92, 255, 0.16), transparent 30%), linear-gradient(135deg, #f8f9ff 0%, #f2f5ff 48%, #eef2ff 100%)!important;}