body { font-family: 'Segoe UI', Tahoma, sans-serif; background: #121212; color: #ffffff; margin: 2rem; }

.dashboard { display: flex; gap: 2rem; }

.card { background: #1e1e1e; padding: 1.5rem; border-radius: 8px; box-shadow: 0 4px 10px rgba(0,0,0,0.5); }

button { background: #6200ea; color: #fff; border: none; padding: 10px 15px; border-radius: 4px; cursor: pointer; margin: 5px; font-weight: bold;}

button:hover { background: #3700b3; }

canvas { border-radius: 4px; border: 1px solid #333; image-rendering: pixelated;}

.highlight { font-weight : bold; color: #03dac6; }

.success { color: #03da64; }

.warning { color: #cf780e; }

.error { color: #cb2b48; }