/* Global reset and variables */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

:root {
    --primary: #8b5cf6;
    --primary-dark: #7c3aed;
    --secondary: #0f172a;
    --accent: #f97316;
    --light: #f8fafc;
    --gray: #94a3b8;
    --dark-gray: #64748b;
    --success: #10b981;
    --card-bg: #ffffff;
    --border: #e2e8f0;
    --error: #ef4444;
    --sidebar-width: 260px;
}

body {
    background-color: #f1f5f9;
    color: var(--secondary);
    display: flex;
    min-height: 100vh;
}

/* Basic helpers */
.btn { cursor: pointer; }
.nav-text { vertical-align: middle; }