/* Reset and Base Styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    color: #ffffff;
    height: 100vh;
    overflow: hidden;
}

.container {
    display: flex;
    height: 100vh;
}

/* Color Classes */
.color-blue { background: #3b82f6; }
.color-purple { background: #a855f7; }
.color-orange { background: #f97316; }
.color-green { background: #10b981; }
.color-pink { background: #ec4899; }
.color-yellow { background: #eab308; }
.color-cyan { background: #06b6d4; }
.color-indigo { background: #6366f1; }
.color-red { background: #ef4444; }

/* Responsive */
@media (max-width: 768px) {
    .sidebar {
        position: absolute;
        z-index: 100;
        height: 100%;
    }
    .search-box input {
        width: 150px;
    }
}