@import url('../../default/assets/style.css');

:root {
    --bg: #fff;
    --sidebar-bg: #f8f9fa;
    --accent: #6c5ce7;
    --text: #2d3436;
    --border: #dfe6e9;
}

body {
    background: var(--bg);
    color: var(--text);
}

.sidebar-left {
    width: 60px !important;
    background: var(--sidebar-bg);
    border-right: 1px solid var(--border);
    transition: width 0.3s;
    overflow: hidden;
}

.sidebar-left:hover {
    width: 200px !important;
}

.side-niche-link {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    text-decoration: none;
    color: var(--text);
}

.side-niche-link:hover {
    background: var(--accent);
    color: #fff;
}

.video-card {
    border: 1px solid var(--border);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}