:root {
            --c-bg: #f8fafc;
            --c-card: #ffffff;
            --c-text: #0f172a;
            --c-muted: #475569;
            --c-border: #e2e8f0;
            --c-blue: #007bff;
            --c-blue-hover: #1a8cff;
            --c-row-alt: #f1f5f9;
            --c-input-bg: #ffffff;
            --sidebar-width: 260px;
            --sidebar-collapsed-width: 80px;
            --dropdown-hover: #cfe2ff;
        }

        body.dark {
            --c-bg: #070711;
            --c-card: #111122;
            --c-text: #f8fafc;
            --c-muted: rgba(196, 181, 253, .65);
            --c-border: rgba(255, 255, 255, .1);
            --c-row-alt: rgba(255, 255, 255, .03);
            --c-input-bg: rgba(255, 255, 255, .05);
            --dropdown-hover: rgba(255, 255, 255, .08);
            --page-bg: radial-gradient(circle at 20% 20%, rgba(96, 165, 250, .15), transparent 35%), linear-gradient(135deg, #070711, #111122);
        }

        body {
            font-family: 'Plus Jakarta Sans', sans-serif;
            background: var(--c-bg);
            color: var(--c-text);
            transition: all 0.3s ease;
            min-height: 100vh;
            display: flex;
            overflow-x: hidden;
        }

        body.dark {
            background: var(--page-bg);
        }