@tailwind base;
@tailwind components;
@tailwind utilities;


body {
    background-color: white; 
}

.status-indicator { display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 8px; }
.offline { background: #dc3545; }
.connecting { background: #ffc107; }
.online { background: #28a745; }
.upload-area { border: 3px dashed #ddd; padding: 40px; text-align: center; margin: 20px 0; border-radius: 10px; transition: all 0.3s; }
.upload-area.dragover { border-color: #007acc; background: #f0f8ff; }