.otomates-sidebar {
    font-family: "Kumbh Sans", system-ui, sans-serif;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(247, 250, 254, 0.98) 100%);
    border-right: 1px solid rgba(213, 222, 234, 0.96);
    box-shadow: 10px 0 28px rgba(18, 31, 45, 0.05);
}

.otomates-sidebar-shell {
    gap: 18px;
    padding: 22px 18px 20px;
}

.otomates-sidebar-brand {
    padding: 4px 8px;
}

.otomates-sidebar-brand .oto-brand-wordmark {
    width: 184px;
    max-width: 100%;
    height: auto;
}

.otomates-sidebar-actions,
.otomates-sidebar-auth {
    display: grid;
    gap: 10px;
}

.otomates-sidebar-auth {
    margin-top: auto;
}

.otomates-sidebar-btn,
.otomates-sidebar-user {
    width: 100%;
}

.otomates-sidebar-btn {
    color: #2a3649;
}

.otomates-sidebar-btn:hover,
.otomates-sidebar-btn:focus-visible {
    color: #18202d;
}

.otomates-sidebar .oto-app-link-current {
    background: rgba(47, 127, 167, 0.1);
    border-color: rgba(47, 127, 167, 0.12);
}

.otomates-sidebar .oto-app-link-current:hover,
.otomates-sidebar .oto-app-link-current:focus-visible {
    background: rgba(47, 127, 167, 0.14);
}

.otomates-sidebar .oto-app-link-primary {
    color: #ffffff;
    background: linear-gradient(135deg, #55b4df 0%, #f0a8df 100%);
    border-color: transparent;
    box-shadow: 0 12px 26px rgba(85, 180, 223, 0.18);
}

.otomates-sidebar .oto-app-link-primary:hover,
.otomates-sidebar .oto-app-link-primary:focus-visible {
    color: #ffffff;
    background: linear-gradient(135deg, #43a9d8 0%, #eb97d7 100%);
}

.otomates-sidebar .oto-app-link-secondary {
    color: #3b4b62;
    background: rgba(255, 255, 255, 0.92);
    border-color: rgba(201, 212, 226, 0.95);
}

.otomates-sidebar .oto-app-link-secondary:hover,
.otomates-sidebar .oto-app-link-secondary:focus-visible {
    background: #ffffff;
    border-color: rgba(85, 180, 223, 0.34);
}

.otomates-sidebar-user {
    background: rgba(247, 250, 254, 0.98);
    border-color: rgba(213, 222, 234, 0.96);
}

.otomates-sidebar .oto-user-name {
    color: #1b2432;
}

@media (max-width: 980px) {
    .otomates-sidebar {
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(247, 250, 254, 0.98) 100%);
        border-bottom: 1px solid rgba(213, 222, 234, 0.96);
    }
}

@media (max-width: 720px) {
    .otomates-sidebar-brand .oto-brand-wordmark {
        width: 160px;
    }

    .otomates-sidebar-shell {
        padding: 16px;
    }
}