.custom-tab {
    width: 100%;
    overflow: hidden;
}

.custom-tab-nav {
    display: flex;
    gap: 8px;
    padding: 6px;
    overflow: auto;
    border-radius: 16px;
}

.custom-tab-btn {
    padding: 10px 18px;
    border-radius: 12px;
    cursor: pointer;
    font-size: 14px;
    white-space: nowrap;
    border: 1px solid transparent;
    background: none;
    transition: all .3s ease;
}

    .custom-tab-btn.active {
        background: linear-gradient(135deg, #4f46e5, #6366f1);
        color: #fff;
    }

[data-theme="dark"] .custom-tab-btn {
    color: #fff;
}

.custom-tab-content {
    margin-top: 12px;
    position: relative;
}

.custom-tab-panel {
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(12px) scale(0.97);
    filter: blur(2px);
    transition: all .45s cubic-bezier(0.25, 0.1, 0.25, 1);
}

    .custom-tab-panel.active {
        position: relative;
        opacity: 1;
        visibility: visible;
        transform: translateY(0) scale(1);
        filter: blur(0);
    }

.custom-tab-panel-inner {
    padding: 22px;
    border-radius: 18px;
    border: 1px solid #e8e8e8;
    box-shadow: 0 3px 6px rgba(0,0,0,0.04);
}