:root {
    --primary: #2563eb;
    --danger: #dc2626;
    --success: #16a34a;
    --dark: #1e293b;
}

body { font-family: 'Inter', sans-serif; margin: 0; background: #f8fafc; }

.layout { display: flex; min-height: 100vh; }

.sidebar { 
    width: 250px; 
    background: var(--dark); 
    color: white; 
    padding: 20px;
}

.content { flex: 1; padding: 30px; }

.card {
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.btn {
    padding: 10px 20px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    background: var(--primary);
    color: white;
}